How to add image hover to your blog - Style 10

1. Blogskins/ Classic template : Paste the codes giver before/above </style>

2. Template designer : Paste codes given before/above ]]></b:skin> 

img{ background:transparent: box-shadow:inset 0 0px 0px #CCE7FF; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; padding:5px; border:2px solid #FFE8E8; } img:hover{ box-shadow:inset 260px 0px 1px #E8F5FF,inset -260px 0px 1px #CCE7FF;}

How to add Twitter widget on your blog

Assalamualaikum and hi everyone. Today I would like to teach you on how to add Twitter widget to your blog. The widget will display you latest tweets on your blog. 

1. If you already have a twitter account, you can log in to your Twitter account, of course via your browser, not on your mobile app. 

2. Once you have been directed to your home button, click the icon next to search box on your right side. 

3. After you clicked 'Settings' you will be directed to the setting page. Scroll way down and find for 'Widget' button on the left side of the page. 

4. To create the widget, click 'Create widget' > and choose 'Profile' 

5. Once you have directed to this page, choose 'A profile' 

Choose Embedded Timeline and Twitter will give automatically give you codes for you to copy. 

Thank you <3 

Segmen Whoopers 1st Anniversary

Assalamualaikum,
Yeayyyyyyyyyy family aku dah berumur satu tahun dah hehe. Masih ingat lagi masa mula-mula aku masuk Whoopers, time tu ada sedikit konflik yang membuatkan kami membuka group Whoopers ni. Masa tu tepat-tepat masa MAMA 2011 berlangsung. Kebanyakan kitorang dah kenal lama dah, sebelum Whoopers dibuka lagi. Kitorang selalu meriah bila cuti sekolah, then bila sekolah bunyi cengkerik je isk isk. Tapi actually semuanya bertegur dekat twitter, macam family. Haha.

Aku sayang Whoopers sebab faham aku, kitorang ambik result sama-sama, study sama-sama /yelah tu , deme je yang study haha / spazz sama-sama, main game sama-sama, and kadang-kadang orang yang lagi beso bagi nasihat sikit-sikit. Yang penting kitorang boleh spam dalam group whoopers tanpa dimarahi sesiapa. Menggila pun sama-sama harharhar. Aku rasa semua whoopers dah cukup matang kot untuk berfikir, dan benda-benda macam (rasa di-ignore / bergaduh sebab bias ) takkan ada buat masa sekarang. Ehem harapnya :3 Sebab Whoopers, aku belajar cakap "Aku sayang kau" hehehe, ni greasy bagi aku tapi mereka lah yang ajar.

Sangat comel, bercerai kahwin pun ada jugak dalam whoopers lol XD Aku rasa 98% kawan online aku Whoopers semuanya dan aku habiskan banyak masa aku online, so perangai aku setahun ni dipengaruhi dengan whoopers jugak. Haha. Member whoopers yang aku pernah jumpa :

Dhilah : Kebetulan kakak dia kawan sepupu aku. so aku pergi raya rumah dia .
Nad : Pergi showcase Lee Seunggi dengan Shout Awards sama-sama.
Ikaa : Kawan baik lol
Aina Aqilah : Pun kawan baik lol

Paling best masa whoopers meriah , kitorang cerita hantu sampai beratus-ratus komen, then ada pulak #TeamKlanung yang komen sampai beribu-ribu , mereka belajar terengganu hahaha. Yang paling merepek bila kitorang spam beribu-ribu komen yang mengandungi lyric spontan tanpa motif lol. Kami juga main truth or dare dan mengenakan gambar hantu dan sebagainya.

Senaraikan nama bias dan madu-madu anda jika ada 

Bias	Madu lol
Kevin Woo	Nur Alissa madu kesayangan saya omg ;_;
Hyosung Minah	Qeen yang comel ;_; Wanis yang habeh spm dah *o*

Bias yang lain saya tak senaraikan ho ho ho

Senaraikan 5 member whoopers yang rapat dengan anda

Mula-mula aku risau nak listkan, tapi bila fikir balik. Memang kita rapat dengan orang tu, tapi mungkin ada yang lebih rapat dengan orang tu. So macam tu jelah ceritanya.

Ikaa - Sebab dia memang kawan baik aku dekat sekolah
Ana - Kitorang memula rapat sebab kutuk orang hahaha gila jahat lah then then rapat semula jadi , beza umur sebanyak 4 tahun tapi kesah apa kan. Selalu spazz ze:a sama-sama kot , haha XD
Nad - Memang rapat dari dulu , sebab masing-masing Kissme. Dia jugak yang hasut aku pilih Kevin masa aku tak tau nak pilih antara Woohyun dan Kevin. Haha
Nana Johari - Aku anggap dia rapat sebab dia .. tempat ngadu pasal blog copycat semua ._. ;-; selalu mengalami masalah eden dengan aku. Hahahahaha
Unnie darla - memang hari-hari cakap dengan unnie kan .____.
Unnie alia - Sorry lebih 6 -_- tapi eden memang tak terfikir langsung nak letak unnie alia padahal dia yang paling rapat asjsdfsdfdkgk eden sayang unnie okay sayang gila unnie mata besoo ni ;_; terlupa letak unnie sebab eden tereffect dengan skype list kot ;_;

Act nak tambah hyung apis madu kevin eli sobseu kissme and minat dalam code and faham den dalam bidang blogging jojo yang dulu rapat dengan aku tapi sekarang tak cakap dengan aku pun so aku jadi awkward and selalunya aku rasa dia marah aku ke hape najun orang first yang message aku seriously sebab aku takde phone so orang lain phone takde lah nak text aku kan sobs sad life tapi tak muat pulak ;_____; lol Jojo ;_; kau kawan aku lagi tak lol ;_; aku serious ni ..... Dhilah punnnnnnnnnnnnnnnnnnnn. Ok

Whoopers ni unik, aku rasa kami yang mula guna 'den' then sekarang dah jadi ikutan ramai lol kononnya. Gunakan loghat untuk hilangkan kewas-wasan sama ada nak guna kau aku ke saya awak. So guna den hang kan comel je lol. Aku rasa Nana start guna dulu . Sebarang keperasanan amat disegani. Teringat pulak kenagan aku dengan Jojo pura-pura bergaduh hahahaha kitorang bincang dekat twitter and mostly whoopers takde twitter tahun lepas so diorang pun tertipu XD Ada yang kata kitorang gila kot . Tapi masa situasi tu, diorang bagi nasihat semua hahah comel je mereka.

Since aku tak online, so aku tak tau pun ada award. The most Loyal Kissme dengan The Most Loyal Fandom tu buat aku terharu okay ajsdhksjfhsdjfh terima kasih kepada orang yang vote sobsssssss sayang korang lol benda ni buat aku bahagia ha ha ha maknanya mereka tau aku sayang Ukiss ;_; alahai comelnya korang comel nya comelnya.

Nak bagi video tapi mereka pakai skirt pendek sangat hm. Just nak cakap jangan lupa aku lol ;_; Mana tau nanti ada yang dah tip top lepas tu lupa Whoopers . Ingat lagi tahun lepas kata nak buat gathering b ila dah beso kan hihi. 

Kevin's Birthday

HAPPY BIRTHDAY WOO SUNGHYUN !
I will always love you sobs sobs sobs sobs sobs. Stay pretty healthy. Your fanghost are always by your side ;_;

Images not mine.Older post to go to wanaseoby's normal layout.

Add comments display in Classic Template / Blogskins

Assalamualaikum,

Most of Blogskins people are using have no display comments. So, I've decided to give you my entire codes, which I took from Blogger Template. 

First, paste the codes below BEFORE </style> 

.comment-timestamp { margin:0 0 .5em; padding:0 0 .75em 20px; color:#666; } .deleted-comment { font-style:italic; color:gray; } #comments { margin:5; border-width:0 1px 1px; padding:20px 0 15px 0; } .comment-icon blogger-comment-icon{display:none} #comments-block { margin:2px ; } .comment-data { background:url("http://media.tumblr.com/tumblr_m89rmpKOEf1qdlkyg.gif") no-repeat 2px .3em; margin-top:5px !important;background-size:10px; padding:0 0 0 20px; color:#666; } span.comment-icon{display:none} .comment-poster { font-weight:bold; } .comment-body { margin:0px; } .comment-body p { background:#FFFFFF; border:3px solid #FCEBED; margin:0em; padding:5px; color:#808080; }

Then search for </Blogger> , paste the codes below BEFORE it.

<itempage> <div id="comments" style="margin-top:5px;"> <blogitemcommentsenabled><a name="comments"></a> <dl id="comments-block"> <div style="width:470px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(http://pastelpatterns.com/small/smallpattern-9.png); box-shadow:0 0 3px #ddd;"> <$CommentPager$> <blogitemcomments> <dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a> <$I18NCommentAuthorSaid$></dt> <dd class="comment-body"> <p> <$BlogCommentBody$></p> <$BlogCommentDeleteIcon$> </dd> </BlogItemComments> <$CommentPager$> </dl> </div> <p class="comment-timestamp"> <$BlogItemCreate$> </p> </div> </ItemPage>

After that, you need to search another </Blogger> tag  (most blogskins have two entry codes due to pagination system) , and paste the codes before it again.

Now you're done ! Bagitau kalau tak jadi okay, bai

How to add navigation menu to your blog - Style 6

Hi guys! As requested, I will teach you on how to get the menu button of this style. This is the live preview of the button, you may hover your cursor over these menus to see the hover effect :)

link 1 link 2 link 3 link 4
To get this menu button, follow the instruction given below.

1. Edit the codes

To edit the codes, I recommend you to use http://htmledit.squarefree.com/ to edit while viewing the Live Preview immediately. The main codes that you need to change are - YOURLINKURL (Change this to your link url) & titlehere (Change this to your own menu title)

<style> .kevo{ width:50px; padding:4px; margin:2px; background:#eee; font:8px tt; text-align:center; Text-decoration:none; color:#888; text-transform:uppercase; display:inline-block; height:28px; padding-top:25px; border-radius:50%; -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease; transform: rotate(0deg) ; -webkit-transform: rotate(0deg) ; -moz-transform: rotate(0deg) ; -o-transform: rotate(0deg) ; -ms-transform: rotate(0deg) ; } .kevo:hover{transform: rotate(360deg) ; -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg) ; -ms-transform: rotate(360deg) ; } @font-face { font-family:tt !important; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important; } </style> <a class="kevo" href="LINK HERE">link 1</a> <a class="kevo" href="LINK HERE">link 2</a> <a class="kevo" href="LINK HERE">link 3</a> <a class="kevo" href="LINK HERE">link 4</a>

2. Apply the codes

For Blogger Template Designer user, you may put this navigation on your gadget section. Go to Home > Layout > Add a gadget > Choose HTML/Javascript > and paste the codes.  For blogskins/ Classic Template user, you may put the codes anywhere you wanted the navigation to be. Thank you :)

How to add navigation menu - style 5

Hi guys! As requested, I will teach you on how to get the menu button of this style. This is the live preview of the button, you may hover your cursor over these menus to see the hover effect :)

