Cara Buat Popular Post Sempoi

Cara Buat Popular Post Sempoi

Cara buat popular post sempoi di laman blog korang. Haa .. itulah tajuk yang akan aku kongsikan dengan korang semua pada hari yang indah lagi cantik ini, hahaha. Mungkin dah ramai tahu cara nak buat popular post ni kan, tapi aku nak kongsikan juga memandangkan kebolehan yang ada pada aku ini akan aku gunakan sebaik mungkin .. hahahaha.

Dibawah ni nanti, aku kogsikan kepada korang dua cara yang paling senang kalau nak buat popular post dekat blog korang supaya nampak cantik dan murni lagi menawan kalau ada orang yang memandang, walaupun aku sendiri tak gunakan popular post itu, hahaha.

Baiklah, sebelum aku hilang punca mengenai tajuk ni, baik aku cepat-cepat tunjukkan caranya supaya tidak akan melukakan hati kedua-dua belah pihak. Cara ini adalah cara yang digunakan oleh master-master yang berkuasa tinggi saja tau, hahaha.

Cara Buat Popular Post Sempoi Di Blog Korang


  1. Masuk ke akaun blogger korang.
  2. Pilih Menu Template dan klik Edit Template.
  3. Pilih salah satu code dibawah ini dan letakkan diatas code ]]></b:skin>
Code Popular Post yang Pertama
Cara Buat Popular Post Sempoi

.popular-posts ul{padding-left:0px}.popular-posts ul li{list-style-type:none;margin:0 0 5px 0px;padding:5px 5px 5px 20px !important;border:1px solid #dddddd;-moz-box-shadow:1px 1px 2px #dcdcdc;-web-kit-box-shadow:1px 1px 2px #dcdcdc;-goog-ms-box-shadow:1px 1px 2px #dcdcdc;box-shadow:1px 1px 2px #dcdcdc;border-radius:5px;background:rgb(44,83,158);background:-moz-linear-gradient(top,rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(44,83,158,1)),color-stop(100%,rgba(44,83,158,1)));background:-webkit-linear-gradient(top,rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%);background:-o-linear-gradient(top,rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%);background:-ms-linear-gradient(top,rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%);background:linear-gradient(to bottom,rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e',endColorstr='#2c539e',GradientType=0 )}.popular-posts ul li:hover{-moz-box-shadow:1px 1px 2px #dcdcdc;-web-kit-box-shadow:1px 1px 2px #dcdcdc;-goog-ms-box-shadow:1px 1px 2px #dcdcdc;box-shadow:2px 2px 4px #333333;border:1px solid #333333;color:#fff}.popular-posts ul li a{text-decoration:none;font:16px Georgia,verdana;color:#ffffff}.popular-posts ul li a:hover{text-decoration:none}

Code Popular Post yang Kedua
Cara Buat Popular Post Sempoi

 .popular-posts ul{padding-left:0px}.popular-posts ul li{background:#FFF no-repeat scroll 5px 10px;list-style-type:none;margin:0 0 5px 0px;padding:5px 5px 5px 20px !important;border:1px solid #dcdcdc;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}.popular-posts ul li:hover{background:#FF8040}.popular-posts ul li a{text-decoration:none;font:14px Georgia,verdana;color:#222222}.popular-posts ul li a:hover{text-decoration:none;color:#fff}
Haa .. lepas siap letakkan code tu, korang jangan save lagi, korang preview dulu tengok ada Error ke tak, kalau tak ada Error, korang boleh la save dan siap. Sekali lagi aku nak ingatkan, code Popular post ni mesti diletakkan diatas ]]></b:skin> , macam dalam gambar dibawah ni :

Cara Buat Popular Post Sempoi

Haa .. macam mana, jadi ke tak? Kalau tak jadi korang boleh tanya kat aku, Insyaallah aku akan tolong aihh, maklumlakan aku ni lelaki yang Cool ..hahaha

Aku tinggalkan korang dengan ucapan Assalammualaikum dan terima kasih kerana sanggup membaca dalam keadaan terharu entri aku yang bertajuk Cara Buat Popular Post Sempoi