Monday, 29 August 2016

Last Post Before Becoming a Degree student

9 Comments so far
Kawaii Lady Hiatus

Assalamualaikum dan hai semua..! Okay semalam 28 hb 8 tahun 2016, ramai yang dah start daftar. Ada jugak Uni yg daftar harini.. Yg penting UPM special case sebab 31 hb baru daftar.. ( rasa bertuah pulak ) Ada lebih masa dengan keluarga, banyak masa nak pack barang, boleh kacau kawan time diorg sibuk orientasi . UPM kejap je orientasi dalam 4  hari gitu.Tapi kan... daftar lambat ni ada kekurangan dia jugak.   Antara kekurangannya, bila dah nak daftar dan tengok budak lain ramai yang sudah daftar, rasa gemuruh tu berganda.. >.< Emosi pun jadi makin tak stabil ( Going crazy is not what I meant ) emosi sedih tu ha yg bertambah-tambah. Sedih nak tinggalkan rumah, family, blog T.T ( Inn Syaa Allah tak lama tinggal blog ni ) ada masa saya update.. Maybe time cuti. Borang-borang dah lengkap. Barang-barang dah 50% siap kemas. Kalau time sibuk study mintak maaflah memang susah nak dapat mood blogging.

Saya ada terfikir nak update layout dengan template blog ni jadi more matured look tapi tulah, kalau nak ubah 100% tu ambil masa 3 hari jugakla ( 24 hour non-stop ). Nak edit code pon dah malas. Nak buat header baru. Arggh double malas. Dalam 2-3 hari sebelum ni saya ada update template saya for mobie view.So, sekarang kalau korang view blog ni via mobile pon boleh, not as bad as before.

Btw, I had updated some of my post such as :
Add comment count below post title ( I had edit the code so, it should work fine now )
Problems with cbox and ways to fix it ( You should check it out because you can actually alter the iframe code of cbox! )

Okay untuk entri kalini memang topic random like everything inside my mind..haha Sekejap tengah nak extract something from my mind to be written here.......hmm

So, the day after tomorrow is the day !!  Ya Allah cepatnya masa berlalu. Bukan countdown merdeka okay, countdown my degree day. Happy independent day lah to me yg bebas dari cengkaman keluarga. lol kena berdikari lepas ni takde dah makan masakan ibu dan kakak.. T.T Takde dah nak peluk akak masa tidur..haha Takde dah nak kacau-kacau adik tanya khabar. Nak makan lepas ni kena hulur duit dulu baru dapat. Lepas ni kalau nak shopping pon kena ajak member tak boleh ajak family.

Drama je lebih ni padahal raya haji balik jugak.. huhu acah je macam dapat overseas.

Dah lama jugaklah mereput kat rumah buat rutin harian yg sama ( Tidur, bangun tidur, makan, solat, blogging, tengok tv ) Seriously tak bosan pon sebab saya ni jenis yg memang suka duduk rumah jer malas nak jalan-jalan. Otak pun dah cram sebab lama tak study. Adik form 4 tanya soalan math yg simple pon lama nak solve sebab otak complicated so, soalan senang pon anggap macam susah. Harap tak kena bebel lah dengan lecturer bila masuk U nnti. Biasalah kan awal-awal belajar macam blur-blur gituw. Harap ada geng blur la lepasni haha macam masa kat matrik dulu.

Sedih sebenarnya sebab kawan-kawan masa matrik dulu tak ada yang dapat U sama. Semua bawak haluan berbeza ( ada yg ke UMK, USIM, UTEM, UKM, USM, UTM, UITM ). Berhuhu lah sorang-sorang di UPM nanti. Inn Syaa Allah sekejap je aku akan jumpa pengganti korang muehehe.

Rasanya sampai disini sajalah penulisan saya, nak pergi makan ni... haha lepastu nak basuh kasut sukan , jemur kain, pack barang. lol should I really list it here? haha I have my own right to post anything in my blog.

Friday, 26 August 2016

Chat Box Problems plus Ways to Fix it

Be the first to comment!
Problem with chat box

Assalamualaikum and hi all! I am really sure that all blogger suffer the same problem as me on chat box ( Cbox ). Actually, there are some more problem that you will face if you put cbox widget on your site.So, let's go through all of it to make you think twice before adding cbox widget to your blog.

Some of the cbox problem


