web-xL: Buton

Siyah Zoom Efektli Sosyal Butonlar Eklentisi

<div class="separator" style="clear: both; text-align: center;"><br /></div><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJjwV0E5tpho-O9d3rFUF_PhxBx_ZnJpDU3z7AtpvCp52ytG5CP6g1r5EVrjyHo4wWfB1jwd1oGNu8EZw11Hyzx-TrwXYo411sp7S6ZQ5mbeqi9mCt5FmA_AYTylLUy1Tmm-YaT9ZMVFOT/s1600/zoom-black-social.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJjwV0E5tpho-O9d3rFUF_PhxBx_ZnJpDU3z7AtpvCp52ytG5CP6g1r5EVrjyHo4wWfB1jwd1oGNu8EZw11Hyzx-TrwXYo411sp7S6ZQ5mbeqi9mCt5FmA_AYTylLUy1Tmm-YaT9ZMVFOT/s320/zoom-black-social.png" width="320" /></a></div><div class="" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Blogger blogunuz için, siyah ağırlıklı , google+ , facebook , <a href="http://eklentileri.blogspot.com/search/label/twitter%20eklenti" rel="nofollow" target="_blank"><span style="color: black;">twitter</span></a> , digg ve rss butonları istermisiniz ? </div><div class="" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Siyah Zoom Efektli Sosyal Butonlar Eklentisi ile , sosyal sayfalarınızı <a href="http://eklentileri.blogspot.com/search/label/Blogger" rel="nofollow" target="_blank"><span style="color: black;">blogger</span></a> blogunuzda ziyaretçilerinize gösterebilirsiniz , ziyaretçi fare ile üstüne geldiğinde , zoom özelliği gösterir..</div><div class="" style="clear: both; text-align: center;"><br /></div><div class="tamam" style="clear: both; text-align: center;"><b><a href="http://eklentilerideneme1.blogspot.com/2012/12/siyah-zoom-sosyal.html" rel="nofollow" target="_blank">DEMO</a></b></div><div class="" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Aşağıdaki 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;">Hemen üstüne alttaki kodları 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;">/* Siyah Zoom Efektli Sosyal Butonlar Eklentisi baslangici 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;">Şablonumuzu kaydediyoruz ve Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile açılan panele 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;"><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/AVvXsEg3uWp_ecnTf_IHgWVTETh__bSHTTvs1ueGpVHCMM1y42Kd3RJeNjtgDu9B2Dw5_2kJ-Yspscs0bKleFUW6A_4R1aLrN2M2s9YunqfhQWlkJsYwD_2oBnv6fuN93KQnD9gXsL0y8c_mgvA/s1600/bloggertrix-google-icon.png" title="<b>Add to Google+</b>" /></a></li><br /><br /><li><a href="http://www.facebook.com/<b>xxxxx</b>"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm2zE-3ptACv8yWq1ah8TvfxuocJCmPg5ZU_OeA6c6-3hwodUKJ-vqivMhbQ3gB3vhHjE_Gi4_Cv1uHSjWGhPN6cFX16fxq4Zu69LDza95tlRnN8m__gNF9RUQnWzK7sDszh2lqaTM0Is/s1600/bloggertrix-facebook-icon.png" title="<b>Add to Facebook</b>" /></a></li><br /><br /><li><a href="http://www.digg.com/<b>xxxxx</b>"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp9-JpNwOK00vvVDkPcOyHnp-RDHIm5mL8c3qgsWShFujuZKlzxjgIUeqa7a7SSQGttb2gs3pAWsDaVAvXGoJprFtNOo-DRZauTMONosfkjuihq55CSU_pkJmvPiyQyuCympxaZUHMgZM/s1600/bloggertrix-digg-icon.png" title="<b>Add to Digg</b>" /></a></li><br /><br /><li><a href="http://www.twitter/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZUiRWeu8e37nA_KJ75mWVpd4dq3qRuY5P-hXVQPu_DSbq_YmKuUGtp9-FBhE14Jt3X4JGTOdqLwWAytoZ1p9GR0ljYuX6pH6YF0qpVYsuyqOJw8OJ0kUDhS64mWO9QWRnL1-iyCAWygw/s1600/bloggertrix-twitter-icon.png" title="<b>Add to Twitter</b>" /></a></li><br /><br /><li><a href="http://feeds2.feedburner.com/<b>xxxxx</b>"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZXwfIHXtuUsEuD6LjaYSQlFg3gMrQzrx5fG0fwGSZ0_W3k8TDwC7Ml1as1holSoAzpjwd2PysxgqowEEMOfZ8JBRxHvYJKIk7Wcl6jNgJL2z4uoaifMIaUFOII4qJ9piBMqiDSOjiW0w/s1600/bloggertrix-rss-icon.png" title="<b>Add RSS Feed</b>" /></a></li><br /></ul></span></span></pre><div class="hata" style="clear: both; text-align: center;">Kodlar içinde kalın olarak vurgulanmış yerleri kendinize göre düzenleyiniz..</div><br /><br /><div class="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>>  <br /><br />Siyah Zoom Efektli Sosyal Butonlar Eklentisi , Blogger Sosyal Butonlar Eklentisi , Blogger Sosyal , Sosyal , Sosyal Paylaşım , Blogger Facebook , Blogger Twitter , Sosyal Share , Social Sharing Buttons For Blogger ,Social Sharing Buttons  </div><br /><br />

Siyah Zoom Efektli Sosyal Butonlar Eklentisi

Blogger blogunuz için, siyah ağırlıklı , google+ , facebook , twitter , digg ve rss butonları istermisiniz ? Siyah Zoom Efektli Sosyal But...

Devamı »

