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

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

Blogger MenuBar eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgijLIZlDi1T4wb9W_EMmvDc-B7LN_s75EPYoq14FBm4o5UgRZSn-0Py8jyiyPlceA7iYsWKAstxxB6jQf0pzQQX236JmnxMzsL2moPne8WnyJkZPg1twHnt-RAsO8fUC7FRO7iKYYqxsnR/s1600/blogger+menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgijLIZlDi1T4wb9W_EMmvDc-B7LN_s75EPYoq14FBm4o5UgRZSn-0Py8jyiyPlceA7iYsWKAstxxB6jQf0pzQQX236JmnxMzsL2moPne8WnyJkZPg1twHnt-RAsO8fUC7FRO7iKYYqxsnR/s320/blogger+menu.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 menü bar 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 kullanışlı bir menü eklentisi istermisiniz ? bu eklentimizde , linkin üzerine gelindiğinde açıklama belirtebiliyorsunuz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger menü bar eklentisini kullanmak için yapmanız gerekenler aşağıda..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="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ı 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;">/* menu kodu eklentileri.blogspot.com */<br /><br />#menu1 ul {<br /> list-style:none;<br /> font-family: Georgia, serif;<br /> font-size: 20px;<br /> font-style: italic;<br /> font-weight: normal;<br /> letter-spacing: normal;<br /> line-height: 0.8em;<br /> border:2px solid #000;<br /> border-left:none;<br /> float:left;<br /> clear:both;<br /> margin:10px;<br />}<br />#menu1 ul li{<br /> float:left;<br />}<br />#menu1 ul li a{<br /> display:block;<br /> text-decoration:none;<br /> background-color:#444;<br /> padding:5px 10px;<br /> color:#fff;<br /> width:140px;<br /> border-right:1px solid #666;<br /> border-left:1px solid #000;<br />}<br />#menu1 ul li a span{<br /> display:block;<br />}<br />#menu1 ul li a span.title{<br /> border-bottom:1px solid #444;<br />}<br />#menu1 ul li a:hover span.title{<br /> border-bottom:1px dashed #f0f0f0;<br /> color:#ef0000;<br />}<br />#menu1 ul li a span.text{<br /> visibility:hidden;<br /> font-size:12px;<br /> text-align:right;<br />}<br />#menu1 ul li a:hover span.text{<br /> visibility:visible;<br />}<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;">Şimdide <b>Yerleşim >> Gadget Ekle >> HTML/JavaScript</b> seçeneği ile açılan panele aşağıdaki kodlarımızı girelim..<br />..<br /><b>tavsiye edilen ; alttaki resimdeki yere ekleyiniz ( BLOG KAYITLARI üstüne )</b><br /><br /><div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeFUFybFFTOjE4sV4D14z8r-C4OJnQTGfk6qvLDEaLgW0zpuyJW5N4SMxJOdMiEFWDbitfOnrIxA0QYvwDrqsmlplK7Gl6qP4JLA0zPnKTVREqEhLN7L1GpZIsVxzzscTAAJ6k46Li4Rh2/s1600/BURAYA.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeFUFybFFTOjE4sV4D14z8r-C4OJnQTGfk6qvLDEaLgW0zpuyJW5N4SMxJOdMiEFWDbitfOnrIxA0QYvwDrqsmlplK7Gl6qP4JLA0zPnKTVREqEhLN7L1GpZIsVxzzscTAAJ6k46Li4Rh2/s320/BURAYA.png" width="320" /></a></div><br /><div class="ikaz" style="clear: both; text-align: center;"></div></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 id="menu1"><br /> <ul><br /> <li><a href="<b><span style="color: red;">http://eklentileri.blogspot.com/</span></b>"><br /> <span class="title"><b><span style="color: blue;">ANA SAYFA</span></b></span><br /> <span class="text"><b><span style="color: lime;">Home Page</span></b></span><br /> </a><br /> </li><br /> <li><a href=<b><span style="color: red;">""</span></b>><br /> <span class="title"><b><span style="color: blue;">Kategoriler</span></b></span><br /> <span class="text">Seçenekler</span><br /> </a><br /> </li><br /> <li><a href=<b><span style="color: red;">""</span></b>><br /> <span class="title"><span style="color: blue;"><b>LİNK 1</b></span></span><br /> <span class="text"><b><span style="color: lime;">Açıklama</span></b></span><br /> </a><br /> </li><br /> <li><a href=<b><span style="color: red;">""</span></b>><br /> <span class="title"><b><span style="color: blue;">iletişim</span></b></span><br /> <span class="text"><b><span style="color: lime;">Bize ulaşın</span></b></span><br /> </a><br /> </li><br /> <li><a href="<b><span style="color: red;">http://eklentileri.blogspot.com/</span></b>"><br /> <span class="title"><b><span style="color: blue;">Link 2</span></b></span><br /> <span class="text"><b><span style="color: lime;">Açıklama 2</span></b></span><br /> </a><br /> </li> <br /> </ul><br /> </div></span></span></pre><div class="hata" style="clear: both; text-align: center;">yapmanız gerekenler bu kadar , renkli bölümleri kendinize göre düzenleyiniz.. <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;"><<< Bu Yazı için Arama Sonuçları  >>> <br /><br />Blogger MenuBar eklentisi , Blogger MenuBar , Blogger Menü<br /> Bar eklentisi , Blogger menü , blogger menu , menü , menu , blogger menü ekleme , blogger üst menü , blogger widgets</div><br /><br />

