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

Blogger Resimlerinize Zoom Efekti Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRs817C4hfC8FVqdGBCuAys_dOLNuEnDX0XeckeZglklipaviqZVEPqKa0VxsKmhwjECeIggnUTAJKgW7cTEcl1XFAbJMVtNeYEn28ZzykmoaKQgISzQ7Vt05o0-xiKb5hxI5w1TZk0CN/s1600/blogger-zoom.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRs817C4hfC8FVqdGBCuAys_dOLNuEnDX0XeckeZglklipaviqZVEPqKa0VxsKmhwjECeIggnUTAJKgW7cTEcl1XFAbJMVtNeYEn28ZzykmoaKQgISzQ7Vt05o0-xiKb5hxI5w1TZk0CN/s320/blogger-zoom.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 kullandığınız resimlere zoom özelliği eklemek istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger zoom eklentisi ile , kullanıcılar resimlerin üzerine geldiğinde , resimleriniz belli bir miktarda büyüyerek zoom etkisi gösterir..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger resimlere zoom eklentisini blogger blogunuza eklemek için yapmanız gerekenler aşağıda..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Aşağıda yer alan kodu 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ı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;">/* eklentileri.blogspot.com zoom efekti kod sonu */<br />ul.thumb {<br />float: left;<br />list-style: none;<br />margin: 0; padding: 10px;<br />width: 360px;<br />}<br />ul.thumb li {<br />margin: 0; padding: 5px;<br />float: left;<br />position: relative; /* Set the absolute positioning base coordinate */<br />width: 110px;<br />height: 110px;<br />}<br />ul.thumb li img {<br />width: 100px; height: 100px; /* Set the small thumbnail size */<br />-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */<br />border: 1px solid #ddd;<br />padding: 5px;<br />background: #f0f0f0;<br />position: absolute;<br />left: 0; top: 0;<br />}<br />ul.thumb li img.hover {<br />background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQuk8ZaqJvzkKu5L-lQuTJOZv3LiQxq1RFODtEot65V63P0CwJs9i1J_eqe7ATX36LBCwipYIG-RvmFTeEQJm8mnnHAjURvUphU1CPFStTfnEm3B1TiCU-0YtBiBfPbutWMsQDKLenheol/) no-repeat center center; /* Image used as background on hover effect<br />border: none; /* eklentileri.blogspot.com zoom efekti kod sonu*/<br />}</span></span></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki işlemi yaptıktan sonra , şimdide bu kodumuzu bulalım. </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;"></head></span></span></pre><div class="hata" style="clear: both; text-align: center;">Bu kodumuzunda hemen üstüne şu 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;"><script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/><br /><script type='text/javascript'><br />$(document).ready(function(){<br /><br />//Larger thumbnail preview<br /><br />$(&quot;ul.thumb li&quot;).hover(function() {<br />$(this).css({&#39;z-index&#39; : &#39;10&#39;});<br />$(this).find(&#39;img&#39;).addClass(&quot;hover&quot;).stop()<br />.animate({<br />marginTop: &#39;-110px&#39;,<br />marginLeft: &#39;-110px&#39;,<br />top: &#39;50%&#39;,<br />left: &#39;50%&#39;,<br />width: &#39;174px&#39;,<br />height: &#39;174px&#39;,<br />padding: &#39;20px&#39;<br />}, 200);<br /><br />} , function() {<br />$(this).css({&#39;z-index&#39; : &#39;0&#39;});<br />$(this).find(&#39;img&#39;).removeClass(&quot;hover&quot;).stop()<br />.animate({<br />marginTop: &#39;0&#39;,<br />marginLeft: &#39;0&#39;,<br />top: &#39;0&#39;,<br />left: &#39;0&#39;,<br />width: &#39;100px&#39;,<br />height: &#39;100px&#39;,<br />padding: &#39;5px&#39;<br />}, 400);<br />});<br /><br />//Swap Image on Click<br />$(&quot;ul.thumb li a&quot;).click(function() {<br /><br />var mainImage = $(this).attr(&quot;href&quot;); //Find Image Name<br />$(&quot;#main_view img&quot;).attr({ src: mainImage });<br />return false; <br />});<br /><br />});<br /></script></span></span></pre><div class="hata" style="clear: both; text-align: center;">Blogger resimlerinize zoom efekti eklentimiz hazır , nasıl kullanılacağına gelirsek , yazılarınızı yazarken , resimlerinizi alttaki şekilde ekleyeceksiniz.. </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="thumb"><br /><li><a href="</span></span><a href="http://eklentileri.blogspot.com/"><span style="color: red;">http://eklentileri.blogspot.com/</span></a><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">"><img src="<b><span style="color: blue;">Resim linki 1</span></b>" alt="" /></a></li><br /><li><a href="</span></span><a href="http://eklentileri.blogspot.com/"><span style="color: red;">http://eklentileri.blogspot.com/</span></a><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">"><img src="</span></span><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: x-small; line-height: 14px;"><b><span style="color: blue;">Resim linki 2</span></b></span><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: x-small; line-height: 14px;">" alt="" /></a></li></span><br /><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><li><a href="</span></span><a href="http://eklentileri.blogspot.com/"><span style="color: red;">http://eklentileri.blogspot.com/</span></a><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">"><img src="</span></span><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: x-small; line-height: 14px;"><b><span style="color: blue;">Resim linki 3</span></b></span><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: x-small; line-height: 14px;">" alt="" /></a></li></span><br /><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><li><a href="</span></span><a href="http://eklentileri.blogspot.com/"><span style="color: red;">http://eklentileri.blogspot.com/</span></a><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">"><img src="</span></span><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: x-small; line-height: 14px;"><b><span style="color: blue;">Resim linki</span></b></span><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: x-small; line-height: 14px;"><b><span style="color: blue;"> 4</span></b>" alt="" /></a></li></span><br /><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"></ul></span></span></pre><div class="hata" style="clear: both; text-align: center;">güle güle kullanın =) <br /><br /><b><a href="http://bloggereklentilerideneme8.blogspot.com/2012/04/blogger-resimlerinize-zoom-yaknlastrma.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.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 Resimlerinize Zoom Efekti Eklentisi , Blogger Resimlerinize Zoom Efekti , Blogger Resimlerinize Zoom , Blogger zoom , zoom eklentisi , zoom , blogger resim yakınkaştırma , resim zoom , zoom efekti , zoom eklentisi , zoom widget , blogger photo zoom effect</span></span></div><br />

Blogger Resimlerinize Zoom Efekti Eklentisi

Blogger blogunuzda kullandığınız resimlere zoom özelliği eklemek istermisiniz ? Blogger zoom eklentisi ile , kullanıcılar resimlerin üzerine...

Devamı »

Popüler Yayınlar Hareketli Zoom Efekti Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoEJoBjybOZVPloi2wHOL_W2BG63CzL3k0WU8kgbSB2VnNkOZlEdKiLm9BAsIDCMzSq8ejFVZzXZe2hyphenhyphenDAo66rthQPwI5L2x_OTScugTV8ECyHXi_N94Yi0uanvdBBzExNgyG2jIJk0SPB/s1600/zoom-pop%C3%BCler-yay%C4%B1nlar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoEJoBjybOZVPloi2wHOL_W2BG63CzL3k0WU8kgbSB2VnNkOZlEdKiLm9BAsIDCMzSq8ejFVZzXZe2hyphenhyphenDAo66rthQPwI5L2x_OTScugTV8ECyHXi_N94Yi0uanvdBBzExNgyG2jIJk0SPB/s320/zoom-pop%C3%BCler-yay%C4%B1nlar.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Popüler Yayınlar Hareketli Zoom Efekti Eklentisi</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bblogger blogunuzda bulunan popüler yayınlar eklentinizi biraz daha canlandırmak istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimizde , ziyaretçileriniz popüler yayınlarda bulunan resimlerin üzerine fare ile geldiğinde , resimler hareketlik kazanarak büyük hal alır..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Oldukça güzel bir eklenti olduğunu düşündüğümüz Popüler Yayınlar Hareketli Zoom Efekti Eklentisini blogger blogunuza eklemek için aşağıdaki adımları uygulayınız..</div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: #888888; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 14px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code>]]></b:skin></code><br /></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki kodu bulun ve hemen altına aşağıdaki kodları ekleyiniz.. </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: #888888; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 14px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><style type='text/css'><br />.PopularPosts ul li {background: none repeat scroll 0 0 transparent;float: left;list-style: none outside none;margin: 5px !important;padding: 0 !important;}<br />.PopularPosts ul li img {padding:0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;height: 80px;width: 80px;}<br />.PopularPosts ul li img:hover {border:2px solid #BBB;-moz-transform: scale(1.6) rotate(-1090deg) ;-webkit-transform: scale(1.6) rotate(-1090deg) ;-o-transform: scale(1.6) rotate(-1090deg) ;-ms-transform: scale(1.6) rotate(-1090deg) ;transform: scale(1.6) rotate(-1090deg) ;}<br /></style></code><br /></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki kodu eklediyseniz eklentimiz hazırdır , unutmadan not olarak , <b>eklentinin çalışması için</b>, blogunuzda <b>popüler yayınları</b> eklemiş olmanız gerekmektedir..popüler yayınları <b>yerleşim/gadget ekle/popüler yayınlar</b> sekmesinden ekleyebilirsiniz..<b>Demo için <a href="http://eklentilerideneme.blogspot.com/" target="_blank">TIKLAYIN</a></b>....Açılan sayfadaki popüler yayınlar eklentisi üzerinde çalışma şeklini görebilirsiniz.</div>

Popüler Yayınlar Hareketli Zoom Efekti Eklentisi

Popüler Yayınlar Hareketli Zoom Efekti Eklentisi Bblogger blogunuzda bulunan popüler yayınlar eklentinizi biraz daha canlandırmak istermisin...

Devamı »