1. Cbox won't appear on a secure connection.

As Blogspot team turned on HTTPS Redirect, we can see this problem happened to cbox. Cbox will not appear if you view them on a website with HTTPS Redirect. This is not an issue if you are using your own custom domain because automatically it will disable HTTPS. Cbox will work on a secure connection if and only if you upgrade your cbox to premium.

2. Cbox is an Iframe widget

Having an Iframe widget on your site is a total disaster. Why did I said that? content in an Iframe cannot be indexed. It will lower your SEO ( Search Engine Optimization ) and slower your blog which will increase your page loading time.

3. Cbox is not private

If you think that you already private your cbox, think again. When you click on someone blog URL that they leave in your cbox, blogger will detect your cbox as a traffic source. So, an URL to your cbox is generated in someone else stats page and they can view and read your entire cbox messages.

I think for now, that is the only issue on cbox that I am aware of. I am sure that there are more to come.

How to fix cbox issue?

If you still want to add cbox widget on your blog please do this :


1. Disable HTTPS redirect

Follow below steps so that people will not view your blog on a secure connection.

Log into your blogger account > Go to Dashboard > Settings > Basic > HTTPS Redirect > Choose No > Save

2. Do not click URL directly from your cbox

If you want your cbox messages to stay secret, do not click any blog URL on your cbox, what you can do is copy link address and open it in a new tab. If you don't mind the fact that people can read your cbox message, you do not have an issue here.

3. Alter the cbox code

Okay, to avoid using Iframe type of widget, we can actually change the Iframe code to object code. How to do so? read below explanation

Example of cbox code :

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="205" height="150" src="http://www7.cbox.ws/box/?boxid=467090&amp;boxtag=zg126z&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-ryfd" id="cboxmain7-rtg"></iframe></div>
<div><iframe frameborder="0" width="205" height="75" src="http://www7.cbox.ws/box/?boxid=12ef&amp;boxtag=zg126z&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-467090" style="border-top:2px solid #FFeeee;"> id="cboxform7-467ht"></iframe></div>
</div>
<!-- END CBOX -->

Explanation : Change the word iframe with object, Change the word src with data.

Example of the edited code :

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><object frameborder="0" width="205" height="150" data="http://www7.cbox.ws/box/?boxid=467090&amp;boxtag=zg126z&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-ryfd" id="cboxmain7-rtg"></object></div>
<div><object frameborder="0" width="205" height="75" data="http://www7.cbox.ws/box/?boxid=12ef&amp;boxtag=zg126z&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-467090" style="border-top:2px solid #FFeeee;"> id="cboxform7-467ht"></object></div>
</div>
<!-- END CBOX -->

If you want to use cbox  without affecting your blog you can :


Show a link to your cbox.
People can view your cbox diectly in cbox site. So, you don't have to add the cbox widget to your blog. As I told you above, cbox widget is not friendly for your website. What you should do is get a direct URL of your cbox by following below steps :

Log into your cbox account > Click Publish on the top navigation bar > Locate your Quick Link which will show your cbox page.
As for me, my Quick Link is  http://my.cbox.ws/Teddy_chimi


If you also want to add the cbox link gadget as mine, follow this simple steps :

Log into your blogger account > Go to Dashboard > Layout > HTML/Javascript > Copy below code and paste it in the HTML/Javascript content.
If you wish to edit the code first, paste it here first then, copy and paste the edited code into the HTML/Javascript content.