Blogger Angry Birds Sosyal Paylaşım Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOJ5jOWTCm7LFs1KokJDnH-CMgFhyNOnmw-zscrDJfvZEGrpxXsK2hHJZ1cwlobh2hu-y81QHEWZyMkw_i9Nse0DLY3A5NUNqZxNbE5U6M5-UbtQ6YTCCIfK4IohusflnN1YcC5eJooe7x/s1600/anry-birds-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="249" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOJ5jOWTCm7LFs1KokJDnH-CMgFhyNOnmw-zscrDJfvZEGrpxXsK2hHJZ1cwlobh2hu-y81QHEWZyMkw_i9Nse0DLY3A5NUNqZxNbE5U6M5-UbtQ6YTCCIfK4IohusflnN1YcC5eJooe7x/s320/anry-birds-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 blogunuz için angry birds sosyal eklentisi istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimizle <a href="http://eklentileri.blogspot.com/search/label/Blogger" target="_blank"><span style="color: black;">blogger</span></a> blogunuza angry birds kuşlarını ekleyerek , facebook , twitter , rss ve google+ sayfalarınızı tanıtabilirsiniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Angry Birds hayranı iseniz bu <a href="http://eklentileri.blogspot.com/search/label/blogger%20eklentisi" target="_blank"><span style="color: black;">blogger eklentisi</span></a>ni kaçırmayın..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Aşağıdaki 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;">Hemen üstüne altta 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; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">.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.3); /*scale up image 1.3x*/<br />-webkit-transform:scale(1.3);<br />-o-transform:scale(1.3);<br />}</span></span><span style="color: black; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 10px; line-height: 14px;"><br /></span></pre><div><br /></div><div class="hata" style="clear: both; text-align: center;"><a href="http://eklentileri.blogspot.com/search/label/Blogger" target="_blank"><span style="color: black;">Blogger</span></a> şablonunu kaydedip , Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile açılan panele altta 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; 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="<b><span style="color: red;">http://www.plus.google.com/xxxxx</span></b>"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN42JY18vPoLXAy5xnLZhJ4fGmBOHEpCWlordXBn9pctfkQNztkY8f1bchNr19Nith6jqFLJ-v3wEfx_3U43mx028tN0gY7qoUsrpfcRosyk6MakBjORYF4UtSGaaXVtAd_ADFOTBuyIc/s1600/bloggertrix-googleplus.png" title="Add to Google" /></a></li><br /><br /><li><a href="<b><span style="color: red;">https://www.facebook.com/pages/Blogger-Eklentileri/126895440798640</span></b>"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtJhGF4GvLSBva7NPgdGYjO9h_QDOzHGOCA9r8QQU4ISz8W5XpFi8elkpG5OcdBeb5hJZ1I9jqrXYP4CPwXuZNxkaXoRN1UiwP3iHbCI4062BvJ0RoMFcmwKMORDUtZlifY-2Txc8rH3I/s1600/bloggertrix-facebook.png" title="Add to Facebook" /></a></li><br /><br /><li><a href="<b><span style="color: red;">http://twitter.com/BloggerEklenti</span></b>"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGG6KR5XfaPoxhmSPIlTpRaS4LthkWTVGCTR38JToYxjMKyCD5nnyYy13OYfV2bEdlIIvr_qUyg-S5wwKX0u-drdZ5AIYQIaQErOq1S57JlqD4abD9ECrraU7ag1gkDGPtvvsbyCjreg/s1600/bloggertrix-twitter.png" title="Add to Twitter" /></a></li><br /><br /><li><a href="<b><span style="color: red;">http://feeds2.feedburner.com/xxxxx</span></b>"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbe0BBPvmEH4QaqXAbtjOcuoBgZ7OU7EmQrfHgfTy34gPXBGYWdYS_oqJ2prUDoZXwESovUK1EX9anlZUN-hNngRr1WjS0Ng9sFqqnrjazWhMNzk17SPVYSE6C-wO_ImbiMumsHwGWqNs/s1600/bloggertrix-Rss.png" title="Add RSS Feed" /></a></li><br /></ul></span></span></pre><div class="hata" style="clear: both; text-align: center;">Yukarıda anlatılanları yaptıysanız , Angry birds eklentimiz hazır..<b><span style="color: red;">Kırmızı</span></b> yerlere kendi sosyal sayfa adreslerinizi yazmayı unutmayınız..<br /><br /><b><a href="http://bloggereklentilerideneme8.blogspot.com/" rel="nofollow" target="_blank">DEMO</a></b></div><br /><br /><br /><div class="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>>  <br /><br />Blogger Angry Birds Sosyal Paylaşım Eklentisi , Angry Birds , Angry Birds eklentisi , Angry Birds blogger , Angry Birds widget , Angry Birds gadget , blogger Angry Birds social share , Angry Birds share button</div><br /><br /><br />

Blogger Angry Birds Sosyal Paylaşım Eklentisi

Blogger blogunuz için angry birds sosyal eklentisi istermisiniz ? Bu eklentimizle blogger blogunuza angry birds kuşlarını ekleyerek , faceb...

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ı »