Blogger MenuBar eklentisi

Blogger menü bar eklentisi... Blogger blogunuz için kullanışlı bir menü eklentisi istermisiniz ? bu eklentimizde , linkin üzerine gelindiğin...

Devamı »

Blogger Etiketleriniz Hareketlensin

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxRcfowviwEb8Dshis9n6m9D275vb-oB5_y1G40eyet3VVF-Zyfb1df9TBB98MvCl2XLGYnLflv-3QJTSe9f0Q-2HnWS2ZlAko4KE_xYkDHvuo1W9FNlVZ9Nh2o4sTwEM8W3Y0Pu_bYEyd/s1600/blogger-etiket-eklentisi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxRcfowviwEb8Dshis9n6m9D275vb-oB5_y1G40eyet3VVF-Zyfb1df9TBB98MvCl2XLGYnLflv-3QJTSe9f0Q-2HnWS2ZlAko4KE_xYkDHvuo1W9FNlVZ9Nh2o4sTwEM8W3Y0Pu_bYEyd/s320/blogger-etiket-eklentisi.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 Etiketleriniz Hareketlensin Eklentisi</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger blogunuzda bulunan etiketleri biraz hareketlendirmek 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 blogunuzda bulunan etiketlerin üstüne fare ile gelindiğinde , etiketimiz belirli bir açı ile sağa doğru yatmaktadır..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentiyi blogger blogunuzda kullanmak için aşağıdaki anlatı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 blogumuzda 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 bir satır üstüne , aşağıda yer alan kodları ekliyoruz.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">/*-----Etiketleriniz hareketlensin eklentileri.blogspot.com----*/<br />.label-size{ <br />margin:0 2px 6px 0; <br />padding: 3px; <br />text-transform: uppercase; <br />border: solid 1px #C6C6C6; <br />border-radius: 3px; <br />float:left; <br />text-decoration:none; <br />font-size:10px; <br />color:#666; <br />}<br /><br />.label-size:hover { <br />border:1px solid #6BB5FF; <br />text-decoration: none;<br />-moz-transition: all 0.5s ease-out; <br />-o-transition: all 0.5s ease-out; <br />-webkit-transition: all 0.5s ease-out; <br />-ms-transition: all 0.5s ease-out; <br />transition: all 0.5s ease-out; <br />-moz-transform: rotate(7deg); <br />-o-transform: rotate(7deg); <br />-webkit-transform: rotate(7deg); <br />-ms-transform: rotate(7deg); <br />transform: rotate(7deg); <br />filter: progid:DXImageTransform.Microsoft.Matrix( <br /> M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); <br />zoom: 1; <br />}<br /><br />.label-size a { <br />text-transform: uppercase; <br />float:left; <br />text-decoration: none; <br />}<br />.label-size a:hover { <br />text-decoration: none; <br />}</span></span></pre><div class="hata" style="clear: both; text-align: center;">Yapmamız gerekenler bu kadar , eklentinin çalışması için blogunuzda etiketler widgetinin ekli olması gerekmektedir..ekli değilse ekleyiniz lütfen..<b>Etiketler eklentisini bulut olarak değiştirmeyi unutmayınız</b>... <br /><br /><b><a href="http://bloggereklentilerideneme4.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: 14px; line-height: 21px;"><<< Bu Yazı için Arama Sonuçları  >>></span><br /><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 21px;"><br /></span><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 21px;">Blogger Etiket özelleştirme , etiket eklentileri , blogger etiket eklentisi , blogger etiket efekti , etiketler , blogger etiketleriniz hareketlensin , blogger label widget</span></div><br /><br />

Blogger Etiketleriniz Hareketlensin

Blogger Etiketleriniz Hareketlensin Eklentisi Blogger blogunuzda bulunan etiketleri biraz hareketlendirmek istermisiniz ? Bu eklentimiz ile ...

Devamı »

