Tuesday, 13 May 2014

Cara Mudah Membuat Popular Post Seperti Template Evo Magz


Pada kesempatan kali ini saya akan share tutorial yang berjudul Cara Mudah Membuat Popular Post Seperti Template Evo Magz pasti kalian sudah tau dengan template Evo Magz, template ini merupakan template yang terbaru buatan Mas Sugeng templatenya bagus sekali dari warna nya sajah bagus, tapi kalian juga melihat populer postnya kan ? bagus kan ? mau tau cara bikinya ? silahkan kalian simak langkah langkah nya.

Cara Membuat Popular Post Seperti Template Evo Magz

  1. Loggin dulu ke blogger
  2. Masuk ke bagian template
  3. Terus masuk ke bagian edit html
  4. Cari kode ]]></b:skin>
  5. Copy Code di bawah letakan di atas kode ]]></b:skin>
  6. /* Custom CSS for Blogger Popular Post Widget */ .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 { font-weight:bold; color:#000 !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:#A51A5D;margin-right:1% !important} .PopularPosts ul li:nth-child(2) {background-color:#F53477;margin-right:2% !important} .PopularPosts ul li:nth-child(3) {background-color:#FD7FAA;margin-right:3% !important} .PopularPosts ul li:nth-child(4) {background-color:#FF9201;margin-right:4% !important} .PopularPosts ul li:nth-child(5) {background-color:#FDCB01;margin-right:5% !important} .PopularPosts ul li:nth-child(6) {background-color:#DEDB00;margin-right:6% !important} .PopularPosts ul li:nth-child(7) {background-color:#89C237;margin-right:7% !important} .PopularPosts ul li:nth-child(8) {background-color:#44CCF2;margin-right:8% !important} .PopularPosts ul li:nth-child(9) {background-color:#01ACE2;margin-right:9% !important} .PopularPosts ul li:nth-child(10) {background-color:#94368E;margin-right:10% !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; }
  7. Silahkan Coba Save template kalian
Terimakasih semoga tutorialnya bisa bermanfaat jangan lupa komen + follow blog ini demi kemajuannya di masa mendatang.

1 komentar

wew mantap sob Populer Postnya ijin coba dulu :v


EmoticonEmoticon