CSS3 Dairesel Blogger Buton Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwfR4kcZpX6PQc5mD9y_L1-RQWe7pDnY9RQcKow_cLqMwsSoXGq8fvp-neTyqLv41gVW1sqWGjhyphenhyphenK8Pf3TywHAXrK0Q0YSugNhDl9FpZltvfHNxDtrDMUeWwYarKC8LqIirYPnnAEz5AhZ/s1600/blogger-daire-button.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="251" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwfR4kcZpX6PQc5mD9y_L1-RQWe7pDnY9RQcKow_cLqMwsSoXGq8fvp-neTyqLv41gVW1sqWGjhyphenhyphenK8Pf3TywHAXrK0Q0YSugNhDl9FpZltvfHNxDtrDMUeWwYarKC8LqIirYPnnAEz5AhZ/s320/blogger-daire-button.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;">CSS3 Dairesel Blogger Buton Widget</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger blogunuz için , üzerine gelince hareketlilik gösteren buton veya butonlar kullanmak istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">O halde aşağıdaki yazıyı takip edin..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Alttaki kodu blogger blogunuzda bulun.. </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ı 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;">.a-btn{<br />    width:60px;<br />    height:60px;<br />    -webkit-border-radius:50%;<br />    -moz-border-radius:50%;<br />    border-radius:50%;<br />    display:block;<br />    margin:20px;<br />    float:left;<br />    background:#f0ad4e;<br />    position:relative;<br />    -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff;<br />    -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff;<br />    box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff;<br />    -webkit-transition:all 0.3s linear;<br />    -moz-transition:all 0.3s linear;<br />    -o-transition:all 0.3s linear;<br />    transition:all 0.3s linear;<br />}<br />.a-btn span{<br />    display:table-cell;<br />    width:40px;<br />    height:40px;<br />    padding:10px;<br />    text-align:center;<br />    vertical-align:middle;<br />    font-size:16px;<br />    color:#fff;<br />    text-shadow:0px 1px 1px #A03F16;<br />    font-family:"Arvo", "Myriad Pro", "Trebuchet MS", sans-serif;<br />    -webkit-transition:all 0.3s linear;<br />    -moz-transition:all 0.3s linear;<br />    -o-transition:all 0.3s linear;<br />    transition:all 0.3s linear;<br />}<br />.a-btn span:nth-child(1), <br />.a-btn span:nth-child(3){<br />    position:absolute;<br />    top:0px;<br />    left:0px;<br />    font-size:16px;<br />    line-height:19px;<br />    opacity:0;<br />}<br />.a-btn span:nth-child(1){<br />    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHNTwlGjgGOiPy18eKy4bQWzzxv5LELQQier3Tucn78OyvegOtCKqYTazteVV5YIjzUo6X5QCh3q7UGLnH8Ge66kBk7KlseFtX0EcdAJyifUHeJX0mwQAoyxbp7xSfWUMHFua5JmytURA/s1600/star.png) no-repeat center center;<br />    opacity:0.2;<br />}<br />.a-btn:hover{<br />    background:rgba(170, 77, 27, 0.6);<br />    -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #fff;<br />    -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #fff;<br />    box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #fff;<br />}<br />.a-btn:hover span:nth-child(3){<br />    opacity:1;<br />}<br />.a-btn:hover span:nth-child(2){<br />    opacity: 0; <br />    -webkit-transform: scale(0);<br />    -moz-transform: scale(0);<br />    transform: scale(0);<br />}<br />.a-btn:hover span:nth-child(1){<br />    -webkit-animation:rotate 1s linear;<br />    -moz-animation:rotate 1s linear;<br />    animation:rotate 1s linear;<br />}<br />.a-btn:active{<br />    -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;<br />    -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;<br />    box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;<br />}<br />.a-btn:active span:nth-child(2){<br />    color:rgba(170, 77, 27, 0.8);<br />    text-shadow:0px 1px 1px rgba(255, 255, 255, 0.6);<br />}<br />@keyframes rotate{<br />    0% { transform: scale(1) rotate(0);}<br />    50% { transform: scale(0.5) rotate(180deg);}<br />    100% { transform: scale(1) rotate(360deg);}<br />}<br />@-webkit-keyframes rotate{<br />    0% { -webkit-transform: scale(1) rotate(0);}<br />    50% { -webkit-transform: scale(0.5) rotate(180deg);}<br />    100% { -webkit-transform: scale(1) rotate(360deg);}<br />}<br />@-moz-keyframes rotate{<br />    0% { -moz-transform: scale(1) rotate(0);}<br />    50% { -moz-transform: scale(0.5) rotate(180deg);}<br />    100% { -moz-transform: scale(1) rotate(360deg);}<br />}</span></span><span style="color: black; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 10px; line-height: 14px;"><br /></span></pre><div><br /></div><div class="hata" style="clear: both; text-align: center;">Yukarıdaki işlemi yaptıysanız eklentimiz hazır , şimdi nasıl kullanılacağını görelim..yaınların içinde yada eklenti olarak 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;">div class="button-wrapper"><br /><br /><a href="<b><span style="color: red;">#</span></b>" class="a-btn"><span></span><br /><span><b>Sign up</b></span><br /><span><b>It's free!</b></span></a><br /><br /><a href="<b><span style="color: red;">#</span></b>" class="a-btn"><span></span><br /><span><b>Join Now</b></span>  <br /><span><b>It's free!</b></span></a><br /><br /><a href="<b><span style="color: red;">#</span></b>" class="a-btn"><span></span><br /><span><b>Enter</b></span> <br /><span><b>It's free!</b></span></a><br /><br /><a href="<b><span style="color: red;">#</span></b>" class="a-btn"><br /><span></span><br /><span><b>Get in</b></span><br /><span><b>It's free!</b></span></a><br /></div></span></span><span style="color: black; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 10px; line-height: 14px;"><br /></span></pre><div><br /></div><br /><br /><br /><div style="text-align: center;"><b><a href="http://eklentilrideneme6.blogspot.com/2012/10/css3-dairesel-blogger-buton-eklentisi.html" target="_blank">DEMO</a></b></div><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;">CSS3 Dairesel Blogger Buton Eklentisi , Dairesel Blogger Buton Eklentisi , Blogger Buton Eklentisi , Blogger Buton Ekleme , Blogger Butonları , Blogger Button Widget , CSS3 Circle Effect Buttons Style For Blogger</span></span></div><br /><br /><br />

CSS3 Dairesel Blogger Buton Eklentisi

CSS3 Dairesel Blogger Buton Widget Blogger blogunuz için , üzerine gelince hareketlilik gösteren buton veya butonlar kullanmak istermisiniz ...

Devamı »

