Multi Color CSS3 Blogger Menü

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGK6OGbQZ5cvxZk-07WVkD2eElBNafrgotMlKdrGypioB78AIGoXqJs3yAfEflUx5MijHlOGWZN_hkkKDHDhkgSZr25BiL8RJCj9krflAeW2MeTX82B3kvUFF3lM1bQbXXtTfalX8EFqFn/s1600/m%C4%B1lti-color-blogger-widget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGK6OGbQZ5cvxZk-07WVkD2eElBNafrgotMlKdrGypioB78AIGoXqJs3yAfEflUx5MijHlOGWZN_hkkKDHDhkgSZr25BiL8RJCj9krflAeW2MeTX82B3kvUFF3lM1bQbXXtTfalX8EFqFn/s320/m%C4%B1lti-color-blogger-widget.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Multi Color CSS3 Blogger Menü Eklentisi</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger blogunuzda , rengarenk bir menü kullanmak istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimizle , Blogunuzda post üstüne ,  bu renkli menüyü ekleyip , hem görsel açıdan hemde ziyaretçilerinizin yararlanması amaçlı bir menü oluşturabilirsiniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="tamam" style="clear: both; text-align: center;"><b><a href="http://bloggereklentilerideneme4.blogspot.com/" rel="nofollow" target="_blank">DEMO</a></b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Aşağıda yer alan kodu buluyoruz.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">]]></b:skin></span></span></pre><div class="hata" style="clear: both; text-align: center;">Bir satır üstüne , alttaki kodları ekliyoruz.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">/* CSS3 Multi color blogger menu widget başlangıç kodu eklentileri.blogspot.com */<br />.cbdb-menu li {<br /> display: block;<br /> float: left;<br /> line-height: 35px;<br /> list-style:none;<br /> margin: 0 5px;}<br />.cbdb-menu li a {<br /> /* This generators the gradient on top of the solid color */<br /> background-image: -webkit-gradient(<br /> linear,<br /> left top,<br /> left bottom,<br /> color-stop(0, rgba(255,255,255,.5)),<br /> color-stop(1, rgba(0,0,0,.1))<br /> );<br /> background-image: -moz-linear-gradient(<br /> center top,<br /> rgba(255,255,255,.5) 0%,<br /> rgba(0,0,0,.1) 100%<br /> );<br /> color: #f4f4f4; /* IE */<br /> color: rgba(255, 255, 255, 0.8);<br /> display: block; <br /> font: bold 18px "Myriad Pro","Lucida Grande",Helvetica,Arial,sans-serif; <br /> outline:none;<br /> padding: 5px 15px;<br /> text-decoration: none;<br /> text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);<br /> border-radius: 5px;<br /> -moz-border-radius: 5px;<br /> -webkit-border-radius: 5px;<br /> box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);<br /> -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);<br /> -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65); }<br /> .cbdb-menu li a:active {<br /> background-image: -webkit-gradient(<br /> linear,<br /> left bottom,<br /> left top,<br /> color-stop(0,rgba(255,255,255,.5)),<br /> color-stop(.1,rgba(255,255,255,.2)),<br /> color-stop(.85, rgba(0,0,0,.2)),<br /> color-stop(100, rgba(0,0,0,.4))<br /> );<br /> background-image: -moz-linear-gradient(<br /> center bottom,<br /> rgba(255,255,255,.5) 0%,<br /> rgba(255,255,255,.2) 10%,<br /> rgba(0,0,0,.2) 85%,<br /> rgba(0,0,0,.4) 100%<br /> );<br /> }<br />/* Dark Text */<br />.cbdb-menu li a.dark {<br /> color: #333; /* IE */<br /> color: rgba(0, 0, 0, 0.8);<br /> text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);<br />}<br />/*********** COLORS *************/<br />/* Create your own class for your own colors */<br />.red {<br /> background: #B80202;<br /> border: #B80202 1px solid}<br /> .red:hover, .red:focus{<br /> background-color:#e30606<br /> }<br />.green {<br /> background: #46c431;<br /> border: #46c431 1px solid}<br /> .green:hover,.green:focus {<br /> background-color:#44e329<br /> }<br />.yellow {<br /> background: #D9CE1C;<br /> border: #D9CE1C 1px solid}<br /> .yellow:hover,.yellow:focus {<br /> background-color:#eee117}<br />.cyan {<br /> background: #23c6de;<br /> border: #23c6de 1px solid}<br /> .cyan:hover,.cyan:focus {<br /> background-color:#18d8f4<br /> }<br />.blue {<br /> background: #3271d9;<br /> border: #3271d9 1px solid}<br /> .blue:hover,.blue:focus {<br /> background-color:#377ef2<br /> }<br /> </span></span></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki işlemi yaptıysanız , şablonunuzu kaydedin ve <b>Yerleşim >> Gadget Ekle >> HTML/JavaScript</b> yolu ile açılan panele aşağıdaki kodlarımızı ekliyelim </div><pre style="border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><ul class="cbdb-menu"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><span style="background-color: whitesmoke;"><br /><br /></span></span></span> <li><a href="<b style="background-color: #f3f3f3;">http://eklentileri.blogspot.com/</b>" class="<span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><span style="background-color: red; color: white;">red</span></span></span>"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><b style="background-color: whitesmoke;">Ana Sayfa</b></span></span></a> </li><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><span style="background-color: whitesmoke;"><br /></span></span></span> <li><a href="<b style="background-color: #f3f3f3;">http://eklentileri.blogspot.com/</b>" class="<span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><span style="background-color: lime;">green</span></span></span>"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><b style="background-color: whitesmoke;">Deneme</b></span></span></a></li><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><span style="background-color: whitesmoke;"><br /></span></span></span> <li><a href="<b style="background-color: #f3f3f3;">http://eklentileri.blogspot.com/</b>" class="<span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><span style="background-color: yellow;">yellow</span></span></span>"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><b style="background-color: whitesmoke;">Deneme</b></span></span></a></li><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><span style="background-color: whitesmoke;"><br /></span></span></span> <li><a href="<b style="background-color: #f3f3f3;">http://eklentileri.blogspot.com/</b>" class="<span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><span style="background-color: cyan;">cyan</span></span></span>"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><b style="background-color: whitesmoke;">Deneme</b></span></span></a></li><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><span style="background-color: whitesmoke;"><br /></span></span></span> <li><a href="<span style="background-color: #f3f3f3;">http://eklentileri.blogspot.com/</span>" class="<span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><span style="background-color: blue;"><span style="color: white;">blue</span></span></span></span>"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><b style="background-color: whitesmoke;">iletişim</b></span></span></a></li> <span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><span style="background-color: whitesmoke;"><br /></span></span></span></ul></pre><div class="hata" style="clear: both; text-align: center;">Kod içinde kalın belirtilmiş yerleri kendinize göre düzenleyiniz , son olarak gadgeti, post kısmının üstüne taşıyın ki yukarıda kalsın.. </div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>>   <br /><br />Multi Color CSS3 Blogger Menü , Renkli CSS3 Blogger Menü , Blogger Menü , Menü , Blogger Menu Widget , Renkli , CSS3 , Blogger Menu Ekleme</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div>

Multi Color CSS3 Blogger Menü

Multi Color CSS3 Blogger Menü Eklentisi Blogger blogunuzda , rengarenk bir menü kullanmak istermisiniz ? Bu eklentimizle , Blogunuzda post ü...

Devamı »

Blogger Tema - Sunrise Template

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MdCE9RZ8eh1ytwkdaLRvJEpycRiL8UrxjHcDvt75GD6TOTjx5kyq5jBWrpVHmEXOWoDrPaKRNRHqd1kZ71XxTP8t6_qXXxubludznhKEjlxhzmWlk13G9wG9pBbyrLrHL5nT85l8CXad/s1600/Sunrise-blogger-theme-tema.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MdCE9RZ8eh1ytwkdaLRvJEpycRiL8UrxjHcDvt75GD6TOTjx5kyq5jBWrpVHmEXOWoDrPaKRNRHqd1kZ71XxTP8t6_qXXxubludznhKEjlxhzmWlk13G9wG9pBbyrLrHL5nT85l8CXad/s320/Sunrise-blogger-theme-tema.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Blogger Tema - Sunrise Theme</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Sunrise teması , blogger bloglarınızı renklendirecek bir görünüme sahip , özellikle kişisel bloglarda tercih edilebilir..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separabilgitor" style="clear: both; text-align: center;"><a href="http://eklentileri.blogspot.com/2012/12/blogger-tema-sunrise-template.html" target="_blank"><span style="color: black;">Sunrise temasını</span></a> , <a href="http://eklentileri.blogspot.com/search/label/Blogger" target="_blank"><span style="color: black;">Blogger</span></a> blogunuzda kullanmak için , Aşağıdaki indir butonundan indirebilirsiniz..</div><br /><div class="tamam" style="clear: both; text-align: center;"><a class="button big blue" href="http://sunrise-soratemplates.blogspot.com/" target="_blank">DEMO</a><a class="button big orange" href="https://www.box.com/s/dmu6n13sw978zbsmojor" target="_blank">INDIR</a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>> <br /><br />Blogger Sunrise Theme , Blogger Sunrise Template , Sunrise theme , Sunrise , Blogger Template , Blogger Sunrise Teması , Blogger Sunrise Tema , Blogger Teması , Blogger Temaları , Blogger </div>

Blogger Tema - Sunrise Template

Blogger Tema - Sunrise Theme Sunrise teması , blogger bloglarınızı renklendirecek bir görünüme sahip , özellikle kişisel bloglarda tercih ed...

Devamı »

Yana Esneyen Sosyal Sayfalar Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlfsHVu0qbS6lwC0EWP-VwuuMvpnCIx5Xe5C0Mv62s2dO38jzKbkd8mk4P7PvvMmEo_352_sfxB3_EVtHwRthqER16I9lQsnaxrEq4_EFBJejBmnI30lvRLsAuKtjmym9JySj3hMyU2K9x/s1600/Yana+Esneyen+takip+butonu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlfsHVu0qbS6lwC0EWP-VwuuMvpnCIx5Xe5C0Mv62s2dO38jzKbkd8mk4P7PvvMmEo_352_sfxB3_EVtHwRthqER16I9lQsnaxrEq4_EFBJejBmnI30lvRLsAuKtjmym9JySj3hMyU2K9x/s320/Yana+Esneyen+takip+butonu.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Yana Esneyen Sosyal Sayfalar Eklentisi ile blogunuzda , facebook sayfanız , twitter adresiniz ve google+ sayfanıza bu hoş butonlar yardımı ile link verebilir ve ziyaretçilerinizi bu sayfalara yönlendirebilirsiniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimizin demosunu görmek için <b><a href="http://eklentilrideneme6.blogspot.com/" target="_blank">TIKLAYINIZ</a></b>..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Blogger blogunuzun yönetim paneline girin ve Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile açılan panele aşağıdaki kodları ekleyiniz.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><style type="text/css"> #buttonbg {width: 260px;margin: 10px 20px;padding: 0;} #buttonbg li {cursor: pointer;height: 48px;position: relative;list-style-type: none; } #buttonbg .icon {background: #D91E76 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjs5ZrapwseG5a8QlQjuRR41leKkKYp21KtsMiW1S3T18WjVKtnnreih0zS1ShklhdJyTfKCAzdF-VCMMmp2tFkCkxY8ecXrdc1EQ2g5CYLO68Mp_NA7WvIWo7oJ-9gvzw29H0Z0QiQqo/s1600/blsocial12.png') 0 0 no-repeat; background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block; color: #141414;float: none;height: 48px;line-height: 48px; margin: 5px 0;position: relative;text-align: left;text-indent: 90px; text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5; -webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out; -moz-transition: width .25s ease-in-out, background-color .25s ease-in-out; -o-transition: width .25s ease-in-out, background-color .25s ease-in-out; transition: width .25s ease-in-out, background-color .25s ease-in-out; -webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px; -moz-box-shadow: rgba(0,0,0, .28) 0 2px 3px; -o-box-shadow: rgba(0,0,0, .28) 0 2px 3px; box-shadow: rgba(0, 0, 0, .28) 0 2px 3px; text-decoration: none;} #buttonbg span:hover {visibility: hidden;} #buttonbg span {display: block;top: 15px;position: absolute;left: 90px;} #buttonbg .icon {color: #fafafa;overflow: hidden;} #buttonbg .fb {background-color: rgba(45,118,185, .42); background-position: 0 -382px;} #buttonbg .twit {background-color: rgba(0, 161, 223, .42); background-position: 0 -430px;} #buttonbg .google {background-color: rgba(167, 0, 0, .42); background-position: 0 -478px;} #buttonbg .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;} #buttonbg .linked {background-color: rgba(0, 87, 114, .42); background-position: 0 -574px;} #buttonbg .deviant {background-color: rgba(76, 122, 74, .42); background-position: 0 -622px;} #buttonbg .ytube {background-color: rgba(170, 0, 0, .42); background-position: 0 -670px;} #buttonbg .rss {background-color: rgba(255,109, 0, .42); background-position: 0 -718px;} #buttonbg li:hover .icon {width: 250px; } #buttonbg li:hover .icon {background-color: #d91e76; } #buttonbg li:hover .fb {background-color: #2d76b9;background-position: 0 2px;} #buttonbg li:hover .twit {background-color: #00A1DF; background-position: 0 -46px; } #buttonbg li:hover .google {background-color: #A70000;background-position: 0 -94px;} #buttonbg li:hover .pint {background-color: #C00;background-position: 0 -142px; } #buttonbg li:hover .linked {background-color: #005772;background-position: 0 -190px;} #buttonbg li:hover .deviant {background-color: #4C7A4A;background-position: 0 -238px;} #buttonbg li:hover .ytube {background-color: #A00;background-position: 0 -286px; } #buttonbg li:hover .rss {background-color: #EC5601;background-position: 0 -334px; } #buttonbg .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;} </style> <br /><ul id="buttonbg"> <li ><a href="<b>Facebook Adresiniz</b>" class="icon fb"><b><span style="color: red;">Facebook Takip Et >>></span></b></a><span><b><span style="color: red;">Facebook Takip Et</span></b></span></li> <li ><a href="<b>Twitter Adresiniz</b>" class="icon twit" ><b><span style="color: red;">Twitter Takip Et >>></span></b></a><span><b><span style="color: red;">Twitter Takip Et</span></b></span></li> <li ><a href="<b>Google+ Adresiniz</b>" class="icon google" ><b><span style="color: red;">Google+ Takip Et >>></span></b></a><span><b><span style="color: red;">Google+ Takip Et</span></b></span></li><br /></ul></span></span></pre><div class="hata" style="clear: both; text-align: center;">Yukarıda kodları eklediyseniz , Yana Esneyen Sosyal Sayfalar Eklentisi blogunuz için hazır durumda , son olarak kodlar içinde geçen <b><span style="color: red;">kırmızı </span></b>ve <b>siyah</b> yerleri düzenleyiniz..</div><br /><br /><br /><div class="arama" style="clear: both; text-align: center;"><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 20.96666717529297px;"><<< Bu Yazı için Arama Sonuçları  >>> </span><br /><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 20.96666717529297px;"><br /></span><span style="font-family: Arial, Verdana, Tahoma, Times New Roman;"><span style="font-size: 14px; line-height: 20.96666717529297px;">Yana Esneyen Sosyal Sayfalar Eklentisi , Sosyal Sayfa , Blogger </span></span><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 20.96666717529297px;">Sosyal Sayfa eklentisi , </span><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 20.96666717529297px;">Sosyal Sayfa Butonları , Facebook buton ekle , Twitter buton ekle , Google+ buton ekle , Blogger widget</span></div><br /><br /><br />

Yana Esneyen Sosyal Sayfalar Eklentisi

Yana Esneyen Sosyal Sayfalar Eklentisi ile blogunuzda , facebook sayfanız , twitter adresiniz ve google+ sayfanıza bu hoş butonlar yardımı i...

Devamı »

Blogger Animasyonlu Hareketli Buton Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpu36xjXK-UPDFNFFSJdKpWz3hvjdolz2Ja_YExdJd5rdo0DjIqrAojUdv6zlG3w4zrppZMDsCdiffT_PJN6XlrkcWDFBni7TWbsKwZ97GlMHpvMDUA7ZEYXkQJiQCbQGlqlNf-IyorUOO/s1600/blogger-hareketli-buton.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpu36xjXK-UPDFNFFSJdKpWz3hvjdolz2Ja_YExdJd5rdo0DjIqrAojUdv6zlG3w4zrppZMDsCdiffT_PJN6XlrkcWDFBni7TWbsKwZ97GlMHpvMDUA7ZEYXkQJiQCbQGlqlNf-IyorUOO/s320/blogger-hareketli-buton.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger blogunuzda , hareketli butonlar kullanmak istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogunuza bu butonları eklemek için aşağıdaki anlatımı takip ederek , Animasyonlu buton eklentisiniz blogger blogunuzda kullanabilisiniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="tamam" style="clear: both; text-align: center;">Demo aşağıda...</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a class="button big blue" href="http://eklentileri.blogspot.com/" target="_blank">DEMO</a></div><br /><div style="text-align: center;"><a class="button big orange" href="http://eklentileri.blogspot.com/" target="_blank">eklentileri.blogspot.com</a></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><a class="button big green" href="http://eklentileri.blogspot.com/" target="_blank">TIKLA</a></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><a class="button big gray" href="http://eklentileri.blogspot.com/" target="_blank">İNDİR</a></div><br /><br /><br /><div class="hata" style="clear: both; text-align: center;">Alttaki kodu bulunuz.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">]]></b:skin></span></span></pre><div class="hata" style="clear: both; text-align: center;">Bir satır üstüne aşağıdaki kodlarımızı ekleyelim.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">.button{<br />font:15px Calibri, Arial, sans-serif;<br />text-shadow:1px 1px 0 rgba(255,255,255,0.4);<br />text-decoration:none !important;<br />white-space:nowrap;<br />display:inline-block;<br />vertical-align:baseline;<br />position:relative;<br />cursor:pointer;<br />padding:10px 20px;<br />background-repeat:no-repeat;<br />background-position:bottom left;<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png');<br />background-position:bottom left, top right, 0 0, 0 0;<br />background-clip:border-box;<br />-moz-border-radius:8px;<br />-webkit-border-radius:8px;<br />border-radius:8px;<br />-moz-box-shadow:0 0 1px #fff inset;<br />-webkit-box-shadow:0 0 1px #fff inset;<br />box-shadow:0 0 1px #fff inset;<br />-webkit-transition:background-position 1s;<br />-moz-transition:background-position 1s;<br />transition:background-position 1s;<br />}<br />.button:hover{<br />background-position:top left;<br />background-position:top left, bottom right, 0 0, 0 0;<br />}<br />.button:active{<br />bottom:-1px;<br />}<br />/* The three buttons sizes */<br />.button.big { font-size:30px;}<br />.button.medium { font-size:18px;}<br />.button.small { font-size:13px;}<br />/* BlueButton */<br />.blue.button{<br />color:#0f4b6d !important;<br />border:1px solid #84acc3 !important;<br />background-color: #48b5f2;<br />background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png'),<br />-moz-radial-gradient( center bottom, circle,<br />rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),<br />-moz-linear-gradient(#4fbbf7, #3faeeb);<br />background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png'),<br />-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,<br />from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),<br />-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));<br />}<br />.blue.button:hover{<br />background-color:#63c7fe;<br />background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png'),<br />-moz-radial-gradient( center bottom, circle,<br />rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),<br />-moz-linear-gradient(#63c7fe, #58bef7);<br />background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png'),<br />-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,<br />from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),<br />-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));<br />}<br />/* Green Button */<br />.green.button{<br />color:#345903 !important;<br />border:1px solid #96a37b !important;<br />background-color: #79be1e;<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/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);<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/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));<br />}<br />.green.button:hover{<br />background-color:#89d228;<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/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);<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/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));<br />}<br />/* Orange Button */<br />.orange.button{<br />color:#693e0a !important;<br />border:1px solid #bea280 !important;<br />background-color: #e38d27;<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/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);<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/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));<br />}<br />.orange.button:hover{<br />background-color:#ec9732;<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/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);<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/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));<br />}<br />/* Orange Button */<br />.gray.button{<br />color:#525252 !important;<br />border:1px solid #a5a5a5 !important;<br />background-color: #a9adb1;<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/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);<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/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));<br />}<br />.gray.button:hover{<br />background-color:#b6bbc0;<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/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);<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9PnX5Qt9ozG8AV2Dkm8QKCB9Y09nh_Qm-mF2D8Jym87pcpz6j3NxfZpHG5DdLE_4J7bblBPm1nUUuivCQIVJt0K5YADPByj7Q-tqqqlaclIMzBcTeqeJPWsLxjMDu0g44I-9vPTKSfj4/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));<br />}</span></span></pre><div class="hata" style="clear: both; text-align: center;">Butonları Kullanmak için aşağıdaki kodları kullanıyoruz.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><a class="button big <b><span style="color: #3d85c6;">blue</span></b>" href="<b>LİNK/URL</b>" target="_blank"><b>Buton Yazısı</b></a><br /><br /><a class="button big <b><span style="color: orange;">orange</span></b>" href="</span></span><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: x-small; line-height: 14px;"><b>LİNK/URL</b></span><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: x-small; line-height: 14px;">" target="_blank"></span><b style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: small; line-height: 14px;">Buton Yazısı</b><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: x-small; line-height: 14px;"></a></span><br /><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><br /><a class="button big <b><span style="color: lime;">green</span></b>" href="</span></span><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: x-small; line-height: 14px;"><b>LİNK/URL</b></span><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: x-small; line-height: 14px;">" target="_blank"></span><b style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: small; line-height: 14px;">Buton Yazısı</b><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: x-small; line-height: 14px;"></a></span><br /><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><br /><a class="button big <b><span style="color: #999999;">gray</span></b>" href="</span></span><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: x-small; line-height: 14px;"><b>LİNK/URL</b></span><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: x-small; line-height: 14px;">" target="_blank"></span><b style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: small; line-height: 14px;">Buton Yazısı</b><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: x-small; line-height: 14px;"></a></span></pre><br /><br /><div class="arama" style="clear: both; text-align: center;"><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 20.96666717529297px;"><<< Bu Yazı için Arama Sonuçları  >>> </span><br /><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 20.96666717529297px;"><br /></span><span style="font-family: Arial, Verdana, Tahoma, Times New Roman;"><span style="font-size: 14px; line-height: 20.96666717529297px;">Blogger Animasyonlu Hareketli Buton Eklentisi , Blogger Animasyonlu Buton Eklentisi , Blogger Hareketli Buton Eklentisi , Blogger Buton Eklentisi , Blogger Buton , Buton , Button , Blogger Button Widget ,Animated CSS Buttons For Blogger , Blogger Animated Buttons</span></span><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 20.96666717529297px;"> </span></div><br /><br /><br />

Blogger Animasyonlu Hareketli Buton Eklentisi

Blogger blogunuzda , hareketli butonlar kullanmak istermisiniz ? Blogunuza bu butonları eklemek için aşağıdaki anlatımı takip ederek , Anima...

Devamı »

Blogger Yağlı Boya Sosyal Medya Butonları Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnfsghnfP0PgDSRO8kgOp6SslwLTfI-MS8YlpNqPVvPmxIKcg6kosl2E4L53QowFQwS5fxUgS5Lu3f43BfTisCRK8H-eebNn1mJzlpT1dhqk3b1xMpsvDPXG2jR6VHBar31A5wFFKepnJw/s1600/sosyal-paylas-butonlar-eklenti-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnfsghnfP0PgDSRO8kgOp6SslwLTfI-MS8YlpNqPVvPmxIKcg6kosl2E4L53QowFQwS5fxUgS5Lu3f43BfTisCRK8H-eebNn1mJzlpT1dhqk3b1xMpsvDPXG2jR6VHBar31A5wFFKepnJw/s320/sosyal-paylas-butonlar-eklenti-blogger.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger Yağlı Boya Paylaş Butonları Eklentisi Widget ( Zoom özellikli )</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklenti ile , blogger blogunuza yağlı boya tarzında , facebook , twitter , google+ ve rss butonları ekleyebilirsiniz.. </div><br /><div class="hata" style="clear: both; text-align: center;">Altta yer alan kodu blogunuzda bulunuz.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">]]></b:skin></span></span></pre><div class="hata" style="clear: both; text-align: center;">hemen üstüne , aşağıdaki kodları ekleyiniz.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">/* Yağlı boya tarzında sosyal buton eklentisi başlangıç.....eklentileri.blogspot.com */<br />.bubblewrap{<br />list-style-type:none;<br />margin:0;<br />padding:0;<br />}<br />.bubblewrap li{<br />display:inline;<br />width: 60px;<br />height:60px;<br />}<br />.bubblewrap li img{<br />width: 50px; /* width of each image.*/<br />height: 50px; /* height of each image.*/<br />border:0;<br />margin-right: 4px; /*spacing between each image*/<br />-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */<br />-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */<br />}<br />.bubblewrap li img:hover{<br />-moz-transform:scale(1.8); /*scale up image 1.8x*/<br />-webkit-transform:scale(1.8);<br />-o-transform:scale(1.8);<br />}</span></span></pre><div class="hata" style="clear: both; text-align: center;">Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile açılan kutucuğa aşağıdaki kodları ekleyiniz.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><ul class="bubblewrap"><br /><br /><li><a href="http://www.plus.google.com/<b>XXXXX</b>"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZpR-Yb9fjzvefV6vTg0RCLAcU56i12sCCV7vYaxivtajzbGIZJhXEfGjrTad68XnKepi1v4dDAg3fAP3Z8X6ujV9UJLbuLMC7mYJPqDM8Q9T8gOJKgcrM-W85g52XA4H3n4edkFi1DJA/s1600/bloggertrix.com-Google-icon.png" title="Add to Facebook" /></a></li><br /><br /><li><a href="http://www.facebook.com/<b>XXXXX</b>"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdPq4glNdZil95Sw0UHFAgBCejGuHQua49T-idJUqkLP5nOx_uIe4wzFUh2y5Ax2wNSbV25wLQXHcgUJkSuGJy8HNLUqA51bVRNFWDg9C7lXdZ5tKj4_F-vtQ11-LzOeiQk0xk49XWfmk/s1600/bloggertrix.com-Facebook-icon.png" title="Add to Facebook" /></a></li><br /><br /><br /><li><a href="http://www.twitter/<b>XXXXX</b>"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQXgTTTrC8BSDVkgPHA_Bt-LohoV16AcCZr6Wq0KghLg8SLJpmrNjT4749m5h_KHx9DxeZ-TzMP1b7Gwi9J15AKtblhVR0tYuEb-t3nFzGmNbF7pEvvFtI3Pgm7SgNsoKzGBjiRTvxCWc/s1600/bloggertrix.com-Twitter-icon.png" title="Add to Twitter" /></a></li><br /><br /><li><a href="http://feeds2.feedburner.com/<b>XXXXX</b>"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW5R9sbyLHAIj7XpvJQvG55OBoic_ZQwFUy0rn4a6-XUp7F9-dOUJbRhGEqUDrFhBKQE9n_VEaimU801D6IA6xMfs1Rf8sMwh6AnshAwQbRju2G6cG-61yLamJQdhIQb6XR4ucQHwYOUU/s1600/bloggertrix.com-RSS-icon.png" title="Add RSS Feed" /></a></li><br /></ul></span></span></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki kodlar içinde yer alan <b>XXXXX</b> yerlerine , kendi adreslerinizi yazınız.. <br /><br /><b><a href="http://eklentilrideneme6.blogspot.com/" target="_blank">DEMO</a></b></div><br /><br /><br /><div class="arama" style="clear: both; text-align: center;"><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14.44444465637207px; line-height: 20.962963104248047px;"><<< Bu Yazı için Arama Sonuçları  >>> </span><br /><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14.44444465637207px; line-height: 20.962963104248047px;"><br /></span><span style="font-family: Arial, Verdana, Tahoma, Times New Roman;"><span style="font-size: 14px; line-height: 20.950000762939453px;">Blogger Yağlı Boya Paylaş Butonları Eklentisi , Blogger sosyal medya butonları , Blogger sosyal butonlar , renkli blogger buton , renkli sosyal buton , facebook buton , twitter button , blogger sosya buton ekleme</span></span></div><br /><br />

Blogger Yağlı Boya Sosyal Medya Butonları Eklentisi

Blogger Yağlı Boya Paylaş Butonları Eklentisi Widget ( Zoom özellikli ) Bu eklenti ile , blogger blogunuza yağlı boya tarzında , facebook , ...

Devamı »

Renkli Populer Yayınlar Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRtdyVrZvf16chpF4rTYc9aDy7BAmAlJe60mUi0rreE3QgKl7xWPER_4G0lYNwiTypYmc0FOUsg3jjgEamUJcAnbSGG0ANgFvuVFR0_gxCnGIZE60YBA0AKO_2beTG3PWwSIF6Nl928hxt/s1600/renkli-populer-yay%C4%B1nlar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRtdyVrZvf16chpF4rTYc9aDy7BAmAlJe60mUi0rreE3QgKl7xWPER_4G0lYNwiTypYmc0FOUsg3jjgEamUJcAnbSGG0ANgFvuVFR0_gxCnGIZE60YBA0AKO_2beTG3PWwSIF6Nl928hxt/s320/renkli-populer-yay%C4%B1nlar.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger Renkli Populer Yayınlar Eklentisi</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimizle , blogunuzda bulunan populer yayınlar eklentinizi dahada renklendirmeyi anlatacağız..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Renkli popüler yayınlar eklentimiz ile  blogunuzu daha çekici bir hale getirebilirsiniz..</div><br /><div class="hata" style="clear: both; text-align: center;">Hemen anlatıma geçelim...aşağıdaki kodumuzu buluyoruz.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">]]></b:skin></span></span></pre><div class="hata" style="clear: both; text-align: center;">Hemen üstüne aşağıda yer alan kodlarımızı ekliyoruz.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">/*Renkli Populer Yayınlar Eklentisi Baslangıcı http://eklentileri.blogspot.com*/<br />#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}<br />#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}<br />#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:30px;background:transparent;padding:0;width:51px;height:51px}<br />#PopularPosts1 ul li:first-child:after,<br />#PopularPosts1 ul li:first-child + li:after,<br />#PopularPosts1 ul li:first-child + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:89%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:89%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:89%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}<br />#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:89%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:89%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}<br />#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:89%}<br />#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}<br />#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:89%}<br />#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}<br />#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:89%}<br />#PopularPosts1 ul li:first-child + li + li:after{content:"3"}<br />#PopularPosts1 ul li:first-child + li{background:#ff764c; width:89%}<br />#PopularPosts1 ul li:first-child + li:after{content:"2"}<br />#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:89%}<br />#PopularPosts1 ul li:first-child:after{content:"1"}<br />#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}<br />#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}<br />/*Renkli Populer Yayınlar Eklentisi Sonu http://eklentileri.blogspot.com*/</span></span></pre><div class="bilgi" style="clear: both; text-align: center;">Yapmanız gereken sadece bu kadar = ) <b>Bu eklentinin çalışabilmesi için , blogunuza daha önceden popüler yayınlar eklentisini eklemiş olmanız gerekmektedir...Eğer ekli değilse , popüler yayınlar eklentisini eklemeyi unutmayınız... </b><br /><b><br /></b>Bu eklentinin önzilemesini , blogumuzun sağ üst tarafında görebilir yada <b><a href="http://bloggereklentilerideneme8.blogspot.com/" target="_blank">BURAYA</a></b> tıklayabilirsiniz..</div><br /><br /><br /><div class="arama" style="clear: both; text-align: center;"><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 21px;"><<< Bu Yazı için Arama Sonuçları  >>></span><br /><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 21px;"><br /></span><span style="font-family: Arial, Verdana, Tahoma, Times New Roman;"><span style="font-size: 14px; line-height: 21px;">Renkli Populer Yayınlar Eklentisi , Blogger Renkli Populer Yayınlar Eklentisi , Blogger Renkli Populer Yayınlar , Renkli Populer Yayınlar Eklentisi Nasıl Eklenir , Renkli Populer  Eklentisi , Blogger Populer Yayınlar Eklentisi</span></span></div><br /><br /><br />

Renkli Populer Yayınlar Eklentisi

Blogger Renkli Populer Yayınlar Eklentisi Bu eklentimizle , blogunuzda bulunan populer yayınlar eklentinizi dahada renklendirmeyi anlatacağı...

Devamı »

Blogger css3 ile Etiketleri özelleştirme eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs022-bmIR6ArL2cwAbhb_3Ydw_cd6iAGvD6ZLAiJIfQm5F5VNyUvAGjs-jFMMChKFzen5w3HX5irX53PuCBwepJ45A8G9r0A4KelGib5jFDKPJPhJQtIVMGcabWQ9dVozMbgk3XhPnGDG/s1600/blogger-etiket-renklendir.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs022-bmIR6ArL2cwAbhb_3Ydw_cd6iAGvD6ZLAiJIfQm5F5VNyUvAGjs-jFMMChKFzen5w3HX5irX53PuCBwepJ45A8G9r0A4KelGib5jFDKPJPhJQtIVMGcabWQ9dVozMbgk3XhPnGDG/s320/blogger-etiket-renklendir.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger Etiketleri özelleştirme ( renklendirme ) eklentisi<br /><br />Bu eklentimizde blogger blogunuzda bulunan etiketleri css3 yardımı ile biraz daha görselleştirmeyi anlatacağız..<br /><br />Öncelikle blogunuzda etiketler gadgetinin ekli olduğundan emin olun , yoksa eklemek için , <b>Yerleşim >> Gadget Ekle >> Etiketler</b> sekmesinden eklentiyi ekleyin..<br /><br />Etiketler eklentisini eklerken <b>"Görüntüle"</b> kısmını <b>"BULUT"</b> olarak seçelim..<br /><br />Şimdi şablon ksımına girip alttaki kodumuzu buluyoruz..<br /><br /><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; text-align: left; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">]]></b:skin></span></span></pre><div class="hata" style="clear: both; text-align: center;">Bu kodumuzun hemen üstüne , aşağıda yer alan kodları ekliyoruz.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; text-align: left; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">.label-size {<br /> float: left;<br /> margin: 0 0 7px 20px;<br /> position: relative;<br /> font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;<br /> font-size: 0.75em;<br /> font-weight: bold;<br /> text-decoration: none;<br /> color: #996633;<br /> text-shadow: 0px 1px 0px rgba(255,255,255,.4);<br /> padding: 0.417em 0.417em 0.417em 0.917em;<br /> border-top: 1px solid #d99d38;<br /> border-right: 1px solid #d99d38;<br /> border-bottom: 1px solid #d99d38;<br /> -webkit-border-radius: 0 0.25em 0.25em 0;<br /> -moz-border-radius: 0 0.25em 0.25em 0;<br /> border-radius: 0 0.25em 0.25em 0;<br /> background-image: -webkit-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));<br /> background-image: -moz-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));<br /> background-image: -o-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));<br /> background-image: -ms-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));<br /> background-image: linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));<br /> filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#feda71', EndColorStr='#feba47');<br /> -webkit-box-shadow: inset 0 1px 0 #faeaba,<br /> 0 1px 1px rgba(0,0,0,.1);<br /> -moz-box-shadow: inset 0 1px 0 #faeaba,<br /> 0 1px 1px rgba(0,0,0,.1);<br /> box-shadow: inset 0 1px 0 #faeaba,<br /> 0 1px 1px rgba(0,0,0,.1);<br /> z-index: 1;<br />}<br /> <br />.label-size:before {<br /> content: '';<br /> width: 1.30em;<br /> height: 1.39em;<br /> background-image: -webkit-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));<br /> background-image: -moz-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));<br /> background-image: -o-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));<br /> background-image: -ms-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));<br /> background-image: linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));<br /> filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#feda71', EndColorStr='#feba47');<br /> position: absolute;<br /> left: -0.69em;<br /> top: .2em;<br /> -webkit-transform: rotate(45deg);<br /> -moz-transform: rotate(45deg);<br /> -o-transform: rotate(45deg);<br /> transform: rotate(45deg);<br /> border-left: 1px solid #d99d38;<br /> border-bottom: 1px solid #d99d38;<br /> -webkit-border-radius: 0 0 0 0.25em;<br /> -moz-border-radius: 0 0 0 0.25em;<br /> border-radius: 0 0 0 0.25em;<br /> z-index: 1;<br />}<br /> <br />.label-size:after {<br /> content: '';<br /> width: 0.5em;<br /> height: 0.5em;<br /> background: #fff;<br /> -webkit-border-radius: 4.167em;<br /> -moz-border-radius: 4.167em;<br /> border-radius: 4.167em;<br /> border: 1px solid #d99d38;<br /> -webkit-box-shadow: 0 1px 0 #faeaba;<br /> -moz-box-shadow: 0 1px 0 #faeaba;<br /> box-shadow: 0 1px 0 #faeaba;<br /> position: absolute;<br /> top: 0.667em;<br /> left: -0.083em;<br /> z-index: 9999;<br />}<br /> <br />#Label1 {<br /> height: 210px;<br />}<br /> <br />.label-size:hover {<br /> background-image: -webkit-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));<br /> background-image: -moz-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));<br /> background-image: -o-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));<br /> background-image: -ms-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));<br /> background-image: linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));<br /> filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fee18d', EndColorStr='#fec86c');<br /> border-color: #e1b160;<br />}<br /> <br />.label-size:hover:before {<br /> background-image: -webkit-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));<br /> background-image: -moz-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));<br /> background-image: -o-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));<br /> background-image: -ms-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));<br /> background-image: linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));<br /> filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#fee18d', EndColorStr='#fec86c');<br /> border-color: #e1b160;<br />}</span></span></pre><div class="hata" style="clear: both; text-align: center;">Artık blogger blogunuzda bulunan etiketler daha renkli... <br /><br /><a href="http://bloggereklentilerideneme8.blogspot.com/" target="_blank">DEMO</a></div><br /><br /><br /><div class="arama" style="clear: both; text-align: center;"><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 21px;"><<< Bu Yazı için Arama Sonuçları  >>> </span><br /><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 21px;"><br /></span><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 21px;">Blogger css3 etiket , blogger etiketleri özelleştirme , blogger etiket renklendirme , blogger css3 eklentileri , blogger etiket eklentileri</span></div><br /><br /><br /></div>

Blogger css3 ile Etiketleri özelleştirme eklentisi

Blogger Etiketleri özelleştirme ( renklendirme ) eklentisi Bu eklentimizde blogger blogunuzda bulunan etiketleri css3 yardımı ile biraz daha...

Devamı »

Blogger Renkli Sosyal Medya Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiigKyh53-DATe-cREWE7eBT7xm-Kdp6rQpQSCQMrAgE044AfGo6dmlpoK9S3LJTrCN2w-g5J84RZOAXo2f4KfivU0UMzLdn4qp0yIpHz-JmxU2Mi_ujrsCSOJz55EbP2wcW7lEfH9tcCcy/s1600/sosyalsitelereklentisi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiigKyh53-DATe-cREWE7eBT7xm-Kdp6rQpQSCQMrAgE044AfGo6dmlpoK9S3LJTrCN2w-g5J84RZOAXo2f4KfivU0UMzLdn4qp0yIpHz-JmxU2Mi_ujrsCSOJz55EbP2wcW7lEfH9tcCcy/s320/sosyalsitelereklentisi.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger Renkli Sosyal Medya Eklentisi</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogunuzda rengarenk sosyal medya eklentisi kullanmak için , aşağıdaki anlatımları takip ederek , blogger blogunuza ekleyebilirsiniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Blogunuzun yönetim panelinden <b>Yerleşim >> Gadget Ekle >> HTML/JavaScript</b> seçeneğini seçelim ve açılan panele aşağıdaki kodları ekleyelim.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><div class="btnt-chronicl-social"><br /><ul><br /><li><a class="rss" href="<b><span style="color: red;">http://feeds.feedburner.com/chandeepsBlogTips</span></b>">Rss ile takip edin</a></li><br /><li><a class="twitter" href="<b><span style="color: red;">https://twitter.com/chandeeban</span></b>">Twitter ile takip edin</a></li><br /><li><a class="facebook" href="<b><span style="color: red;">https://www.facebook.com/blogtipsntricks</span></b>">Facebook ile takip edin</a></li><br /><li><a class="google" href="<b><span style="color: red;">https://plus.google.com/u/0/b/101110372634917065358/</span></b>">Google+ ile takip edin</a></li><br /><li><a class="linkedin" href="<b><span style="color: red;">http://in.linkedin.com/in/blogtipsntricks</span></b>">LinkedIn ile takip edin</a></li><br /><li><a class="youtube" href="<b><span style="color: red;">http://www.youtube.com/user/chandeep10</span></b>">YouTube ile takip edin</a></li><br /></ul><br /></div><br /><style type='text/css'><br />/*<![CDATA[*/ <br />.btnt-chronicl-social { width: 280px; margin: -10px; }<br />.btnt-chronicl-social ul { margin: 0; padding: 0; }<br />.btnt-chronicl-social ul li { list-style:none; padding: 0; text-transform: none; }<br />.btnt-chronicl-social ul li a { color: #fff; display:block; }<br />.btnt-chronicl-social ul li a:hover { color: #c9c9c9; background-color: #333; }<br />.btnt-chronicl-social ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; }<br />.btnt-chronicl-social ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}<br />.btnt-chronicl-social ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; }<br />.btnt-chronicl-social ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }<br />.btnt-chronicl-social ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }<br />.btnt-chronicl-social ul li .youtube { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Youtube-1.png") no-repeat scroll 10px center #C6312B; background-size: 20px; padding: 17.5px 45px; }<br />/*]]>*/<br /></style><br /></pre><div class="hata" style="clear: both; text-align: center;">Eklemiş olduğunuz kodlar içindeki , <b><span style="color: red;">kırmızı</span></b> ile yazılmış olan adresleri kendi adreslerinizle değiştirin.. <br /><br /><b><a href="http://bloggereklentilerideneme8.blogspot.com/" target="_blank">DEMO</a></b></div><br /><br /><br />

Blogger Renkli Sosyal Medya Eklentisi

Blogger Renkli Sosyal Medya Eklentisi Blogunuzda rengarenk sosyal medya eklentisi kullanmak için , aşağıdaki anlatımları takip ederek , blog...

Devamı »

Blogger Dikey Navigation Menü Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg_UzruykH-ph_fEWpEJPHm-BbCMZdJqRAv0RtCVchtLbzXRfJd9BhClEZX1pseUDKuQrVrPkXDnmPEDbeRupwJKa6clIplKpVKHqO4DO7-7UOOgnHWUxZg4_kt08JC7G_8OKEuBQ1L9lj/s1600/eklentileri.blogspot.com.menu.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg_UzruykH-ph_fEWpEJPHm-BbCMZdJqRAv0RtCVchtLbzXRfJd9BhClEZX1pseUDKuQrVrPkXDnmPEDbeRupwJKa6clIplKpVKHqO4DO7-7UOOgnHWUxZg4_kt08JC7G_8OKEuBQ1L9lj/s1600/eklentileri.blogspot.com.menu.gif" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="ikaz" style="clear: both; text-align: center;">Blogger Dikey Navigation Menü Eklentisi Widgets</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger blogunuzda , üstteki resimde gördüğünüz gibi bir menü eklentisi istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimizi blogunuzda isterseniz kategori olarak , isterseniz farklı yerlere link vermek için kullanabilirsiniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="tamam" style="clear: both; text-align: center;">Demo için üstteki resime bakabilir , yada <b><a href="http://eklentilrideneme6.blogspot.com/" target="_blank">BURAYA</a></b> tıklayabilirsiniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Anlatıma geçelim.. </div><div class="hata" style="clear: both; text-align: center;">Aşağıdaki kodu bulun </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;">]]></b:skin><br /></pre><div class="hata" style="clear: both; text-align: center;">hemen üstüne aşağıdaki kodlarımızı ekleyelim.. </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;">#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/AVvXsEjqjEWxCvTjABKzlo7n1rdij0oG2ZKVvdZe-Jcoe5kl0tyFKxEs92L5D25OKAgfIxl4vT4ODmTowh8JRBSGLMoxEd8J5OMn7BtuJK5KjitKaggaTZswwPkAKH_dlxYrDQmqHyZN9NQ_rWc/s288/menu9.gif); padding: 8px 0 0 35px; } #menu9 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqjEWxCvTjABKzlo7n1rdij0oG2ZKVvdZe-Jcoe5kl0tyFKxEs92L5D25OKAgfIxl4vT4ODmTowh8JRBSGLMoxEd8J5OMn7BtuJK5KjitKaggaTZswwPkAKH_dlxYrDQmqHyZN9NQ_rWc/s288/menu9.gif) 0 -32px; padding: 8px 0 0 35px; }<br /></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki işlemi yaptıysanız , Blogunuzun yönetim panelinden <b>Yerleşim >> Gadget Ekle >> HTML/JavaScript</b> seçeneğini seçelim ve açılan panele aşağıdaki kodları ekleyelim.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><span style="color: black;"><div id="menu9"> <ul> <li><a href="</span><span style="color: blue;">#</span><span style="color: black;">"></span><span style="color: red;">MENU 1</span></a></li> <br /> <li><a href="<span style="color: blue;">#</span>"><span style="color: red;">MENU 2</span></a></li> <br /> <li><a href="<span style="color: blue;">#</span>"><span style="color: red;">MENU 3</span></a></li> <br /> <li><a href="<span style="color: blue;">#</span>"><span style="color: red;">MENU 4</span></a></li> <br /> <li><a href="<span style="color: blue;">#</span>"><span style="color: red;">MENU 5</span></a></li> </ul> </div><br /></pre><div class="hata" style="clear: both; text-align: center;">Kodlar içinde geçen <span style="color: red;">kırmızı</span> yerlere görünmesini istediğimiz yazıyı , <span style="color: blue;">mavi</span> yerlere ise gidilmesi gereken link adresinizi yazınız.. </div><br /><br /><div class="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>> <br /><br />Blogger Dikey Navigation Menü Eklentisi , Blogger Dikey Navigation Menü  , Blogger Menü Eklentisi , Blogger Menü widget , Blogger için menü</div><br /><br />

Blogger Dikey Navigation Menü Eklentisi

Blogger Dikey Navigation Menü Eklentisi Widgets Blogger blogunuzda , üstteki resimde gördüğünüz gibi bir menü eklentisi istermisiniz ? Bu ek...

Devamı »

Blogger Hareketli Sosyal Medya Butonlar Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjptxVI2AARDDFwqs5H9NwTPTxT9HgyTY8WS0YikRa0Ji2NpkqhU3UFI7PBHutTkoRRYO0FDQlOI3_q-2KaMW4oyVIQUfZfb6PpeWlfBw4rKE3NA75DZAU0ZanLwMJQDBXTGrkySBnYALu5/s1600/sosyal.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjptxVI2AARDDFwqs5H9NwTPTxT9HgyTY8WS0YikRa0Ji2NpkqhU3UFI7PBHutTkoRRYO0FDQlOI3_q-2KaMW4oyVIQUfZfb6PpeWlfBw4rKE3NA75DZAU0ZanLwMJQDBXTGrkySBnYALu5/s320/sosyal.gif" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="ikaz" style="clear: both; text-align: center;">Blogger Hareketli Sosyal Butonlar Eklentisi Widget..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimizle , blogger blogunuza üzerine gelince renkelenen sosyal butonları ekliyeceğiz...Bu eklentimizle , rss, google , facebook ve twitter sayfalarınızı ziyaretçilerinize oldukça şık bir görünümle sunabilirsiniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="tamam" style="clear: both; text-align: center;"><b><a href="http://eklentilrideneme6.blogspot.com/" target="_blank">DEMO</a></b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger Hareketli Sosyal Butonlar Eklentisini blogger'a eklemek için aşağıdaki adımı takip edin..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;"><b>Blogunuzun yönetim panelinden Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneğini seçelim ve açılan panele aşağıdaki kodları ekleyelim.. </b></div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><style> <br />/*--------eklentileri.blogspot.com hareketli menu ------*/ <br />.touchme a { <br />display:block; <br />height:50px; <br />width:50px; <br />padding:0 4px; <br />float:left; <br />background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit-4Gz3Wa_3kH5jR6HJaQP7Qv541yZMffY3znvI3zCx__LBwnA2gI1ceJyXH6HIY2ENLp_LLsVlm5zXKrv0pcvdoMxg799gLhyuVfjHpXNkBz7bZ_rNU9wSngm2yY4LoBkmDuJKbDoH0D9/s1600/eklentileri.blogspot.com.png) no-repeat; <br />-webkit-transition: ease-in 0.2s all; <br />-moz-transition: ease-in 0.2s all; <br />-o-transition: ease-in 0.2s all; <br />-ms-transition: ease-in 0.2s all; <br />transition: ease-in 0.2s all; <br />cursor:pointer;<br />}<br /><br />.touchme a.googleplus { <br />background-position: 0px -58px;<br />} <br />.touchme a.googleplus:hover { <br />background-position: 0px 0px; <br />}<br /><br />.touchme a.twitter { <br />background-position: 0px -290px;<br />} <br />.touchme a.twitter:hover { <br />background-position: 0px -232px;<br />} <br />.touchme a.facebook { <br />background-position: 0px -406px;<br />} <br />.touchme a.facebook:hover { <br />background-position: 0px -348px;<br />}<br /><br />.touchme a.rss { <br />background-position: 0px -174px;<br />} <br />.touchme a.rss:hover { <br />background-position: 0px -116px;<br />}<br /><br /></style><br /><br /><div class='touchme'><br /><!--RSS--> <br /><a class='rss' href="<b><span style="color: red;">RSS ADRESI</span></b>" rel='external nofollow' target='_blank'></a><br /><!--Google Plus--> <br /><a class='googleplus' href="<b><span style="color: red;">GOOGLE PROFIL ADRESI</span></b>" rel='external nofollow' target='_blank'></a><br /><!--Facebook--> <br /><a class='facebook' href="<b><span style="color: red;">FACEBOOK ADRESI</span></b>" rel='external nofollow' target='_blank'></a><br /><!-- Twitter --> <br /><a class='twitter' href="<b><span style="color: red;">TWITTER ADRESI</span></b>" rel='external nofollow' target='_blank' ></a><br /><br /></div><br /></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki kodlarda <b><span style="color: red;">kırmızı</span></b> ile yazılmış olan yerlere , kendi adreslerinizi yazmayı unutmayın...yapmanız gereken sadece bu kadar..</div><br /><br /><div class="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>> <br /><br />Blogger Hareketli Sosyal Butonlar Eklentisi , Blogger Hareketli buton , blogger sosyal medya butonları , renk değiştiren butonlar , blogger sosyal ağ butonları , blogger facebook twitter buton</div><br /><br />

Blogger Hareketli Sosyal Medya Butonlar Eklentisi

Blogger Hareketli Sosyal Butonlar Eklentisi Widget.. Bu eklentimizle , blogger blogunuza üzerine gelince renkelenen sosyal butonları ekliyec...

Devamı »

Blogger Renkli Popüler Yayınlar Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgllEb3mPSWNb1f2AtRvDbK9bYzmo85e6ARUlt5X7F_uMC5wFlTAArrGcEMjYHPzamLvnS89HUvu3F-cAVrxQRCO5DsMaOc4fEon0lGMzROt1wh1xEp8jciL6GDr8F13WV3rjB1-zYLwAo-/s1600/renkli,pop%C3%BCler-yay%C4%B1nlar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgllEb3mPSWNb1f2AtRvDbK9bYzmo85e6ARUlt5X7F_uMC5wFlTAArrGcEMjYHPzamLvnS89HUvu3F-cAVrxQRCO5DsMaOc4fEon0lGMzROt1wh1xEp8jciL6GDr8F13WV3rjB1-zYLwAo-/s320/renkli,pop%C3%BCler-yay%C4%B1nlar.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Blogger Renkli Popüler Yayınlar Eklentisi</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimizde , blogunuzda bulunan popüler yayınlarınız renkleniyor , Popüler yayınlarınıza renk katmak isterseniz bu eklenti tam size göre..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Görsel açıdan oldukça şık olan Blogger Renkli Popüler Yayınlar Eklentisini tavsiye ediyoruz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Anlatıma geçelim hemen..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Şablona girerek , <b>Widget Şablonlarını Genişlet</b> diyoruz ve Aşağıdaki kodumuzu buluyoruz </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;">/* Variable definitions<br /> ====================<br /></pre><div class="hata" style="clear: both; text-align: center;">Bu kodumuzun hemen altına aşağıdaki kodlarımızı ekliyoruz.. </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><Group description="PopularPosts Backgrounds" selector="#PopularPosts1"><br /><Variable name="PopularPosts.background.color1" description="background color1" type="color" default="#fa4242" value="#ff4c54"/><br /><Variable name="PopularPosts.background.color2" description="background color2" type="color" default="#ee6107" value="#ff764c"/><br /><Variable name="PopularPosts.background.color3" description="background color3" type="color" default="#f0f" value="#ffde4c"/><br /><Variable name="PopularPosts.background.color4" description="background color4" type="color" default="#ff0" value="#c7f25f"/><br /><Variable name="PopularPosts.background.color5" description="background color5" type="color" default="#0ff" value="#33c9f7"/><br /><Variable name="PopularPosts.background.color6" description="background color6" type="color" default="#ff0" value="#7ee3c7"/><br /><Variable name="PopularPosts.background.color7" description="background color7" type="color" default="#ff0" value="#f6993d"/><br /></Group><br /></pre><div class="hata" style="clear: both; text-align: center;">Şimdi ise bu kodu bulalım. </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;">]]></b:skin><br /></pre><div class="hata" style="clear: both; text-align: center;">Hemen üstüne aşağıdaki kodlarımızı ekliyoruz.. </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;">#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}<br />#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}<br />#PopularPosts1 ul li:first-child{background:$(PopularPosts.background.color1);width:90%}<br />#PopularPosts1 ul li:first-child:after{content:"1"}<br />#PopularPosts1 ul li:first-child + li{background:$(PopularPosts.background.color2);width:85%}<br />#PopularPosts1 ul li:first-child + li:after{content:"2"}<br />#PopularPosts1 ul li:first-child + li + li{background:$(PopularPosts.background.color3);width:80%}<br />#PopularPosts1 ul li:first-child + li + li:after{content:"3"}<br />#PopularPosts1 ul li:first-child + li + li + li{background:$(PopularPosts.background.color4);width:75%}<br />#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}<br />#PopularPosts1 ul li:first-child + li + li + li + li{background:$(PopularPosts.background.color5);width:70%}<br />#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}<br />#PopularPosts1 ul li:first-child + li + li + li + li +li{background:$(PopularPosts.background.color6);width:65%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:$(PopularPosts.background.color7);width:60%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}<br />#PopularPosts1 ul li:first-child:after,<br />#PopularPosts1 ul li:first-child + li:after,<br />#PopularPosts1 ul li:first-child + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}<br />#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:40px;height:40px}<br />#PopularPosts1 ul li a{font-size:12px;color:#444;text-decoration:none}<br />#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}<br /></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki işlemleri yaptıysanız eklentimiz şuan için çalışacaktır , ama popüler yayınlarda<b> resim</b> kullanıyorsanız aşağıdaki anlatımıda <b>yapmanızı öneririz</b> , yoksa resimler <b>düzgün görüntülenmeyebilir</b> , <b>resim kullanmıyorsanız üstte anlatılanlar yeterli.</b>. </div><br /><div class="hata" style="clear: both; text-align: center;">Öncelikle <b><span style="color: #b45f06;">popüler yayınları</span></b> blogunuza <b><span style="color: #b45f06;">eklediğinizden</span></b> emin olun , standart olarak popüler yayınlar başlığınız , "<span style="color: blue;"><b>Popüler Yayınlar</b></span>" şeklindedir..Bu yüzden biz <b><span style="color: blue;">popüler yayınlar</span></b> kelimesini <b><span style="color: blue;">arayacağız</span></b> , <b><span style="color: blue;">farklı bir isim kullandıysanız siz o ismi aratın.. </span></b></div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 10px; height: 100%; line-height: 14px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; width: 100%;"><b:widget id='PopularPosts1' locked='false' title='<span style="color: blue;">Popüler Yayınlar</span>' type='PopularPosts'><br /><span style="color: red;">x<br />X<br />X<br />X<br />X<br />X<br />X<br />X<br />X<br />X<br />X<br />X<br />X<br />X<br />X<br />X<br />X</span><br /></b:widget><br /></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki kodlar , popüler yayınların bulunduğu kodlar , burada yapmamız gereken <b>ilk kod</b> ile <b>son kod</b> arasını silip , aşağıdaki kodlarımızı sildiğiniz yere eklemek , yukarda silmeniz gereken yerleri kırmızı <span style="color: red;">x</span> ile gösterdim( sizde <span style="color: red;">x</span> yerine kodlar olacak) diğer <b>ilk ve son koda dokunmayın</b>...aralarını silip aşağıdaki kodlarımı ekleyin..<br /><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; color: black; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 10px; height: 100%; line-height: 14px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: left; width: 100%;"><b:includable id='main'><br /> <b:if cond='data:title'><br /> <h2><data:title/></h2><br /> </b:if><br /> <div class='widget-content popular-posts'><br /> <ul><br /> <b:loop values='data:posts' var='post'><br /> <li><br /> <b:if cond='data:showThumbnails == &quot;false&quot;'><br /> <b:if cond='data:showSnippets == &quot;false&quot;'><br /> <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a><br /> <b:else/><br /> <a expr:href='data:post.href' expr:title='data:post.snippet' rel='bookmark'><data:post.title/></a><br /> </b:if><br /> <b:else/><br /> <b:if cond='data:showSnippets == &quot;false&quot;'><br /> <b:if cond='data:post.thumbnail'><br /> <img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail'/><br /> <b:else/><br /> <img alt='no image' class='item-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ8aacRcZJYLZxznSIm6ZTNAxHK3jFIlXz-eBI_ve4MmEurRS44GLzHa1q6cJM64PEsys_XWPZ1RdNm0tf_jJMDyfBmxwH0fN7P6boIE-wxEy8Xrp77dZwu21nuz5qKtVu9DURtmNkoVI/s1600/defaultimage.jpg'/><br /> </b:if><br /> <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a><br /> <div class='clear'/><br /> <b:else/><br /> <b:if cond='data:post.thumbnail'><br /> <img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail'/><br /> <b:else/><br /> <img alt='no image' class='item-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ8aacRcZJYLZxznSIm6ZTNAxHK3jFIlXz-eBI_ve4MmEurRS44GLzHa1q6cJM64PEsys_XWPZ1RdNm0tf_jJMDyfBmxwH0fN7P6boIE-wxEy8Xrp77dZwu21nuz5qKtVu9DURtmNkoVI/s1600/defaultimage.jpg'/><br /> </b:if><br /> <a expr:href='data:post.href' expr:title='data:post.snippet' rel='bookmark'><data:post.title/></a><br /> <div class='clear'/><br /> </b:if><br /> </b:if><br /> </li><br /> </b:loop><br /> </ul><br /> </div><br /> </b:includable><br /></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki kodlarıda eklediyseniz , Blogger Renkli Popüler Yayınlar Eklentisine artık sahipsiniz, güle güle kullanın..<b><a href="http://eklentilerideneme2.blogspot.com/2012/03/deneme-yazi.html" target="_blank">DEMO</a></b></div><br /><br /><div class="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>> <br /><br />Blogger Renkli Popüler Yayınlar Eklentisi , Blogger Renkli Popüler Yayınlar Gösterme , Renkli Popüler Yayınlar eklentisi , Popüler Yayınlar , Popüler Yayınlar eklentisi , Blogger Popüler Yayınlar Eklentisi</div><br /><br /></div>

Blogger Renkli Popüler Yayınlar Eklentisi

Blogger Renkli Popüler Yayınlar Eklentisi Bu eklentimizde , blogunuzda bulunan popüler yayınlarınız renkleniyor , Popüler yayınlarınıza renk...

Devamı »