BU EKLENTİNİN ÖN İZLEMESİ İÇİN TIKLAYINIZ

Blogunuza dinamik bir resim eklentisi istermisiniz ?

Bu eklentimiz , fare ile resim üzerine gelindiğinde resmi bir miktar yatırır , oldukça güzel bir eklenti olduğunu düşündümüz dinamik resim efektini sizde blogunuzda kullanabilirsiniz..

öncelikle blogunuzda aşağıda kodu buluyorsunuz.

]]></b:skin>

yukarıdaki kodun hemen üstüne bu kodu yapıştırıyoruz

]]>.post img {-webkit-transition: -webkit-transform .15s linear;-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);padding: 5px 5px 5px 5px;-webkit-transform: rotate(+2deg);-moz-transform: rotate(+2deg);} .post img:hover {-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);-webkit-transform: rotate(-2deg);-moz-transform: rotate(-2deg);}

kaydedip çıkıyoruz...

29 Ekim Cumhuriyet Bayramını için blogunuza eklenti istermisiniz ?

Bu eklenti başka hiç bir yerde yok...Bu eklentimizle , Blogger blogunuzun sağ ve sol üst köşesinde cumhuriyet bayramına ait görseller ekleyebilirsiniz..

Önizlemesini 29 ekim tarihi boyunca blogumuzun sağ ve sol üst köşesinde görebilirsiniz..

Yapmanız gereken aşağıdaki kodu , blogger blogunuza Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneği ile gadget olarak eklemek..

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-gNE5tKwV6OT2fSUIgTUOFPLhnDI57ClQm9tFwlIwxXC_2Z9_ieu8MQA_SgH5LmqElwv5Nc6xODrpMuQQmZCJ_Us-ckhIMA53loUNrHjF6HNFCTtcqa3YFleM7czw5-GqRo1y8IZ35-Ey/s1600/29-ekim-blogger-eklenti-sol.png" style="position:fixed; top: 0px;left:0px;border:none;z-index:5;"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtIdYvP5EUzUwJxqmix4F9FTSwquAMJUTtF8FEj36kIiLia4CcfqAqvssE7AAE2ztRegKpJQTTrR7Gaqf9n9NUtHrAy9VM9RBhgkFIdQIMJ7QuztD46u0xrrulYNPFkGg5UgmhvrWI9pWl/s1600/29-ekim-blogger-eklenti-sag.png" style="position:fixed; top: 0px;right:0px;border:none;z-index:5;"/>

Yukarıdaki kodu eklediyseniz , her iki tarafta gözükecektir resimler...Sadece sağ tarafa Atatürk resmini eklemek için aşağıdaki kodu kullanınız..

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtIdYvP5EUzUwJxqmix4F9FTSwquAMJUTtF8FEj36kIiLia4CcfqAqvssE7AAE2ztRegKpJQTTrR7Gaqf9n9NUtHrAy9VM9RBhgkFIdQIMJ7QuztD46u0xrrulYNPFkGg5UgmhvrWI9pWl/s1600/29-ekim-blogger-eklenti-sag.png" style="position:fixed; top: 0px;right:0px;border:none;z-index:5;"/>

Sadece sol tarafa Cumhuriyet bayramı resmini eklemek için ise aşağıdaki kodu ekleyiniz..

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-gNE5tKwV6OT2fSUIgTUOFPLhnDI57ClQm9tFwlIwxXC_2Z9_ieu8MQA_SgH5LmqElwv5Nc6xODrpMuQQmZCJ_Us-ckhIMA53loUNrHjF6HNFCTtcqa3YFleM7czw5-GqRo1y8IZ35-Ey/s1600/29-ekim-blogger-eklenti-sol.png" style="position:fixed; top: 0px;left:0px;border:none;z-index:5;"/>

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

29 ekim Cumhuriyet Bayramı Eklentisi , 29 ekim Cumhuriyet Bayramı widget , 29 ekim eklenti , Blogger bayram eklentisi , Blogger bayram eklentileri , Blogger bayram, 29 ekim