<style>
.chat {
border-radius: 0px 15px 15px 0px;
width:30px; height:90px;
text-align:center;
padding:5px 5px 5px 0px;
position:fixed;
top:60px;left:0px;
background-color:#999999;
background-image:url(BACKGROUND IMAGE URL);
background-position:0px 0px;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.chat a{
font:17px Century gothic;
font-weight:bold;color:#FFFFFF;
text-decoration:none;
text-shadow:1px 1px #777777;
}
.chat:hover {
width:50px;text-shadow:1px 1px #777777;
background-position:0px 100px;
}
</style>
<div class="chat">
<a href="QUICK LINK" target="_blank">C<br />B<br />O<br />X</a></div>

The Notes : Color code here
Blue text : Change with your background image URL
Red text : Change witth background color code
Fuchsia text : Font color
Lime text : Text shadow color
Orange text : Change with your Cbox Quick Link

Okay, I think that's all that I want to share with you guys about Cbox. I really hope that this post are useful and can increase your knowledge on cbox. If you have any problem regarding cbox that I am not aware of, you can share it by commenting on this post.

I will be very busy soon so, don't expect me to update my blog frequently. I do hope that I will have some time to update my blog. See you again next time.. Bye Bye  \ o /

Wednesday, 24 August 2016

Free Edited Simple Template

Be the first to comment!
Simple template

Assalamualaikum and hi visitors ! Today, I would like to give a free edited version of simple template. As I blog walking to the other people blog, I noticed that many blogger use this kind of template which is simple with black and white theme. So, I decided to edit the simple template to suit your taste.

Skin Feature :

Free blogger template

Simple template preview


Grid view post
Custom share widget
Custom label widget
Custom Popular Posts widget
Custom Tabs widget
Mobile friendly template
SEO template

How to use this template?

1. Log in your blogger account.
2. Go to Dashboard > Template
3. Back up your template. ( Optional = In case you want to save your previous code )
4. Back up / Restore > Upload Template > Chose File > Upload


Load template

Upload template


How to edit this skin ?

  •  Firstly, Log into your blogger account > Dashboard > Layout
  • 1. Change blog title and blog description.
  • 2. Add blogger widget as in the image below..
Skin Layout

  • 3. For label widget, choose cloud display.
  • 4. For popular post widget, unpick snippet and image thumbnail.
  • 5. For social media widget, copy below code and paste it in the HTML/Javascipt widget content and change URL-HERE with your social profile URL.

<div id="fawesomeicons">
<a href="URL-HERE" title="Facebook" target="_blank" rel="nofollow"><i class="fa fa-facebook"></i></a>
<a href="URL-HERE" title="Google Plus" target="_blank" rel="nofollow"><i class="fa fa-google-plus"></i></a>
<a href="URL-HERE" title="Twitter" target="_blank" rel="nofollow"><i class="fa fa-twitter"></i></a>
<a href="URL-HERE" title="Pinterest" target="_blank" rel="nofollow"><i class="fa fa-pinterest"></i></a>
<a href="URL-HERE" title="Instagram" target="_blank" rel="nofollow"><i class="fa fa-instagram"></i></a>
<a href="URL-HERE" title="Bloglovin" target="_blank" rel="nofollow"><i class="fa fa-heart"></i></a>
<a href="URL-HERE" title="Tumblr" target="_blank" rel="nofollow"><i class="fa fa-tumblr"></i></a>
<a href="URL-HERE" title="RSS" target="_blank" rel="nofollow"><i class="fa fa-rss"></i></a>
<a href="URL-HERE" title="Youtube" target="_blank" rel="nofollow"><i class="fa fa-youtube"></i></a>
</div>

  • 6. Go to Template > Edit HTML > F3 / CTRL + F > Search  var perPage=4; and change 4 with the post number shown on your main page.
  • 7. For any error / problem / inquiries about this template. Kindly leave your comments on this post.
Do comment if you had downloaded this skin and wish to use this template.

Thursday, 18 August 2016

Beautify Sidebar Widget

3 Comments so far
Animal shape macarons

Assalamualaikum and hi people ;) So, today I would like to make a compilation of tutorial on how to beautify sidebar widget. Follower widget, Contact Form widget, Popular posts widget and Blog Archive widget.
  • 1. Log in your blogger account.
  • 2. Go to Dashboard > Template > Edit HTML.
  • 3. Back up your template. ( Optional = In case you want to save your previous code )
  • 4. Click ctrl + F and search for  ]]></b:skin>
  • 5. Copy below code and paste it above / before ]]></b:skin>

Where to find WidgetID ?

  • 1. Log in your blogger account.
  • 2. Go to Dashboard > Template > Edit HTML.
  • 3. Choose Jump to widget ( Now you can see a list of your widget ID. )
  • 4. Example : Widget ID for blog archive widget is BlogArchive1 for follower widget is Followers1

Widget Name

How to add background, border to certain widget ?


Border, background on follower widget

#WidgetID .widget-content {
padding:5px;  max-width:100%;
border:2px solid #FFD1D1;
background-color:#FFF4F4;
border-radius:10px;
}


Add scrollbox to widget :


Scroll box widget

