Pada setiap template blog memiliki bentuk tampilan link (tautan) yang berbeda-beda. Ada yang menggunakan bentuk garis bawah (underline), warna, ada pula yang menggunakan bentuk perubahan huruf. Setiap kali kita ingin mengubah bentuk warna atau huruf dari link tersebut, kita akan direpotkan dengan pencarian letak dimana kode link untuk title, posting, comments, widget, dan footer, tersebut berada. Ini cukup memakan waktu, bahkan bagi mereka yang belum faham betul “bahasa” HTML akan berakibat fatal, yaitu rusaknya template. Sebenarnya ada cara yang mudah untuk mengubah bentuk tampilan warna pada link hover ini . Tapi sebelumnya akan dijelaskan dahulu mengenai bentuk tampilan link, khawatir para blogger pemula belum mengerti.

Untuk membuat tampilan blog title-nya bisa berjalan sangatlah mudah, seperti yang telah dijelaskan sebelumnya bahwa cara pembuatan kode html pada postingan selalu dimulai dengan membuka terlebih dahulu halaman dan kemudian barulah kita meletakkan kode-kode html tersebut kedalamnya. Untuk lebih jelasnya cara membuatnya adalah sebagai berikut :

Dalam membuat Shortcut icon atau dikenal juga dengan sebutan favicon adalah shortcutMozilla Firefox, Google Chrome atau browser lainnya. Biasanya shortcut tersebut berbentuk logo dari situs yang kita buka. Misalnya, jika kita membuka situs blogger.com maka akan muncul shortcut berbentuk huruf B yang merupakan logo situs tersebut. Demikian juga jika kita membuka blog-blog yang dibuat melalui situs blogger.com ini akan menampilkan shortcut icon yang sama. yang nampak pada tab

Berbeda dengan Wordpress, jika pada Wordpress, untuk mengubah shortcut icon tersebut cukup mengedit avatar pada profil kita, sedangkan pada Blogger/Blogspot kita harus mengubah HTML template blog kita. Cara untuk mengubahnya cukup mudah, yaitu sebagai berikut:

• Login terlebih dahulu ke blogger kamu
• Pada halaman dashboard, klik Tataletak (Layout)
• Selanjutnya klik Edit HTML
• Pada kotak HTML, carilah kode ini (gunakan Control F untuk memudahkan pencarian):
  
  
  ]]></b:skin>
• Kemudian masukkan kode yang terdapat pada kotak di bawah dan letakkan di bawah kode ]]></b:skin>, atau antara ]]></b:skin> dan </head>:
  
  
  <link href="URL Logo atau Foto kamu" rel="shortcut icon" type="image/x-icon"/>

Untuk membuat supaya tulisan tersebut berjalan, yaitu dengan menambahkan perintah <marquee> di depan tulisan dan menutupnya dengan perintah </marquee>, seperti contoh berikut:

• Seperti Bisa Log in dulu ke Account Blog Anda

• Masuk ke menu Rancangan lalu pilih elemen laman

• Klik "tambah gadget"

• Pilih HTML/Javascript

• Paste kode berikut ke dalamnya

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

<script language='JavaScript'>

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://gantidenganalamatblogmu.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

• Kode berwarna merah ganti dengan alamat blog kamu

• warna biru ganti dengan jumlah post yang ingin ditampilkan

• Klik tombol simpan lalu lihat hasilnya!