Üzerine Gelince Saydamlaşan Resim Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Q4ODS7hZKkxhtJ7ThUMfPLvLd9BmzVc3UYC1LTU7r125IjAb-4gUVoOLCahcwkHiaR2Es3hRRR7AmoXJDOx9EhDXRizNJMRP8lI7udiYcwGu8adWM49zH369BJh-n6lSfQVyMFlokDUn/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/AVvXsEj3Q4ODS7hZKkxhtJ7ThUMfPLvLd9BmzVc3UYC1LTU7r125IjAb-4gUVoOLCahcwkHiaR2Es3hRRR7AmoXJDOx9EhDXRizNJMRP8lI7udiYcwGu8adWM49zH369BJh-n6lSfQVyMFlokDUn/s320/yorum.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;">Üzerine Gelince Saydamlaşan Resim Eklentisi Widget</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimizde , konu ve yazılarınızda bulunan bir resmin üzerine gelince , resmin saydamlaşmasını sağlayacağız..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;"><b>DEMO iÇİN AŞAĞIDAKİ RESMİN ÜZERİNE GELİN..</b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="blur" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvckjhyphenhyphenDRJrVg4Ol-Pi82xv1NBmVqOSbYaFqMUvB3WTe_GWsUmNqEcVbSa1vwCaYnuo6SdX63LdFDBcvg2wYQ7IlGITJh9s1_2ZUYaLzRXRGb7Uq5xLc9KD2D0AOW6rkOBa5Nhyphenhyphenjp9p9X5/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/AVvXsEgvckjhyphenhyphenDRJrVg4Ol-Pi82xv1NBmVqOSbYaFqMUvB3WTe_GWsUmNqEcVbSa1vwCaYnuo6SdX63LdFDBcvg2wYQ7IlGITJh9s1_2ZUYaLzRXRGb7Uq5xLc9KD2D0AOW6rkOBa5Nhyphenhyphenjp9p9X5/s320/yorum.png" width="320" /></a></div><br /><br /><div class="hata" style="clear: both; text-align: center;">Blogunuzda , <br /><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;">]]></b:skin><br /></pre>kodunu bulun , hemen üstüne aşağıdaki kodları ekleyin.. </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%;">.blur img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:0;}<br />.blur:hover img {filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;border:0;}<br /></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki işlemi yaptıysanız , Bundan sonra yeni yazılarımıza resim eklerken aşağıdaki şekilde eklemek </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%;"><a class="<b>blur</b>"> <img alt="resim" border="0" src="<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvckjhyphenhyphenDRJrVg4Ol-Pi82xv1NBmVqOSbYaFqMUvB3WTe_GWsUmNqEcVbSa1vwCaYnuo6SdX63LdFDBcvg2wYQ7IlGITJh9s1_2ZUYaLzRXRGb7Uq5xLc9KD2D0AOW6rkOBa5Nhyphenhyphenjp9p9X5/s1600/yorum.png</b>" /></a><br /></pre><br /><br /><div class="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>> <br /><br />Üzerine Gelince Saydamlaşan Resim Eklentisi , Resim eklentisi , Blogger resim effekt eklenti , Blogger resim eklentileri , üzerine gelince sis efekti , Blogger Resim üzerine gelince değişen resim eklentisi</div>

Üzerine Gelince Saydamlaşan Resim Eklentisi

Üzerine Gelince Saydamlaşan Resim Eklentisi Widget Bu eklentimizde , konu ve yazılarınızda bulunan bir resmin üzerine gelince , resmin sayda...

Devamı »

Blogger Fare Kar Efekti

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8wWmnejZ7OhfkopZpby3dx_s8VXE8iOhPHofFv6a1v4seX0-zOu92wO_1yqAevUmnwIOVPcknjju1SQAbETl-N_6ibXGiGQ2_jgCfRFgORzVmlKeb3s16vHo-tjYYDLjDimFnM6oq9oMV/s1600/fare-kar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8wWmnejZ7OhfkopZpby3dx_s8VXE8iOhPHofFv6a1v4seX0-zOu92wO_1yqAevUmnwIOVPcknjju1SQAbETl-N_6ibXGiGQ2_jgCfRFgORzVmlKeb3s16vHo-tjYYDLjDimFnM6oq9oMV/s320/fare-kar.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 Fare Kar Efekti</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimizde resimde gördüğünüz gibi, blogunuzda fareyi hareket ettirdikçe kar efektine benzer şekiller farenizin ardından süzülecektir..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Demosunu Görmek için <b><a href="http://eklentilerideneme.blogspot.com/">TIKLAYIN</a></b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger Fare Kar Efekti için aşağıdaki bloguma ekle butonuna basabilir ve blogunuzda kullanabilirsiniz.</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ı --><script type='text/javascript'> // <![CDATA[ var colour="black"; var sparkles=100; var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="3px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="3px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+"px"; } else { tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div); } // ]]> </script> <!-- eklentileri.blogspot.com cod sonu -->