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

Sola Kayma Efektli Açılır Menü Bar

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDObWyDk2LI6Khei5R2x4r60SpYVqNVJufY7MqW170QDEwWkEBxghgxZg7rsuR7_mnAq_pHopnSAVriwlN7K2ATqs50oQRENr8bWPPJm9quh6pdZeQUj8JckC_kwwFDFj6hMyTyvp2SXCt/s1600/menu-bar-blogger-widget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDObWyDk2LI6Khei5R2x4r60SpYVqNVJufY7MqW170QDEwWkEBxghgxZg7rsuR7_mnAq_pHopnSAVriwlN7K2ATqs50oQRENr8bWPPJm9quh6pdZeQUj8JckC_kwwFDFj6hMyTyvp2SXCt/s320/menu-bar-blogger-widget.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">CSS3 Sola Kayma Efektli Blogger Menü Bar Eklentisi</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimiz ile , <a href="http://eklentileri.blogspot.com/search/label/Blogger" target="_blank"><span style="color: black;">blogger</span></a> blogunuzda , üst menü yaratabilirsiniz , <a href="http://eklentileri.blogspot.com/search/label/men%C3%BC" target="_blank"><span style="color: black;">Menü</span></a> bar eklentimizle alt kategoriler yaratabilirsiniz , alt kategorilerimiz soldan uçarak gelir...</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="tamam" style="clear: both; text-align: center;"><a href="http://eklentilerideneme1.blogspot.com/2012/12/css3-soldan-efektli-menubar.html" rel="nofollow" target="_blank"><b>DEMO</b></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Alttaki kodumuzu şablon kısmında buluyoruz </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">]]></b:skin></span></span></pre><div class="hata" style="clear: both; text-align: center;">Bir satır üstüne , altta yer alan kodlarımızı ekliyoruz.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">/*Soldan Kayma Efektli Blogger Menü Bar Eklentisi Kod Baslangici www.eklentileri.blogspot.com*/<br /><br />#flyingmenubt,#flyingmenubt ul {<br /> list-style: none outside none;<br /> margin: 0;<br /> padding: 0;<br /> height:500px;}<br />#flyingmenubt {<br /> font-family: "Lucida Sans Unicode",Verdana,Arial,sans-serif;<br /> font-size: 13px;<br /> height: 36px;<br /> list-style: none outside none;<br /> margin: 40px auto;<br /> text-shadow: 0 -1px 3px #202020;<br /> width: 980px;<br /> -moz-border-radius:4px;<br /> -webkit-border-radius:4px;<br /> border-radius:4px;<br /> -moz-box-shadow: 0px 3px 3px #cecece;<br /> -webkit-box-shadow: 0px 3px 3px #cecece;<br /> box-shadow: 0 3px 4px #8b8b8b;<br /> background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));<br /> background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);<br /> background-color:#5f5f5f;<br />}<br />#flyingmenubt ul {<br /> left: -9999px;<br /> position: absolute;<br /> top: -9999px;<br /> z-index: 2;<br />}<br />#flyingmenubt li {<br /> border-bottom: 1px solid #575757;<br /> border-left: 1px solid #929292;<br /> border-right: 1px solid #5d5d5d;<br /> border-top: 1px solid #797979;<br /> display: block;<br /> float: left;<br /> height: 34px;<br /> position: relative;<br /> width: 105px;<br />}<br />#flyingmenubt li:first-child {<br /> border-left: 0 none;<br /> margin-left: 5px;<br />}<br />#flyingmenubt li a {<br /> color: #FFFFFF;<br /> display: block;<br /> line-height: 34px;<br /> outline: medium none;<br /> text-align: center;<br /> text-decoration: none;<br /> background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));<br /> background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);<br /> background-color:#5f5f5f;<br />}<br /><br />/* keyframes #animation1 */<br />@-webkit-keyframes animation1 {<br /> 0% {-webkit-transform: scale(1);}<br /> 30% {-webkit-transform: scale(1.3);}<br /> 100% {-webkit-transform: scale(1);}}<br />@-moz-keyframes animation1 {<br /> 0% {-moz-transform: scale(1);}<br /> 30% {-moz-transform: scale(1.3);}<br /> 100% {-moz-transform: scale(1);}}<br />#flyingmenubt li > a:hover {<br /><br /> -moz-animation-name: animation1;<br /> -moz-animation-duration: 0.7s;<br /> -moz-animation-timing-function: linear;<br /> -moz-animation-iteration-count: infinite;<br /> -moz-animation-direction: normal;<br /> -moz-animation-delay: 0;<br /> -moz-animation-play-state: running;<br /> -moz-animation-fill-mode: forwards;<br /> -webkit-animation-name: animation1;<br /> -webkit-animation-duration: 0.7s;<br /> -webkit-animation-timing-function: linear;<br /> -webkit-animation-iteration-count: infinite;<br /> -webkit-animation-direction: normal;<br /> -webkit-animation-delay: 0;<br /> -webkit-animation-play-state: running;<br /> -webkit-animation-fill-mode: forwards;<br />}<br />#flyingmenubt li:hover > a {<br /> z-index: 4;<br />}<br />#flyingmenubt li:hover ul.subs {<br /> left: 0;<br /> top: 34px;<br /> width: 150px;<br />}<br />#flyingmenubt ul li {<br /> background: none repeat scroll 0 0 #838383;<br /> box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);<br /> opacity: 0;<br /> width: 100%;<br /> /*-webkit-transition:all 0.3s ease-in-out;<br /> -moz-transition:all 0.3s ease-in-out;<br /> -o-transition:all 0.3s ease-in-out;<br /> -ms-transition:all 0.3s ease-in-out;<br /> transition:all 0.3s ease-in-out;*/<br />}<br /><br />/* keyframes #animation2 */<br />@-webkit-keyframes animation2 {<br /> 0% {margin-left:185px;}<br /> 100% {margin-left:0px;opacity:1;}<br />}<br />@-moz-keyframes animation2 {<br /> 0% {margin-left:185px;}<br /> 100% { margin-left:0px;opacity:1;}<br />}<br />#flyingmenubt li:hover ul li {<br /> /* css3 animation */<br /> -moz-animation-name: animation2;<br /> -moz-animation-duration: 0.3s;<br /> -moz-animation-timing-function: linear;<br /> -moz-animation-iteration-count: 1;<br /> -moz-animation-direction: normal;<br /> -moz-animation-delay: 0;<br /> -moz-animation-play-state: running;<br /> -moz-animation-fill-mode: forwards;<br /> -webkit-animation-name: animation2;<br /> -webkit-animation-duration: 0.3s;<br /> -webkit-animation-timing-function: linear;<br /> -webkit-animation-iteration-count: 1;<br /> -webkit-animation-direction: normal;<br /> -webkit-animation-delay: 0;<br /> -webkit-animation-play-state: running;<br /> -webkit-animation-fill-mode: forwards;<br /><br /> /*-webkit-transition:all 0.3s ease-in-out;<br /> -moz-transition:all 0.3s ease-in-out;<br /> -o-transition:all 0.3s ease-in-out;<br /> -ms-transition:all 0.3s ease-in-out;<br /> transition:all 0.3s ease-in-out;*/<br />}<br />/* animation delays */<br />#flyingmenubt li:hover ul li:nth-child(1) {<br /> -moz-animation-delay: 0;<br /> -webkit-animation-delay: 0;<br />}<br />#flyingmenubt li:hover ul li:nth-child(2) {<br /> -moz-animation-delay: 0.05s;<br /> -webkit-animation-delay: 0.05s;<br />}<br />#flyingmenubt li:hover ul li:nth-child(3) {<br /> -moz-animation-delay: 0.1s;<br /> -webkit-animation-delay: 0.1s;<br />}<br />#flyingmenubt li:hover ul li:nth-child(4) {<br /> -moz-animation-delay: 0.15s;<br /> -webkit-animation-delay: 0.15s;<br />}<br />#flyingmenubt li:hover ul li:nth-child(5) {<br /> -moz-animation-delay: 0.2s;<br /> -webkit-animation-delay: 0.2s;<br />}<br />#flyingmenubt li:hover ul li:nth-child(6) {<br /> -moz-animation-delay: 0.25s;<br /> -webkit-animation-delay: 0.25s;<br />}<br />#flyingmenubt li:hover ul li:nth-child(7) {<br /> -moz-animation-delay: 0.3s;<br /> -webkit-animation-delay: 0.3s;<br />}<br />#flyingmenubt li:hover ul li:nth-child(8) {<br /> -moz-animation-delay: 0.35s;<br /> -webkit-animation-delay: 0.35s;<br />}</span></span></pre><div class="hata" style="clear: both; text-align: center;">Şablonumuzu kaydediyoruz ve Yerleşim >> Gadget Ekle >> HTML/JavaScript seçenekleri ile açılan <span style="color: black;"><a href="http://eklentileri.blogspot.com/" target="_blank"><span style="color: black;">blogger</span></a> </span>paneline altta yer alan kodlarmızı ekliyoruz.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><ul id="flyingmenubt"><br /> <li><a href="http://eklentileri.blogspot.com/">Ana Sayfa</a></li><br /> <li><a class="hsubs" href="#">Menu 1</a><br /> <ul class="subs"><br /> <li><a href="#">Submenu 1</a></li><br /> <li><a href="#">Submenu 2</a></li><br /> <li><a href="#">Submenu 3</a></li><br /> <li><a href="#">Submenu 4</a></li><br /> <li><a href="#">Submenu 5</a></li><br /> </ul><br /> </li><br /> <li><a class="hsubs" href="http://eklentileri.blogspot.com/">Menu 2</a><br /> <ul class="subs"><br /> <li><a href="#">Submenu 2-1</a></li><br /> <li><a href="#">Submenu 2-2</a></li><br /> <li><a href="#">Submenu 2-3</a></li><br /> <li><a href="#">Submenu 2-4</a></li><br /> <li><a href="#">Submenu 2-5</a></li><br /> <li><a href="#">Submenu 2-6</a></li><br /> <li><a href="#">Submenu 2-7</a></li><br /> <li><a href="#">Submenu 2-8</a></li><br /> </ul><br /> </li><br /> <li><a class="hsubs" href="#">Menu 3</a><br /> <ul class="subs"><br /> <li><a href="#">Submenu 3-1</a></li><br /> <li><a href="#">Submenu 3-2</a></li><br /> <li><a href="#">Submenu 3-3</a></li><br /> <li><a href="#">Submenu 3-4</a></li><br /> <li><a href="#">Submenu 3-5</a></li><br /> </ul><br /> </li><br /> <li><a href="#">Menu 4</a></li><br /> <li><a href="#">Menu 5</a></li><br /> <li><a href="#">Menu 6</a></li><br /> <li><a href="http://eklentileri.blogspot.com/">Blogger Eklenti</a></li><br /></ul></span></span></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki kodları kendinize göre düzenleyiniz, daha iyi anlamak için üstte yer alan demo linkinden yararlanabilirsiniz..Son olarak gerekli gadgeti yerleşim kısmından , post yayınlarının üstündeki alana taşıyınki <a href="http://eklentileri.blogspot.com/search/label/Blogger%20Eklenti" target="_blank"><span style="color: black;">eklenti</span></a> yukarda gözüksün..</div><br /><br /><div class="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>>  <br /><br />Sola Kayma Efektli Blogger Menü Bar , Blogger Menü Bar , Menu Bar , MenuBar , Bar , Blogger Menü Eklentisi , Kayma Efektli Blogger Menü , Açılır Menü , Blogger Açılır Menü<br /><br /><br /></div><br /><br />