Eklentileri.blogspot.com , Tüm blogcuların kurban bayramını kutlar , bol keyifli günler diler =)

Blogger blogunuzda yazmış olduğunuz yazıların altına , konu linki + forum linki + html linki eklemek istermisiniz ?

Ziyaretçileriniz yazılarınızın linkini paylaşmak istediklerinde bu linkleri kullanabilirler.

Bu eklentiyi kullanmak için aşağıdaki anlatımları takip ediniz..

aşağıda yer alan kodumuzu buluyoruz..

</head>

hemen üstüne , aşağıda yer alan kodları ekliyoruz..

<style type='text/css'>
.about-article{
background-color:#f9f9f9;
padding-bottom:5px;
padding-left:20px;
font-size:11px;
}
.about-article input{
background-color:#ffffff;
}
</style>

yukarıdaki işlemi yaptıktan sonra , şimdi de bu kodumuzu buluyoruz..

<data:post.body/>

Bu kodumuzun hemen altına aşağıda yer alan kodlarımızı ekliyoruz..

<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;div class=&quot;about-article&quot;&gt;<p>Bu yazıyı sitenizde/forumunuzda paylaşmak için aşağıdaki linkleri kullanabilirsiniz..</p>&lt;p class=&quot;noborder&quot;&gt;&lt;label for=&quot;aa-url&quot;&gt;URL:&lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-url&quot; value=&quot;<data:post.url/>&quot; /&gt;&lt;/p&gt;&lt;p&gt;&lt;label for=&quot;aa-forum&quot;&gt;HTML Link:&lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;&lt;a href=&amp;quot;<data:post.url/>&amp;quot;&gt;<data:post.title/>&lt;/a&gt;&quot; /&gt;&lt;/p&gt;&lt;p&gt;
&lt;label for=&quot;aa-forum&quot;&gt;Forum Link:&lt;/label&gt;&lt;br /&gt;
&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;[url=<data:post.url/>]/<data:post.title/>[/url]&quot; /&gt;&lt;/p&gt;
<p align='center'><a href='http://eklentileri.blogspot.com/' style='display:none;' target='_blank'>Blogger eklentileri</a></p>
&lt;/div&gt;<br/>
</b:if>

Eklentimiz hazır , güle güle kullanın...

DEMO

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

Blogger yazı altına url ekle , blogger yazı altına forum linki ekle , blogger yazı altına html kodu ekle , blogger yazı altına ekle , blogger konu altına url forum linki ekleme , blogger yazı altına ekleme , blogger url widget

Arkadaşlar Hepinize Merhabalar....

Yönetici arkadaşın bir takım sorunlarından dolayı ilgilenememesi nedeniyle , Eklentileri.blogspot.com adresini bana devretmiş bulunmakta...

Eklentileri.blogspot.com olarak , her zamanki gibi sizlere en iyi blogger eklentilerini sunmaya devam edeceğiz..

Eklentileri.blogspot.com öncedende olduğu gibi , en iyi en kullanışlı blogger eklentilerini paylaşacak , demo linki vererek sizlere yayınlayacaktır..

Anlayışınız için teşekkür eder , iyi bloglamalar dileriz..

Blogger Eklentileri Yönetimi

Blogunuzda yazdığınız yazıları ,diğer dillere çevirmesi için bir eklenti istermisiniz ?

Bu eklentimiz sayfalarınıza giren ziyaretçilerinize , yazılarınızı konularınızı farklı dillere çevrilmesini sağlıyor, eğer blogunuza farklı ülkelerden ziyaretçiler geliyorsa yada gelebileceğini düşünüyorsanız bu eklenti oldukça işinize yarayacak..

Ziyaretçileriniz tek tıkla blogunuzdaki dili değiştirebiliyorlar..

Blogger Translate Eklentisi

<!-- eklentileri.blogspot.com cod başlangıcı --> <style type="text/css"><!-- If you're getting validation error, put this style sheet to head --> .trans-flags{margin: auto; width:auto; text-align: center;} div.attribution {font-size:8px;text-align: center; width: auto;} img.flag {cursor: pointer; height: 24px; width: 24px; border: 0;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;} img.flag:hover {-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);} </style> <div class='trans-flags'><a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=zh-CN&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="&#20013;&#25991;(&#31616;&#20307;)" src="http://lh6.ggpht.com/_dzq0x75P67s/Sqodh0eQlGI/AAAAAAAAAnI/qeNNDV5ZsIQ/s800/China.png" title="&#20013;&#25991;(&#31616;&#20307;)" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=pt&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Português" src="http://lh6.ggpht.com/_dzq0x75P67s/Su6pkl4lNCI/AAAAAAAAAto/-lLpHw3dd-c/s800/Brazil.png" title="Português" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=en&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="English (US)" src="http://lh4.ggpht.com/_dzq0x75P67s/SqofSt9T9YI/AAAAAAAAAno/fEk669hIv4Y/s800/United%20States%20of%20America%28USA%29.png" title="English (US)" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=fr&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Français" src="http://lh3.ggpht.com/_dzq0x75P67s/Sqodh1SZl4I/AAAAAAAAAnM/75d_mi391cM/s800/France.png" title="Français" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=de&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Deutsch" src="http://lh4.ggpht.com/_dzq0x75P67s/SqodiEO5DFI/AAAAAAAAAnQ/Zg3lznR_xxQ/s800/Germany.png" title="Deutsch" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=it&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Italiano" src="http://lh5.ggpht.com/_dzq0x75P67s/SqodiCj-k-I/AAAAAAAAAnU/uBITDoMVy3U/s800/Italy.png" title="Italiano" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=ja&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="&#26085;&#26412;&#35486;" src="http://lh4.ggpht.com/_dzq0x75P67s/SqodiHC9jHI/AAAAAAAAAnY/7EizWdCnn4s/s800/japan.png" title="&#26085;&#26412;&#35486;" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=ko&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="&#54620;&#44397;&#50612;" src="http://lh3.ggpht.com/_dzq0x75P67s/SqofSY4TTlI/AAAAAAAAAnc/gL6lLQqO2-U/s800/South%20Korea.png" title="&#54620;&#44397;&#50612;" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=ru&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="&#1056;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;" src="http://lh6.ggpht.com/_dzq0x75P67s/SqofSVz2JhI/AAAAAAAAAng/opgmwbgvnDU/s800/Russian%20Federation.png" title="&#1056;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=es&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Español" src="http://lh6.ggpht.com/_dzq0x75P67s/SqofSuXVoYI/AAAAAAAAAnk/bM3PAPvu6vo/s800/Spain.png" title="Español" /></a></div> <div class="attribution"><!--This link will not hurt you site, so, its requested to keep the link intact so that people can grab this widget.--> <a href="http://eklentileri.blogspot.com/" target="_blank">translate language</a></div> <!-- eklentileri.blogspot.com cod sonu -->

Blogger Popüler Yayınlar Otomatik Animasyon Eklentisi

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..

Not : Bu eklentiyi eklemeden önce , Blogunuza popüler yayınlar eklentisini eklediğinizden emin olun , popüler yayınları eklemek için Yerleşim >> Gadget Ekle >> Popüler Yayınlar seçeneğini kullanınız..

Not 2 : Popüler yayınları eklediğinizde , Görüntüleme sınırını 10 yayın yapmanız önerilir , tercihe bağlı..

<!-- 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 -->

Blogger Fare Kar Efekti

Bu eklentimizde resimde gördüğünüz gibi, blogunuzda fareyi hareket ettirdikçe kar efektine benzer şekiller farenizin ardından süzülecektir..

Demosunu Görmek için TIKLAYIN

Blogger Fare Kar Efekti için aşağıdaki bloguma ekle butonuna basabilir ve blogunuzda kullanabilirsiniz.

<!-- 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 -->