[Tutorial] Rainbow Popular Post

Assalamualaikum guys.
Bertemu kembali dalam segmen Tutorial. Kali ni Huda nak ajar macam mana nak hasilkan Popular Post Colourful macam Huda. 

Actually tutorial ni direquest oleh ieyra beberapa hari yang lalu tapi baru berkesempatan untuk buat tutorial hari ni. Huhu. Sorry ieyra ~>_<~ Let's start!

Caranya senang sahaja. Ok ieyra just follow these step ye. Rakan blogger yang lain pun boleh cuba sama. 

1. Masuk ke Layout > Add a gadget > Popular Post

2. Untick image thumbnail dan snippet. Pilih berapa banyak post untuk di display di blog. 

3. Dah siap klik Save

4. Masuk ke Menu Template > Edit HTML

5. Cari code ]]></b:skin> copy code dibawah dan paste di atasnya

/* Rainbow Popular Post Style Start */
#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float: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:after{position: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 +li +li{background:#d1ffff;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#f59095;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#ff00ff;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#5faff2;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#a9ed04;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ffde4c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position: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}
/* Rainbow Popular Post Style End */

6. Klik Save Template

Ha senangkan ieyra. So lepas ni boleh la cantikkan blog ieyra. Hihi. Selamat mencuba!
Xoxo Huda

[Download Full Episode] Cinta Jannah

DRAMA TERBARU SLOT AKASIA TV3 SETIAP ISNIN - KHAMIS JAM 7 MALAM

SINOPSIS | Drama ini mengisahkan tentang kehidupan seorang wanita bernama Jannah (Nelydia Senrose) melarikan diri dari rumah setelah dipaksa oleh keluarganya untuk mengahwini Suffian sebagai isteri kedua. Bapanya, Abdullah ingin menebus balik tanah kebun yang digadai oleh adiknya, Razak kepada Suffian selepas kalah judi.

Jannah dibenci oleh bapanya sendiri sebab beliau begitu inginkan anak lelaki untuk mendapatkan harta pusaka ibunya. Duit tersebut juga dapat digunakan untuk membuat kenduri nikah untuk anak sulungnya, Balqis (Reen Rahim).

Setibanya Jannah di Kuala Lumpur, Jannah menjadi keliru kerana tiada hala tuju. Tatkala memikirkan apa yang bakal dilakukan, beg tangannya telah diragut dan Jannah jatuh, kepalanya terhentak dan jatuh pengsan.

Secara kebetulan, Izaryl (Aeril Zafrel) lalu di situ lalu membantu Jannah yang pengsan. Pada masa yang sama, Izaryl berada dalam dilema kerana dia terpaksa mencari seorang isteri dalam masa 3 bulan bagi mengelakkan dirinya mengahwini Damia (Ramona Zam Zam), pilihan ibu Izaryl sendiri.

Dalam keterpaksaan, Izaryl membohongi Jannah dengan mengatakan bahawa dia telah memperkosa Jannah semasa dia pengsan. Justeru, mereka terpaksa berkahwin. Apabila mengetahui tentang perkahwinan itu, ibu Izaryl, Tengku Zareena (Dian P Ramlee), berasa amat marah.

---

EPISOD 1

EPISOD 2

EPISOD 3

Senarai Pemenang Segmen Saya Nak Button Badge

Assalamualaikum guys.

Alhamdulillah akhirnya Segmen Saya Nak Button Badge tamat dengan jayanya. Terima kasih yang tidak terhingga kepada semua peserta. Kepada yang berjaya...Tahniah! Huda ucapkan. Kepada yang tidak berjaya...Inshaa Allah akan ada rezeki lain untuk korang. Amin. 
Now Huda nak umumkan senarai peserta yang berjaya membawa pulang 1 PCS BUTTON BADGE. Perlu diingatkan tarikh tuntutan hadiah sehingga 17HB OGOS JAM 1 PETANG. Sekiranya tiada sebarang tuntutan, cabutan akan dilakukan sekali lagi bergantung kepada keadaan semasa.

---------------------------------------------------------------- 10 PEMENANG BUTTON BADGE ---------------------------------------------------------------- 37 1 11 25 64 2 80 69 4 35

TUNTUT HADIAH --- DI SINI Sertakan NO BERTUAH, NAMA, ALAMAT, NO HP

SENARAI PESERTA
Siapa yang rasa segmen ni patut diadakan lagi, tolong LIKE dan tinggalkan KOMEN dibawah entry sebab Huda nak kira berapa ramai yang berminat. Sekiranya ramai, Inshaa Allah Segmen Button Badge Part II akan menyusul. :)
Xoxo Huda

Pemenang Segmen Saya Nak Voucher KFC

Assalamualaikum guys.

Huda ada dua berita nak disampaikan. Satu berita sedih dan satu berita gembira. Korang nak tahu berita sedih dulu ke berita gembira? Haha ok la. Huda sampaikan berita sedih dulu ye. 
BERITA SEDIH : Segmen saya nak voucher KFC terpaksa ditamatkan hari ni. Kenapa? Sebabnya voucher tamat 31 Ogos ni. So Huda cadang nak pos voucher tu esok. 
BERITA GEMBIRA : Kesemua 15 orang peserta yang join akan dapat 2 keping voucher. 
--------------------------------------------------------------

Weeee....suka tak? Kalau suka tolong Huda boleh tak? Tolong clear cache dulu pastu korang klik
SINI, SINI, SINI, SINI dan SINI. 
Dah selesai korang komen DONE ek. Thanks ^_^

--------------------------------------------------------------
SENARAI PESERTA
1.   http://ciknyoonyalita.blogspot.com/ 2.   http://syazwanieafandi.blogspot.com/ 3.   http://hajarashikin.blogspot.com/ 4.   http://amirahamer.blogspot.com/ 5.   http://akubudakcutez.blogspot.com 6.   http://mylovelystorysecret.blogspot.com/ 7.   http://lienliedot.blogspot.com/ 8.   http://abdahnadhirah19.blogspot.com/ 9.   http://thinkingofminediary.blogspot.com/ 10. http://aiskrimvanillacoklat.blogspot.com/ 11. http://tampawan.blogspot.com 12. http://cutelikebee.blogspot.com/ 13. http://snowpurple01.blogspot.com/ 14. http://superpilotwoman-atiqah.blogspot.com 15. http://superpapaya.blogspot.com/
--------------------------------------------------------------

Sila tuntut voucher di SINI dengan menyertakan NAMA, ALAMAT dan NO HP

Notamurah : Korang kena tuntut hadiah malam ni tau. Kalau lambat Huda terpaksa pos hari ISNIN. 

Xoxo Huda