Sola Kayma Efektli Açılır Menü Bar

CSS3 Sola Kayma Efektli Blogger Menü Bar Eklentisi Bu eklentimiz ile , blogger blogunuzda , üst menü yaratabilirsiniz , Menü bar eklentimi...

Devamı »

Popüler Yayınlar Eklentisi ( Otomatik Animasyonlu )

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp1i8K3INh478M5JPlEPwD2acDd6fgV6ti11NcxpQdpW_F9MNAajmizLpfQr__kxCd5JwBu7zq5vP8hDLPjrbOoWZqmwnenzyT-pAJKUzkupuQkciF6NskSYwwLHkkPG8uaHCQuZzaNCOu/s1600/animasyon,yay%C4%B1n.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp1i8K3INh478M5JPlEPwD2acDd6fgV6ti11NcxpQdpW_F9MNAajmizLpfQr__kxCd5JwBu7zq5vP8hDLPjrbOoWZqmwnenzyT-pAJKUzkupuQkciF6NskSYwwLHkkPG8uaHCQuZzaNCOu/s320/animasyon,yay%C4%B1n.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 Popüler Yayınlar Otomatik Animasyon Eklentisi</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimizde , blogunuzda yayınladığınız popüler yayınlarınız animasyonlu şekilde geçiş yapılarak listelenir , klasik popüler yayınlardan sıkıldıyanız işinize yarayacak bir eklenti olduğunu düşünüyorum..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Not : Bu eklentiyi eklemeden önce , Blogunuza <b>popüler yayınlar eklentisini</b> eklediğinizden emin olun , popüler yayınları eklemek için <b>Yerleşim >> Gadget Ekle >> Popüler Yayınlar</b> seçeneğini kullanınız..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Not 2 : Popüler yayınları eklediğinizde , <b>Görüntüleme sınırını 10 yayın</b> yapmanız önerilir , tercihe bağlı..</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 value="" name="widget.title" type="hidden" /><textarea style="display: none;" name="widget.content"><!-- eklentileri.blogspot.com cod başlangıcı --><style type="text/css" media="screen"> #PopularPosts1 { overflow:hidden; margin-top:5px; padding:0px 0px; height:400px; } #PopularPosts1 ul { width:220px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #PopularPosts1 li { width:208px; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:80px; overflow: hidden; background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x; border:1px solid #ddd; } #PopularPosts1 li .item-title { color:#A5A9AB; font-size:1em; margin-bottom:0.5em; } #PopularPosts1 li .item-title a { text-decoration:none; color:#4B545B; font-size:11px; height:18px; overflow:hidden; margin:0px 0px; padding:0px 0px 2px 0px; } #PopularPosts1 li img { float:left; margin-right:5px; background:#EFEFEF; border:0; } #PopularPosts1 li .item-snippet { overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:10px; color:#262B2F; padding:0px 0px; margin:0px 0px; } #PopularPosts1 .item-snippet a, #PopularPosts1 .item-snippet a:visited { color:#3E4548; text-decoration: none; } #PopularPosts1 .spyWrapper { height: 100%; overflow: hidden; position: relative; } #PopularPosts1 { -webkit-border-radius: 5px; -moz-border-radius: 5px; } .tags span, .tags a { -webkit-border-radius: 8px; -moz-border-radius: 8px; } a img { border: 0; } --> </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" charset="utf-8"> $(function () { $('.popular-posts ul').simpleSpy(); }); </script> <script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script> <!-- eklentileri.blogspot.com cod sonu -->