Merhaba Arkadaşlar Bu Gün Sizlere.  Blogger Son Tweetler Eklentisi Yapmayı Öğreteceğim. Oldukça Hoş Bir Eklenti. :) Aşşağıdaki Resimlerden Yola Çıkarak Yapabilirsiniz. :) İsterseniz Başlayalım.

 İlk Olarak Resimde Gördüğünüz Twitter Çark'ına Basıyoruz Ve Daha Sonra Ayarlar Diyoruz.

Ve Daha Sonra Bileşenler Diyoruz..

Ve Daha Sonra Yeni Oluştur Butonuna Basıyoruz...

Ve Burası Size Kalmış Bir Şey Kendinize Göre Ayarlayıp, Bileşen Oluştur Diyoruz Ve Kodumuzu Alıp,

Blogger-->Yerleşim--->Gadget Ekle--->Html/Javascript Ekleye Basıyoruz Ve Aldığımız Kodu Oraya Yapıştırıyoruz..

Learn more »

Herkeze Merhaba Arkadaşlar Bu Yazımda Sizlere Blogger Animasyonlu Butonlar Eklentisini Tatıntacağım Üstelik Dilediğiniz Renkte Butonlar Var. İsterseniz Başlayalım. :)

DEMO RESİM:

Bulunacak Kod:

]]></b:skin>







Hemen Yukarısına Eklenecek Kod:

