Blogunuzun Köşesine Mutlu Yıllar ( Yılbaşı Eklentisi )

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHfnbmmaIDsKHN1L0HkZE8e4vxA7HtEVjPsbXu1cuJUUIQPmm5S3jw0dRuQoT1yFzS0ZpeErGYk4atpzN4LOjU2Tol1wsx6lTnLxItBZcCUPqOE4YuoV5kbdr8KFWx-JPuA9c3ZJlZLKtr/s1600/yeniy%C4%B1l.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHfnbmmaIDsKHN1L0HkZE8e4vxA7HtEVjPsbXu1cuJUUIQPmm5S3jw0dRuQoT1yFzS0ZpeErGYk4atpzN4LOjU2Tol1wsx6lTnLxItBZcCUPqOE4YuoV5kbdr8KFWx-JPuA9c3ZJlZLKtr/s1600/yeniy%C4%B1l.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger blogunuzun köşesinde , mutlu yıllar resimi içeren bir eklenti istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="tamam" style="clear: both; text-align: center;"><b>Demosunu şuan bulunduğunuz sayfada görebilirsiniz..</b></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 kodları ,<a href="http://eklentileri.blogspot.com/search/label/Blogger%20Eklentileri"><span style="color: black;">Yerleşim >> Gadget Ekle >> HTML/JavaScript yolunu izleyerek blogunuza ekleyiniz </span></a></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;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKCf6saGjaBXU_ofGqkJBbaw3eavP-_cUpu7QUG9jOzetXaXvt9ShdXkKxpVhp5xz-c9iBvEmJbj20yyNDcJhYlRh9Cn6QZ19PxAZUQ10U6CZuOVDyQFC_GautoX9gE5U7h9GckkyNT8F1/s1600/yeniy%C4%B1l.png" style="position:fixed; top: 0px;left:0px;border:none;z-index:5; </span></span><span style="background-color: transparent; line-height: 14px;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;">background-color: transparent;</span></span><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: x-small; line-height: 14px;">"/></span></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki kodu eklediyseniz , yılbaşı resminiz blogunuzun sol üst kısmında çıkacaktır..<br /><br />Sol alt için , <b>top</b> değerini <b>bottom</b> olarak değiştiriniz</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="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>> <br /><br />Blogunuzun Köşesine Mutlu Yıllar  , Blogunuza Mutlu Yıllar Resmi , Yılbaşı eklentisi , Blogger Yeni Yıl Eklentisi , Blogunuzun soluna resim</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKCf6saGjaBXU_ofGqkJBbaw3eavP-_cUpu7QUG9jOzetXaXvt9ShdXkKxpVhp5xz-c9iBvEmJbj20yyNDcJhYlRh9Cn6QZ19PxAZUQ10U6CZuOVDyQFC_GautoX9gE5U7h9GckkyNT8F1/s1600/yeniy%C4%B1l.png" style="background-color: transparent; border: none; left: 0px; position: fixed; top: 0px; z-index: 5;" />

Blogunuzun Köşesine Mutlu Yıllar ( Yılbaşı Eklentisi )

Blogger blogunuzun köşesinde , mutlu yıllar resimi içeren bir eklenti istermisiniz ? Demosunu şuan bulunduğunuz sayfada görebilirsiniz.. Aşa...

Devamı »

Blog Ekle - Blog Tanit

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs6_p9m8Ugh8rMCxD456NHaC6BHn7Hq17PAuLdKhsD8RaD0fKufes-zQJ-uSOxcGsECYpZ7gt3DMZzSUSGlnSk19u5PbwR15_e3lsgc9hK2fSVmWlBRBmMwi-40SOftt0XiOOXORjQuyHg/s1600/Blog-ekle-tanit.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs6_p9m8Ugh8rMCxD456NHaC6BHn7Hq17PAuLdKhsD8RaD0fKufes-zQJ-uSOxcGsECYpZ7gt3DMZzSUSGlnSk19u5PbwR15_e3lsgc9hK2fSVmWlBRBmMwi-40SOftt0XiOOXORjQuyHg/s320/Blog-ekle-tanit.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;">Blogumuzun Sağ altında , Blog Sayfanızın reklamının yer almasınız istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">eklentileri.blogspot.com , Blogunuzu ücretsiz tanıtıyor , sizde blogunuzu ekleyin sizde blogunuzu başkalarına tanıtma fırsatına sahip olun..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Sayfamızın Sağ altında <b>125x125</b> lik alanda , banner , yazı vs.. ile blogger blogunuzu tanitabilirsiniz..</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="separator" style="clear: both; text-align: center;"><b>Blogumu Nasıl Eklerim ?</b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"></div><ul><li><b><span style="font-size: large;">B</span></b>logger blogunuzu eklemek için ;</li><li><b><span style="font-size: large;">Ö</span></b>ncelikle , Blogger blogunuzda bizi tanıtan bir yazı yazmak ve yazınızın sonuna http://eklentileri.blogspot.com/ adresini içeren bir link vermek..</li><li><span style="font-size: large;"><b>Y</b></span>azınızı yayınladıktan sonra , <b><a href="http://eklentileri.blogspot.com/2012/10/iletisim.html" target="_blank">iletişim</a></b>'e girerek yada <b>eklentileri.blogspot@gmail.com</b> adresinden bize , 125x125 logo/yazı resminizi ve bizi tanıtan yazınızın linkini göndermek gerekiyor..</li><li><b><span style="font-size: large;">Y</span></b>apmanız gereken bu kadar..</li></ul><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><b>Blogum Ne zaman Eklenir ?</b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"></div><ul><li><b><span style="font-size: large;">Ü</span></b>stte yer alan koşulları uyguladıktan sonra , Size atacağımız cevapta tarih ile belirtilecektir..Yoğunluğa göre süre değişebilir ,( Blogunuz eklendiğinde mail ile haber verilecektir )</li></ul><div><br /></div><div style="text-align: center;"><b>Ne kadar süre Blogumun reklamını yapabilirim ?</b></div><ul><li><b><span style="font-size: large;">B</span></b>logunuz 5 gün süre ile , sayfalarımızın sağ altında kalır , 5 gün sonra yerini başka bir bloga devreder...Bu 5 günlük süre zarfında Blogunuza ziyaretçi çekebilirsiniz..</li></ul><div><br /></div><div><br /></div><div><br /></div><div><div class="hata" style="clear: both; text-align: left;"><div style="text-align: center;"><b> Reklamın iyisi kötüsü olmazmış diyen blogger kullanıcıları için ideal bir yöntem olan bu reklam alanını sizde kullanabilirsiniz..</b></div></div></div><div><br /></div><div><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div>

Blog Ekle - Blog Tanit

Blogumuzun Sağ altında , Blog Sayfanızın reklamının yer almasınız istermisiniz ? eklentileri.blogspot.com , Blogunuzu ücretsiz tanıtıyor , s...

Devamı »

Resim üzerine gelince açılan açıklama kutusu

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBgV-S_r6YBXvGV7-UBiuTxFi2h7dRPbUg86FiazwldE1fTEba5lvci2Rkn6_88349E_bpMOb8uzIuqQ0GHR0vh-QXO-VcHA4IPUNbxPEFW2EVi44NTSqzG2hrNtY07hlgQe1-P4FZviq6/s1600/uzerine-gelince-aciklama-eklenti-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBgV-S_r6YBXvGV7-UBiuTxFi2h7dRPbUg86FiazwldE1fTEba5lvci2Rkn6_88349E_bpMOb8uzIuqQ0GHR0vh-QXO-VcHA4IPUNbxPEFW2EVi44NTSqzG2hrNtY07hlgQe1-P4FZviq6/s320/uzerine-gelince-aciklama-eklenti-blogger.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger blogunuza eklediğiniz resimlerin üzerine fare ile gelindiğinde, aşağı doğru açılan metin/bilgi kutusu eklentisini blogger blogunuza eklemek için aşağıdaki anlatımı takip edip , blogger blogunuzda bu eklentiyi kullanabilirsiniz.</div><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 üzerine 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;">.imagepluscontainer{ /* main image container */<br />position: relative;<br />z-index: 1;<br />}<br /><br />.imagepluscontainer img{ /* CSS for image within container */<br />position: relative;<br />z-index: 2;<br />-moz-transition: all 0.5s ease; /* Enable CSS3 transition on all props */<br />-webkit-transition: all 0.5s ease-in-out;<br />-o-transition: all 0.5s ease-in-out;<br />-ms-transition: all 0.5s ease-in-out;<br />transition: all 0.5s ease-in-out;<br />}<br /><br />.imagepluscontainer:hover img{ /* CSS for image when mouse hovers over main container */<br />-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);<br />-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);<br />box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);<br />-moz-transform: scale(1.05, 1.05);<br />-webkit-transform: scale(1.05, 1.05);<br />-ms-transform: scale(1.05, 1.05);<br />-o-transform: scale(1.05, 1.05);<br />transform: scale(1.05, 1.05);<br />}<br /><br />.imagepluscontainer div.desc{ /* CSS for desc div of each image. */<br />position: absolute;<br />width: 90%;<br />z-index: 1; /* Set z-index to that less than image's, so it's hidden beneath it */<br />bottom: 0; /* Default position of desc div is bottom of container, setting it up to slide down */<br />left: 5px;<br />padding: 8px;<br />background: rgba(0, 0, 0, 0.8); /* black bg with 80% opacity */<br />color: white;<br />-moz-border-radius: 0 0 8px 8px; /* CSS3 rounded borders */<br />-webkit-border-radius: 0 0 8px 8px;<br />border-radius: 0 0 8px 8px;<br />opacity: 0; /* Set initial opacity to 0 */<br />-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8); /* CSS3 shadows */<br />-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);<br />box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);<br />-moz-transition: all 0.5s ease 0.5s; /* Enable CSS3 transition on desc div. Final 0.5s value is the delay before animation starts */<br />-webkit-transition: all 0.5s ease 0.5s;<br />-o-transition: all 0.5s ease 0.5s;<br />-ms-transition: all 0.5s ease 0.5s;<br />transition: all 0.5s ease 0.5s;<br />}<br /><br />.imagepluscontainer div.desc a{<br />color: white;<br />}<br /><br />.imagepluscontainer:hover div.desc{ /* CSS for desc div when mouse hovers over main container */<br /><br />-moz-transform: translate(0, 100%);<br />-webkit-transform: translate(0, 100%);<br />-ms-transform: translate(0, 100%);<br />-o-transform: translate(0, 100%);<br />transform: translate(0, 100%);<br />opacity:1; /* Reveal desc DIV fully */<br />}</span></span><span style="color: black; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 10px; line-height: 14px;"><br /></span></pre><div><br /></div><div class="hata" style="clear: both; text-align: center;">Yukarıdaki işlemi yaptıysanız eklentimiz hazırdır , bu eklentiyi kullanmak için , aşağıdaki kod dizilimini kullanmanız gerekiyor.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><div class="imagepluscontainer" ><br /><img src="<b><span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQvrKvLZVQ-78K75xsMs9XLoHLjEQEvkBxD0c2sdHryrFu7AU1VGutTpR_M4HaCT-9dTYTvBqmh9DdS9-JJp09TFtyoSJZZIHlU6P6spbBLwvB0L2bCVy5Nh0v3cZCaKO04nMxwihg6KIj/s1600/yorum.png</span></b>" style="width:263px; height:199px; z-index:2" /><br /><div class="desc"><br /><b><span style="color: blue;">Tüm Blogger eklentilerini , eklentileri.blogspot.com adresinde bulabilir , blogunuza ekleyebilirsiniz..</span></b><br /></div><br /></div></span></span></pre><div class="hata" style="clear: both; text-align: center;"><b><span style="color: red;">Kırmızı</span></b> olan yere , resim linkiniz..<b><span style="color: blue;">Mavi</span></b> olan yer ise görünmesini istediğiniz yazınız..düzenlemeri ona göre yapınız..<br /><br /><b><a href="http://eklentilrideneme6.blogspot.com/2012/11/deneme-konu.html" target="_blank">DEMO</a></b></div><br /><br /><br /><div class="arama" style="clear: both; text-align: center;"><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14.44444465637207px; line-height: 20.962963104248047px;"><<< Bu Yazı için Arama Sonuçları  >>> </span><br /><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14.44444465637207px; line-height: 20.962963104248047px;"><br /></span><span style="font-family: Arial, Verdana, Tahoma, Times New Roman;"><span style="font-size: 14px; line-height: 20.950000762939453px;">Resim üzerine gelince açılan açıklama kutusu , blogger resim üstüne gelince açıklama ekleme , blogger resim eklentisi , blogger resim üstü yazı eklentisi , blogger image widget , Image With Description Hover Effect , Blogger hower widget ,</span></span></div><br /><br /><br />

Resim üzerine gelince açılan açıklama kutusu

Blogger blogunuza eklediğiniz resimlerin üzerine fare ile gelindiğinde, aşağı doğru açılan metin/bilgi kutusu eklentisini blogger blogunuza ...

Devamı »

Resimli En Çok Yorum Yapanlar Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3LsSsSdB0uNljKqeDkecf4iBst-tR4jm_5vl-ir8CosVhKBy-LfukEoSIvErcssswLJYzApbwGjg9mfun5r8a9ovPWtCeQULInvTQaN304BuLJegtcu7aT8wtGu9ljjTurQep39cLLUUr/s1600/blogger-en-cok-yorum-yapanlar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3LsSsSdB0uNljKqeDkecf4iBst-tR4jm_5vl-ir8CosVhKBy-LfukEoSIvErcssswLJYzApbwGjg9mfun5r8a9ovPWtCeQULInvTQaN304BuLJegtcu7aT8wtGu9ljjTurQep39cLLUUr/s320/blogger-en-cok-yorum-yapanlar.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 için Resimli En Çok Yorum Yapanlar Eklentisi Widget</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Daha önceden <b><a href="http://eklentileri.blogspot.com/2012/05/en-cok-yorum-yapanlar-eklentisi.html" target="_blank"><span style="color: orange;">ŞU</span></a></b> konuda , en çok yorum yapanlar eklentisini paylaşmıştık..Şimdi ise en çok yorum yapanlar eklentisinin resimli versiyonunu sizlerle paylaşacağız.. </div><br /><div class="hata" style="clear: both; text-align: center;">Yapmanız gereken , aşağıdaki kodları <b>Yerleşim >> Gadget Ekle >> HTML/JavaScript</b> ile blogunuzda uygun bir yere gadget olarak eklemek.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><style type="text/css"><br /><br />.top-commenter-line img {<br /><br />-webkit-border-radius: 100px;<br />-moz-border-radius: 100px;<br />border-radius: 100px;<br />-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);<br />-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);<br />box-shadow: 0 1px 3px rgba(0, 0, 0, .4);<br />}<br /><br />.top-commenter-line {margin: 3px 0;}<br />.top-commenter-line .profile-name-link {padding-left:0;}<br />.top-commenter-avatar {vertical-align:middle;}<br /></style><br /><script type="text/javascript"><br />//<br />// Top Commentators gadget with avatars, by MS-potilas 2012.<br />// Gets a list of top commentators from all comments, or specified number of days in the past.<br />// See http://eklentileri.blogspot.com/<br />//<br />// CONFIG:<br />var maxTopCommenters = 5; // how big a list of top commentators<br />var minComments = 1; // how many comments must top commentator have at least<br />var numDays = 0; // from how many days (ex. 30), or 0 from "all the time"<br />var excludeMe = true; // true: exclude my own comments<br />var excludeUsers = ["Anonymous", "someotherusertoexclude"]; // exclude these usernames<br />var maxUserNameLength = 42; // 0: don't cut, >4: cut usernames<br />//<br />var txtTopLine = '<b>[#].</b> [image] [user] ([count])';<br />var txtNoTopCommenters = 'No top commentators at this time.';<br />var txtAnonymous = ''; // empty, or Anonymous user name localized if you want to localize<br />//<br />var sizeAvatar = 56;<br />var cropAvatar = true;<br />//<br />var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbw6i1FmdEfpCKBNFVxxhJpIV9nqNFjjuymi1feB52sAgrcOwNPYm_-bLftVT9o7AJjQds3-h3alx-356ZXDZLYvdFEGlzV0vWtzdkvCyQyZNvqCueWXmTF-MWVPnOdl5xVqK4jx9k090/"+sizeAvatar+"/avatar_blue_m_96.png"; // http://www.blogger.com/img/avatar_blue_m_96.png resizeable<br />var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;<br />var urlMyProfile = ''; // set if you have no profile gadget on page<br />var urlMyAvatar = ''; // can be empty (then it is fetched) or url to image<br />// config end<br />// for old IEs & IE modes:<br />if(!Array.indexOf) {<br /> Array.prototype.indexOf=function(obj) {<br /> for(var i=0;i<this.length;i++) if(this[i]==obj) return i;<br /> return -1;<br />}}<br />function replaceTopCmtVars(text, item, position)<br />{<br /> if(!item || !item.author) return text;<br /> var author = item.author;<br /> <br /> var authorUri = "";<br /> if(author.uri && author.uri.$t != "")<br /> authorUri = author.uri.$t;<br /> <br /> var avaimg = urlAnoAvatar;<br /> var bloggerprofile = "http://www.blogger.com/profile/";<br /> if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)<br /> avaimg = author.gd$image.src;<br /> else {<br /> var parseurl = document.createElement('a');<br /> if(authorUri != "") {<br /> parseurl.href = authorUri;<br /> avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;<br /> }<br /> }<br /> if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")<br /> avaimg = urlMyAvatar;<br /> if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")<br /> avaimg = urlNoAvatar;<br /> var newsize="s"+sizeAvatar;<br /> avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");<br /> if(cropAvatar) newsize+="-c";<br /> avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");<br /> <br /> var authorName = author.name.$t;<br /> if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)<br /> authorName = txtAnonymous;<br /> var imgcode = '<img class="top-commenter-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';<br /> if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';<br /> <br /> if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)<br /> authorName = authorName.substr(0, maxUserNameLength-3) + "...";<br /> var authorcode = authorName;<br /> if(authorUri!="") authorcode = '<a class="profile-name-link" href="'+authorUri+'">'+authorcode+'</a>';<br /> <br /> text = text.replace('[user]', authorcode);<br /> text = text.replace('[image]', imgcode);<br /> text = text.replace('[#]', position);<br /> text = text.replace('[count]', item.count);<br /> return text;<br />}<br /> <br />var topcommenters = {};<br />var ndxbase = 1;<br />function showTopCommenters(json) {<br /> var one_day=1000*60*60*24;<br /> var today = new Date();<br /> <br /> if(urlMyProfile == "") {<br /> var elements = document.getElementsByTagName("*");<br /> var expr = /(^| )profile-link( |$)/;<br /> for(var i=0 ; i<elements.length ; i++)<br /> if(expr.test(elements[i].className)) {<br /> urlMyProfile = elements[i].href;<br /> break;<br /> }<br /> }<br /> <br /> for(var i = 0 ; i < json.feed.entry.length ; i++ ) {<br /> var entry = json.feed.entry[i];<br /> if(numDays > 0) {<br /> var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601<br /> var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);<br /> <br /> //Calculate difference btw the two dates, and convert to days<br /> var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));<br /> if(days > numDays) break;<br /> }<br /> var authorUri = "";<br /> if(entry.author[0].uri && entry.author[0].uri.$t != "")<br /> authorUri = entry.author[0].uri.$t;<br /> <br /> if(excludeMe && authorUri != "" && authorUri == urlMyProfile)<br /> continue;<br /> var authorName = entry.author[0].name.$t;<br /> if(excludeUsers.indexOf(authorName) != -1)<br /> continue;<br /> <br /> var hash=entry.author[0].name.$t + "-" + authorUri;<br /> if(topcommenters[hash])<br /> topcommenters[hash].count++;<br /> else {<br /> var commenter = new Object();<br /> commenter.author = entry.author[0];<br /> commenter.count = 1;<br /> topcommenters[hash] = commenter;<br /> }<br /> }<br /> if(json.feed.entry.length == 200) {<br /> ndxbase += 200;<br /> document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');<br /> return;<br /> }<br /> <br /> // convert object to array of tuples<br /> var tuplear = [];<br /> for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);<br /> <br /> tuplear.sort(function(a, b) {<br /> if(b[1].count-a[1].count)<br /> return b[1].count-a[1].count;<br /> return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;<br /> });<br /> <br /> // list top topcommenters:<br /> var realcount = 0;<br /> for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {<br /> var item = tuplear[i][1];<br /> if(item.count < minComments)<br /> break;<br /> document.write('<di'+'v class="top-commenter-line">');<br /> document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));<br /> document.write('</d'+'iv>');<br /> realcount++;<br /> }<br /> if(!realcount)<br /> document.write(txtNoTopCommenters);<br />} <br />document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');<br /></script></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;">Eklediyseniz , eklentimiz hazır halde blogunuzdan görebilirsiniz , bu eklentinin demosunu paylaşmıyoruz, yukarıdaki resime tıklayarak inceleyebilirsiniz.. </div><br /><br /><br /><div class="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>>  <br /><br />Resimli En Çok Yorum Yapanlar Eklentisi , Blogger en çok yorum yapanlar , Resimli yorumlar , resimli en çok yorum yapanlar , yorumlar , Blogger yorum Eklentisi ,Blogger yorum resimli eklenti , Top Comment Gadget , Top Comment , Top Comment Gadget Avatars</div><br /><br /><br />

Resimli En Çok Yorum Yapanlar Eklentisi

Blogger için Resimli En Çok Yorum Yapanlar Eklentisi Widget Daha önceden ŞU konuda , en çok yorum yapanlar eklentisini paylaşmıştık..Şimdi ...

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

Ü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 Nivo Slider Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicUeOnSW4k1GSuPnvi3qIEnEv6PCnZQ2JkotxGn-w2E992cePQ23BMhMIJ4cunvhn526vcUlNckOOKeuIbz_pRDNB10jgiO9yOsDTEOJSQYTXAJtN5MUKdAswTP7bbOH1TK6JhWb-epM7O/s1600/nivo_slider.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicUeOnSW4k1GSuPnvi3qIEnEv6PCnZQ2JkotxGn-w2E992cePQ23BMhMIJ4cunvhn526vcUlNckOOKeuIbz_pRDNB10jgiO9yOsDTEOJSQYTXAJtN5MUKdAswTP7bbOH1TK6JhWb-epM7O/s320/nivo_slider.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="ikaz" style="clear: both; text-align: center;">Blogger Nivo Slider Widget</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Öncelikle bu eklentinin demosunu <a href="http://nivo.dev7studios.com/demos/3/" target="_blank"><b>BURDAN</b></a> görebilirsiniz , <b>Aynı zamanda bu slider eklentisini bizde kullanmaktayız , ana sayfamızda görebilirsiniz </b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Lafı uzatmadan , Blogger Nivo Slider Eklentisini blogger blogunuza nasıl ekleyeceğinizi anlatalım..</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 buluyoruz... </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;">]]></b:skin><br /></pre><div class="hata" style="clear: both; text-align: center;">Hemen üstüne , aşağıdaki kodlarımızı ekliyoruz.. </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;">/*Start Nivo Slider Css eklentileri.blogspot.com*/<br />/*<br />* Copyright 2011, Gilbert Pellegrom<br />* Free to use and abuse under the MIT license.<br />* http://www.opensource.org/licenses/mit-license.php<br />* For blogger by - Rahul Ippar @ helperblogger.com<br />* <br />* March 2010<br />*/<br /><br /><br />/* The Nivo Slider styles */<br />#slider {<br />width: 618px;<br />height: 246px;<br />}<br /><br />.nivoSlider {<br />position: relative;<br />}<br /><br />.nivoSlider img {<br />position: absolute;<br />top: 0px;<br />left: 0px;<br />}<br />/* If an image is wrapped in a link */<br />.nivoSlider a.nivo-imageLink {<br />position: absolute;<br />top: 0px;<br />left: 0px;<br />width: 100%;<br />height: 100%;<br />border: 0;<br />padding: 0;<br />margin: 0;<br />z-index: 6;<br />display: none;<br />}<br />/* The slices and boxes in the Slider */<br />.nivo-slice {<br />display: block;<br />position: absolute;<br />z-index: 5;<br />height: 100%;<br />}<br /><br />.nivo-box {<br />display: block;<br />position: absolute;<br />z-index: 5;<br />}<br />/* Caption styles */<br />.nivo-caption {<br />position: absolute;<br />left: 0px;<br />bottom: 0px;<br />background: #000;<br />color: #fff;<br />opacity: 0.8;<br />/* Overridden by captionOpacity setting */<br />width: 100%;<br />z-index: 8;<br />}<br /><br />.nivo-caption p {<br />padding: 5px;<br />margin: 0;<br />}<br /><br />.nivo-caption a {<br />display: inline !important;<br />}<br /><br />.nivo-html-caption {<br />display: none;<br />}<br />/* Direction nav styles (e.g. Next & Prev) */<br />.nivo-directionNav a {<br />position: absolute;<br />top: 45%;<br />z-index: 9;<br />cursor: pointer;<br />}<br /><br />.nivo-prevNav {<br />left: 0px;<br />}<br /><br />.nivo-nextNav {<br />right: 0px;<br />}<br />/* Control nav styles (e.g. 1,2,3...) */<br />.nivo-controlNav a {<br />position: relative;<br />z-index: 9;<br />cursor: pointer;<br />}<br /><br />.nivo-controlNav a.active {<br />font-weight: bold;<br />}<br />/*<br />Skin Name: Pascal Theme<br />Skin URI: http://nivo.dev7studios.com<br />Skin Type: fixed<br />Description: A nice, light skin for the Nivo Slider.<br />Version: 1.0<br />Author: Gilbert Pellegrom & Pascal Gartner<br />Author URI: http://dev7studios.com<br />*/<br /><br />.theme-pascal.slider-wrapper {<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizwt5x9uRz6u-fHisxFCou8_5FmdFOHqm-ewLgrak9IBfhkvar41nX5ZMbxcaaVGaIBK8vi4E8b_KStIlUlA2PCp55F5fL188oAuF4XVrtDJJWj2q-sWX8kq5bXXpXhRhphmBnZmI13yMW/s1600/helperblogger-slider-bg.png) no-repeat;<br />width: 668px;<br />height: 299px;<br />margin: 0 auto;<br />padding-top: 17px;<br />position: relative;<br />}<br /><br />.theme-pascal .nivoSlider {<br />position: relative;<br />width: 630px;<br />height: 235px;<br />margin-left: 19px;<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtFPz_mUV0oFAqRbUfNF6D_knZqR5wQmtfUsFUhzV0FEqqW1u6PA7PmrcvXY3bxhfKV34rrZ9mrlM0dSYRYADj_tUP0LaEpuErdZLlSqX6BlK-68K7oEs93QHXq3zR_zb-009iWTlomBuZ/s1600/helperblogger-loading.gif) no-repeat 50% 50%;<br />}<br /><br />.theme-pascal .nivoSlider img {<br />position: absolute;<br />top: 0px;<br />left: 0px;<br />display: none;<br />width: 630px;<br />/* Make sure your images are the same size */<br />height: 235px;<br />/* Make sure your images are the same size */<br />}<br /><br />.theme-pascal .nivoSlider a {<br />border: 0;<br />display: block;<br />}<br /><br />.theme-pascal .nivo-controlNav {<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbONOGeUOc4yGPqjDkqEA50w7ewyvYAqkItUhPI-kWBOUFJMkbCzebANlDnSbrpy9vgoootWiTDFzE9YdNxS5JLeQmhDceWPqmcXHq05H0x09zoFoW4N0hX-D_dCzGLPouyIc7AHfmuBKg/s1600/helperblogger-controlnav.png) no-repeat;<br />width: 251px;<br />height: 40px;<br />position: absolute;<br />left: 200px;<br />/* Tweak this to center bullets */<br />bottom: -42px;<br />padding: 8px 0 0 82px;<br />z-index: 20;<br />}<br /><br />.theme-pascal .nivo-controlNav a {<br />display: block;<br />width: 22px;<br />height: 22px;<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXkxYSkBiyHrV9oa7Sq0Q_aYAPVLrRKsp76U3vZ3mS9N00xswYAE5buV9OGAH_xPRuXLPHiM4FHuUpUikkf0sMMUVMpkz12sDUjQtkka_cfLcSjV4SXJF7frF8dboG-3Ltd2NBCR7Lb9D_/s1600/helperblogger-bullets.png) no-repeat;<br />text-indent: -9999px;<br />border: 0;<br />margin-right: 3px;<br />float: left;<br />}<br /><br />.theme-pascal .nivo-controlNav a.active {<br />background-position: 0 -22px;<br />}<br /><br />.theme-pascal .nivo-directionNav a {<br />display: none;<br />}<br /><br />.theme-pascal .nivo-caption {<br />bottom: 40%;<br />left: auto;<br />right: 0px;<br />width: auto;<br />max-width: 630px;<br />overflow: hidden;<br />background: #fff;<br />text-shadow: none;<br />font-family: arial, serif;<br />color: #4c4b4b;<br />}<br /><br />.theme-pascal .nivo-caption p {<br />padding: 5px 15px;<br />color: #333;<br />font-weight: bold;<br />font-size: 27px;<br />text-transform: uppercase;<br />}<br /><br />.theme-pascal .nivo-caption a {<br />color: #333;<br />font-weight: bold;<br />font-size: 27px;<br />text-transform: uppercase;<br />}<br /><br />.theme-pascal .ribbon {<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaTjbs0xst1PUK0Gh1xOatPjMu1LXd6O73Ll3eujfhW-UUGlysgs0Tdw7rWTCt0FNVe4zATan2Oq4A85XXs6lae6zHRLi4DRBRK_DznHar7wt1GzZjTiPZGwNZA4XWkMVRfp8c9RwKe3yL/s1600/helperblogger-ribbon.png) no-repeat;<br />width: 111px;<br />height: 111px;<br />position: absolute;<br />top: -8px;<br />left: -8px;<br />z-index: 300;<br />}<br />/*End Nivo Slider Css eklentileri.blogspot.com*/<br /></pre><div class="hata" style="clear: both; text-align: center;">Şimdi ise aşağıdaki kodumuzu buluyoruz. </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"></body><br /></pre><div class="hata" style="clear: both; text-align: center;">Bu kodumuzunda hemen üstüne , aşağıda yer alan kodlarımızı ekliyoruz. </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><!--Start Slider Scripts--><br /><script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/><br /><script src='http://yourjavascript.com/8855314511/jquery.nivo.slider.pack.js' type='text/javascript'/><br /><script type='text/javascript'><br />$(window).load(function() {<br />$(&#39;#slider&#39;).nivoSlider();<br />});<br /></script><br /></pre><div class="hata" style="clear: both; text-align: center;">Üstte yer alan işlemleri yaptıysanız , şablon kısmı ile işimiz bitti , kaydedebilirsiniz.. </div><br /><div class="hata" style="clear: both; text-align: center;">Şimdi <b>yerleşim</b> kısmına girip , <b>Gadget Ekle >> HTML/JavaScript</b> seçeneği ile açılan panele aşağıda 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; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><div class="slider-wrapper theme-pascal"><br /><div class="ribbon"></div><br /><br /><div id="slider" class="nivoSlider"><br /><br /><a href="<b><span style="color: blue;">http://eklentileri.blogspot.com/2012/04/blogger-facebook-yorum-kutusu-ekleme.html</span></b>"><img src="<b><span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoP5B02tG9RGh0D1vH4Cin_GxtzyyA7XSBs9FhYCwRg87MORlL56aw85rEKB93U00MZHgMhyphenhyphenQ_RI3wgRqgP-tuGcPjtFpTxKhhqns9Ii_LdWbwe4tSdHaWBUPeK3ZzlRdzmijTcD9avQRw/s1600/facebook-yorum-kutusu-eklentisi-ekleme.png</span></b>" alt="" title="<b>isteğe bağlı yazı</b>" /></a><br /><a href="<b><span style="color: blue;">http://eklentileri.blogspot.com/2012/03/blogger-yorum-kutusuna-arka-plan-ekleme.html</span></b>"><img src="<b><span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik8BMHnLdZTAJ6BJT-45ymEomkMZb828O_oHTBD1FV3vOBFtpCl7BmF370cbeh1X4-Ep1e6WeLfOpJnbwMy0njyS_mFmSkQS4lDOgYexHCK7fUnQNDgbNS_Qhfiq7Em4RmXGTzjnqR9r_5/s1600/yorum-formu.png</span></b>" alt="" title="<b>isteğe bağlı yazı</b>" /></a><br /><br /><a href="<b><span style="color: blue;">http://eklentileri.blogspot.com/2012/04/yandan-aclr-facebook-ve-twitter-takipci.html</span></b>"><img src="<b><span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAVPNFwfvcd_ou61FGurBRjxYZudIk41AT-4MDTGTduPeKs-gvGxVtgiYry8S34s7XvGADST1wJi0SwUV-wU8nlBeUpTQhHUq6RL46sC_N515y75Jw2PNpMyZ_DqfYSILnUxj1l4C3cs4y/s1600/takipci.png</span></b>" alt="" title="<b>isteğe bağlı yazı</b>" /></a><br /><br /><a href="<b><span style="color: blue;">http://eklentileri.blogspot.com/2012/03/blogger-admin-yazar-yorumlarn-farkl.html</span></b>"><img src="<b><span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEo9271yQsKnYpwMjREwqcznFENSCXjupWv950jdw08MlghkPIXaKT9WyvKrKi0fmaq3OnT2sv0QGLdPBxmXI3U0kyJiMGPC8zrjpYkJBl2Z1vqdwYebJcf9RlNfA-7ZehbTMN7KO7QMcd/s1600/yazar.png</span></b>" alt="" title="<b>isteğe bağlı yazı</b>" /></a><br /></div><br /><br /><br /></div><br /></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki kodlar içinde , <b><span style="color: red;">kırmızı</span></b> yerlere resim adresleriniz , <b><span style="color: blue;">mavi</span></b> yerlere resime tıklayınca gidilmesi gereken adres , <b>siyah</b> kalın yazılmış yerleri ise , resim üstüne yazı eklemek için kullanabilirsiniz ( yazı istemezseniz , boş bırakabilirsiniz.. ) </div><br /><div class="tamam" style="clear: both; text-align: center;">Eklentiyi , aşağıdaki resimde gördüğünüz yere eklemeniz önerilir.. </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRdVnnoC8KhMQaJLPZqlWJ8gUxmJa8Qh8Kh7ETqXH2NHD2NW4t0_rDoTiR5HZnA-ZFZBNbAQTfqSoRqTHjcucZJGyKoCbUCNUctkU-8eQz5cHAzY3GFoSYnfNpiqXiOQqNY5ZOjF8HQfKF/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/AVvXsEgRdVnnoC8KhMQaJLPZqlWJ8gUxmJa8Qh8Kh7ETqXH2NHD2NW4t0_rDoTiR5HZnA-ZFZBNbAQTfqSoRqTHjcucZJGyKoCbUCNUctkU-8eQz5cHAzY3GFoSYnfNpiqXiOQqNY5ZOjF8HQfKF/s320/BURAYA.png" width="320" /></a></div><br /><br /><div class="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>> <br /><br />Blogger Nivo Slider Eklentisi , Blogger Nivo Slider Widgets , Blogger Slider Eklentisi , Blogger Sliders , Blogger Slider Eklentileri , Blogger Slider Ekleme , Bloga Slider Nasıl Eklenir<br /><br /></div>

Blogger Nivo Slider Eklentisi

Blogger Nivo Slider Widget Öncelikle bu eklentinin demosunu BURDAN görebilirsiniz , Aynı zamanda bu slider eklentisini bizde kullanmaktayız...

Devamı »

Resim üstüne yazı eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8ZXJpPZJ2DgW6nxZFG7Pj28yFgHeBiT_23KV5ui2ZgoPfjlc2zdWhmL9viwi_mmQvww1p409mlE587IWgHkuqjM_U9rKHtxiKCVZo9nWi_DJV0PiqbyBwWkKjoeU8J3Rqrvkwevf5itOY/s1600/manset-resim-%C3%BCst%C3%BCnde-yaz%C4%B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8ZXJpPZJ2DgW6nxZFG7Pj28yFgHeBiT_23KV5ui2ZgoPfjlc2zdWhmL9viwi_mmQvww1p409mlE587IWgHkuqjM_U9rKHtxiKCVZo9nWi_DJV0PiqbyBwWkKjoeU8J3Rqrvkwevf5itOY/s320/manset-resim-%C3%BCst%C3%BCnde-yaz%C4%B1.png" width="320" /></a></div><div class="ikaz" style="clear: both; text-align: center;">Blogger resim üstüne yazı eklentisi </div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimiz <a href="http://www.blogger.com/profile/01512931234550623786" rel="nofollow" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #a14a00; font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; font-weight: bold; line-height: 22px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; text-shadow: rgb(0, 0, 0) 1px 1px 1px; text-transform: capitalize; vertical-align: baseline;">Serhat Yıldıko</a> tarafından istenmiştir , blogger blogunda kullanmak isteyenler kullanabilirler..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Lafı uzatmadan eklentinin <b><a href="http://bdeneme.blogspot.com/" target="_blank">DEMO</a></b>'suna bakabilir ve aşağıdaki yolları takip ederek blogunuza ekleyebilirsiniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Hemen anlatıma geçelim..</div><br /><div class="hata" style="clear: both; text-align: center;">Aşağıdaki kodu bulun.. </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%;">]]></b:skin><br /></pre><div class="hata" style="clear: both; text-align: center;">Bir satır üstüne alttaki kodları ekleyelim.. </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%;">#arka{<br /> background-color:#FFFFFF;<br /><br /> <br /> <br />}<br />#arka li{<br /> display:inline-block;<br /> box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);<br /> -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);<br /> -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);<br />}<br />.text{<br /> padding:3px 5px;<br /> font-size:12px;<br /> width:175px;<br /> color:#FFFFFF;<br /> background: #000000;<br /> background: rgba(0,0,0,0.5);<br /> position:relative;<br /> z-index:1;<br /> text-align:center;<br /> <br /> margin-top:-36px;<br /> -webkit-transition: background 1s;<br /> -moz-transition: background 1s;<br /> -o-transition: background 1s;<br /> transition: background 1s;<br />}<br />.text:hover{<br /> -webkit-transition: background 1s;<br /> -moz-transition: background 1s;<br /> -o-transition: background 1s;<br /> transition: background 1s;<br /> background: #000000;<br /> background: #000000;<br />}<br /></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki işlemi yaptıysanız kaydedin ve yerleşim kısmına girerek , gadget ekle > HTML/JavaScript seçeneği ile açılan panele aşağıdaki kodlarımızı ekleyelim..</div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; height: 100%; line-height: 14px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; width: 100%;"><span style="font-size: x-small;"><div id="arka"><br /> <li><a href="<b><span style="color: lime;">#</span></b>"><img src="<b><span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2nLkaL1GAR0UkB8DYXmGE3QJaPn1_jCsWfc_wEz8Vr4QY-BjtzEY9ZRxJVBgRbFai1DbJCQhCFM3NiCNbQm0nh3Y32023nJn2hxk3vCQnmrFYzP4c71PQaCOsFFd2vHyFCTPCGV9D/s1600/alt-bar.png</span></b>" width="185" height="120" /></a><br /> <div class="text"><b><span style="color: blue;">Deneme Yazı 1 , Bu Bir Denemedir....</span></b></div></li><br /><br /> <br /> <li><a href="<b><span style="color: lime;">#</span></b>"><img src="<b><span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikis5vMdQ-WNMsNzcIC-oPoXaqDB_IBjW0jznizq3NW_HnpSuwTQFICXmvWGYg8uhVOXTB3wsqF8w0n6mgod_RZ7Rv3GBO8yanH6MtbCilXCoplzq3PUUM02SYo7oRMqJ63H7meY2N/s1600/gadget+ortalama.png</span></b>" width="185" height="120" /></a><br /> <div class="text"><b><span style="color: blue;">Deneme Yazı 2 , Bu Bir Denemedir....</span></b></div></li><br /><br /> <br /> <li><a href="<b><span style="color: lime;">#</span></b>"><img src="<b><span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSAWVb_8JxamwF0RIRFHklFmazeDbf8n6wHgkVfngW5ZLUgVYw2M4omWWfqD65FByx0_9ypeYm4u_SutkYUn3RUoK4eZDB6zB2odAD8_8lcNGOaUVBzhZ4VAt3SD_7b6WUT10h3cS3/s1600/mause-blogger.png</span></b>" width="185" height="120" /></a><br /> <div class="text"><b><span style="color: blue;">Deneme Yazı 3 , Bu Bir Denemedir....DENEME</span></b></div></li><br /><br /> <br /> <br /> <br /> <br /></div></span><span style="color: black; font-size: 10px;"><br /></span></pre><div class="hata" style="clear: both; text-align: center;"><b><span style="color: red;">Kırmızı yazılar resim linkleriniz</span></b>, <b><span style="color: blue;">mavi yazılar resim açıklamaları</span></b> , <b><span style="background-color: white; color: lime;">yeşil # tıklandığında gitmek istediğiniz adres</span></b>...Bu işlemide yaptıysak eklentimiz hazırdır , son olarak yapmamız gereken , eklediğiniz eklentiyi , konu üstüne taşımak..<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><br /><br /><div class="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>> <br /><br />Resim üstüne yazı eklentisi , Blogger Resim üstüne yazı eklentisi , Resim üstüne yazı yazma , Resim üstüne nasıl yazı yazılır , blogger resimm eklentileri , blogger image widgets , </div><br /><br />

Resim üstüne yazı eklentisi

Blogger resim üstüne yazı eklentisi  Bu eklentimiz  Serhat Yıldıko  tarafından istenmiştir , blogger blogunda kullanmak isteyenler kullanabi...

Devamı »

Daha iyi Bir Blog için Yapılması Gerekenler

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDNSG2cKXvah11m8PgEskKUSlfeUzZXwD3uVoY2anblxTGwrk19xujkuZh6NSgbvn0qGwvJI2XJwQGj3iUGpLixe86Uzb7OAx1hKBbfq0_kqW0XA3IMofRchKlPM7HLZw3u703LVa152qd/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/AVvXsEjDNSG2cKXvah11m8PgEskKUSlfeUzZXwD3uVoY2anblxTGwrk19xujkuZh6NSgbvn0qGwvJI2XJwQGj3iUGpLixe86Uzb7OAx1hKBbfq0_kqW0XA3IMofRchKlPM7HLZw3u703LVa152qd/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;"><b>Daha iyi Bir Blog için Yapılması Gerekenler</b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bir blog yazarının aklında, Blogumun hitini nasıl arttırırım ? Bloguma nasıl daha fazla ziyaretçi çekerim , Blogumu daha okunur bir hale nasıl getirebilirim vb. tarzı sorular her zaman vardır...</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;"><b>Resim kullanın ;</b> Blogunuza yazdığınız yazılarınızda , en azından bir tane resim,logo,görsel öge içeren bir obje kullanmanız her zaman iyidir.Okurlarınızın yazılarınızdan keyif alması için bu gereklidir...</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;"><b>Fazla yazmayın ;</b> Bir blog yazarının bazen yaptığı en büyük hata , yazılarını uzun tutarak ziyaretçileri sıkmasıdır , Uzun ve anlamsız cümleler ziyaretçilerinizi blogunuzdan uzaklaştırır.Yazılarınızı net ve anlaşılır biçimde yazın..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;"><b>Yorumları unutmayın ;</b> Blogunuza yorum yapan ziyaretçilerinizin yorumlarını görmezden gelmeyin , olumlu yada olumsuz mutlaka geri dönüş yapın , blogunuza yorum yapan kullanıcılar, mümkün olduğunca çabuk cevap bekler , bu süreyi çok fazla uzatmamaya çalışın..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;"><b>Yazım hataları ;</b> Blogunuza yazı yazarken yazım hatalarına dikkat edin , mutlaka hata yapabilirsiniz, olabildiğince az hata yapmaya çalışın , yazınızı yayınlamadan önce mümkünse önizleme yaparak yazım hatalarınızı kontrol edin..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;"><b>Blogunuzu güncel tutun ;</b> Ziyaretçiler güncel blog sever ! Blogunuzu çok fazla aksatmayın , yazdığınız yazılar mümkünse , bir çok kişiye hitap edecek şekilde olmalı , haftada bir yazı yazmayın , günde en az bir yazı paylaşın ve paylaştığınız bu yazıyı sırf yazmak için yazmayın , ziyaretçi kitlenize göre ne uygun bir yazı yazmaya çalışın....</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;"><b>Sıkıcı olmayın ;</b> Her ne kadar ciddi bir blogunuz olsada , bazen blogunuzda komik bir resim , fotoğraf , karikatür vb.. paylaşımlar yaparak ziyaretçilerinizi anlıkta olsa eğlendirebilirsiniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;"><b>Google ile aranızı sağlam tutun ;</b> Yazılarınız güncel ve sizin tarafınızdan yazılmış olsun , kopyala yapıştır yapmayın , blogunuza yüzlerce etiket eklemeyin, etiketler önemlidir...</div><div class="separator" style="clear: both; text-align: center;"><br /></div><br />

Daha iyi Bir Blog için Yapılması Gerekenler

Daha iyi Bir Blog için Yapılması Gerekenler Bir blog yazarının aklında, Blogumun hitini nasıl arttırırım ? Bloguma nasıl daha fazla ziyaretç...

Devamı »

Otomatik Thumbnail ve Devamını Oku Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIPVZEtLstUGkq3ALEPlZ4IErtpXvJI602aJ7bYUcBu2FGOoFnz_OVCGFc4-P0CXSPfQH0PnMoicxVTDGUmCZBb6eCXfmGuihq-9IqF2KPjFNbOU366X7Acj6c1MZuZl-u4hDj2tGwF_mP/s1600/thumbnail-devam%C4%B1n%C4%B1-oku.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIPVZEtLstUGkq3ALEPlZ4IErtpXvJI602aJ7bYUcBu2FGOoFnz_OVCGFc4-P0CXSPfQH0PnMoicxVTDGUmCZBb6eCXfmGuihq-9IqF2KPjFNbOU366X7Acj6c1MZuZl-u4hDj2tGwF_mP/s320/thumbnail-devam%C4%B1n%C4%B1-oku.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;">Otomatik Thumbnail ve Devamını Oku Eklentisi</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bir çok kişinin kullandığı Otomatik Thumbnail ve Devamını Oku Eklentisinde , blogunuzda yazdığınız yazılara otamatik olarak konu içerisindeki resim ve devamını oku bağlantısının nasıl ekleneceğini bu yazımızda bulabilirsiniz...</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Görüntü açısından da kullanışlı olan Otomatik Thumbnail ve Devamını Oku Eklentisi , Blogunuzda konuların uzayıp gitmesini engeller..Ana sayfada ve diğer sayfalarda daha iyi bir görüntü sağlar..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Hemen anlatıma geçelim..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Widget Şablonlarını Genişlet kutucuğunu işaretlediğinizden emin olun ve aşağıdaki kodu bulun.. </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%;"></head><br /></pre><div class="hata" style="clear: both; text-align: center;">Bulduğumuz kodun hemen üstüne , aşağıda yer alan kodları ekleyelim.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; height: 100%; line-height: 14px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; width: 100%;"><span style="color: black; font-size: xx-small;"><script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;<br />summary_noimg = 400;<br />summary_img = 400;<br /></span><b><span style="color: red;">img_thumb_height = 140;<br />img_thumb_width = 140;</span></b><span style="color: black; font-size: xx-small;"><br /></script><br /><script type='text/javascript'><br />//<![CDATA[<br />function removeHtmlTag(strx,chop){<br />if(strx.indexOf("<")!=-1)<br />{<br />var s = strx.split("<");<br />for(var i=0;i<s.length;i++){<br />if(s[i].indexOf(">")!=-1){<br />s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br />}<br />}<br />strx = s.join("");<br />}<br />chop = (chop < strx.length-1) ? chop : strx.length-2;<br />while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;<br />strx = strx.substring(0,chop-1);<br />return strx+'...';<br />}<br /><br />function createSummaryAndThumb(pID){<br />var div = document.getElementById(pID);<br />var imgtag = "";<br />var img = div.getElementsByTagName("img");<br /><br />if(img.length<=0) {<br />imgtag = '<span style="float:left;margin-right:5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPDRn6VvjTeIZoX0IpkHN4rS6o9I1oBXhN4WlspSrqeEfZqnN5g0LJA74aXyuZ4eMvJHTkm_h59BeaQXakMPkFgQc2s_tzuSHhwMF08EVzHbhItGzEpqwWJaXT_4sHcHXRk0YR1R42t9OL/s0/2nrklth.jpg" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';<br />var summ = summary_noimg;<br />}<br /><br />if(img.length>=1) {<br />imgtag = '<span style="float:left;margin-right:5px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';<br />summ = summary_img;<br />}<br /><br />var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br />div.innerHTML = summary;<br />}<br /><br />//]]><br /></script> <br /></span></pre><div class="hata" style="clear: both; text-align: center;">Şimdi ise aşağıdaki kodumuzu bulalım.. </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%;"><data:post.body/><br /></pre><div class="hata" style="clear: both; text-align: center;">Bu kodumuzu aşağıdaki kod ile değiştirelim..( Daha detaylı olarak , bu kodu silin ve yerine 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%;"><!-- eklentileri.blogspot.com thumbnail devamını oku başlangıcı --><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><data:post.body/><br /><b:else/><br /><b:if cond='data:blog.pageType == &quot;static_page&quot;'><br /><data:post.body/><br /><b:else/><br /><div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><br /><script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);<br /></script><br /><a class='more' expr:href='data:post.url'>Devamını oku...</a><br /></b:if><br /></b:if><br /><!-- eklentileri.blogspot.com thumbnail devamını oku bitişi --><br /></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki işlemleri yaptıysanız Otomatik Thumbnail ve Devamını Oku Eklentisini artık blogger blogunuzda kullanabileceksiniz.. <br /><br />Yukarıda eklemeniz gereken ilk kod içinde yer alan ;<br /><br /><div style="text-align: left;"><b><span style="color: red;">img_thumb_height = 140;</span></b></div><br /><div style="text-align: left;"><b><span style="color: red;">img_thumb_width = 140;<br /></span></b></div>Değerlerini değiştirerek , thumbnail yani ana sayfanızda görünecek resmin boyutunu ayarlayabilirsiniz..<br /><br /></div><br /><br /><div class="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>> <br /><br />Otomatik Thumbnail ve Devamını Oku Eklentisi , Blogger Otomatik Thumbnail ve Devamını Oku Eklentisi , Blogger Thumbnail ekleme , Blogger Devamını oku Eklentisi , Blogger Devamını Oku ekleme , Blogger Thumbnail ve Devamını Oku</div><br /><br />

Otomatik Thumbnail ve Devamını Oku Eklentisi

Otomatik Thumbnail ve Devamını Oku Eklentisi Bir çok kişinin kullandığı Otomatik Thumbnail ve Devamını Oku Eklentisinde , blogunuzda yazdığı...

Devamı »

Blogger Resimli Benzer Yazılar Eklentisi v.2

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIfD5Z0Wz4x254n5jhNDiO3dB4bbye1smWcYN1L-FinFGYBq8PpQYcOfJ8q7enC2fvQDGmWBC-V0TEz4Xno05z6Xf8HV9XAsVFq3LCEwPhg6MCLDV_12X7YNVBVN63nuhbVm12TnbMIlvM/s1600/BENZER-YAZILAR.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIfD5Z0Wz4x254n5jhNDiO3dB4bbye1smWcYN1L-FinFGYBq8PpQYcOfJ8q7enC2fvQDGmWBC-V0TEz4Xno05z6Xf8HV9XAsVFq3LCEwPhg6MCLDV_12X7YNVBVN63nuhbVm12TnbMIlvM/s320/BENZER-YAZILAR.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="ikaz" style="clear: both; text-align: center;">Blogger Resimli Benzer Yazılar Eklentisi v.2</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 Resimli benzer yazılar eklentisi istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Daha önce <b><a href="http://eklentileri.blogspot.com/2012/03/blogger-benzer-yazlar-eklentisi.html" target="_blank">BU</a></b> yazımızda , resimli benzer yazılar eklentisinin nasıl yapılacağını anlatmıştık , farklı olarak bu eklentimizde , benzer yazılarınız , alt alta resimli şekilde listeleniyor..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Ziyaretçilerinizin ilgisini çekmek için resimli benzer yazılar eklentisini blogunuza eklemek için aşağıdaki anlatımı takip edin.</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Öncelikle , <b>Widget Şablonlarını Genişlet kutucuğunu</b> işaretleyin ve Aşağıda yer alan kodumuzu bulun.. </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%;"></head><br /></pre><div class="hata" style="clear: both; text-align: center;">Hemen üstüne , altta yer alan kodlarımızı ekleyelim.. </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%;"><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><style type='text/css'><br />#related-posts {<br />text-transform:none;<br />padding-left:5px;<br />}<br />#related-posts li {<br />list-style:none;<br />}<br />#related-posts h2{<br />font-size: 18px;<br />font-weight: bold;<br />color: #003300;<br />}<br />#related-posts a{<br />font-size: 16px;<br />color:#868686;<br />}<br />#related-posts a:hover{<br />color:black;<br />}<br />a.hidden img{<br />filter:alpha(opacity=70);<br />-moz-opacity: 0.5;<br />opacity: 0.5;<br />}<br /> a.hidden:hover img{<br />filter:alpha(opacity=100);<br /> -moz-opacity: 1.0;<br /> opacity: 1.0;}<br /><br /></style><br /><script src='http://yourjavascript.com/1124875421/benzer.js' type='text/javascript'/><br /></b:if><br /></pre><div class="hata" style="clear: both; text-align: center;">Şimdi ise bu kodumuzu buluyoruz.. </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><data:post.body/><br /></pre><div class="hata" style="clear: both; text-align: center;">Hemen altına 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; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; height: 100%; line-height: 14px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; width: 100%;"><span style="font-size: xx-small;"><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div id='related-posts'><br /><b:loop values='data:post.labels' var='label'><br /><b:if cond='data:label.isLast != &quot;true&quot;'><br /></b:if><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><br /><script type='text/javascript'><br />var currentposturl=&quot;<data:post.url/>&quot;;<br />var maxresults=</span><b><span style="color: red;">4</span></b><span style="font-size: xx-small;">;<br />var relatedpoststitle=&quot;</span><b><span style="color: red;">BENZER YAZILAR</span></b><span style="font-size: xx-small;">&quot;;<br />removeRelatedDuplicates_thumbs(); <br />printRelatedLabels_thumbs();<br /></script><br /></div><div style='clear:both'/><br /></b:if><br /></span></pre><div class="hata" style="clear: both; text-align: center;">Anlatılanları doğru yaptıysanız eklentimiz artık hazır... <b><a href="http://eklentilerideneme3.blogspot.com/2012/04/deneme-yazs-8.html" 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 Resimli Benzer Yazılar Eklentisi v.2 , Blogger Resimli Benzer Yazılar Eklentisi  , Blogger Resimli Benzer Yazılar  , Blogger Benzer Yazılar Eklentisi , Blogger Benzer Yazı Nasıl Eklenir</div><br /><br />

