Pada artikel kali ini, akan aku bagikan bagaimana Tutorial membuat Pupular Post Warna Warni Pada Blog. seperti yang kita ketahui, terpasangnya popular post pada blog ini sangatlah penting karena jikalau ada pengunjung yang tiba ke blog teman mereka akan mengetahui postingan postigan sahabat yang sering di baca oleh pengunjung lain.
Tetapi dengan hanya mengandalkan poular post bawaan template akan menciptakan blog teman biasa biasa saja, tetapi bagaimana jika popular post pada blog sobat mempunyai aneka macam warna? tentu akan menjadi daya tarik trsendiri untuk para pengunjung yang tiba ke blog sahabat.
Nah berikut ini tutorial Tutorial memasang widget populare post warna warni pada blog teman
1. sobat harus Login terlebih dahulu pada blog sobat
2. kemudian pada dasbor blogger, klik sajian Template
3. sehabis itu pada hidangan Template, klik Edit HTML, sebelum mengedit HTML template, aku sarankan untuk membackup template blog sobat terlebih dahulu.
4. Cari kode ]]></b:skin>. untu mempermudah, klik CTRL + F kemudian cari.
5. sesudah isyarat ]]></b:skin> ditemukan, pastekan isyarat di bawah oni sempurna di atas isyarat ]]></b:skin>
6. sesudah semuanya dilakukan dengan benar, terakhir klik Simpan Template dan Lihat akhirnya.
Sekian artikel Cara menciptakan Popular Post Warna Warni Pada Blog ini, agar mampu membatu semua teman blogger. jika ada pertanyaan ataupun kritik dan saran, bisa sahabat tulskan pada kolom komentar. Terimakasih telah berkunjung
Tetapi dengan hanya mengandalkan poular post bawaan template akan menciptakan blog teman biasa biasa saja, tetapi bagaimana jika popular post pada blog sobat mempunyai aneka macam warna? tentu akan menjadi daya tarik trsendiri untuk para pengunjung yang tiba ke blog sahabat.
Nah berikut ini tutorial Tutorial memasang widget populare post warna warni pada blog teman
1. sobat harus Login terlebih dahulu pada blog sobat
2. kemudian pada dasbor blogger, klik sajian Template
3. sehabis itu pada hidangan Template, klik Edit HTML, sebelum mengedit HTML template, aku sarankan untuk membackup template blog sobat terlebih dahulu.
4. Cari kode ]]></b:skin>. untu mempermudah, klik CTRL + F kemudian cari.
5. sesudah isyarat ]]></b:skin> ditemukan, pastekan isyarat di bawah oni sempurna di atas isyarat ]]></b:skin>
#PopularPosts1 ul li .item-thumbnailfloat:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px
#PopularPosts1 ul li:first-child:after, #PopularPosts1 ul li:first-child + li:after, #PopularPosts1 ul li:first-child + li + li:after, #PopularPosts1 ul li:first-child + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:afterposition:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li background:#DF01D7;width:90%
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:aftercontent:"8" #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +libackground:#B041FF;width:90% #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:aftercontent:"9" #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +libackground:#F52887;width:90% #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:aftercontent:"10" #PopularPosts1 ul li:first-child + li + li + li + li +libackground:#7ee3c7;width:90% #PopularPosts1 ul li:first-child + li + li + li + li + li:aftercontent:"6" #PopularPosts1 ul li:first-child + li + li + li + li + li +libackground:#f6993d;width:90% #PopularPosts1 ul li:first-child + li + li + li + li + li + li:aftercontent:"7" #PopularPosts1 ul li:first-child + li + li + li + libackground:#33c9f7;width:90% #PopularPosts1 ul li:first-child + li + li + li + li:aftercontent:"5" #PopularPosts1 ul li:first-child + li + li + libackground:#c7f25f;width:90% #PopularPosts1 ul li:first-child + li + li + li:aftercontent:"4" #PopularPosts1 ul li:first-child + li + libackground:#ffde4c;width:90% #PopularPosts1 ul li:first-child + li + li:aftercontent:"3" #PopularPosts1 ul li:first-child + libackground:#ff764c; width:90% #PopularPosts1 ul li:first-child + li:aftercontent:"2" #PopularPosts1 ul li:first-childbackground:#ff4c54 ;width:90% #PopularPosts1 ul li:first-child:aftercontent:"1" #PopularPosts1 ulmargin:0;padding:0px 0;list-style-type:none #PopularPosts1 ul liposition:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px
6. sesudah semuanya dilakukan dengan benar, terakhir klik Simpan Template dan Lihat akhirnya.
Sekian artikel Cara menciptakan Popular Post Warna Warni Pada Blog ini, agar mampu membatu semua teman blogger. jika ada pertanyaan ataupun kritik dan saran, bisa sahabat tulskan pada kolom komentar. Terimakasih telah berkunjung




Post a Comment