link 1 link 2 link 3 link 4
To get this menu button, follow the instruction given below.

1. Edit the codes

To edit the codes, I recommend you to use http://htmledit.squarefree.com/ to edit while viewing the Live Preview immediately. The main codes that you need to change are - YOURLINKURL (Change this to your link url) & titlehere (Change this to your own menu title)

<style> .raejun{ width:90px; padding:4px; margin:2px; background:#eee; font:8px tt; text-align:center; Text-decoration:none; color:#888; text-transform:uppercase; display:inline-block; -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease; border-right:20px solid #aaa; } .raejun:hover{ width:110px; background:#aaa; color:#fff; border-right:0px solid #aaa; } @font-face { font-family:tt !important; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important; } </style> <a class="raejun" href="LINK HERE">link 1</a> <a class="raejun" href="LINK HERE">link 2</a> <a class="raejun" href="LINK HERE">link 3</a> <a class="raejun" href="LINK HERE">link 4</a>

2. Apply the codes

For Blogger Template Designer user, you may put this navigation on your gadget section. Go to Home > Layout > Add a gadget > Choose HTML/Javascript > and paste the codes.  For blogskins/ Classic Template user, you may put the codes anywhere you wanted the navigation to be. Thank you :)

How to add this unique scroll box to your blog