Blogger Resimli Benzer Yazılar Eklentisi v.2

Blogger Resimli Benzer Yazılar Eklentisi v.2 Blogger blogunuz için Resimli benzer yazılar eklentisi istermisiniz ? Daha önce BU yazımızda ,...

Devamı »

Blogger Blogunuz Daha Hızlı Açılsın

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcGkY-NS5-DlgMDxRZfjF9mWBQx07BN-Fl0weYNDbNdxc8tD3ASPC70e46x7v_xProHgGtkDITQMCazjb0QXb91Vu7VGG9n4R-aMp4jVqWfWSBbJ4lT9zPDG-hvKwGpbtXNwUjsQqy_qSo/s1600/blogger-h%C4%B1zl%C4%B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcGkY-NS5-DlgMDxRZfjF9mWBQx07BN-Fl0weYNDbNdxc8tD3ASPC70e46x7v_xProHgGtkDITQMCazjb0QXb91Vu7VGG9n4R-aMp4jVqWfWSBbJ4lT9zPDG-hvKwGpbtXNwUjsQqy_qSo/s320/blogger-h%C4%B1zl%C4%B1.png" width="320" /></a></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;">Blogger Blogunuz Daha Hızlı Açılsın</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Öncelikle bu yazımız bir eklenti değildir , Sadece blogger blogunuzun daha hızlı açılması için ipuçları içerir..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;"><b><< Resim >></b><br />Blogger bloglarınızda , yazı içlerinde onlarca resim kullanmayın , mümkünse tek resim her zaman açılış hızı açısından önemlidir..Blogunuza eklediğiniz resimlerin boyutu büyük olmasın , büyük boyutlu resimler sayfanın yüklenme süresini geciktirir..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;"><b><< Eklenti >> </b><br />Blogger bloglarımızda kullandığımız eklentiler vazgeçilmez , olmazsa olmazlardandır..Blogunuzda Gereksiz eklentilerden kaçının , mümkünse , hareketli çok fazla eklenti kullanmayın , örneğin ; flash obje içeren eklentiler blogunuzun açılış hızına etki eder..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;"><b><< Javascript >> </b><br />Blogger blogumuzda , Hıza etki eden bir faktörde javascript dosyalarıdır , Bazen kullandığınız temanın içinde zaten varlardır, bazende kullandığınız eklentilerde de yer alırlar , bu javascript dosyaları başka kaynaklarda yüklü olduklarından , Blogger açılırken , kendi barındıkları sunuculara bağlanıp blogunuzun açılışını yavaşlatabilirler..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;"><b>Sonuç olarak , blogger blogunuzun daha hızlı açılmasını istiyorsanız , yazılarınıza onlarca resim eklemeyiniz, ve gereksiz eklentilerden kaçınınız..</b></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="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>> <br /><br />Blogger Blogunuz Daha Hızlı Açılsın , Blogger  Daha Hızlı Açılsın , Blogger Hzılandırma , Blogger Sayfam Nasıl Hızlı Açılır , Blogum Yavaş Açılıyor , Blogger Hızlandırma teknikleri , Blogunuz Daha Hızlı Açılsın</div><br /><br />

Blogger Blogunuz Daha Hızlı Açılsın

Blogger Blogunuz Daha Hızlı Açılsın Öncelikle bu yazımız bir eklenti değildir , Sadece blogger blogunuzun daha hızlı açılması için ipuçları ...

Devamı »

Blogger Yorum Kutusuna Arka Plan Ekleme

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUmn1B1z0fkvcjdtUcqBqZK28DUaBINRcbnt2kRU8GlLhp1vO9gR9bFRftmPtqXuB3N5fWP__THIte1pLXEE_ImDzG1JVwQB7j5G_hf0086z8tqLzRfvVrC3WNEBazqdCXEUjp3ZPLgpvU/s1600/yorum-formu-arka-plan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUmn1B1z0fkvcjdtUcqBqZK28DUaBINRcbnt2kRU8GlLhp1vO9gR9bFRftmPtqXuB3N5fWP__THIte1pLXEE_ImDzG1JVwQB7j5G_hf0086z8tqLzRfvVrC3WNEBazqdCXEUjp3ZPLgpvU/s320/yorum-formu-arka-plan.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 Yorum Kutusuna Arka Plan Ekleme Eklentisi...</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger blogunuzdaki yorum kutusunun görüntüsü hoşunuza gitmiyor yada daha hareketlilik kazandırmak istiyorjavascript:void(0);sanız bu eklenti tam size göre..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger yorum kutunuz daha görsel ve renkli hale gelecek..</div><div class="hata" style="clear: both; text-align: center;">Aşağıdaki kodu bulun </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%;">]]></b:skin><br /></pre><div class="hata" style="clear: both; text-align: center;">Bu kodun üstüne aşağıdaki kodları ekleyin </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; width: 100%;"><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;"><br />#mybtips-form iframe{ <br />background:#ffffff url(<b><span style="color: red;">BURAYA RESIM LINKI</span></b>) repeat; <br />border:1px solid #ddd; <br />-moz-border-radius:6px; <br />-webkit-border-radius:6px; <br />box-shadow: 5px 5px 5px #CCCCCC; <br />padding:5px; <br />font:normal 12pt "ms sans serif", Arial; <br />color:#ffffff; <br />width:560px; height:213px !important; <br />}<br />#mybtips-form a{ <br />color:#000; <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;">Üstteki işlemi yaptıktan sonra aşağıdaki kodu bulun , blogunuzda 1 veya 2 tane olacaktır.. </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><div class='comment-form'><br /></pre><div class="hata" style="clear: both; text-align: center;">üstteki kodu silip yerine aşağıdaki kodu yapıştırınız.. </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><div id='mybtips-form'><br /></pre><div class="hata" style="clear: both; text-align: center;"><b><span style="color: red;">Resim linki </span></b>yazan yere, aşağıdaki resimlerden beğendiğinizin linkini yazıp , o resmi kullanabilirsiniz..<a href="http://bloggereklentilerideneme.blogspot.com/2012/12/deneme-konu-1.html" rel="nofollow" target="_blank"><b>DEMO</b></a></div><br /><br /><br /><br /><div class="hata" style="clear: both; text-align: center;"><b><span style="color: red;">Bu kısmı en son deneyiniz ! eğer yorum formunuz , yorum yapılan konularda gözükmüyorsa aşağıdaki adımı uygulayınız </span></b></div><br /><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><span style="color: red;">'comment-holder'</span></b> kodunu aratın blogunuzda , 2 sonuç çıkacaktır..<br /><br />her ikisinide <b><span style="color: red;">'</span></b></span></span><span style="background-color: transparent; line-height: 14px;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><b><span style="color: red;">mybtips-form'</span></b> olarak değiştirin..</span></span></pre><br /><b style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: left;">Floral</b><br /><pre style="background-clip: initial; background-color: #cceecc; background-origin: initial; color: #333333; font-size: 12px; line-height: 19px; overflow-x: scroll; overflow-y: scroll; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left;">Image URL:<br />http://1.bp.blogspot.com/-TjJflzKETo4/ToB8PzdeWdI/AAAAAAAAAO4/e39aQolo8c8/s1600/238+%25281%2529.jpg<br /></pre><br /><div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc9uxQ7PCcRlvuc8YHYDwgjKOGVuys0uD61J_lkhDatDydAxJL3KVlI8Ist13BDqeFZILotuzWegeUiGiUTJeUoltHID1MiOVNyfSUmFyUIC_Po7OCHxRKmFJ09aaXfVW0iMpqdZ-k17F5/s1600/Floral.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(233, 233, 233); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(233, 233, 233); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(233, 233, 233); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(233, 233, 233); border-top-style: solid; border-top-width: 1px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /></div><br /><br /><b style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: left;">Wire Fence</b><br /><pre style="background-clip: initial; background-color: #cceecc; background-origin: initial; color: #333333; font-size: 12px; line-height: 19px; overflow-x: scroll; overflow-y: scroll; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left;">Image URL:<br />http://3.bp.blogspot.com/-9J_2sSAD-Wg/ToCAy4hppjI/AAAAAAAAAPM/3FKPo9TZoFU/s1600/153.jpg<br /></pre><br /><div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpfuLx7FKMMjb0GHyd4bu2-KWtlcnWM2mhxPJ_GU-x8pZcUm-1YIyQSNDrsOy3AHJO8II_wyw2yKb8WTwWFRSlQ_gK_KPofw4XtitZqH7g9m6Vz465CzbasjKbeoV9KeJtDH0ImIovtkAO/s1600/Untitled.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(233, 233, 233); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(233, 233, 233); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(233, 233, 233); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(233, 233, 233); border-top-style: solid; border-top-width: 1px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /></div><br /><b style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: left;">Metallic</b><br /><pre style="background-clip: initial; background-color: #cceecc; background-origin: initial; color: #333333; font-size: 12px; line-height: 19px; overflow-x: scroll; overflow-y: scroll; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left;">Image URL:<br />http://2.bp.blogspot.com/-nvs8ifZy9o8/ToB8Oh9jvoI/AAAAAAAAAO0/fPxeGXUTsG0/s1600/12.png<br /></pre><br /><div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC0a2ibpnSM5JEpDDdq5T2uWu3S3P48p-FDrDs_qLeNTcoGbj5TeHRLY_GTZBNwfq5YCZhBXUsArOrXREyyuX0es5OcboodvC_8XY5u9xdBWhnBMhql0NzfQduzR6rM-TsuF_m0L7ur_P2/s1600/metal.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(233, 233, 233); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(233, 233, 233); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(233, 233, 233); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(233, 233, 233); border-top-style: solid; border-top-width: 1px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /></div><br /><b style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: left;">Stripes</b><br /><pre style="background-clip: initial; background-color: #cceecc; background-origin: initial; color: #333333; font-size: 12px; line-height: 19px; overflow-x: scroll; overflow-y: scroll; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left;">Image URL:<br />https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOKiK46ak6bqDMLQzWREXw30hjTovvjKvtFIYgqcfLEhR9ylNw9TBswlMIFwIAGeXNBF9T_53GVbGr_DiXOopXQchcQnw57tNB-LhUgz9jmyOAK5XuiQJ2lrITfaJ8d3rQRph9U_QLNbSc/s1600/152.jpg<br /></pre><br /><div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnktZIaodI5bPa00495BCH7f0CXCW-cafTyb0Ibj9i90FhcS3StdAiQmWS2bts-EBX6VgAna5mpZ0stOnEwFWw3Wxc8sSgZzXESL5Xdy0Iey7i1RGUZAcN-1dwVF3MFxojEM9DXflqi2-m/s1600/Untitled2.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(233, 233, 233); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(233, 233, 233); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(233, 233, 233); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(233, 233, 233); border-top-style: solid; border-top-width: 1px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /></div><br /><b style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: left;">Metallic Grid</b><br /><pre style="background-clip: initial; background-color: #cceecc; background-origin: initial; color: #333333; font-size: 12px; line-height: 19px; overflow-x: scroll; overflow-y: scroll; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left;">Image URL:<br />http://3.bp.blogspot.com/-MayXHtLb8pA/ToCDZM4EUjI/AAAAAAAAAPU/qXueR9EGUks/s1600/115.jpg<br /></pre><br /><div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGTKADnx-ZJfQaEEW9kHym_M7p-18Nsp9r2O7ZmM4b0gUy4sa3kWKbLnePxCOnMfCQKshdc8pw4Sp3HK4d0riIj0hFFMeHfeu8LxeqHTeNduPikJb6RHPrRBQkgwxR3Bm9omZE5jI22J_R/s1600/Untitled3.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(233, 233, 233); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(233, 233, 233); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(233, 233, 233); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(233, 233, 233); border-top-style: solid; border-top-width: 1px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /></div><br /><br /><br /><div class="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları >>> <br /><br />Blogger Yorum Kutusuna Arka Plan Ekleme , Blogger Yorum Kutusu , Blogger Yorum Kutusu görsel , Blogger Yorum Kutusu renklendir , Blogger Yorum Kutusu resim ekle , Blogger Yorum Kutusu eklentisi , Blogger Yorum Kutusu eklentileri , Blogger Yorum formu arka plan ekleme , Blogger Yorum formu resmi</div>

