Blogger İçin Dikey Navigation Menüsü

Eğer blogger bloğunuzda görselde gösterdiğimiz gibi bir menü bulundurmak istiyorsanız kodları eklemeniz yeterlidir. 

Bu eklentiyi nasıl yüklersiniz? 

Şablondan HTML’yi düzenleye tıklayın. Orada aşağıdaki kodu bulun. 

Kod: 

]]></b:skin> 

Daha sonra hemen üst kısmına aşağıdaki kodu yapıştırın. 

#menu9 ul { list-style: none; margin: 0; padding: 0; } #menu9 img { border: none; } #menu9 { width: 200px; margin: 10px; } #menu9 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu9 li a:link, #menu9 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH1AV4EgoPQPg0ZkYjD9RsH95N9JwIPRb44tXyw0xfBAYPijIuKGSAiBgW8vOXU8zW66H3j2FzdIBJncW9yaNg8mOumMC5xLeLb8sBSEXtBtmMcPF-Bf8AhCrJ0DJlV_QCl6FrKfNyu6g/s288/menu9.gif); padding: 8px 0 0 35px; } #menu9 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH1AV4EgoPQPg0ZkYjD9RsH95N9JwIPRb44tXyw0xfBAYPijIuKGSAiBgW8vOXU8zW66H3j2FzdIBJncW9yaNg8mOumMC5xLeLb8sBSEXtBtmMcPF-Bf8AhCrJ0DJlV_QCl6FrKfNyu6g/s288/menu9.gif) 0 -32px; padding: 8px 0 0 35px; } 

Daha sonra Yerleşim – Gatget Ekle – HTML/JavaScript yoluyla istediğiniz yere aşağıdaki kodu ekleyin. 

<div id="menu9"> <ul> <li><a href="#">MENU 1</a></li>
<li><a href="#">MENU 2</a></li>
<li><a href="#">MENU 3</a></li>
<li><a href="#">MENU 4</a></li>
<li><a href="#">MENU 5</a></li> </ul> </div> 

Kırmızı alanlara görülmesini istediğiniz yazıyı yazın. Mavi alanlara ise gidilmesi gereken linkleri koyun. Yapmanız gereken bu kadar.

Bu yazı http://webmaster.10line.net adresinde yayınlandı.

Blogger İçin Klavye Yazı Tipi Eklentisi

Blogger’daki muhteşem eklentilerden bir tanesi de budur. Blogger’da bulunan eklentiler bloğunuzu daha çok tıklanır kılar. Bunlardan bir tanesi de bu eklentidir. Bu eklentiyi yüklediğiniz zaman istediğiniz yerler klavyenizdeki harfler gibi yazılıyor. Görselde de size gösterdik. Eğer bloğunuzdaki bazı yazıların bu şekilde görülmesini istiyorsanız siz de bu eklentiyi yükleyin. 

Bu eklentiyi nasıl bloğunuza yüklersiniz? 

Aşağıda verilen kodu bulun. 

]]></b:skin> 

Ardından yukarıdaki kodun üstüne aşağıdaki kodu ekliyoruz. 

/*****************************************
Klavye Tarzı Yazı Yazma Eklentisi kod başlangıcı www.webmaster.10line.net
******************************************/
klavye{
border:1px solid gray;
font-size:1.2em;
box-shadow:1px 0 1px 0 #eee, 0 2px 0 2px #ccc, 0 2px 0 3px #444;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:2px 3px;
padding:1px 5px;
} 

Bunu yaptıktan sonra şablonu kaydedin. Ardından klavye tarzı yazı yazmak istediğiniz zaman aşağıdaki kodu kullanın. 

<klavye>Yazı Alanı</klavye> 

Yapmanız gerekenler bu kadar.

Bu yazı http://webmaster.10line.net adresinde yayınlandı.