#WidgetID .widget-content {
max-height: 200px;
padding:5px;  max-width:100%;
border:2px solid #FFD1D1;
background-color:#FFF4F4;
border-radius:10px;
overflow: auto;
}

Add icon beside blog archive post title :

Search the code like below using F3 or ctrl + F

<li><a expr:href='data:post.url'><data:post.title/></a></li>

Then add the code below between <li> and <a expr:href='data:post.url'><data:post.title/></a></li>

<img src='URL ICON' style='padding-right:5px;'/>
Example :
<li><img src='URL ICON' style='padding-right:5px;'/><a expr:href='data:post.url'><data:post.title/></a></li>

Change the color of blog archive arrow icon :

Search the code like below using F3 or ctrl + F
.widget .zippy {

Then, delete the code that you had search with it sub code.

Example of code to be deleted :
.widget .zippy {
  color: $(widget.alternate.text.color);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, .1);
}

Then, replace the code with below code :
.widget .zippy {
color: #FACCCC;
text-shadow: 2px 2px 1px rgba(0, 0, 0, .1);}

Customize Popular Post Widget :


Customize popular post widget


#PopularPosts1 ul{
list-style:none;
counter-reset:li;
}
#PopularPosts1 li{
position:relative;
margin:0 0 10px 0;
padding: 3px 2px 0 17px;
left:-5px;
}
#PopularPosts1 ul li{
position: relative;
display: block;
padding: .4em .2em .4em 2em;
*padding: .2em;
margin: .5em 0;
text-decoration: none;
transition: all .3s ease-out;
}
#PopularPosts1 ul li:before{
content: counter(li);
counter-increment: li;
position: absolute;
height: 2em;
width: 2em;
line-height: 1.5em;
font-size: 25px;
color: #666666; /* text color of numbers */
text-align: center;
font-weight: bold;
border-radius: 2em;
position: absolute;
left: -12px;
transition: all .3s ease-out;
}

.popular-posts .item-thumbnail img {
width:55px; height:55px;
border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
-webkit-border-radius: 15px;
border: 1px solid #C5DEBA;
padding:3px;background:#F4E0CD;
-webkit-box-shadow:0 1px 1px #ccc;
-moz-box-shadow:0 1px 1px #ccc;
box-shadow:0 1px 1px #ccc;
-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;
}

.popular-posts .item-thumbnail img:hover {
opacity:1.0;
transform:scale(1.2) rotate(5deg);
-moz-transform:scale(1.2) rotate(5deg);
-ms-transform:scale(1.2) rotate(5deg);
-o-transform:scale(1.2) rotate(5deg);
-webkit-transform:scale(1.2) rotate(5deg));
}


Customize contact form :

Customize

