RSS

Cara Membuat Widget Popular Post Di Blogspot

Walaupun sudah lama memiliki sebuah blog namun nyatanya tidak sedikit juga yang akan merasa bingung terhadap cara membuat Widget Popular Post di Blogspotyang unik dan berbeda. Tak heran memang karena diketahui bahwa untuk membuat widget popular post yang unik di Blogspot akan membutuhkan script HTML khusus, untuk itulah karena langkahnya sendiri dapat dikatakan terhitung sulit maka tak heran jika tidak banyak kalangan yang masih belum mengetahuinya.

Widget popular post sendiri tentu memiliki kelebihan tersendiri yang akan bermanfaat untuk pemilik serta pengunjung/visitor dari sebuah blog, dengan adanya widget tersebut maka siapapun dapat mengetahui post yang paling popular dalam sebuah blog. Namun diketahui bahwa untuk memasang widget tersebut pemilik blog harus mengetahui cara membuat widget tersebut, dan berikut ini adalah beberapa cara membuat Widget Popular Post di Blogspot yang dapat kita ketahui bersama.

Cara Membuat Widget Popular Post Di Blogspot

Langkah pertama yang dapat dilakukan adalah login terlebih dahulu ke Blogger.com hingga tampilan berada di Dashboard.Setelah itu, pilih opsi Tata letak kemudian pilih opsi Tambahkan Gadget.Disana anda akan menemukan beragam opsi untuk widget, untuk widget popular post sendiri maka pilihlah opsi Entri Populer lalu lakukan pengaturan. (namun disarankan untuk tidak mengisi centang opsi ThumbnailGambar dan juga Cuplikan)Kemudian save atau simpan pengaturan tersebut setelah sesuai dengan keinginan anda.Setelah sukses, carilah opsi Template kemudian pilihlah opsi Edit HTML.Disana anda akan menemukan kode script HTML dan carilah kode ]]></b:skin>Lalu copy kode script HTML dibawah ini dan paste atau tempelkan tepat di atas script HTML yang tadi.

/* Popular Post */

.PopularPosts .widget-content ul{margin-top:-5px;margin-bottom:-1px;padding-right:20px!important;list-style-type:none}

.PopularPosts .widget-content ul li{position:relative;padding:10px!important}

.PopularPosts .widget-content ul li:first-child{background:#555;width:100%}

.PopularPosts .widget-content ul li:first-child:after{content:&quot;01&quot;;background:#f88c00}

.PopularPosts .widget-content ul li:first-child+li{background:#666;width:100%}

.PopularPosts .widget-content ul li:first-child+li:after{content:'02'}

.PopularPosts .widget-content ul li:first-child+li+li{background:#777;width:100%}

.PopularPosts .widget-content ul li:first-child+li+li:after{content:'03'}

.PopularPosts .widget-content ul li:first-child+li+li+li{background:#888;width:100%}

.PopularPosts .widget-content ul li:first-child+li+li+li:after{content:'04'}

.PopularPosts .widget-content ul li:first-child+li+li+li+li{background:#999;width:100%}

.PopularPosts .widget-content ul li:first-child+li+li+li+li:after{content:'05'}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li{background:#aaa;width:100%}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li:after{content:'06'}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li{background:#bbb;width:100%}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li:after{content:'07'}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li{background:#c1c1c1;width:100%}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li:after{content:'08'}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li+li{background:#ccc;width:100%}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li+li:after{content:'09'}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li+li+li{background:#ddd;width:100%}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li+li+li:after{content:'10'}

.PopularPosts .widget-content ul li:first-child:after,.PopularPosts .widget-content ul li:first-child+li:after,.PopularPosts .widget-content ul li:first-child+li+li:after,.PopularPosts .widget-content ul li:first-child+li+li+li:after,.PopularPosts .widget-content ul li:first-child+li+li+li+li:after,.PopularPosts .widget-content ul li:first-child+li+li+li+li+li:after,.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li:after,.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li:after,.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li+li:after,.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li+li+li:after{position:absolute;bottom:1px;right:1px;background:#444;padding:6px 5px;width:20px;line-height:1em;text-align:center;color:#eee;font-size:13px!important}

.PopularPosts .widget-content{padding-right:10px}

 

Pilih opsi simpan/save template tersebut dan cobalah mengakses blog anda untuk melihat hasilnya.

Demikian di atas tadi adalah beberapa cara membuat Widget Popular Post di Blogspot yang telah kita ketahui bersama, semoga informasi pengaturan blog dan widgetdi atas dapat membantu serta dapat bermanfaat untuk anda semuanya.

Sumber : www.widget.web.id

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Cara Membuat Widget Feedjit Untuk Blogspot

Bagi anda yang memang gemar mempercantik tampilan blog maka langkah seperti cara membuat Widget Feedjit untuk Blogspot akan dibutuhkan. Karena tools seperti widget memang dibuat untuk mempercantik tampilan pada sebuah blog, yang juga diketahui memiliki fungsi yang beragam bagi pemilik blog maupun bagi visitor atau pengunjung. Dan hingga saat ini varian widget sendiri sudah cukup banyak dengan desain yang beragam, dan tentunya juga memiliki fungsi yang berbeda-beda.

Salah satunya seperti widget Feedjit ini, selain dapat mempercantik tampilan blog, tools widget ini juga diketahui memiliki fungsi untuk mengetahui asal negara visitor yang berkunjung pada sebuah blog. Ya, mungkin Anda semua juga sudah tidak asing dengan tampilan widget ini yang mungkin akan ditemukan pada beberapa blog, widget ini menampilkan ikon-ikon bendera negara yang juga disampingnya terdapat nominal jumlah visitor atau pengunjung blog.

Cara Membuat Widget Feedjit Untuk Blogspot

Akan tetapi mungkin tidak semua kalangan dapat membuat hingga memasang widget untuk blog tersebut, dimana sebenarnya cara membuatnya sendiri tidaklah sulit. Untuk anda yang pada saat ini ingin mengetahui cara pembuatannya, maka berikut ini adalah beberapa tips dan cara membuat Widget Feedjit untuk Blogspotyang dapat kita ketahui bersama.

Untuk membuat widget tersebut maka kunjungi terlebih dahulu situs resminya di Feedjit.com.Setelah berhasil mengakses alamat URL tersebut maka Anda pun akan menemukan tampilan opsi PERSONALIZE YOUR FEEDJIT. Yang didalamnya terdapat banyak opsi untuk membuat widget tersebut.Lakukan pengaturan sesuai dengan keinginan Anda mulai dari warna tema, ukuran tabel widget, jumlah visitor yang ditampilkan, hingga warna-warna detail bagian widget seperti background, header, border, button, dan juga warna text.Setelah pengaturan dirasa cukup, kemudian pilihlah opsi Blogger Blog dalam kolom Install Feedjit on my yang telah disediakan jika memang akan diaplikasikan pada Blogspot.Kemudian pilih opsi bertuliskan Go! yang berada pada bagian kanan bawah tabel.Setelah memilih opsi tersebut maka akan keluar kode script HTML dari widget tersebut, yang berada pada kolom paling bawah table.Langkah terakhir, aplikasikan kode script HTML tersebut pada Blogspot yang Anda miliki.

Demikian di atas tadi adalah sedikit ulasan mengenaicara membuat Widget Feedjit untuk Blogspot yang telah kita ketahui bersama, semoga informasi pengaturan blog dan widget di atas dapat membantu serta dapat bermanfaat untuk anda semuanya.



Sumber : www.widget.web.id

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS