Cara membuat Widget Other Post pada blog

Cara membuat Widget Other Post pada blog | Salam sobat blogger, Masih mengenai Widget nih. Sebelumnya membuat Widget Update Status Twitter, Widget Recent Comment tanpa avatar, ada juga Widget Recent Comment dengan avatar / bergambar. Nah... kali ini kita akan mengulas kembali mengenai Cara membuat Widget Other Post pada blog, Apa sih fungsinya? Dan bagimana cara membuatnya? Itulah yang akan kita ulas pada kesempatan kali ini.

Widget ini sangat berbeda dengan Widget MP3 ringan di blog, Karena widget ini bukan untuk membuat pengunjung betah dalam blog tetapi Widget ini akan menambah pageview pada blog. Apa itu pageview? Pageview adalah jumlah postingan yang dilihat oleh seorang pengunjung sehari. Misalnya Visit today atau jumlah pengunjung blog ada 160 orang bisa jadi pageview sobat mencapai 300 setiap harinya. Karena widget ini akan menampilkan postingan yang lalu secara menarik sehingga pengunjung akan tertarik untuk mengklik dan melihatnya. Dan juga ini tidak memberatkan untuk blog, coba cek loading sobat dengan Cara mudah menghitung kecepatan loading blog. Contoh untuk widget ini dapat sobat lihat pada blog ini. Nah... tertarik untuk mencobanya? Silahkan ikuti Cara membuat Widget Other Post pada blog :

1. Seperti biasa Log in pada akun blogger sobat.

2. Setelah itu, pilih TATA LETAK => Tambah Gadget => HTML / JAVASCRIPT

3. Setelah itu copy kode di bawah ini :

<div class='widget-content'> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <style type="text/css" media="screen"></style> <script type="text/javascript" src="http://segenggam.googlecode.com/files/OtherPost.js"></script> <script language='javascript'> imgr = new Array(); imgr[0] = "http://www.videokl.com/thumbs/no_image.gif"; imgr[1] = "http://www.videokl.com/thumbs/no_image.gif"; imgr[2] = "http://www.videokl.com/thumbs/no_image.gif"; imgr[3] = "http://www.videokl.com/thumbs/no_image.gif"; imgr[4] = "http://www.videokl.com/thumbs/no_image.gif"; showRandomImg = true; boxwidth = 255; cellspacing = 6; borderColor = "#860000"; bgTD = "#000000"; thumbwidth = 60; thumbheight = 60; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 15; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 20; home_page = "http://salman-ar.blogspot.com/"; limitspy=4 intervalspy=3600 </script> <div id="spylist"> <script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script> </div> <div class='clear'> </div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='http://www.blogger.com/rearrange?blogid=667678584073350947&widgettype=html&widgetid=html13&action=editwidget' onclick='return _widgetmanager._popupconfig(document.getelementbyid("html13"));' target='confightml13' title='edit'> <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'> </div> </div>


Untuk mempermudah Copy kode sobat dapat mencopy dengan hanya meng-klik "Copy Semua" pada atas kode ini.

Tetapi jangan lupa untuk membaca keterangan kode dibawah ini :

boxwidth = 255; Merupakan kode untuk menampilkan lebar box widget.

borderColor = "#860000"; Merupakan kode warna untuk border widet. Untuk kode yang lain dapat melihat kode warna pada Blogtools.

thumbwidth = 60;  Merupakan kode untuk lebar dari gambar postingan.

thumbheight = 60; Merupkan kode untuk tinggi postingan.

fntsize = 12; Merupakan ukuran tulisan dari judul postingan yang muncul.

showPostDate = true; Menampilkan tanggal update postingan. Untuk menghilangkannya dapat dengan cara mengganti TRUE menjadi FALSE.

Dan Yang WAJIB dan PENTING untuk diubah adalah pada kode :

home_page = "http://salman-ar.blogspot.com/";

Kode warna BIRU diatas, Ganti dengan alamat URL blog sobat.



<a class='quickedit' href='http://www.blogger.com/rearrange?blogid=667678584073350947&widget

Dan jangan lupa juga untuk mengubah kode diatas dengan kode BLOG ID SOBAT.

Jika tidak tahu kode blognya, coba lihat pada address bar pada saat membuat postingan. Biasanya terdapat kode ID blog sobat. Jika masih tidak mengerti, cobalah lihat gambar dibawah ini.

4. Pastekan pada kotak HTML / JAVASCRIPT yang tersedia.

5. Setelah itu, kemudian klik SAVE

6. Dan terakhir SIMPAN SETELAN dan lihat hasilnya pada blog sobat.

Selesai... Cek deh Widgetnya, Jika masih terdapat kesalahan dapat bertanya langsung melalui kotak komentar dibawah ini. Nah... itu tadi  Cara membuat Widget Other Post pada blog, Semoga bermanfaat, Selamat mencoba dan semoga sukses...

Share this

Author : Salman Syuhada

Related Posts