Blogger 3D arama kutusu Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbs7g-rXeLEFlDYwKDYvbPrCSsYvQiwWLo0eE5g28oK6YWZXUY8q1W2kcG6mdQLOTS4Z-9vx37Em-x46QdetwHOBXsiA3MWUNL7BtdO0U5khP9_fdTiHjqjwdi9EjYABaa3jbamTkaQjym/s1600/blogger-3d-arama-buton.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbs7g-rXeLEFlDYwKDYvbPrCSsYvQiwWLo0eE5g28oK6YWZXUY8q1W2kcG6mdQLOTS4Z-9vx37Em-x46QdetwHOBXsiA3MWUNL7BtdO0U5khP9_fdTiHjqjwdi9EjYABaa3jbamTkaQjym/s320/blogger-3d-arama-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 blogunuz için 3d arama kutusu ( butonu ) eklentisi istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Özellikle blogger blogunda , arama kutusu olmayanlar için , yada olupta beğenmeyenler için bu eklenti işe yarayabilir..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Görüntü olarakta oldukça şık olduğunu düşündüğümüz blogger 3d arama kutusunu blogger blogunuza eklemek için aşağıdaki anlatımı takip ediniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Blogger blogunun yönetim paneline giriniz ve <b>Yerleşim >> Gadget Ekle >> HTML/JavaScript</b> seçeneği ile açılan panele 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;"><style type="text/css"><br />.form-wrapper {<br />width: 250px;<br />padding: 8px;<br />margin: 10px auto;<br />overflow: hidden;<br />border-width: 1px;<br />border-style: solid;<br />border-color: #dedede #bababa #aaa #bababa;<br />-moz-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;<br />-webkit-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;<br />box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;<br />-moz-border-radius: 10px;<br />-webkit-border-radius: 10px;<br />border-radius: 10px;<br />background-color: #f6f6f6;<br />background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eae8e8));<br />background-image: -webkit-linear-gradient(top, #f6f6f6, #eae8e8);<br />background-image: -moz-linear-gradient(top, #f6f6f6, #eae8e8);<br />background-image: -ms-linear-gradient(top, #f6f6f6, #eae8e8);<br />background-image: -o-linear-gradient(top, #f6f6f6, #eae8e8);<br />background-image: linear-gradient(top, #f6f6f6, #eae8e8);<br />}<br />.form-wrapper #search {<br />width: 160px;<br />height: 20px;<br />padding: 10px 5px;<br />float: left;<br />font: bold 16px 'lucida sans', 'trebuchet MS', 'Tahoma';<br />border: 1px solid #ccc;<br />-moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;<br />-webkit-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;<br />box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;<br />-moz-border-radius: 3px;<br />-webkit-border-radius: 3px;<br />border-radius: 3px;<br />}<br />.form-wrapper #search:focus {<br />outline: 0;<br />border-color: #aaa;<br />-moz-box-shadow: 0 1px 1px #bbb inset;<br />-webkit-box-shadow: 0 1px 1px #bbb inset;<br />box-shadow: 0 1px 1px #bbb inset;<br />}<br />.form-wrapper #search::-webkit-input-placeholder {<br />color: #999;<br />font-weight: normal;<br />}<br />.form-wrapper #search:-moz-placeholder {<br />color: #999;<br />font-weight: normal;<br />}<br />.form-wrapper #search:-ms-input-placeholder {<br />color: #999;<br />font-weight: normal;<br />}<br />.thumb{position:relative;left:4px;top:1px; border:8px solid transparent;-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);box-shadow:0 0 8px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}<br />.form-wrapper #submit {<br />float: right;<br />border: 1px solid #00748f;<br />height: 42px;<br />width: 70px;<br />padding: 0;<br />cursor: pointer;<br />font: bold 15px Arial, Helvetica;<br />color: #fafafa;<br />text-transform: uppercase;<br />background-color: #0483a0;<br />background-image: -webkit-gradient(linear, left top, left bottom, from(#31b2c3), to(#0483a0));<br />background-image: -webkit-linear-gradient(top, #31b2c3, #0483a0);<br />background-image: -moz-linear-gradient(top, #31b2c3, #0483a0);<br />background-image: -ms-linear-gradient(top, #31b2c3, #0483a0);<br />background-image: -o-linear-gradient(top, #31b2c3, #0483a0);<br />background-image: linear-gradient(top, #31b2c3, #0483a0);<br />-moz-border-radius: 3px;<br />-webkit-border-radius: 3px;<br />border-radius: 3px;<br />text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);<br />-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;<br />-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;<br />box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;<br />}<br />.form-wrapper #submit:hover,<br />.form-wrapper #submit:focus {<br />background-color: #31b2c3;<br />background-image: -webkit-gradient(linear, left top, left bottom, from(#0483a0), to(#31b2c3));<br />background-image: -webkit-linear-gradient(top, #0483a0, #31b2c3);<br />background-image: -moz-linear-gradient(top, #0483a0, #31b2c3);<br />background-image: -ms-linear-gradient(top, #0483a0, #31b2c3);<br />background-image: -o-linear-gradient(top, #0483a0, #31b2c3);<br />background-image: linear-gradient(top, #0483a0, #31b2c3);<br />}<br />.form-wrapper #submit:active {<br />outline: 0;<br />-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;<br />-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;<br />box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;<br />}<br />.form-wrapper #submit::-moz-focus-inner {<br />border: 0;<br />}<br /></style><br /><form class="form-wrapper" action="/search" method="get"><br />    <input id="search" name="q" type="text" placeholder="ARA.." /><br />    <input id="submit" type="submit" value="ARA.." /><br /></form></span></span></pre><div class="hata" style="clear: both; text-align: center;">Yapmamız gereken sadece bu kadar , artık blogger blogunuzda , 3d bir arama kutusuna sahipsiniz.. <br /><br /><b><a href="http://bloggereklentilerideneme8.blogspot.com/" target="_blank">DEMO</a></b></div><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.981481552124023px;"><<< 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.981481552124023px;"><br /></span><span style="font-family: Arial, Verdana, Tahoma, Times New Roman;"><span style="font-size: 14px; line-height: 20.96666717529297px;">Blogger 3D arama kutusu Eklentisi , Blogger 3D arama kutusu , Blogger 3D arama Eklentisi , Blogger Arama Kutusu , Blogger Arama butonu , Blogger Search Bar , Blogger 3D search box</span></span></div><br /><br />

Blogger 3D arama kutusu Eklentisi

Blogger blogunuz için 3d arama kutusu ( butonu ) eklentisi istermisiniz ? Özellikle blogger blogunda , arama kutusu olmayanlar için , yada o...

Devamı »

Blogger Sürgülü Buton Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU_Pt4OGbIdNMnodrza4YiN7kcMvH8hbP2_DhvPLM_dqHwq5BtUfWTHsy0POClt1fLGPpSDpi1PQuEAVsbr343Fe3YfyySkP-pzzhuYu8ICrodPuGy7y-QTa8ASBUWNGjm65IHStBbF4Wl/s1600/blogger-button.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU_Pt4OGbIdNMnodrza4YiN7kcMvH8hbP2_DhvPLM_dqHwq5BtUfWTHsy0POClt1fLGPpSDpi1PQuEAVsbr343Fe3YfyySkP-pzzhuYu8ICrodPuGy7y-QTa8ASBUWNGjm65IHStBbF4Wl/s320/blogger-button.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 Blogunuz için Sürgülü CSS Buton Eklentisi</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger blogunuzda , yazılarınızın içinde yada istediğiniz bir yerde kullanmak üzere , farklı bir buton istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimizde , üzerine gelindiğinde , sağa doğru sürgülü bir biçimde açılan buton eklentimizin nasıl yapılacağını anlatacağız.</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu Blogger Buton eklentisini kullanmak içibn aşağıda yer alan adımları takip ediniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Aşağıdaki kodumuzu blogger 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 bir satır üstüne , aşağıda yer alan 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;">.a-btn{<br />    background:#80a9da;<br />    background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1));<br />    background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%);<br />    background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%);<br />    background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%);<br />    background:linear-gradient(top, #80a9da 0%, #6f97c5 100%);<br />    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 );<br />    padding-left:20px;<br />    padding-right:80px;<br />    height:38px;<br />    display:inline-block;<br />    position:relative;<br />    border:1px solid #5d81ab;<br />    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);<br />    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);<br />    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);<br />    -webkit-border-radius:20px;<br />    -moz-border-radius:20px;<br />    border-radius:20px;<br />    float:left;<br />    clear:both;<br />    margin:10px 0px;<br />    overflow:hidden;<br />    -webkit-transition:all 0.3s linear;<br />    -moz-transition:all 0.3s linear;<br />    -o-transition:all 0.3s linear;<br />    transition:all 0.3s linear;<br />}<br />.a-btn-text{<br />    padding-top:8px;<br />    display:block;<br />    font-size:18px;<br />    white-space:nowrap;<br />    text-shadow:0px 1px 1px rgba(255,255,255,0.3);<br />    color:#446388;<br />    -webkit-transition:all 0.2s linear;<br />    -moz-transition:all 0.2s linear;<br />    -o-transition:all 0.2s linear;<br />    transition:all 0.2s linear;<br />}<br />.a-btn-slide-text{<br />    position:absolute;<br />    height:100%;<br />    top:0px;<br />    right:52px;<br />    width:0px;<br />    background:#63707e;<br />    text-shadow:0px -1px 1px #363f49;<br />    color:#fff;<br />    font-size:18px;<br />    white-space:nowrap;<br />    text-transform:uppercase;<br />    text-align:left;<br />    text-indent:10px;<br />    overflow:hidden;<br />    line-height:38px;<br />    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;<br />    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;<br />    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;<br />    -webkit-transition:width 0.3s linear;<br />    -moz-transition:width 0.3s linear;<br />    -o-transition:width 0.3s linear;<br />    transition:width 0.3s linear;<br />}<br />.a-btn-icon-right{<br />    position:absolute;<br />    right:0px;<br />    top:0px;<br />    height:100%;<br />    width:52px;<br />    border-left:1px solid #5d81ab;<br />    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;<br />    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;<br />    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;<br />}<br />.a-btn-icon-right span{<br />    width:38px;<br />    height:38px;<br />    opacity:0.7;<br />    position:absolute;<br />    left:50%;<br />    top:50%;<br />    margin:-20px 0px 0px -20px;<br />    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6hSq8YjH7MGCPTn2sNhYVKPcH3r96qs81Y0JlYhJjRha8dGnDWWM5Kdk_qcQtMHY2a2K_ft-8GP3Y3OgiH1npBeIGLCt3822DQcyxP88TXoIXiz3VaMj9vh_oDUOXfkd3DbIFaDHmAfI/s1600/arrow_right.png) no-repeat 50% 55%;<br />    -webkit-transition:all 0.3s linear;<br />    -moz-transition:all 0.3s linear;<br />    -o-transition:all 0.3s linear;<br />    transition:all 0.3s linear;<br />}<br />.a-btn:hover{<br />    padding-right:180px;<br />    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);<br />    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);<br />    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);<br />}<br />.a-btn:hover .a-btn-text{<br />    text-shadow:0px 1px 1px #5d81ab;<br />    color:#fff;<br />}<br />.a-btn:hover .a-btn-slide-text{<br />    width:100px;<br />}<br />.a-btn:hover .a-btn-icon-right span{<br />    opacity:1;<br />}<br />.a-btn:active{<br />    position:relative;<br />    top:1px;<br />    background:#5d81ab;<br />    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;<br />    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;<br />    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;<br />    border-color:#80a9da;<br />}</span></span></pre><div class="hata" style="clear: both; text-align: center;">Üstteki işlemi yaptıysanız , butonumuzun css işlemleri tamamdır.. </div><div class="hata" style="clear: both; text-align: center;">Butonu kullabilmek için ister gadget olarak ekleyebilir isterseniz yazı içlerinde kullanabilirsiniz..  Eklemek için aşağıdaki kodu kullanmanız gerekiyor..</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;"><div class="button-wrapper"><br /><a class="a-btn" href="<b><span style="color: red;">http://eklentileri.blogspot.com/</span></b>"><br />      <span class="a-btn-text"><span style="color: blue;"><b>Blogger</b></span></span><br />      <span class="a-btn-slide-text"><b><span style="color: lime;">TIKLA</span></b></span><br />      <span class="a-btn-icon-right"></span><br />      </a><br /></div><br /></span></span></pre><br /><br /><div style="text-align: center;"><b><a href="http://bloggereklentilerideneme8.blogspot.com/" target="_blank">DEMO</a></b></div><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;">Blogger Sürgülü Buton Eklentisi , Blogger Sürgülü Buton  , Blogger  Buton Eklentisi , Blogger Buton Eklentileri , Blogger Butonlar , Blogger CSS buton , Blogger button Widget</span></span></div><br />

Blogger Sürgülü Buton Eklentisi

Blogger Blogunuz için Sürgülü CSS Buton Eklentisi Blogger blogunuzda , yazılarınızın içinde yada istediğiniz bir yerde kullanmak üzere , far...

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 /> <br /><a class='rss' href="<b><span style="color: red;">RSS ADRESI</span></b>" rel='external nofollow' target='_blank'></a><br /> <br /><a class='googleplus' href="<b><span style="color: red;">GOOGLE PROFIL ADRESI</span></b>" rel='external nofollow' target='_blank'></a><br /> <br /><a class='facebook' href="<b><span style="color: red;">FACEBOOK ADRESI</span></b>" rel='external nofollow' target='_blank'></a><br /> <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ı »

Üzerine Gelince dairesel açılan paylaş butonları eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlWHKOhbiIjPZQc5kParKWiYj7GNcMPTy8IqEFRR-XUws6mshEdddfTxuujpx5h3ok2m7FR4BYula6aGAyBkVoF7EtE8r_1X841S12tzq4OMgfVNegEUJTwAsBi7s9I2APYM36z1c3Egba/s1600/acilan-paylas-buton.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlWHKOhbiIjPZQc5kParKWiYj7GNcMPTy8IqEFRR-XUws6mshEdddfTxuujpx5h3ok2m7FR4BYula6aGAyBkVoF7EtE8r_1X841S12tzq4OMgfVNegEUJTwAsBi7s9I2APYM36z1c3Egba/s320/acilan-paylas-buton.png" 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 Üzerine Gelince dairesel açılan paylaş butonları widgets</div><br /><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimizde , Blogunuzun sol altında üzerine gelince yada tıklayınca açılan paylaş eklentimizi anlatacağız..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Eklentimizde , pinterest , google+ , twitter , facebook , tumblr ve mail ile paylaş butonları bulunmakta...</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Göze hoş gelen bu eklentiyi blogunuzda kullanarak , ziyaretçileriniz blogunuzdaki yazıları kolayca paylaşabilecekler..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Hemen anlatıma geçelim..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Öncelikle <b>Widget Şablonlarını Genişlet</b> kutucuğunu işaretlerek , aşağıdaki kodu 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%;"></body><br /></pre><div class="hata" style="clear: both; text-align: center;">Bulduğumuz bu kodun hemen üstüne aşağıda yer alan 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%;"><br /><div class="shr_ss shr_publisher"><br /><br /></div><br /><br /><br /><script type="text/javascript"><br />var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};<br /></script><br /><br /><br /><script type="text/javascript"><br />(function() {<br />var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;<br />sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";<br />var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);<br />})();<br /></script><br /><br /><br /></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki işlemi yaptıysanız , artık eklentimiz kullanıma hazırdır... <a href="http://bloggereklentilerideneme4.blogspot.com/" target="_blank"><b><span style="font-size: large;">DEMO</span></b></a></div><br /><br /><div class="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>> <br /><br />Üzerine Gelince dairesel açılan paylaş butonları eklentisi , Blogger Üzerine Gelince dairesel açılan paylaş butonları eklentisi , Blogger paylaş eklentisi , Blogger paylaş butonları , blogger facebook twitter paylaş butonu</div><br /><br />

Üzerine Gelince dairesel açılan paylaş butonları eklentisi

Blogger Üzerine Gelince dairesel açılan paylaş butonları widgets Bu eklentimizde , Blogunuzun sol altında üzerine gelince yada tıklayınca aç...

Devamı »

Blogger Translate Eklentisi ( Bayraklı )

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK78q7tCM09lbZGFYMScqrGlFgoB9jlKgrz3gyGfvMxLsUSCQa1_bTDO0BuvOLNUgNHxOY5-_YRe6umH5hoZmV_TZKqH_AreBQLwt84othNvvEdd1ixxBYorCdh9KWX_LNPh53ILEWpvim/s1600/languange.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK78q7tCM09lbZGFYMScqrGlFgoB9jlKgrz3gyGfvMxLsUSCQa1_bTDO0BuvOLNUgNHxOY5-_YRe6umH5hoZmV_TZKqH_AreBQLwt84othNvvEdd1ixxBYorCdh9KWX_LNPh53ILEWpvim/s320/languange.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;">Blogunuzda yazdığınız yazıları ,diğer dillere çevirmesi için bir eklenti istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimiz sayfalarınıza giren ziyaretçilerinize , yazılarınızı konularınızı farklı dillere çevrilmesini sağlıyor, eğer blogunuza farklı ülkelerden ziyaretçiler geliyorsa yada gelebileceğini düşünüyorsanız bu eklenti oldukça işinize yarayacak..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Ziyaretçileriniz tek tıkla blogunuzdaki dili değiştirebiliyorlar..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger Translate Eklentisi</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="tamam" style="clear: both; text-align: center;"><form action="http://beta.blogger.com/add-widget" method="post" target="_blank"><input name="widget.title" type="hidden" value="" /><textarea name="widget.content" style="display: none;">  <style type="text/css">  .trans-flags{margin: auto; width:auto; text-align: center;}  div.attribution {font-size:8px;text-align: center; width: auto;}  img.flag {cursor: pointer; height: 24px; width: 24px; border: 0;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}  img.flag:hover {-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);} </style>  <div class='trans-flags'><a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=zh-CN&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="&#20013;&#25991;(&#31616;&#20307;)" src="http://lh6.ggpht.com/_dzq0x75P67s/Sqodh0eQlGI/AAAAAAAAAnI/qeNNDV5ZsIQ/s800/China.png" title="&#20013;&#25991;(&#31616;&#20307;)" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=pt&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="PortuguÃªs" src="http://lh6.ggpht.com/_dzq0x75P67s/Su6pkl4lNCI/AAAAAAAAAto/-lLpHw3dd-c/s800/Brazil.png" title="PortuguÃªs" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=en&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="English (US)" src="http://lh4.ggpht.com/_dzq0x75P67s/SqofSt9T9YI/AAAAAAAAAno/fEk669hIv4Y/s800/United%20States%20of%20America%28USA%29.png" title="English (US)" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=fr&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="FranÃ§ais" src="http://lh3.ggpht.com/_dzq0x75P67s/Sqodh1SZl4I/AAAAAAAAAnM/75d_mi391cM/s800/France.png" title="FranÃ§ais" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=de&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Deutsch" src="http://lh4.ggpht.com/_dzq0x75P67s/SqodiEO5DFI/AAAAAAAAAnQ/Zg3lznR_xxQ/s800/Germany.png" title="Deutsch" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=it&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Italiano" src="http://lh5.ggpht.com/_dzq0x75P67s/SqodiCj-k-I/AAAAAAAAAnU/uBITDoMVy3U/s800/Italy.png" title="Italiano" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=ja&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="&#26085;&#26412;&#35486;" src="http://lh4.ggpht.com/_dzq0x75P67s/SqodiHC9jHI/AAAAAAAAAnY/7EizWdCnn4s/s800/japan.png" title="&#26085;&#26412;&#35486;" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=ko&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="&#54620;&#44397;&#50612;" src="http://lh3.ggpht.com/_dzq0x75P67s/SqofSY4TTlI/AAAAAAAAAnc/gL6lLQqO2-U/s800/South%20Korea.png" title="&#54620;&#44397;&#50612;" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=ru&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="&#1056;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;" src="http://lh6.ggpht.com/_dzq0x75P67s/SqofSVz2JhI/AAAAAAAAAng/opgmwbgvnDU/s800/Russian%20Federation.png" title="&#1056;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=es&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="EspaÃ±ol" src="http://lh6.ggpht.com/_dzq0x75P67s/SqofSuXVoYI/AAAAAAAAAnk/bM3PAPvu6vo/s800/Spain.png" title="EspaÃ±ol" /></a></div> <div class="attribution"> <a href="http://eklentileri.blogspot.com/" target="_blank">translate language</a></div>

Blogger Translate Eklentisi ( Bayraklı )

Blogunuzda yazdığınız yazıları ,diğer dillere çevirmesi için bir eklenti istermisiniz ? Bu eklentimiz sayfalarınıza giren ziyaretçilerinize ...

Devamı »

