Cara Memasang Widget Recent Post di Blog ..

Untuk menambahkan Widget Recent Comment ini, anda cukup memasukkan kode berikut pada kotak HTML/JavaScript Blog anda. Jika anda belum mengetahui cara menambahkan widget sebaiknya baca dulu 1. CARA MENMBAHKAN WIDGET 
Berikut Kodenya :

<script style="text/javascript" src="https://sites.google.com/site/bloggerbugis/js/RecentComments4U.js"></script>

<script style="text/javascript">

var numcomments = 5;

var showcommentdate = true;

var showposttitle = true;

var numchars = 100;

var standardstyling = true;

</script>

<ul>

<script src="http://blogger-bugis.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

</ul>

Keterangan:

• Ganti angka pada kode var numcomments = 5; untuk menampilkan lebih banyak atau lebih sedikit komentar terakhir yang ditampilkan WIDGET RECENT COMMENT.

• Ganti kode http://blogger-bugis.blogspot.com dengan URL blog anda.

Semakin banyak Komentar Terakhir yang di tampilkan semakin baik bagi SEO BLOG. Masalahnya, widget akan menjadi terlalu panjang hingga merusak pemandangan pada sidebar blog. Untuk mengatasinya, tambahkan kotak dengan fungsi scroll pada Widget Recent Comment.Caranya :

Tambahkan kode berikut sebelum kode Recent Comment :

<div style="overflow:auto;width:358%px;height:300px;border:1px solid #0000000;padding:4px;margin:10px 0 0">

Lalu tambahkan kode berikut di akhir kode Recent Comment :

</div>

Jika anda ingin menambahkan bingkai seperti punya BLOGGERBUGIS,
langsung saja gunakan kode dibawah ini. Berikut kodenya :

<center><table border="2" cellpadding="3"><tbody><tr><td><div style="overflow:auto;width:358px;height:300px;border:1px solid #0000000;padding:4px;margin:10px 0 0"><script style="text/javascript" src="https://sites.google.com/site/bloggerbugis/js/RecentComments4U.js"></script>

<script style="text/javascript">

var numcomments = 100;

var showcommentdate = true;

var showposttitle = true;

var numchars = 100;

var standardstyling = true;

</script>

<ul>

<script src="http://blogger-bugis.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

</ul></div></td></tr></tbody></table></center>

<div style="font-size:11px; padding:4px 0px 0px 0px"><a

href="http://blogger-bugis.blogspot.com/2011/04/cara-membuat-recent-comment-komentar.html" target="_blank"> BloggerBugis</a></div>

Keterangan :

•  Ganti angka pada kode width:358px untuk menyesuaikannya dengan lebar sidebar blog anda dan ganti angka pada kode height:300px untuk menyesuaikan widgetnya dengan tinggi kotak widget yang anda inginkan.

• border:1px solid #0000000 artinya garis pinggir kotak widget setebal 1 pixel dengan warna hitam. Ganti angkanya menjadi lebih besar jika anda ingin membuat garis pinggir kotaknya menjadi lebih tebal dan ganti kode #0000000 dengan kode warna anda jika ingin menggunakan warna yg lain pada garis pinggir kotaknya.

• Ganti kode http://blogger-bugis.blogspot.com dengan URL Blog anda

Continue reading →

Cara Membuat Daftar Isi Pada Blogger ..

Membuat daftar isi di blogwordpressmungkin mudah, cukup menggunakan plugin saja sudah bisa menciptakan sebuah halaman daftar isi. Berbeda dengan blog di blogspot, karena sebenarnya daftar isi di blogspot mengandalkan alamat dari feed blog kita. Secara default, daftar isi halaman memang sudah terbentuk, tetapi tetap disembunyikan dalam alamat halaman feed dan kita tentunya bisa melakukan sedikit modifikasi agar ketika kita melakukan posting dan update artikel terbaru, daftar isi blog di blogspot akan otomatis terupdate.

Terus bagaimana membuatnya?? Gampang kok, sobat blogger hanya perlu script dibawah ini kemudian paste di halaman entri atau laman mandiri blogger.

<script style=”text/javascript” src=”http://www.remoxpforum.com/df_isi.js”></script>
<script src=”http://www.nama_domain.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc”></script>

Note : teks yang berwarna merah jangan lupa di ganti dengan alamat blog sobat blogger masing-masing yah, okehhh. Cukup mudah bukan ?

Continue reading →

Cara Memasang Alexa Di Wordpress

Sebelum membahas bagaimana membuat widget Alexa rank, alangkah baiknya kita mengerti dahulu apa itu Alex rank. Seperti kita tahu bahwa alexa rank menghitung peringkat berdasarkan banyaknya pengunjung blog atau web, semakin banyak pengunjung terhadap suatu blog atau web maka alexa rank akan semakin baik. Yang jadi pertanyaan, darimana alexa mengetahui jumlah kunjungan terhadap suatu web atau blog? alexa akan mengetahui jumlah kunjungan terhadap suatu web atau blog berdasarkan informasi dari komputer yang browser internetnya memasang alexa toolbar. Karena tidak semua orang memasang alexa toolbar di browser internetnya, maka pemilik blog atau web memasang alexa widget pada blog atau web yang di miliki, dengan harapan Alex mengetahui berapa pengunjung di blog atau Web. Bagi pengguna blog baru seperti saya pasti akan bingung bagaimana cara memasang widgets Alexa, berikut cara memasangnya :

1. Login ke situs alexa untuk mengambil kodenya, atau klik www.alexa.com
2. Setelah berhasin login nanti ada dua pilihan, terserah mau pilih yang mana tergantung selera temen-temen, yaitu alexa site stats button dan alexa traffic rank button, masukkan alamat blog temen-temen ke kotak yang tersedia
3. Setelah itu klik built widgets
4. Supaya tidak keliru copy di notepad kodenya. jangan di copy semua. Copy seperti yang berwarna biru aja.

<a href=”http://www.alexa.com/siteinfo/www.budiharso.wordpress.com” _mce_href=”http://www.alexa.com/siteinfo/www.budiharso.wordpress.com”>// </a>

contoh kodenya :

http://xslt.alexa.com/site_stats/js/s/a?url=www.budiharso.wordpress.com‘></SCRIPT></A>

5. kemudian untuk bisa ditaruh di widget wordpress, copy image location sesuai gambar yang dipilih tadi, caranya klik kanan pada gambar, pilih properties

    

6. Kemudian pastekan alamat gambar pada notepad juga seperti contoh di atas

http://xsltcache.alexa.com/site_stats/gif/s/a/d3d3LmJ1ZGloYXJzby53b3JkcHJlc3MuY29t/s.gif

7. Kemudian kita gabungkan ke dua alamat tadi sepaya bisa dipasang di wordpress

<a href="http://xslt.alexa.com/site_stats/js/s/a?url=www.budiharso.wordpress.com“><img src=”http://xsltcache.alexa.com/site_stats/gif/s/a/d3d3LmJ1ZGloYXJzby53b3JkcHJlc3MuY29t/s.gif"></a>

8. Terakhir buka dashbor pilih widgets teks, pastekan kode tadi selanjutnya simpan.

Continue reading →