Cara Memasang Popular Posts Keren & Terbaru Pada Blog

Salah satu komponen yang menghiasi sebuah blog adalah widget sidebar. Widget sidebar suatu blog biasaya dan pada umumnya terdiri dari artikel populer (popular post), artikel terbaru (recent post), widget kategori blog, widget sosial media, dan masih banyak lagi widget-widget yang bisa kita pasangkan pada blog. Nah, tentunya kita ingin memiliki widget yang sedikit berbeda dan menarik (keren) bisa terpasang di blog kita. Alasannya, selain untuk indah di pandang oleh pemilik blog tentu juga harapannya agar temen" pengunjung juga semakin betah berada di blog kita. Oleh karena itulah pada postingan kali ini saya akan mencoba menguraikan beberapa kode popular post yang keren menurut saya (hehehe) dan bisa teman-teman pasangkan di dalam blog. 

Model Popular Post Widget Pertama:

Cara pemasangan widget popular post ini pada blog adalah:

[1]. Silahkan login ke akun blogger terlebih dahulu

[2]. Klik menu template blog dan klik Edit HTML

[3]. Cari kode <skin>...</skin>

[4]. Copy kode berikut ini (klik disini; untuk mendapatkan kodenya) 

[5]. Tempatkan atau paste kode tersebut tepat sebelum ]]></b:skin>

[6]. Klik simpan template (save template)

[7]. Lihat hasilnya di blog, widget akan tampak seperti gambar di atas.

Note: Jika setelah dipasang, namun tulisan atau widget popular posts tidak muncul, maka silahkan copy dan pastekan kode di bawah ini tepat sebelum kode </head> dan klik simpan template.

<link href='http://fonts.googleapis.com/css?family=Oswald|Open+Sans:300italic,400italic,600italic,400,300,600,700' rel='stylesheet' type='text/css'/>

Model Popular Post Widget Kedua:

Cara pemasangan widget popular post ini pada blog adalah:

[1]. Silahkan login ke akun blogger terlebih dahulu

[2]. Klik menu template blog dan klik Edit HTML

[3]. Cari kode <skin>...</skin>

[4]. Copy kode berikut ini (klik disini; untuk mendapatkan kodenya) 

[5]. Tempatkan atau paste kode tersebut tepat sebelum ]]></b:skin>

[6]. Klik simpan template (save template)

[7]. Lihat hasilnya di blog, widget akan tampak seperti gambar di atas.

Model Popular Post Widget Ketiga:

Cara pemasangan widget popular post di atas adalah:

[1]. Silahkan login ke akun blogger terlebih dahulu

[2]. Klik menu template blog dan klik Edit HTML

[3]. Cari kode <skin>...</skin>

[4]. Copy kode berikut ini (klik disini; untuk mendapatkan kodenya) 

[5]. Tempatkan atau paste kode tersebut tepat sebelum ]]></b:skin>

[6]. Klik simpan template (save template)

[7]. Lihat hasilnya di blog, widget akan tampak seperti gambar di atas.

Demikianlah beberapa contoh widget popular posts yang dapat saya bagikan, semoga bermanfaat bagi temen" khususnya yang masih pemula seperti saya, hehehe.

Model Popular Posts Widget Keempat:

Widget Entri Populer ini berbentuk thumbnail gambar, sangat menarik untu dipasang dalam blog. Untuk cara pemasangannya baca panduan di bawah ini:

Cara pemasangan widget popular post di atas adalah:

[1]. Silahkan login ke akun blogger terlebih dahulu

[2]. Klik menu template blog dan klik Edit HTML

[3]. Cari kode <skin>...</skin>

[4]. Copy kode berikut ini (klik disini; untuk mendapatkan kodenya) 

[5]. Tempatkan atau paste kode tersebut tepat sebelum ]]></b:skin>

[6]. Klik simpan template (save template)

[7]. Lihat hasilnya di blog, widget akan tampak seperti gambar di atas.

Untuk memperjelas tampilan gambar, selanjutnya adalah Copy dan pastekan kode di bawah ini tepat sebelum kode </body> dan jangan lupa klik simpan template 😁

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/><script type='text/javascript'>//<![CDATA[ $(document).ready(function() { var boi = 150; $('#PopularPosts1').find('img').each(function(n, image){ var image = $(image); image.attr({src : image.attr('src').replace(/sBd{2,4}/,'s' + boi)}); image.attr('width',boi); image.attr('height',boi); }); }); //]]></script>

Model Popular Post Kelima:

Nah, kalau widget Entri Populer yang satu ini penuh dengan warna (Full Colour) atau teman-teman blogger indonesia sering bilang widget artikel populer pelangi alias rainbow, hehehe. Untuk cara pemasangannya sama seperti widget-widget di atas, yaitu:

Cara pemasangan widget popular post:

[1]. Silahkan login ke akun blogger terlebih dahulu

[2]. Klik menu Template dan klik Edit HTML

[3]. Cari kode <skin>...</skin>

[4]. Copy kode berikut ini (klik disini; untuk mendapatkan kodenya) 

[5]. Tempatkan atau paste kode tersebut tepat sebelum ]]></b:skin>

[6]. Klik simpan Template (save template)

[7]. Lihat hasilnya di blog, widget akan tampak seperti gambar di atas.

Share :