Blogger Rastgele Link Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8-cVYvRnIvqYfFFmms7MBvJePNvWWV1_MwP5JCEiuU9UIdT1t_I33z0NyppDytyTP7S2NSWAJIpoQ9fPLPd3o4QneHF3F3Ydt4SHVZUWE3_Fz63eZFOpkpqdQMdotT-alLofMnWwqDzEq/s1600/rastgele-link.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8-cVYvRnIvqYfFFmms7MBvJePNvWWV1_MwP5JCEiuU9UIdT1t_I33z0NyppDytyTP7S2NSWAJIpoQ9fPLPd3o4QneHF3F3Ydt4SHVZUWE3_Fz63eZFOpkpqdQMdotT-alLofMnWwqDzEq/s320/rastgele-link.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 Rastgele Link Eklentisi</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger blogunuz için rastgele link eklentisi istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimiz ile , sayfanızın istediğiniz bir yerinde rastgele link oluşturabileceksiniz, ziyaretçiler linke bastığında , blogger blogunuzda bulunan yazılardan biri rastgele açılacaktır..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger Rastgele Link Eklentisini kullanmak için aşağıdaki yolları takip edin..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;"><b>Yerleşim - Gadget Ekle - HTML/JavaScript</b> seçeneği ile açılan panele aşağıdaki kodlarımızı ekleyin , herhangi bir başlık kullanmayın... </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%;"><script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = '<b><span style="color: red;">Rastgele Sayfa</span></b>'; document.getElementById('Rastgele').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script><br /></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki kod içinde <span style="color: red;"><b>kırmızı</b></span> ile geçen <b><span style="color: red;">Rastgele Sayfa</span></b> , link eklediğinizde gözükecek yazıdır , dilediğiniz gibi düzenleyebilirsiniz.. </div><br /><br /><div class="hata" style="clear: both; text-align: center;">Yukarıdaki işlemi yaptıysanız , şimdi ise link eklememiz için aşağıdaki kodu yine <b>Yerleşim - Gadget Ekle - HTML/JavaScript</b> seçeneği ile açılan panele ekleyiniz , yada nerde kullanmak istiyorsanız orayada ekleyebilirsiniz.. </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%;"><div id="Rastgele"></div><br /></pre><div class="hata" style="clear: both; text-align: center;">Kod içinde bulunan Rastgele yazısına dokunmayın , o yazı gözükmeyecek , <b>gözükecek yazı bir üst kodda <span style="color: red;">kırmızı</span> ile gösterilen yer..<a href="http://eklentilerideneme3.blogspot.com/" 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 Rastgele Link Eklentisi , Blogger Rastgele Link , Blogger Rastgele Link Eklentisi ekleme , Blogger Rastgele Link ekleme , Blogger Rastgele Eklentisi , Blogger Rastgele Yazı Gösterme , Blogger Rastgele Yazı Eklentisi<br /><br /></div><br /><br />

Blogger Rastgele Link Eklentisi

Blogger Rastgele Link Eklentisi Blogger blogunuz için rastgele link eklentisi istermisiniz ? Bu eklentimiz ile , sayfanızın istediğiniz bir ...

Devamı »

Blogger Pagerank Butonları Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibVBdxpjz2h7nCvJ_H_xwUr856-cEu6nHE6bJ99uUhHkoslw90pn78_oW7PnOdp8J9VcTCVdTQ2l7LIZp_vorZyPRGpHKNXbf0aZg69ADvFt6GSGdDYre-Z5-SW-rCDz6mIW3LDXG66kuW/s1600/yorum.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibVBdxpjz2h7nCvJ_H_xwUr856-cEu6nHE6bJ99uUhHkoslw90pn78_oW7PnOdp8J9VcTCVdTQ2l7LIZp_vorZyPRGpHKNXbf0aZg69ADvFt6GSGdDYre-Z5-SW-rCDz6mIW3LDXG66kuW/s320/yorum.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 Pagerank Butonları Eklentisi</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger blogunuza pagerank butonu eklemek istermisiniz , bu butonlar yardımı ile pagerankınızı ziyaretçilerinize gösterebilirsiniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Aşağıdan beğendiğiniz göstergeyi , gadget ekle seçeneği ile blogunuza ekleyebilirsiniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><form name="prCode" style="background-color: white; font-family: Verdana, sans-serif; font-size: 10px; line-height: 14px; text-align: left;"><table border="0px" cellpadding="5px" cellspacing="0px"><tbody><tr><td align="center" valign="middle"><img alt="PageRank Image" src="http://pagerank-sorgula.turkeyrank.com/images/pr/sbgrey/pr5.gif" /></td><td><textarea class="prcode" cols="40" rows="6"><img src="http://pagerank-sorgula.turkeyrank.com/pagerank-display.php?a=getCode&s=sbgrey" title="PageRank Gösterim Butonu " border="0px" alt="PageRank" />

<img src="http://pagerank-sorgula.turkeyrank.com/pagerank-display.php?a=getCode&s=wpgreen" title="PageRank Gösterim Butonu " border="0px" alt="PageRank" />

<img src="http://pagerank-sorgula.turkeyrank.com/pagerank-display.php?a=getCode&s=csblue" title="PageRank Gösterim Butonu " border="0px" alt="PageRank" />

<img src="http://pagerank-sorgula.turkeyrank.com/pagerank-display.php?a=getCode&s=Technical" title="PageRank Gösterim Butonu " border="0px" alt="PageRank" />

<img src="http://pagerank-sorgula.turkeyrank.com/pagerank-display.php?a=getCode&s=wpblue" title="PageRank Gösterim Butonu " border="0px" alt="PageRank" />

<img src="http://pagerank-sorgula.turkeyrank.com/pagerank-display.php?a=getCode&s=gsblack" title="PageRank Gösterim Butonu " border="0px" alt="PageRank" />

<img src="http://pagerank-sorgula.turkeyrank.com/pagerank-display.php?a=getCode&s=vgsun" title="PageRank Gösterim Butonu " border="0px" alt="PageRank" />

<img src="http://pagerank-sorgula.turkeyrank.com/pagerank-display.php?a=getCode&s=pgblue" title="PageRank Gösterim Butonu " border="0px" alt="PageRank" />

<img src="http://pagerank-sorgula.turkeyrank.com/pagerank-display.php?a=getCode&s=Google" title="PageRank Gösterim Butonu " border="0px" alt="PageRank" />

<img src="http://pagerank-sorgula.turkeyrank.com/pagerank-display.php?a=getCode&s=gsblue" title="PageRank Gösterim Butonu " border="0px" alt="PageRank" />

<<< Bu Yazı için Arama Sonuçları >>>

Blogger Pagerank Butonları , Blogger Pagerank Butonları eklentisi , Blogger Pagerank Butonu , Blogger Pagerank Butonu ekle , Blogger Pagerank Butonları ekle , pagerank buton , pagerank buton kodları , Blogger Pagerank Butonları kodu

