Searching...
Thursday, February 12, 2015

Cara Membuat Popular Post Blogspot Keren

Oy bray, jika elu bisa melihat popular post yang ada di blog gue ini, pasti keren sesuai dengan isi post-nya bray. Pastilah.
Nah jika elu ingin popular post macam punya gue, elu tepat masuk ke blog gue yang keren ini bray. Di blog ini ntu ye bray, gue hanya membahas segalanya yang keren bray.  Biar elu ketularan keren gue, elu harus ikutin tutorial yang akan gue bagikan ke elu ini bray.

Langsung aja bray, jika elu ingin tampilan widget popular post di blog elu macem punya gue seperi ini, teruskan membaca sampai akhir bray.

Tutorial membuat widget popular post yang keren di blogspot


1.  Elu harus login dulu di blogspot yaitu blogger.com
2.  Setelah elu berhasil masuk, elu harus buru-buru masuk ke tata letak atau layout sebelum matahari terbit bray.  Macem gambar gue di bawah ini bray.

Tutorial membuat widget popular post yang keren di blogspot

3.  Cari gadget yang namanya ntu Popular Post bray.  Elu klik edit dah ntu gadget bray.  Elu bisa ubah atau kagak banyaknya post populer yang akan ditayangkan di gadget ini bray.  Kalau gue pilih nilai maksimal yaitu 10 post bray.  Tapi ini terserah elu mau menampilkan berapa post bray.  Lihat gambar gue di bawah ini bray.

Tutorial membuat widget popular post yang keren di blogspot


4.  Setelah ntu elu harus buru-buru keluar dari tata letak atau layout dan pindah ke Template lalu pilih Edit HTML bray.

Tutorial membuat widget popular post yang keren di blogspot


5.  Setelah ntu elu akan disuguhkan oleh script html bray, jika elu disuguhkan nasi telur ama es teh berarti elu ada di burjo bray.  Cari kode ini bray ]]></b:skin> atau </style>.

Tutorial membuat widget popular post yang keren di blogspot


Jika elu udah menemukan ntu kode, buru dah elu letakkan kode berikut tepat di atas kode ]]></b:skin> atau </style> bray.

.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {margin:0 0;padding:0 0;list-style:none;border:none;background:none;outline:none;}
.PopularPosts ul {margin:.5em 0;list-style:none;color:black;counter-reset:num;}
.PopularPosts ul li img {display:block;margin:0 .5em 0 0;width:50px;height:50px;float:left;}
.PopularPosts ul li {background-color:#eee;margin:0 10% .4em 0 !important;padding:.5em 1.5em .5em .5em !important;counter-increment:num;position:relative;}
.PopularPosts ul li:before,
.PopularPosts ul li .item-title a, .PopularPosts ul li a {color:#444 !important;text-decoration:none;}
.PopularPosts ul li:before {content:counter(num) !important;display:block;position:absolute;background-color:#333;color:#fff !important;width:22px;height:22px;line-height:22px;text-align:center;top:0px;right:0px;padding-right:0px !important;}
/* Set color and level */
.PopularPosts ul li:nth-child(1) {background-color:#E1F3FD;margin-right:1% !important}
.PopularPosts ul li:nth-child(2) {background-color:#EDE3F2;margin-right:1% !important}
.PopularPosts ul li:nth-child(3) {background-color:#EFF8DD;margin-right:1% !important}
.PopularPosts ul li:nth-child(4) {background-color:#FEF6E1;margin-right:1% !important}
.PopularPosts ul li:nth-child(5) {background-color:#FEE4E3;margin-right:1% !important}
.PopularPosts ul li:nth-child(6) {background-color:#E1F3FD;margin-right:1% !important}
.PopularPosts ul li:nth-child(7) {background-color:#EDE3F2;margin-right:1% !important}
.PopularPosts ul li:nth-child(8) {background-color:#EFF8DD;margin-right:1% !important}
.PopularPosts ul li:nth-child(9) {background-color:#FEF6E1;margin-right:1% !important}
.PopularPosts ul li:nth-child(10) {background-color:#FEE4E3;margin-right:1% !important}
.PopularPosts .item-thumbnail {margin:0 0 0 0;}
.PopularPosts .item-snippet {font-size:11px;}
.profile-img{display:inline;opaciry:10;margin:0 6px 3px 0;} 

Tutorial membuat widget popular post yang keren di blogspot


Setelah elu yakin kalau elu melakukan hal tersebut, maka jangan lupa klik Save Template bray.  Pada langkah ini hidup elu udah cukup bahagia bray.

Bejimane bray, mudah kan. Pastilah, segala tutorial yang ada di blog gue ini ntu semuanya mudah bray.  Ntu aja bray tutorial mengenai costem popular post atau cara membuat popular post yang keren bray. Yo bay.

0 comments:

Post a Comment