/* Contact Form Container */
.contact-form-widget {
width:220px;
font:13px century gothic;
max-width: 100%;
margin: 0 auto;
padding: 10px;
border:3px dotted #BDE5D7;
background-color:#FFFAE6;
color: #222222;
background-image:url(https://i.imgur.com/saPGOlL.png);
}

/* Fields and submit button */
.contact-form-name, .contact-form-email, .contact-form-email-message {
width: 100%;
max-width: 100%;
margin-bottom: 2px;
padding:5px;
font:12px century gothic;
}

/* Submit button style */
.contact-form-button-submit {
border: 3px solid #F4E0CD;
background:#BDE5D7;
color: #222222;
width: 100%;
max-width: 100%;
margin-top: 4px;
text-align:center;
font:13px century gothic;
}

/* Submit button on mouseover */
.contact-form-button-submit:hover{
background: #F4E0CD;
border: 3px solid #BDE5D7;
}
.contact-form-name {
background-image:url(https://i.imgur.com/tDtge.png)
}
.contact-form-email {
background-image:url(https://i.imgur.com/tDtge.png)
}
.contact-form-email-message {
background-image:url(https://i.imgur.com/tDtge.png)
}

The Notes : Color code here
Blue Text : Widget ID
Orange Text : Border color
Fuchsia Text : Background color and background image URL here
Green Text : Text color
Purple Text : URL icon here
Grey Text : Form background image URL


...........PREVIEW AND SAVE...........
Do comments for any inquiries
......................................

Monday, 15 August 2016

Preparation for University

5 Comments so far
Cold, Flu
My condition right now T.T

Assalamualaikum dan hai semua. Okay, let me talk about myself on this entry. Jadi, berkaitan dengan tajuk di atas, macam mana progress preparation saya? hmm I think it's only 10% toward ready. Saya rasa, kebanyakan pelajar yg akan melanjutkan pelajaran ke peringkat ijazah juga sedang busy preparing all the stuff untuk daftar, pack barang,print out doc, photostate doc + pengesahan, survey University, buat medical check-up, bukak buku bank, mohon pinjaman / biasiswa, shopping barang nak bawak. Antara banyak benda yg saya list kan tu, saya cuma dah siap print out doc je.. haha Photostat doc tu ada yg dah ada yg belom. Well, take it easy don't rush up but don't miss out. ( My life motto ).

Haritu saya ada buat post pasal result UPU saya. Inn Syaa Allah, saya memilih untuk melanjutkan pelajaran di UPM bagi kos Sains Pengajian Makanan. Semoga ini adalah pilihan yg terbaik bagi saya. Kebanyakan Universiti awam daftar pada 28 hb 8 ni. Tapi, untuk UPM 31 hb 8 baru daftar..Alhamdulillah dapat extra time at home.Bagi pelajar UPM Kampus Serdang, kami tak payah buat medical check-up di Hospital kerajaan / swasta sebab nanti kami akan buat medical check-up di Pusat Kesihatan Universiti.. Mudah kan? so, settle one task. Tapi, kalau yg UPM Kampus Bintulu kena buat kat Hospital rasanya sebab Kampus Serdang ada budak Medic maybe diorang praktikal buat medical check-up. ( Just my postulate ) haha.Kat Kampus Bintulu mana ada budak Medic.

UPM
Ini surat tawaran UPM.

Nampak tak dia punya yuran tu?? Mahal kan kalau tengok sekali lalu. Sebenarnya yuran tu dia dah campur sekali yuran pendaftaran, penginapan, pengangkutan, medical check-up, Meal-plan ( cuma di UPM rasanya ), kos pengajian sem dan banyak lagi sebenarnya. Dia compile semua bayaran supaya kita tak payah bayar banyak kali. Kalau korang nak Universiti yg menawarkan yuran yg murah, apply la UiTM.( I am not a promoter ) Tapi, UiTM kan khas untuk Bumiputera so, dia murah dalam 700 lebih je yuran tapi tak surela overall yuran ke ada kena bayar kos lain lagi. Pasal Mealplan tu UPM buat macam bayaran makan kita kot dalam 400 lebih. Jadi, kalau kita nak beli makanan guna dulu kad Mealplan tu sampai habis lpastu baru boleh guna duit kita kalau tak cukup. Pasal Mealplan ni saya tak pasti sangat memandangkan belum ada pengalaman guna.

UPM ni antara Universiti yg terbesar di Malaysia. Universiti mana yg paling besar saya tak pasti.. Risau jugaklah awal-awal masuk ni nanti nak cari kelas, dewan kuliah semua.huhu takpe boleh tanya senior nanti. Benda paling penting bila masuk U nanti, kenalah tahu fakulti awak tu apa dan tempatnya di mana. Fakulti saya namanya Fakulti Sains dan Teknologi Makanan (FSTM). Kolej kediaman pon wajib tahu. Kang tak pasal-pasal salah bilik. Kot ye pon first time kan masuk U.huhu

So, how was my feeling right now ? Excited jugaklah nak masuk U kan.. Siapa tak nak. Ramai orang yg dah tinggalkan zaman U ni rindu dan teringin nak rasai lagi pengalaman jadi budak U.(Betul tak?)
Sebabtu ada yg sambung belajar sampailah ke peringkat PhD maybe sebab nak habiskan masa sebagai seorang pelajar. I am also feeling scared on the same time. Takut susah nak adapt dengan study environment dia. Well, time kat matrik kan still macam time sekolah sebab Lecturer pon sangat ambil berat, ada kelas tutor, dan senang nak tanya lecturer kalau ada yg tak difahami. Zaman U ni kena banyak berdikari. Tapi, Inn Syaa Allah lama kelamaan akan terbiasa dengan situasi ni.

Tak boleh dinafikan, memang kena banyak keluar duit pon kalau nak further study nie. Alhamdulillah saya dapat Universiti dalam semenanjung Malaysia. Kalau yg dapat di Sabah, Sarawak atau overseas memang kena ready lah dengan kos tiket flight. Sekarang ni bukan senang nak dapat biasiswa. Biasiwa JPA sekarang dah tak tengok result matrik sebab dia akan tengok result sem 1 di Universiti nanti. Kalau cemerlang baru boleh mohon. Bukan senang nak dapat pon. Time matrik tu korang apply lah biasiswa Maybank, Petronas, MyBrainSC dan lain-lain. MyBrainSC untuk yg nak ambil kos Sains tulen je di Universiti seperti Pure chem, pure Bio, Pure Physic sebab MyBrainSC bukak peluang untuk mereka yg nak jadi lecturer di Matric. ( I think laa ).

Okay lah, setakat ini sahaja tinta saya pada hari ini. Tak larat dah ni.. Demam =,= Alhamdulillah kifarah dosa. Nak rehat.. See you soon \o/

Friday, 12 August 2016

Put Tagged Post Widget

Be the first to comment!
Label widget 

Assalamualaikum and hai readers ^^, Today, I want to fulfill one tutorial request by a blogger on my facebook..This widget was coded by myself so, credit me with a back link if you wish to re-tutor. This tagged post can also be considered as updated version of label widget. This label post widget is floating at the top of your blog. Hanging Label widget. If you like to add the hanging label widget to your blog, follow below steps.

1. Firstly, Log into your blogger account.
2. Go to Dashboard > Layout > Add a Gadget > HTML/JavaScript
3. Copy any code below based on the style that you want and paste it on the content section of the HTML/Javascript widget.
4. If you wish to customize it first, paste it here first.Next, paste the edited code to the HTML/Javascript

<style>
a.bar {
font:12px century gothic;
text-transform:uppercase;
letter-spacing:4px;
text-align:center;
text-decoration:none;
color:#000000;
padding:2px;margin:2px;
width:140px; height:15px;
display:block;
background-color: #f7c3cc;
background-image:url(BACKGROUND WOOD);
background-size:100%;
box-shadow: 0px 3px 3px #f5adba;
background-position:100% 100%;
-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;
}
a.bar:hover{
background-image:url(BACKGROUND WOOD);
background-size:10%;background-position:0% 0%;
}

.border {
width:65px;height:14px;
background:transparent;margin-top:-10px;margin-bottom:-5px;
border-right:5px solid #f8b6c2;border-left:5px solid #f8b6c2;
text-align:center;
}
.rope {
width:65px;height:12px;
background:transparent;margin-top:-3px;margin-bottom:-5px;
border-right:5px solid #f8b6c2;border-left:5px solid #f8b6c2;
text-align:center;
}
</style>
<center><div style="position:fixed;top:0px;left:5px;background-image:url(TAGGED POST IMAGE); width:168px; height:61px;padding-top:35px;"></div>
<center><div style="position:fixed;top:98px;left:15px;">
<div class="border"></div>
<a class="bar" href="http://YOUR LINK.blogspot.com/search/label/LABEL NAME?&max-results=6" title="TOOLTIP TITLE" >TITLE</a><div class="rope"></div>
<a class="bar" href="http://YOUR LINK.blogspot.com/search/label/LABEL NAME?&max-results=6" title="TOOLTIP TITLE" >TITLE</a><div class="rope"></div>
<a class="bar" href="http://YOUR LINK.blogspot.com/search/label/LABEL NAME?&max-results=6" title="TOOLTIP TITLE" >TITLE</a><div class="rope"></div>
<a class="bar" href="http://YOUR LINK.blogspot.com/search/label/LABEL NAME?&max-results=6" title="TOOLTIP TITLE" >TITLE</a><div class="rope"></div>
<a class="bar" href="http://YOUR LINK.blogspot.com/search/label/LABEL NAME?&max-results=6" title="TOOLTIP TITLE" >TITLE</a>
</div></center></center>

The Notes :
Fuchsia text : Color code here
Blue text : Background image URL ( wood background )
Example :
"http://kawaiilady.blogspot.com/search/label/study?&max-results=6"title="STUDENT LIFE" >STUDY</a>

Extras : Freebies tagged post image

If you want to save the image :
Right click --> Save image as...
If you want to copy image URL :
Right click --> Copy image address / Copy image location

Size : 168 pixel x 96 pixel


     

     

     

     


I had added ads on this site, I hope you guys can help me by clicking on the ads.. Okay that's all from me. Do comment on this post.. :D