Hi guys! In this entry, I will tell you on how to get this cute textbox on your blog. You can put anything in here such as text, pictures and many more! You may put the textbox in your sidebar section or in an entry just like I did below.

Bonbon biscuit cake chocolate bar candy danish. Fruitcake oat cake donut marzipan chocolate halvah. Lollipop jujubes candy halvah cookie jelly beans cake muffin chocolate cake. Lollipop dragée halvah bear claw wafer cookie lemon drops cake toffee. Sugar plum oat cake icing marshmallow. Chocolate cake jujubes bonbon lemon drops lollipop cookie. Powder soufflé cake. Chocolate cake jujubes chocolate bar tiramisu oat cake icing. Cookie cake candy apple pie gummi bears. Pastry candy canes powder danish tart pudding tootsie roll. Caramels lemon drops jujubes jujubes tart toffee ice cream halvah caramels. Jelly bear claw gummies brownie lollipop oat cake. Bonbon pudding gingerbread.

To use this scroll box, copy and paste this codes to http://htmledit.squarefree.com/ to edit while viewing the live preview. Then you may place them anywhere you wanted them to be.

<style type="text/css">.scroll-box-border{ width:260px; border-radius:10px; background:url(http://data.whicdn.com/images/43272436/tumblr_md5dacXeKU1rsj3wyo1_400_large.png); background-size:360px; padding:15px; height:200px; box-shadow:0 0 6px #ccc;} .content-box{ width:250px; border-radius:10px; background:#fff; background-size:360px; padding:5px; height:190px; opacity:0.9; border:1px dashed #ccc; text-align:justify; color:#777; overflow-x: hidden; overflow-y:scroll; } </style> <br /> <div class="scroll-box-border"> <center> <div class="content-box"> Place your content here</div> </center>

How to style link hover - Style 5,6, and 7

To use this link hover,  paste the codes under </style> for Classic Template users. For Blogger Template Designer, paste the codes above/before ]]></b:skin>