Blogger Yorum Kutusuna Arka Plan Ekleme

Blogger Yorum Kutusuna Arka Plan Ekleme Eklentisi... Blogger blogunuzdaki yorum kutusunun görüntüsü hoşunuza gitmiyor yada daha hareketlilik...

Devamı »

Yorum Gönder Yazısı Yerine Resim Eklemek

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJV2xDo8QyPAjOgSBBLDw3CJglRyYtg6QtQ2flY531yORIeWafTSMp8yUANRFRPYCziwch-6iOhGBgn_VwwxqrQlWFeJRQI9uNEDNX2K8Jw3ws6aRxG5ktMN6IAcoirEvYqKwc8omcLfPd/s1600/yorum-gonder-res%C4%B1m-eklent%C4%B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJV2xDo8QyPAjOgSBBLDw3CJglRyYtg6QtQ2flY531yORIeWafTSMp8yUANRFRPYCziwch-6iOhGBgn_VwwxqrQlWFeJRQI9uNEDNX2K8Jw3ws6aRxG5ktMN6IAcoirEvYqKwc8omcLfPd/s320/yorum-gonder-res%C4%B1m-eklent%C4%B1.png" width="320" /></a></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;">Yorum Gönder Yazısı Yerine Resim Eklemek</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger blogunuzda bulunan yorum gönder yazısı yerine resim eklemek istermisiniz ? aşağıda yer alan kodlar yardımı ile , yorum gönder yazısı yerine istediğiniz resimi ekleyebilirsiniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu sayede yorum gönder formunuz daha şık bir hal alacak..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">, Yorum Gönder Yazısı Yerine Resim Eklemek için , 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; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 14px; height: 100%; line-height: 14px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; width: 100%;"><code>]]></b:skin></code><span style="color: #888888;"><br /></span></pre><div class="hata" style="clear: both; text-align: center;">, Bu kodun hemen üstüne aşağıdaki kodu ekleyiniz.. </div><pre style="border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 14px; height: 100%; line-height: 14px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; width: 100%;"><code><span style="background-color: whitesmoke;">#comment-post-message {<br />background:url("</span><span style="background-color: red;"><b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyft2kb-a3XMpFfgPlbn0pJcf99lKzpCRKS_D2B2iLoXGC6t8_4WAxfZ4P1BW8drmJDGhL4qIw_IFcfrahOcwQAcoODwTZMkvqN5cmUrg-3d7IY8XpODS_7Z_ltVqauMHi0pOzA1GKnjYg/s1600/yorum.png</b></span><span style="background-color: whitesmoke;">") no-repeat scroll left top transparent;<br />height:52px;<br />margin-bottom:10px;<br />text-indent:-9999px;<br />width:485px;<br />}</span></code><span style="background-color: whitesmoke; color: #888888;"><br /></span></pre><div class="hata" style="clear: both; text-align: center;">, Yapmamız gereken sadece bu kadar , artık yorum gönder yerine resmimiz çıkacak...eğer resmi değiştirmek isterseniz , kırmızı olan yere kendi upload ettiğiniz resim linkini ekleyiniz.. </div>

Yorum Gönder Yazısı Yerine Resim Eklemek

Yorum Gönder Yazısı Yerine Resim Eklemek Blogger blogunuzda bulunan yorum gönder yazısı yerine resim eklemek istermisiniz ? aşağıda yer alan...

Devamı »

Blogger resimli Benzer yazılar eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBErEzIrxNFkcAyRh-OhAyKt1_3hwddsgTiSMy4yxuZWhsH3dCrN_o39p2qnXhr1UJlDE13r-LdMREhF_UvwETaPQ7ECCTqVvRtpmXcBleUBvShrnKqqoSBPcJ5kLfx4yn048RU3S2YUB_/s1600/linkwithin.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBErEzIrxNFkcAyRh-OhAyKt1_3hwddsgTiSMy4yxuZWhsH3dCrN_o39p2qnXhr1UJlDE13r-LdMREhF_UvwETaPQ7ECCTqVvRtpmXcBleUBvShrnKqqoSBPcJ5kLfx4yn048RU3S2YUB_/s320/linkwithin.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogunuzda konu içinde benzer yazılar eklentisi istermisiniz ?</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="bilgi" style="clear: both; text-align: center;">Bu eklentimizi bir çok kişi eminim biliyordur , Linkwithin'den bahsediyorum..Linkwithin konularınızın altına benzer içerikteki konuları (3,4 yada 5 adet ) listeler, böylece ziyaretçiniz sizin yazını okurken , ilgisini çeken bir başka konuya direk ulaşabilir..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="ikaz" style="clear: both; text-align: center;">Linkwithin tamamen ücretsiz oldukça kullanışlı bir eklentidir...</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="tamam" style="clear: both; text-align: center;">Yapmanız gereken <a href="http://www.linkwithin.com">Linkwithin</a> sitesine girip , sağda bulunan forma e-mail adresinizi , blog adresinizi ve platform seçeneğini seçip get witget butonuna basmak..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentiyi şiddetle tavsiye ediyoruz..</div><br />

Blogger resimli Benzer yazılar eklentisi

Blogunuzda konu içinde benzer yazılar eklentisi istermisiniz ? Bu eklentimizi bir çok kişi eminim biliyordur , Linkwithin'den bahsediyor...

Devamı »