1. Blogger kontrol panelinizdeyken sırasıyla " Tema » HTML'yi düzenle " tıklayın.
5. Blogger kontrol panelinizdeyken sırasıyla " Yerleşim >> Gadget ekle " tıklıyoruz. Açılan mini pencereden " HTML/JavaScript ekle " ye tıklıyoruz. Açılan pencereye aşağıdaki kodları ekliyoruz.
Kaynak
Yazıyla alakalı etiketler;
blogger, blogspot, blog, eklenti, widget, gadget, eklenti, eklentiler, eklentileri, eklentisi
blogger eklenti, blogspot eklenti, blogger eklentisi,
blogger eklentileri, blogger eklentiler, blogger widget, blogger widgets, blogger gadget,
blogger 2015, blogger 2016, blogger eklenti indir, blogger kodu, blogger kodları,
2. CTRL+F tuş kombinasyonu'nu kullanarak sayfada " ]]></b:skin> " aratın ve bu kodun bir kaç satır üstüne aşağıda verilen kodu ekleyin.;
*{margin: 0 auto;padding: 0 auto;}
body {background: #555;font-family: 'Titillium Web', sans-serif;}
.menu{width:220px;}
.menu ul{list-style:none;}
.menu ul a{background:#191919;color:#fff;display:block;padding:10px 0px;text-decoration:none;text-align:center;}
#as{border-left:solid 1px #00ff00;}
#as:hover{background:#00ff00;color:#000;}
#dj{border-left:solid 1px #ffff00;}
#dj:hover{background:#ffff00;color:#000;}
#na{border-left:solid 1px #007fff;}
#na:hover{background:#007fff;color:#000;}
#akt{border-left:solid 1px #ff00ff;}
#akt:hover{background:#ff00ff;color:#000;}
#frm{border-left:solid 1px #ff0000;}
#frm:hover{background:#ff0000;color:#000;}
#yyn{border-left:solid 1px #aaff56;}
#yyn:hover{background:#aaff56;color:#000;}
#krl{border-left:solid 1px #ff7f00;}
#krl:hover{background:#ff7f00;color:#000;}
#ilt{border-left:solid 1px #00ffff;}
#ilt:hover{background:#00ffff;color:#000;}
body {background: #555;font-family: 'Titillium Web', sans-serif;}
.menu{width:220px;}
.menu ul{list-style:none;}
.menu ul a{background:#191919;color:#fff;display:block;padding:10px 0px;text-decoration:none;text-align:center;}
#as{border-left:solid 1px #00ff00;}
#as:hover{background:#00ff00;color:#000;}
#dj{border-left:solid 1px #ffff00;}
#dj:hover{background:#ffff00;color:#000;}
#na{border-left:solid 1px #007fff;}
#na:hover{background:#007fff;color:#000;}
#akt{border-left:solid 1px #ff00ff;}
#akt:hover{background:#ff00ff;color:#000;}
#frm{border-left:solid 1px #ff0000;}
#frm:hover{background:#ff0000;color:#000;}
#yyn{border-left:solid 1px #aaff56;}
#yyn:hover{background:#aaff56;color:#000;}
#krl{border-left:solid 1px #ff7f00;}
#krl:hover{background:#ff7f00;color:#000;}
#ilt{border-left:solid 1px #00ffff;}
#ilt:hover{background:#00ffff;color:#000;}
3. Tekrar" Tema » HTML'yi düzenle " tıklayın.
4. CTRL+F tuş kombinasyonu'nu kullanarak sayfada " <head> " aratın ve bu kodun bir kaç satır üstüne aşağıda verilen kodu ekleyin.;
<link href='http://fonts.googleapis.com/css?family=Titillium+Web' rel='stylesheet' type='text/css'>
5. Blogger kontrol panelinizdeyken sırasıyla " Yerleşim >> Gadget ekle " tıklıyoruz. Açılan mini pencereden " HTML/JavaScript ekle " ye tıklıyoruz. Açılan pencereye aşağıdaki kodları ekliyoruz.
*{margin: 0 auto;padding: 0 auto;}
body {background: #555;font-family: 'Titillium Web', sans-serif;}
.menu{width:220px;}
.menu ul{list-style:none;}
.menu ul a{background:#191919;color:#fff;display:block;padding:10px 0px;text-decoration:none;text-align:center;}
#as{border-left:solid 1px #00ff00;}
#as:hover{background:#00ff00;color:#000;}
#dj{border-left:solid 1px #ffff00;}
#dj:hover{background:#ffff00;color:#000;}
#na{border-left:solid 1px #007fff;}
#na:hover{background:#007fff;color:#000;}
#akt{border-left:solid 1px #ff00ff;}
#akt:hover{background:#ff00ff;color:#000;}
#frm{border-left:solid 1px #ff0000;}
#frm:hover{background:#ff0000;color:#000;}
#yyn{border-left:solid 1px #aaff56;}
#yyn:hover{background:#aaff56;color:#000;}
#krl{border-left:solid 1px #ff7f00;}
#krl:hover{background:#ff7f00;color:#000;}
#ilt{border-left:solid 1px #00ffff;}
#ilt:hover{background:#00ffff;color:#000;}
body {background: #555;font-family: 'Titillium Web', sans-serif;}
.menu{width:220px;}
.menu ul{list-style:none;}
.menu ul a{background:#191919;color:#fff;display:block;padding:10px 0px;text-decoration:none;text-align:center;}
#as{border-left:solid 1px #00ff00;}
#as:hover{background:#00ff00;color:#000;}
#dj{border-left:solid 1px #ffff00;}
#dj:hover{background:#ffff00;color:#000;}
#na{border-left:solid 1px #007fff;}
#na:hover{background:#007fff;color:#000;}
#akt{border-left:solid 1px #ff00ff;}
#akt:hover{background:#ff00ff;color:#000;}
#frm{border-left:solid 1px #ff0000;}
#frm:hover{background:#ff0000;color:#000;}
#yyn{border-left:solid 1px #aaff56;}
#yyn:hover{background:#aaff56;color:#000;}
#krl{border-left:solid 1px #ff7f00;}
#krl:hover{background:#ff7f00;color:#000;}
#ilt{border-left:solid 1px #00ffff;}
#ilt:hover{background:#00ffff;color:#000;}
Yazıyla alakalı etiketler;
blogger, blogspot, blog, eklenti, widget, gadget, eklenti, eklentiler, eklentileri, eklentisi
blogger eklenti, blogspot eklenti, blogger eklentisi,
blogger eklentileri, blogger eklentiler, blogger widget, blogger widgets, blogger gadget,
blogger 2015, blogger 2016, blogger eklenti indir, blogger kodu, blogger kodları,