Style 5

I feel like I'm under a spell

a:link,a:visited{
text-decoration:none;
color:#aaa;-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
box-shadow:inset 0 0px 0px #FFA4A4;
padding:2px;
}
a:hover{
color:#fff;
box-shadow:inset 0 50px 8px #FFA4A4;
}

Style 6

I feel like I'm under a spell

a:link,a:visited{
text-decoration:none;
color:#aaa;-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
box-shadow:inset 0 0px 0px #C6D4F3;
padding:2px;
}
a:hover{
color:#fff;
box-shadow:inset 0 -50px 0px #C6D4F3;
}

Style 7

I feel like I'm under a spell

a:link,a:visited{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
text-decoration:none;
box-shadow:inset 0px 0px 0px #FEA5A5,inset 0px 0px 0px #FAC3BA;
color:#888;
padding:2px;

}
a:hover{
box-shadow:inset 0px 14px 0px #FEA5A5,inset 0px -14px 0px #FAC3BA;
color:#fff;
}

Add blogger Archive For Classic Template /Blogskins

Hi guys!  This tutorial is how to add blogger archive to your classic template. Paste the codes provided anywhere you want them to be. In case you want to have a blogger achive in a scrollbox, you may use this tutorial - How to add scrollbox to your blog.

Style 1 - Basic

<bloggerpreviousitems> <a href="<$BlogItemPermalinkURL$>"> <li><$BlogPreviousItemTitle$></li> </a> </BloggerPreviousItems>

Style 2 - With cute icons