Blogger Pagerank Butonları Eklentisi

Blogger Pagerank Butonları Eklentisi Blogger blogunuza pagerank butonu eklemek istermisiniz , bu butonlar yardımı ile pagerankınızı ziyaretç...

Devamı »

Renkli Çizim Şeklinde Sosyal Medya Butonları

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_2aMWDu_XQXaihjGMSFC1dPMVtU_CRC9PadgQbxPNQl28PVFCRHf4DlkevVAhtJK3wfAQYaSooc9jbJDEf_HlNEkZWBwUlaPorCfzWyOMMMkJUIpsAddGUDHsYp_4MvsVVsXbS40NO7Wu/s1600/cizim-sosyal.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_2aMWDu_XQXaihjGMSFC1dPMVtU_CRC9PadgQbxPNQl28PVFCRHf4DlkevVAhtJK3wfAQYaSooc9jbJDEf_HlNEkZWBwUlaPorCfzWyOMMMkJUIpsAddGUDHsYp_4MvsVVsXbS40NO7Wu/s320/cizim-sosyal.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;">Renkli Çizim Şeklinde Sosyal Medya Butonları Eklentisi..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger blogunuzda El çizimi şeklinde renkli sosyal medya butonları kullanmak istermisiniz , Bu blogger eklentisi ile farklı görünümde olan bu sosyal butonlarını kullanmış olacaksınız..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Sosyal paylaş butonları ile , facebook , twitter , rss ve google + sayfalarınızı ziyaretçilerinize tanıtmış olacaksınız..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="tamam" style="clear: both; text-align: center;">Demosunu Görmek için <b><a href="http://eklentilerideneme.blogspot.com/" target="_blank">TIKLAYIN</a></b></div><br /><div class="hata" style="clear: both; text-align: center;">Yerleşim > Gadget ekle "HTML/Java Script" seçelim ve aşağıdaki kodu 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-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; width: 100%;"><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><br /><br /></span></span><pre style="background-clip: initial; background-color: #cceecc; background-origin: initial; overflow-x: scroll; overflow-y: scroll; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;"><span style="color: #333333; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace;"><span style="font-size: 12px; line-height: 19px;"><style class="text/css"><br />table<br />{<br />border-bottom: 0px solid #E6E6E6;<br />float: center;<br /></span></span>width: 260px<span style="color: #333333; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace;"><span style="font-size: 12px; line-height: 19px;">;<br />margin:10px 0 0 3px;<br />}<br />.subicons<br />{<br /></span></span>border-right: 1px<span style="color: #333333; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace;"><span style="font-size: 12px; line-height: 19px;"> solid #E6E6E6;<br />}<br />.Fadeout {<br />filter:alpha(opacity=100);<br />opacity: 1.0;<br />border:0;<br />}<br />.Fadeout:hover{<br />filter:alpha(opacity=80);<br />opacity: 0.8;<br />border:0;<br />}<br /></style><br /><div class="table"><br /><table><br /><tr><br /><td><div class="subicons"><a class="Fadeout" href="</span></span><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 12px; line-height: 19px;"><b><span style="color: lime;">http://www.facebook.com/XXXXX</span></b></span><span style="color: #333333; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace;"><span style="font-size: 12px; line-height: 19px;">" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOtLEzC_BbbQ0PDf1L9rQ_PcFoW4gyRv18s-rYML93VIfSx41t5ouZGWNrqzq3dYeslZfn5Q7LbQUWYgUBJk1k_gTTBJU3tcL-FDTwSny9uP_cI2Uar-WC2Bl9QnfQ_GgXOi5os6p9rguu/s1600/facebook-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="</span></span><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 12px; line-height: 19px;"><b><span style="color: #b45f06;">http://twitter.com/XXXXX</span></b></span><span style="color: #333333; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace;"><span style="font-size: 12px; line-height: 19px;">" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXZox2VLPAxUJjzn6K0ssvz8CiZI2S69lAaj71DLJJipPJaDYvTJ92_7ch-NIuQu28keqXQdgsGZabWB-J24aOibWEQqcNYASnfhsxdBypp1wieIBxpyGQbfRlBnR3mtFFGbfcJf00xb1V/s1600/twitter-48.png" /></a></div></td><br /><td><div class="subicons"><a class="Fadeout" href="</span></span><span style="color: red; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 12px; line-height: 19px;"><b>http://feeds.feedburner.com/XXXXX</b></span><span style="color: #333333; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace;"><span style="font-size: 12px; line-height: 19px;">" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxLOq5knuwsBJY7pNw92jGNLlpKDExxKK8hZ9BZkT59JWMzq4VwNu9nuDBSVFKeCnQr79VQLiOgKxnSjr2X-9HRotxfQth5aZT6roi_vwuWQ5lSqUfBnrtPLzDzWfJeHdZLZUCZk9Keloh/s1600/rss-48.png" /></a></div></td><br /><td><a class="Fadeout" href="</span></span><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 12px; line-height: 19px;"><b><span style="color: #3d85c6;">https://plus.google.com/110875602250977569192/posts</span></b></span><span style="color: #333333; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace;"><span style="font-size: 12px; line-height: 19px;">" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEcfKkL9bKkQZyca8qVc_-mrfFabFJ0GOrqbZlOapzxZ7EutYlsthxh229hweAABvcQzTS9KHa7ldMw3EL3CWo82O24Sc4-G0dEM_TytZ9woETnNXqUwwh845oYMYw9waswoDsgru36aev/s1600/google-48.png" /></a></td><br /></tr></table><br /></div></span></span></pre><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"></span></span></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki kod içinde renkli yazılmış olan yerlere , kendi sayfalarınızın adreslerini yazınız.. </div><br /><br /><div class="arama" style="clear: both;"><div style="text-align: center;"><b><span style="color: red;"><<< Bu Yazı için Arama Sonuçları  >>> </span></b></div><div style="text-align: center;"><b><span style="color: red;"><br /></span></b></div><div style="text-align: center;">Sosyal medya butonları , Sosyal medya düğmeleri , blogger sosyal buton ekle , blogger için sosyal butonlar , blogger facebook twitter buton , blogger blog sosyal medya eklentisi, Sosyal medya eklentisi</div></div>

Renkli Çizim Şeklinde Sosyal Medya Butonları

Renkli Çizim Şeklinde Sosyal Medya Butonları Eklentisi.. Blogger blogunuzda El çizimi şeklinde renkli sosyal medya butonları kullanmak ister...

Devamı »