အထက္ကအတိုင္းျဖစ္ေအာင္ ဒီလုိလုပ္ပါ။
(၁) Blogger --> Design --> Edit HTML ကို ဖြင့္လုိက္ပါ။ </head> ရဲ့ အထက္နားေလးမွာ ကပ္ၿပီး ေအာက္ပါ ကုဒ္ေတြကို ေကာ္ပီကူးထည့္လိုက္ပါ။ (ေဘးက တျခားကုဒ္ေတြကို မထိခိုက္မိေအာင္ သတိျပဳပါ)။
.snake{
width: 200px;
border:1px solid #f00;
}
.snake a:link {
background-color: #CCC;
color: #000;
display: block;
text-decoration:none;
}
.snake a:hover {
background-color: #c0c;
color: #FFF;
}
(၂) မိမိရဲ့ ဘေလာ့(ဂ္)ပုိ႔စ္ (သို႔မဟုတ္) Side bar HTML/Javascript မွာ Link ေတြကို ေအာက္ပါအတိုင္း <div> ေလးေတြနဲ႔ အဖြင့္အပိတ္ခံၿပီး ေရးေပးလုိက္ပါ။ (ဒီဟာနဲ႔ မခံပဲ ေရးလိုက္ရင္ မူလ Link အတိုင္းပဲ ေပၚမွာ ျဖစ္ပါတယ္)။
<center>
<div class="snake"><a href="http://www.myitzuri.com/" target="_blank">မဥၨဴရီ</a></div>
<div class="snake"><a href="http://www.myanmarsongs.net/" target="_blank">Myanmar Songs</a></div>
<div class="snake"><a href="http://www.myanmarmusiconline.net/home.php" target="_blank">Myanmar Music Online</a></div>
<div class="snake"><a href="http://www.myanmarmp3.net/index.aspx" target="_blank">Myanmar MP3</a></div>
<div class="snake"><a href="http://www.flashband.net/home.php" target="_blank">Flash Band</a></div>
</center>
href ေနာက္က Link နဲ႔ Link စာသားေတြကို မိမိစိတ္ႀကိဳက္ ေျပာင္းလဲေပးပါ။
စမ္းသပ္ၾကည့္ပါဗ်ာ။