<bloggerpreviousitems> <a href="<$BlogItemPermalinkURL$>"> <div style="background:url(http://media.tumblr.com/tumblr_m2rueqwhjf1qdlkyg.gif); background-size:12px; background-repeat:no-repeat; padding-left:14px;"> <$BlogPreviousItemTitle$></div> </a> </BloggerPreviousItems>

Floating music player for Audioplay users

This mini floating music player box are for http://www.strangecube.com/audioplay/ users only. Click here to see live preview of the player box. Sorry I don't provide the tutorial of using Audioplay, it requires direct link of mp3, please google on how to get mp3 direct link.

1. Edit the codes 

Edit the codes first using http://htmledit.squarefree.com/. Replace "content here" with the codes generated by Audioplay.
<style> .music-player-box{ position:fixed; -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease; top:-30; left:20px; text-align:center; text-transform:uppercase; font-family: 'lucida sans unicode'; font-size: 9px;} .music-player-box:hover{ position:fixed; top:3} .music-player-content{ background:#fff; width:50px; height:25px; padding-top:10px; background:#F1ECEA } .music-player-footer{ padding:5px; background:#CBBAB0; color:#fff;-webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; </style> <div class="music-player-box"> <div class="music-player-content"> paste content here <div class="music-player-footer"> music</div> </div> </div>

2. Apply the codes

For blogskins pr classic template users, place the codes under </style>

For Blogger template designer users, place the codes in HTML/Javascript on your sidebar. Don't forget to leave the title empty. 

10.11.12 : ZE:A Showcase In Malaysia

Assalamualaikum,

Sekarang dah 13.11.2012 dah, tapi baru nak post pasal tarikh ni. Haha actually, aku bukan nak cakap pasal tarikh tu cantik ke apa, just nak cerita apa yang jadi hari tu. Hehe . Aku happy sangat hari tu sebab aku dapat jumpa ZE:A buat ke pertama kalinya. Rasa nak nangis pun ada sobs. Lol. Minggu lepas baru pergi showcase Seunggi, now ZE:A.

Yes, ini dia ticketnya. Tak keluarkan duit pun dapat ticket ni, Ikaa menang ticket dari contest and dia bagi aku satu. Terima kasih sangat-sangat ;____; sebenarnya , kalau Ikaa tak menang ticket ni pun aku dapat pergi, sebab Nad ada menang ticket jugak tapi belakang lah. Kira aku bertuahhhh sebab ada kawan-kawan yang bertuah ;_;

And paling tak sangka, bila sampai sana .. tup tup Nad text Ikaa, and cakap dia tak dapat pergi sebab accident. Sangat sedih, sebab dia minat Hyungsik dengan Siwan. Bias aku Minwoo, so aku pergi sana dengan harapan dapat tengok Minu je lah , so aku beli lah hadiah topi untuk minwoo warna merah, sebab aku perasan dia suka pakai topi and dia memang suka warna merah.

Kitorang berdua pergi sana naik train , sanggup kay. HAHA lepas turun dari stesen tu kena jalan jauh lagi baru sampai Kenanga Wholesale City tu . Kena pulak masa kitorang pergi tu, hujan lebat. Ikaa bawak payung satu je so masing-masing confirm bermandikan hujan . Sampai dekat lokasi, terus cari tempat duduk. Terlampau sakit /rimas/basah . kitorang cari je tempat yang takde orang then terus bersila dekat situ like a boss. Then Abby and the gang pun datang join kitorang bersila dekat situ. LOL XD

Hadiah untuk minu <3 Thanks Ikaa untuk kotak tu :B Captured masa Ikaa dengan Abby semua sedang berborak disebelah .

Bila dah masuk dewan tu, saya sangat terkejut kerana - Ticket kami hanya selang 6 seat dari pentass !!! Aku macam membatak lah sebab dekat gilaaaa ;_;

Yes, macam tak percaya HA MINWOO KIM DONGJUN IM SIWAN PARK HYUNGSIK JUNG HEE CHUL KIM TAEHUN KEVIN KIM HWANG KWANGHEE ada betul-betul depan mata aku ;-; Oh Moon leader tak dapat datang ... kesian Ikaa. DIsebabkan bias Ikaa tak datang , aku suruh dia rakam Minu sepanjang masa XD

Walaupun aku dah pernah pergi Lee Seunggi dengan Hari Belia sebelum ni, aku tak pernah jerit masa diorang perform. Ini kali pertama aku macam kena sawan HAHAHAHA, setiap kali part Minu, ataupun bila Minu lead dekat depan je, aku jerit kuat gila sampai orang depan tutup telinga. Yes sawan tu namanya. Aku sendiri pun tak tau aku boleh jerit macam tu 'o'

Untung kan dia ..

Yang paling sedih Minu asyik pergi belah kanan je, seat kitorang belah kiri.  Minu kau tak nampak ke fan kau dekat sini sobs ;_; penat aku jerit untuk dia tau. lol -.- Taehun friendly sangat , dan comel lagi-lagi dimple dia. Hohoho. Siwan lagi lah comel *o* serious omg tau tak dia punya muka kan tak kurus pun maksud aku kecik tapi ada isi serious comel gilaaaaaaaaaaa . Oh over pulak.

Dongjun si ex-bias aku tu comel jugak ;_; asdfghjkl kenapa aku dah tak minat dia OTL OTL OTL lol XD Nak tau tak , aku berjaya jerit "BYEE EX" dekat Dongjun . Dah lama nak buat centu , akhirnya tercapai jua.

Aku baru je tukar rupa blog ni , sebab kalau aku tak tukar nanti aku takde mood nak update. Sejujurnya aku bukan suka sangat pun design sekarang ~.~ desperate nak tukar, tapi dalam masa yang sama aku rasa bagus jugak guna warna ni, nanti aku bebas upload gambar warna apa pun. Sorry kalau korang tak suka ~*o*~ lol nothing special , just part header je ada hover sikit. Haha then i'm using such random image as hover background XD

Tonight with Lee Seunggi in Malaysia

Assalamualaikum,
Last aku update blog 3 hari lepas eh? lol busy busy. Hari Khamis ada Farewell Party kelas dekat Pizza Hut sobs. Ada banyak gambar tapi tak tau bila nak upload sebab masa takde , maksud aku .. agak kemalasan kerana leceh dimana handphone ini mempunyai masalah dengan USB. Baru upload satu je, HAHA.

Jumaat tu pulak aku pergi Showcase Lee Seunggi ;_; Terima kasih Nad kerana memberikan aku ticket free bertax RM3 je lol. Dia menang contest so yeah dia bagi aku satu sobs ;_; Truly said Lee Seunggi comel asdfghjkl walaupun dari jauh je dekat screen tu tunjuk dia alahai comelnye anak orang ni. Tapi aku berasa agak kesian kerana orang yang pergi situ /termasuk aku/ tak hafal lagu dia. Then ada game teka lagu, peminat yang bertuah je dapat main game. Tapi semua yang terpilih tu senyap je atas stage , semua tak hafal lagu dia. Kesian ;______; Harap dia sudi datang lagi walaupun selepas kejadian itu.

Tak tangkap gambar sebab kitorang duduk jauh. OTL

Then Sabtu tu aku ikut Shuhada pergi Hotel Saujana dekat Sepang , saje teman dia 'o' Best sangat dekat situ hahaha. Sepanjang dekat situ aku harap Block B muncul lol padahal aku tak tau diorang duduk hotel mana HAHAHA selamba je. And aku dengan Shuhada asyik cakap pasal crush dengan sangat 'serious' sampai aku TER-rindu dia ... isk.

Okay dah lari tajuk, 

Aku dapat tau yang K-pop Storm dah pun dibatalkan kerana urusan contract mati ke apa ntah. Sakit jiwa raga hati ini ewah. Aku dah beli ticket and dah ready nak jumpa Minah Kevin Girl's Day Ukiss lusa je, tapi diorang cancel macam tu je. Huaaa T__T siapa aku nak salahkan ni .. nak sangat jumpa Minah ;_; tapi takpelah sobs pasrah dengan apa yang berlaku.  Diorang kata , akandiagntikan dengan Ukiss Shinee Block B sahaja. O sheet aku nak Girl's Day sekali. 

Oh bai

How to add sticky navigation bar to your blog - Style 2

Assalamualaikum and hi! As I mentioned in the title, in this entry I will teach you on how to add this sticky navigation bar to your blog. You can use this bar as the main navigation of your blog which will lead readers to other pages such as About Me, Freebies and Archive page. Click here to see Live Preview of the navigation bar.

1.Edit the codes

To edit the codes, please use http://htmledit.squarefree.com/ because I swear it is the easiest and quickest way to edit some html codes. 

<style type="text/css"> .nav-bar-wnsby{ width:100%; background:url(http://i.imgur.com/bbipa.png); border-bottom:5px solid #FFEEEE; position:fixed; top:0px; left:0px; box-shadow:0 0 6px #ccc; text-align:center; padding:10px; } a.navbar-menu-button{ background:#FFEEEE; text-decoration:none; color:#FFBBBB; padding:5px; font:11px arial; margin-left:5px; margin-right:5px; -webkit-transition:All 0.4s ease; -moz-transition:All 0.4s ease; -o-transition:All 0.4s ease; display:inline-block; width:60px;} a.navbar-menu-button:hover{ background:#FFBBBB; color:#fff; } </style> <div class="nav-bar-wnsby"> <a class="navbar-menu-button" href="YOURLINKHERE">OPTION</a> <a class="navbar-menu-button" href="YOURLINKHERE">OPTION</a> <a class="navbar-menu-button" href="YOURLINKHERE">OPTION</a> <a class="navbar-menu-button" href="YOURLINKHERE">OPTION</a> <a class="navbar-menu-button" href="YOURLINKHERE">OPTION</a> </div>

2. Apply the codes

For Blogger Template Designer user, paste the edited codes to a new gadget on your sidebar. Make sure to leave the title empty. To add a new gadget :  Home > Layout > Add a Gadget > Choose HTML/Javascript > Paste the codes > Save.

For classic template, simply paste the codes under </style>

Thank you for reading :) 

How to add sticky navigation bar to your blog - Style 1

Assalamualaikum and hi! As I mentioned in the title, in this entry I will teach you on how to add this sticky navigation bar to your blog. You can use this bar as the main navigation of your blog which will lead readers to other pages such as About Me, Freebies and Archive page. Click here to see Live Preview of the navigation bar. 

1.Edit the codes

To edit the codes, please use http://htmledit.squarefree.com/ because I swear it is the easiest and quickest way to edit some html codes. 

<style type="text/css"> .nav-bar-wnsby{ width:100%; background:#222; position:fixed; top:0px; left:0px; box-shadow:0 0 6px #000; text-align:center; padding:10px;} a.navbar-menu-button{ background:#444; text-decoration:none; color:#fff; padding:5px; font:11px arial; margin-left:5px; margin-right:5px; -webkit-transition:All 0.4s ease; -moz-transition:All 0.4s ease; -o-transition:All 0.4s ease; display:inline-block; width:60px;} a.navbar-menu-button:hover{background:#fff; color:#000; } </style> <div class="nav-bar-wnsby"> <a class="navbar-menu-button" href="YOURLINKHERE">OPTION</a> <a class="navbar-menu-button" href="YOURLINKHERE">OPTION</a> <a class="navbar-menu-button" href="YOURLINKHERE">OPTION</a> <a class="navbar-menu-button" href="YOURLINKHERE">OPTION</a> <a class="navbar-menu-button" href="YOURLINKHERE">OPTION</a> </div>

2. Apply the codes

For Blogger Template Designer user, paste the edited codes to a new gadget on your sidebar. Make sure to leave the title empty. To add a new gadget :  Home > Layout > Add a Gadget > Choose HTML/Javascript > Paste the codes > Save.

For classic template, simply paste the codes under </style>

Thank you for reading :)