.button{
font:15px Calibri, Arial, sans-serif;
text-shadow:1px 1px 0 rgba(255,255,255,0.4);
text-decoration:none !important;
white-space:nowrap;
display:inline-block;
vertical-align:baseline;
position:relative;
cursor:pointer;
padding:10px 20px;
background-repeat:no-repeat;
background-position:bottom left;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png');
background-position:bottom left, top right, 0 0, 0 0;
background-clip:border-box;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
-moz-box-shadow:0 0 1px #fff inset;
-webkit-box-shadow:0 0 1px #fff inset;
box-shadow:0 0 1px #fff inset;
-webkit-transition:background-position 1s;
-moz-transition:background-position 1s;
transition:background-position 1s;
}
.button:hover{
background-position:top left;
background-position:top left, bottom right, 0 0, 0 0;
}
.button:active{
bottom:-1px;
}
/* The three buttons sizes */
.button.big { font-size:30px;}
.button.medium { font-size:18px;}
.button.small { font-size:13px;}
/* BlueButton */
.blue.button{
color:#0f4b6d !important;
border:1px solid #84acc3 !important;
background-color: #48b5f2;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'),
-moz-radial-gradient( center bottom, circle,
rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
-moz-linear-gradient(#4fbbf7, #3faeeb);
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'),
-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,
from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
}
.blue.button:hover{
background-color:#63c7fe;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'),
-moz-radial-gradient( center bottom, circle,
rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
-moz-linear-gradient(#63c7fe, #58bef7);
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'),
-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,
from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}
/* Green Button */
.green.button{
color:#345903 !important;
border:1px solid #96a37b !important;
background-color: #79be1e;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317));
}
.green.button:hover{
background-color:#89d228;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e));
}
/* Orange Button */
.orange.button{
color:#693e0a !important;
border:1px solid #bea280 !important;
background-color: #e38d27;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1982f), to(#d4821f));
}
.orange.button:hover{
background-color:#ec9732;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a746), to(#e18f2b));
}
/* Orange Button */
.gray.button{
color:#525252 !important;
border:1px solid #a5a5a5 !important;
background-color: #a9adb1;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}
.gray.button:hover{
background-color:#b6bbc0;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTUgsQtINoItnU839QXanmBHiaaOLTB0TixzKuYuGQWqnaas3VhwGHVUK94LvlnbVCFWU6FWExmd5l8vasQYxC7_wM5Gs0Jk9At3Ew6j5LGBCQ-8f1kTCpBTRw1p1GiBI3FMLQC6DRVq3/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}




Kullanmak İçin




<a class="button big blue" href="LİNK/URL" target="_blank">Buton Yazısı</a>



<a class="button big orange" href="LİNK/URL" target="_blank">Buton Yazısı</a>



<a class="button big green" href="LİNK/URL" target="_blank">Buton Yazısı</a>



<a class="button big gray" href="LİNK/URL" target="_blank">Buton Yazısı</a>







Kodlarını Kullanmanız Yeterli Olacaktır.

Learn more »

Merhaba Arkadaşlar Bu Yazımda Sizlere 2 Adet Arama Kutusu Kodunu Paylaşacağım. Gayet Güzeller. :)

Şimdi Vereceğim Kodda www.mucahitsarikaya.blogspot.com Adresine Kendi Adresinizi Yazınız.

<input id='search-box' name='q' onblur='ifundefinedthis.value=='')this.value=this.defaultValue;' onfocus='ifundefinedthis.value==this.defaultValue)this.value='';' style='width:240px;border:none;padding:5px 5px; margin-right:5px; font: 14px Arial;color:#b5b5b5; background:#fff;border:1px solid #ddd;height:20px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;' type='text' value='Sitemiz de aramak istediğiniz kelimeyi girin...' x-webkit-speech='x-webkit-speech'/>

<input align='top' id='search-btn' src='http://p1304.hizliresim.com/18/v/mhdsp.png' type='image' value='Search'/>

</form>

<h2 class='title'>Ne Aramıştınız ?</h2>

<div class='widget-content'>

<style>

#searchform{width:300px}

.txtSearch{width:160px; margin:-2px 0 9px 9px; background-position:0 -29px}

.txtSubscribe, .txtSearch{width:80%; height:26px; float:left; background:url('http://o1308.hizliresim.com/1d/3/r2znp.png') no-repeat; margin-top:10px; padding-left:40px}

.input-text{font-size:11px; border:1px solid #dadada; border-radius:3px; box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.07) inset;}</style>

<form action='http:/mucahitsarikaya.blogspot.com/search/' id='searchform' method='get'>

<input type="text" class="txtSearch input-text" name="q"  placeholder="Arama..." x-webkit-speech="x-webkit-speech" onwebkitspeechchange="this.form.submit();" />

</form>

</div>

<div class='clear'></div>

http:/mucahitsarikaya.blogspot.com/ Yazan yere Kendi web Adresinizi Yazınız.

Konu Alıntıdır Kaynak Site İçin Tıklayınız. Learn more »

Merhaba Arkadaşlar Sizlere Şimdi Vereceğim Kodu, Blogger--->Yerleşim---->Gadget Ekle----HTML JavaScript Bölümüne Ekleyebilirsiniz,  Güle Güle Kullanın. Kırmızı İle Belirteceğim Yere Kendi Web Adresinizi Yazınız. Demo Görünüm. Resmi Aşşağıda'dır.

<div id="wrapper">
<style type="text/css">
#wrapper {
     width: 300px!important;
}
.mef_recent_comments li {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 2px solid transparent;
}
.mef_recent_comments li:hover {
    -webkit-transform: scale(1.2) translate(15px);
    box-shadow: 0px 0px 20px 1px #aaa;
}
ul.mef_recent_comments {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mef_recent_comments li {
    background: none!important;
    margin: 5px!important;
    padding: 5px!important;
    display: block;
    clear: both;
    overflow: hidden;
    list-style: none;
}
.mef_recent_comments li .avatarImage {
    padding: 3px;
    background: #fefefe;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    float: left;
    margin: 0 6px 0 0;
    position: relative;
    overflow: hidden;
}
.avatarRound {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.mef_recent_comments li img {
    padding: 0;
    position: relative;
    overflow: hidden;
    display: block;
}
.mef_recent_comments li span {
    margin-top: 3px;
    color: #666;
    display: block;
    font-size: 12px;    line-height: 1.4;
    font-family: arial;
}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
    numComments    = 5,
    showAvatar     = true,
    avatarSize     = 45,
    roundAvatar    = true,
    characters     = 40,
    showMorelink   = false,
    moreLinktext   = "More ?",
    defaultAvatar  = "http://img1.blogblog.com/img/anon36.png",
    hideCredits    = true;
//]]>
</script>
<script type="text/javascript" src="http://meftun-mede.googlecode.com/files/blogger-recent-comments.js"></script>
<script type="text/javascript" src="http://mucahitsarikaya.blogspot.com/feeds/comments/default?alt=json&amp;callback=mef_recent_comments&amp;max-results=5">
</script></div>

Learn more »

Merhaba Arkadaşlar Başka Bir Yayınla Tekrar Sizlerle"yim İsterseniz Başlayalım.

1) Blogger/Şablon/HTML'yi Düzenle  CTRL + F yardımı ile aşağıdaki kodu buluyoruz.

]]></b:skin>

2) Yukarıdaki kodu bulduktan sonra hemen üstüne aşağıdaki kodları ekleyin.

.showpageNum a {
font-size:14px;font-weight:bold;
color:#006699;
border:1px solid #CCC;
padding-top:2px;
padding-left:3px;
padding-right:3px;
margin-left:2px;
margin-right:2px;
}
.showpageNum a:hover {
text-decoration:none;
color:#3c78a7;
border:1px solid #1584d9;
background:#f0f4f7;
}
.showpagePoint {
background:#3c78a7;
font-size:14px;font-weight:bold;
padding-top:2px;
padding-left:3px;
padding-right:3px;
color:#fff;
border:1px solid #CCC;
}
.showpageOf {
clear:both;
padding:15px;
text-align:center;
font-size:12px;
font-weight:bold;
color:#999;
}
.showpage a {
font-size:14px;font-weight:bold;
padding-top:2px;
padding-left:3px;
padding-right:3px;
color:#006699;
border:1px solid #CCC;
}
.showpage a:hover {
border:1px solid #1584d9;
text-decoration:none;
}

3) Şimdi aşağıdaki kodu CTRL + F yardımı ile buluyoruz.

</body>

4) Sonra aşağıdaki kodu yukarıdaki kodun hemen üstüne ekleyin.

<script type='text/javascript'>

var home_page="/";

var urlactivepage=location.href;

var postperpage=7;

var numshowpage=4;

var upPageWord ='Önceki';

var downPageWord ='Sonraki';

</script>

<script src='http://tema.dataservis.org/eklentiler/blogger-numaralandirma.js' type='text/javascript'></script>

Ve Kaydet Diyip Çıkıyoruz..

Learn more »