Cara Termudah Membuat Popular Post keren Dan Responsive Di Blog

Jumpa lagi dengan saya di Blog (rumahcodeperangkat.blogspot.com) yang sederhana ini. Kali ini saya akan kasih tahu cara membuat widget blog agar terlihat keren dan menarik. Artikel ini

kumpulan kode yang sudah saya rangkum dari berbagai sumber. Kamu bisa ambil kodenya dengan

gratis, untuk kode Widget Popular Post, Agar kamu tidak pusing dalam mencari desain Widgetnya. Sebelum kita mendesain widget ini, buat terlebih dahulu widget  populer post-nya. Tapi kalau kamu sudah membuatnya, kamu bisa lewati langkah yang

berikut ini :

1.  Masuk ke Dasbord Blogger kamu.
2.  masuk ke menu Tata Letak atau Layout.
3. Tambahkan widget Popular Post dibagian sidebar Blog kamu.
4.  Simpan.

Tapi kalau kamu sudah membuatnya, kamu boleh lewati langkah diatas. Dan langsung saja ke tutorial

yang berikut ini.

Cara Mendesain Popular Post Blog Agar Terlihat Keren Dan Elegan (Pertama) :

1.  Masuk ke Dasbord Blogger kamu.
2. Masuk ke menu Tema ---2 Edit HTML.
3.  Kemudian cari kode ]]></b:skin>. Untuk memudahkan dalam pencarian kode, gunakan CTRL:F.
4.  Kalau kamu sudah menemukan kodenya, taruh kode dibawah ini tepat diatas kode yang kamu cari tadi.
5. Setelah itu klik simpan atau Save Template.

Cara Mendesain Popular Post di Blog Agar Terlihat Keren :

1. Masuk ke Dasbord Blogger kamu.
2. Masuk ke menu Tema ---> Edit HTML.
3. Kemudian cari kode /*popular post */. Untuk memudahkan dalam pencarian kode, gunakan CTRL+F
4. Jika sudah ketemu, hapus kode tersebut dan ganti dengan kode Widget yang akan kamu pakai.
5. simpan tema

1. Desain widget popular post keren copy code dan paste  dibawah ini.

                                                                                                                                                                                                                                       

Copy Code:

<br /> <br /> <br /> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/> <br /> <br />

2. Desain popular post Dua.

      

Copye Code:

/* label cloud seo indigo*/<br />.Label a{padding-left: 5px;padding-right: 31.5px;color: #fff!important;height: 32px;background: #1abc9c;margin-right: 2px;line-height: 32px;<br />text-decoration: none;border: none !important;-webkit-transition: all .3s ease-in-out !important;float: left;margin-top: 2px;font-size: 13px;text-align: left; }<br />.Label a:hover{color:#fff !important;background:#16a085; }<br />.Label a:after{content: "";position: absolute;width: 0px;height: 0px;border-width: 16.5px;border-style: solid;border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.3) rgba(0,0,0,0.1) transparent;} <br /> <br /> 

3. Desain popular post tiga

    

Copy Code:

<div> <br /> <br /> <br /> <br /> </div><br /> <br /> <br /> <br />

Nah itu saja kumpulan code untuk desain popular post yang menarik dan keren untuk di guankaan dalam blogger yang sudah saya kumpulkan dari berbagai sumber dapat anda gunakan code code diatas semoga post yang saya berikan dapat bermanfat ....

jika masih ada yang belum paham anda dapat berkomentar dibawah ini .