29 ekim Cumhuriyet Bayramı Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxKgaU5Z9lHFSymhIEnya2xQKxhp_EZzJH6qIsQlkWQviku2pCtgeC5sa0qTkIj2onsM6EI4Gm8uetqB2W1AioXBgHSAPG69it0zk5dg6lf3Te01tD04iNwo2hgSkqXM7FfyJAKw7gCIae/s1600/29-ekim-blogger-eklenti-sol.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxKgaU5Z9lHFSymhIEnya2xQKxhp_EZzJH6qIsQlkWQviku2pCtgeC5sa0qTkIj2onsM6EI4Gm8uetqB2W1AioXBgHSAPG69it0zk5dg6lf3Te01tD04iNwo2hgSkqXM7FfyJAKw7gCIae/s1600/29-ekim-blogger-eklenti-sol.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">29 Ekim Cumhuriyet Bayramını için blogunuza eklenti istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklenti başka hiç bir yerde yok...Bu eklentimizle , Blogger blogunuzun sağ ve sol üst köşesinde cumhuriyet bayramına ait görseller ekleyebilirsiniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Önizlemesini 29 ekim tarihi boyunca blogumuzun sağ ve sol üst köşesinde görebilirsiniz..</div><br /><div class="hata" style="clear: both; text-align: center;">Yapmanız gereken aşağıdaki kodu , blogger blogunuza <b>Yerleşim >> Gadget Ekle >> HTML/JavaScript</b> seçeneği ile 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;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxKgaU5Z9lHFSymhIEnya2xQKxhp_EZzJH6qIsQlkWQviku2pCtgeC5sa0qTkIj2onsM6EI4Gm8uetqB2W1AioXBgHSAPG69it0zk5dg6lf3Te01tD04iNwo2hgSkqXM7FfyJAKw7gCIae/s1600/29-ekim-blogger-eklenti-sol.png" style="position:fixed; top: 0px;left:0px;border:none;z-index:5;"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzwPK8kClrD_gn8-dak7SlKkg2czgbaKqpKExhKcZpssnbjI9DYE2fKmyoAH6b_liB7xeqWDZ6xdWNYXyyuo-R7rB9AN7rLqj0JIw9jHnEX9Mj7IovPnuykVknBYISYo5P4Wnmsr6iP_5M/s1600/29-ekim-blogger-eklenti-sag.png" style="position:fixed; top: 0px;right:0px;border:none;z-index:5;"/></span></span></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki kodu eklediyseniz , her iki tarafta gözükecektir resimler...<b><span style="color: red;">Sadece sağ tarafa Atatürk resmini eklemek için aşağıdaki kodu kullanınız.. </span></b></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/AVvXsEhzwPK8kClrD_gn8-dak7SlKkg2czgbaKqpKExhKcZpssnbjI9DYE2fKmyoAH6b_liB7xeqWDZ6xdWNYXyyuo-R7rB9AN7rLqj0JIw9jHnEX9Mj7IovPnuykVknBYISYo5P4Wnmsr6iP_5M/s1600/29-ekim-blogger-eklenti-sag.png" style="position:fixed; top: 0px;right:0px;border:none;z-index:5;"/></span></span></pre><div class="hata" style="clear: both; text-align: center;"><b>Sadece sol tarafa Cumhuriyet bayramı resmini eklemek için ise aşağıdaki kodu ekleyiniz.. </b></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/AVvXsEjxKgaU5Z9lHFSymhIEnya2xQKxhp_EZzJH6qIsQlkWQviku2pCtgeC5sa0qTkIj2onsM6EI4Gm8uetqB2W1AioXBgHSAPG69it0zk5dg6lf3Te01tD04iNwo2hgSkqXM7FfyJAKw7gCIae/s1600/29-ekim-blogger-eklenti-sol.png" style="position:fixed; top: 0px;left:0px;border:none;z-index:5;"/></span></span></pre><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.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;">29 ekim Cumhuriyet Bayramı Eklentisi , 29 ekim Cumhuriyet Bayramı widget , 29 ekim eklenti , Blogger bayram eklentisi , Blogger bayram eklentileri , Blogger bayram, 29 ekim</span></span></div><br /><br /><br />

29 ekim Cumhuriyet Bayramı Eklentisi

29 Ekim Cumhuriyet Bayramını için blogunuza eklenti istermisiniz ? Bu eklenti başka hiç bir yerde yok...Bu eklentimizle , Blogger blogunuzun...

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

Kurban Bayramı Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9C2Pwq4xbjcitSO38MpnS-aCYpe50GgS5QpECEvuOeuiBCu8GpAD8XGJc2L9Xktp2W8R02Ch88a33Fi-XXGSMitkSvMo3BOITV9VG8mzAKnQ-p6wBcpfAm8cjUN87aDc8f31K97uKYRNt/s1600/%C4%B0%C4%B0%C4%B0%C4%B0.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9C2Pwq4xbjcitSO38MpnS-aCYpe50GgS5QpECEvuOeuiBCu8GpAD8XGJc2L9Xktp2W8R02Ch88a33Fi-XXGSMitkSvMo3BOITV9VG8mzAKnQ-p6wBcpfAm8cjUN87aDc8f31K97uKYRNt/s320/%C4%B0%C4%B0%C4%B0%C4%B0.png" width="253" /></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="bilgi" style="clear: both; text-align: center;">Blogger blogunuza giren kullanıcılara, sayfanızın sağ üstünde yada sağ altında yer alan bir bayram mesajı vermek istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentiye bayram boyunca blogumuzun sağ üstünde veya sağ alt tarafta yer vereceğiz , ön izlemesini blogumuz üzerinden yapabilirsiniz.. </div><br /><div class="hata" style="clear: both; text-align: center;"><b>Yerleşim >> Gadget Ekle >> HTML/JavaScript</b> tıklayalım ve açılan yere 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; 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/AVvXsEgRO7GTJOV8CPuAP_NCcRXAvdIIDjeg70BKMXUgoLlhXtyOLvCPp5iznpZkpBHVymlEjBDICjATwcBbh6sd8MNOiM_1CHjDP_eG281q_Lirk8Ca2DVtxOKuLit09V8Y97ev5iKoTMSWH65Q/s1600/bayram-eklentisi.png" style="position:fixed; <b>top</b>: 0px;right:0px;border:none;z-index:5;"/></span></span></pre><div class="hata" style="clear: both; text-align: center;">Yapmanız gereken bu kadar , eklentiyi sayfanın altında göstermek için , <b>top</b> kısmını <b>bottom</b> olarak değiştirmeniz gerekli..bu blogger eklentisini blogunuzdan kaldırmak için , yerleşim kısmından gerekli gadgeti kaldırmanız yeterli.. </div><br />

Kurban Bayramı Eklentisi

Blogger blogunuza giren kullanıcılara, sayfanızın sağ üstünde yada sağ altında yer alan bir bayram mesajı vermek istermisiniz ? Bu eklentiye...

Devamı »

iyi Bayramlar...

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidohbPssj7UeTdVE8SOVGzNPzNjHhTwBBbpztsDFXnWNWEyMOxaLeC80rbuo1JHFTHvZ7IuyNDDNDj7uTSknR2L2f3kjs6WfueuVuKcdOJXvTE7WLvUHuI1BnPchYxrkyG-PP-yzdVQOSw/s1600/blogger-eklenti-kurban.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidohbPssj7UeTdVE8SOVGzNPzNjHhTwBBbpztsDFXnWNWEyMOxaLeC80rbuo1JHFTHvZ7IuyNDDNDj7uTSknR2L2f3kjs6WfueuVuKcdOJXvTE7WLvUHuI1BnPchYxrkyG-PP-yzdVQOSw/s320/blogger-eklenti-kurban.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;"><b>Eklentileri.blogspot.com , Tüm blogcuların kurban bayramını kutlar , bol keyifli günler diler =)</b></div><br />

iyi Bayramlar...

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

Devamı »

CSS3 Dairesel Blogger Buton Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwfR4kcZpX6PQc5mD9y_L1-RQWe7pDnY9RQcKow_cLqMwsSoXGq8fvp-neTyqLv41gVW1sqWGjhyphenhyphenK8Pf3TywHAXrK0Q0YSugNhDl9FpZltvfHNxDtrDMUeWwYarKC8LqIirYPnnAEz5AhZ/s1600/blogger-daire-button.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="251" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwfR4kcZpX6PQc5mD9y_L1-RQWe7pDnY9RQcKow_cLqMwsSoXGq8fvp-neTyqLv41gVW1sqWGjhyphenhyphenK8Pf3TywHAXrK0Q0YSugNhDl9FpZltvfHNxDtrDMUeWwYarKC8LqIirYPnnAEz5AhZ/s320/blogger-daire-button.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">CSS3 Dairesel Blogger Buton Widget</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 , üzerine gelince hareketlilik gösteren buton veya butonlar kullanmak istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">O halde aşağıdaki yazıyı takip edin..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Alttaki kodu blogger blogunuzda bulun.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">]]></b:skin></span></span></pre><div class="hata" style="clear: both; text-align: center;">Hemen üstüne aşağıda yer alan 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;">.a-btn{<br /> width:60px;<br /> height:60px;<br /> -webkit-border-radius:50%;<br /> -moz-border-radius:50%;<br /> border-radius:50%;<br /> display:block;<br /> margin:20px;<br /> float:left;<br /> background:#f0ad4e;<br /> position:relative;<br /> -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff;<br /> -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff;<br /> box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff;<br /> -webkit-transition:all 0.3s linear;<br /> -moz-transition:all 0.3s linear;<br /> -o-transition:all 0.3s linear;<br /> transition:all 0.3s linear;<br />}<br />.a-btn span{<br /> display:table-cell;<br /> width:40px;<br /> height:40px;<br /> padding:10px;<br /> text-align:center;<br /> vertical-align:middle;<br /> font-size:16px;<br /> color:#fff;<br /> text-shadow:0px 1px 1px #A03F16;<br /> font-family:"Arvo", "Myriad Pro", "Trebuchet MS", sans-serif;<br /> -webkit-transition:all 0.3s linear;<br /> -moz-transition:all 0.3s linear;<br /> -o-transition:all 0.3s linear;<br /> transition:all 0.3s linear;<br />}<br />.a-btn span:nth-child(1), <br />.a-btn span:nth-child(3){<br /> position:absolute;<br /> top:0px;<br /> left:0px;<br /> font-size:16px;<br /> line-height:19px;<br /> opacity:0;<br />}<br />.a-btn span:nth-child(1){<br /> background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHNTwlGjgGOiPy18eKy4bQWzzxv5LELQQier3Tucn78OyvegOtCKqYTazteVV5YIjzUo6X5QCh3q7UGLnH8Ge66kBk7KlseFtX0EcdAJyifUHeJX0mwQAoyxbp7xSfWUMHFua5JmytURA/s1600/star.png) no-repeat center center;<br /> opacity:0.2;<br />}<br />.a-btn:hover{<br /> background:rgba(170, 77, 27, 0.6);<br /> -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #fff;<br /> -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #fff;<br /> box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #fff;<br />}<br />.a-btn:hover span:nth-child(3){<br /> opacity:1;<br />}<br />.a-btn:hover span:nth-child(2){<br /> opacity: 0; <br /> -webkit-transform: scale(0);<br /> -moz-transform: scale(0);<br /> transform: scale(0);<br />}<br />.a-btn:hover span:nth-child(1){<br /> -webkit-animation:rotate 1s linear;<br /> -moz-animation:rotate 1s linear;<br /> animation:rotate 1s linear;<br />}<br />.a-btn:active{<br /> -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;<br /> -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;<br /> box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff, 0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;<br />}<br />.a-btn:active span:nth-child(2){<br /> color:rgba(170, 77, 27, 0.8);<br /> text-shadow:0px 1px 1px rgba(255, 255, 255, 0.6);<br />}<br />@keyframes rotate{<br /> 0% { transform: scale(1) rotate(0);}<br /> 50% { transform: scale(0.5) rotate(180deg);}<br /> 100% { transform: scale(1) rotate(360deg);}<br />}<br />@-webkit-keyframes rotate{<br /> 0% { -webkit-transform: scale(1) rotate(0);}<br /> 50% { -webkit-transform: scale(0.5) rotate(180deg);}<br /> 100% { -webkit-transform: scale(1) rotate(360deg);}<br />}<br />@-moz-keyframes rotate{<br /> 0% { -moz-transform: scale(1) rotate(0);}<br /> 50% { -moz-transform: scale(0.5) rotate(180deg);}<br /> 100% { -moz-transform: scale(1) rotate(360deg);}<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ır , şimdi nasıl kullanılacağını görelim..yaınların içinde yada eklenti olarak kullanmak için aşağıdaki kodları kullanıyoruz. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">div class="button-wrapper"><br /><br /><a href="<b><span style="color: red;">#</span></b>" class="a-btn"><span></span><br /><span><b>Sign up</b></span><br /><span><b>It's free!</b></span></a><br /><br /><a href="<b><span style="color: red;">#</span></b>" class="a-btn"><span></span><br /><span><b>Join Now</b></span> <br /><span><b>It's free!</b></span></a><br /><br /><a href="<b><span style="color: red;">#</span></b>" class="a-btn"><span></span><br /><span><b>Enter</b></span> <br /><span><b>It's free!</b></span></a><br /><br /><a href="<b><span style="color: red;">#</span></b>" class="a-btn"><br /><span></span><br /><span><b>Get in</b></span><br /><span><b>It's free!</b></span></a><br /></div></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><br /><br /><br /><div style="text-align: center;"><b><a href="http://eklentilrideneme6.blogspot.com/2012/10/css3-dairesel-blogger-buton-eklentisi.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.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;">CSS3 Dairesel Blogger Buton Eklentisi , Dairesel Blogger Buton Eklentisi , Blogger Buton Eklentisi , Blogger Buton Ekleme , Blogger Butonları , Blogger Button Widget , CSS3 Circle Effect Buttons Style For Blogger</span></span></div><br /><br /><br />

CSS3 Dairesel Blogger Buton Eklentisi

CSS3 Dairesel Blogger Buton Widget Blogger blogunuz için , üzerine gelince hareketlilik gösteren buton veya butonlar kullanmak istermisiniz ...

Devamı »

Blogger Resimlerinize Zoom Efekti Eklentisi

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

Blogger Resimlerinize Zoom Efekti Eklentisi

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

Devamı »

Blogger MenuBar eklentisi

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

Blogger MenuBar eklentisi

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

Devamı »

Blogger 3D arama kutusu Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbs7g-rXeLEFlDYwKDYvbPrCSsYvQiwWLo0eE5g28oK6YWZXUY8q1W2kcG6mdQLOTS4Z-9vx37Em-x46QdetwHOBXsiA3MWUNL7BtdO0U5khP9_fdTiHjqjwdi9EjYABaa3jbamTkaQjym/s1600/blogger-3d-arama-buton.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbs7g-rXeLEFlDYwKDYvbPrCSsYvQiwWLo0eE5g28oK6YWZXUY8q1W2kcG6mdQLOTS4Z-9vx37Em-x46QdetwHOBXsiA3MWUNL7BtdO0U5khP9_fdTiHjqjwdi9EjYABaa3jbamTkaQjym/s320/blogger-3d-arama-buton.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger blogunuz için 3d arama kutusu ( butonu ) eklentisi istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Özellikle blogger blogunda , arama kutusu olmayanlar için , yada olupta beğenmeyenler için bu eklenti işe yarayabilir..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Görüntü olarakta oldukça şık olduğunu düşündüğümüz blogger 3d arama kutusunu blogger blogunuza eklemek için aşağıdaki anlatımı takip ediniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Blogger blogunun yönetim paneline giriniz ve <b>Yerleşim >> Gadget Ekle >> HTML/JavaScript</b> 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; 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 />.form-wrapper {<br />width: 250px;<br />padding: 8px;<br />margin: 10px auto;<br />overflow: hidden;<br />border-width: 1px;<br />border-style: solid;<br />border-color: #dedede #bababa #aaa #bababa;<br />-moz-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;<br />-webkit-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;<br />box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;<br />-moz-border-radius: 10px;<br />-webkit-border-radius: 10px;<br />border-radius: 10px;<br />background-color: #f6f6f6;<br />background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eae8e8));<br />background-image: -webkit-linear-gradient(top, #f6f6f6, #eae8e8);<br />background-image: -moz-linear-gradient(top, #f6f6f6, #eae8e8);<br />background-image: -ms-linear-gradient(top, #f6f6f6, #eae8e8);<br />background-image: -o-linear-gradient(top, #f6f6f6, #eae8e8);<br />background-image: linear-gradient(top, #f6f6f6, #eae8e8);<br />}<br />.form-wrapper #search {<br />width: 160px;<br />height: 20px;<br />padding: 10px 5px;<br />float: left;<br />font: bold 16px 'lucida sans', 'trebuchet MS', 'Tahoma';<br />border: 1px solid #ccc;<br />-moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;<br />-webkit-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;<br />box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;<br />-moz-border-radius: 3px;<br />-webkit-border-radius: 3px;<br />border-radius: 3px;<br />}<br />.form-wrapper #search:focus {<br />outline: 0;<br />border-color: #aaa;<br />-moz-box-shadow: 0 1px 1px #bbb inset;<br />-webkit-box-shadow: 0 1px 1px #bbb inset;<br />box-shadow: 0 1px 1px #bbb inset;<br />}<br />.form-wrapper #search::-webkit-input-placeholder {<br />color: #999;<br />font-weight: normal;<br />}<br />.form-wrapper #search:-moz-placeholder {<br />color: #999;<br />font-weight: normal;<br />}<br />.form-wrapper #search:-ms-input-placeholder {<br />color: #999;<br />font-weight: normal;<br />}<br />.thumb{position:relative;left:4px;top:1px; border:8px solid transparent;-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);box-shadow:0 0 8px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}<br />.form-wrapper #submit {<br />float: right;<br />border: 1px solid #00748f;<br />height: 42px;<br />width: 70px;<br />padding: 0;<br />cursor: pointer;<br />font: bold 15px Arial, Helvetica;<br />color: #fafafa;<br />text-transform: uppercase;<br />background-color: #0483a0;<br />background-image: -webkit-gradient(linear, left top, left bottom, from(#31b2c3), to(#0483a0));<br />background-image: -webkit-linear-gradient(top, #31b2c3, #0483a0);<br />background-image: -moz-linear-gradient(top, #31b2c3, #0483a0);<br />background-image: -ms-linear-gradient(top, #31b2c3, #0483a0);<br />background-image: -o-linear-gradient(top, #31b2c3, #0483a0);<br />background-image: linear-gradient(top, #31b2c3, #0483a0);<br />-moz-border-radius: 3px;<br />-webkit-border-radius: 3px;<br />border-radius: 3px;<br />text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);<br />-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;<br />-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;<br />box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;<br />}<br />.form-wrapper #submit:hover,<br />.form-wrapper #submit:focus {<br />background-color: #31b2c3;<br />background-image: -webkit-gradient(linear, left top, left bottom, from(#0483a0), to(#31b2c3));<br />background-image: -webkit-linear-gradient(top, #0483a0, #31b2c3);<br />background-image: -moz-linear-gradient(top, #0483a0, #31b2c3);<br />background-image: -ms-linear-gradient(top, #0483a0, #31b2c3);<br />background-image: -o-linear-gradient(top, #0483a0, #31b2c3);<br />background-image: linear-gradient(top, #0483a0, #31b2c3);<br />}<br />.form-wrapper #submit:active {<br />outline: 0;<br />-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;<br />-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;<br />box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;<br />}<br />.form-wrapper #submit::-moz-focus-inner {<br />border: 0;<br />}<br /></style><br /><form class="form-wrapper" action="/search" method="get"><br /> <input id="search" name="q" type="text" placeholder="ARA.." /><br /> <input id="submit" type="submit" value="ARA.." /><br /></form></span></span></pre><div class="hata" style="clear: both; text-align: center;">Yapmamız gereken sadece bu kadar , artık blogger blogunuzda , 3d bir arama kutusuna sahipsiniz.. <br /><br /><b><a href="http://bloggereklentilerideneme8.blogspot.com/" target="_blank">DEMO</a></b></div><br /><br /><div class="arama" style="clear: both; text-align: center;"><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 3D arama kutusu Eklentisi , Blogger 3D arama kutusu , Blogger 3D arama Eklentisi , Blogger Arama Kutusu , Blogger Arama butonu , Blogger Search Bar , Blogger 3D search box</span></span></div><br /><br />

Blogger 3D arama kutusu Eklentisi

Blogger blogunuz için 3d arama kutusu ( butonu ) eklentisi istermisiniz ? Özellikle blogger blogunda , arama kutusu olmayanlar için , yada o...

Devamı »

Blogger Sürgülü Buton Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU_Pt4OGbIdNMnodrza4YiN7kcMvH8hbP2_DhvPLM_dqHwq5BtUfWTHsy0POClt1fLGPpSDpi1PQuEAVsbr343Fe3YfyySkP-pzzhuYu8ICrodPuGy7y-QTa8ASBUWNGjm65IHStBbF4Wl/s1600/blogger-button.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU_Pt4OGbIdNMnodrza4YiN7kcMvH8hbP2_DhvPLM_dqHwq5BtUfWTHsy0POClt1fLGPpSDpi1PQuEAVsbr343Fe3YfyySkP-pzzhuYu8ICrodPuGy7y-QTa8ASBUWNGjm65IHStBbF4Wl/s320/blogger-button.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger Blogunuz için Sürgülü CSS Buton Eklentisi</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger blogunuzda , yazılarınızın içinde yada istediğiniz bir yerde kullanmak üzere , farklı bir buton istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimizde , üzerine gelindiğinde , sağa doğru sürgülü bir biçimde açılan buton eklentimizin nasıl yapılacağını anlatacağız.</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu Blogger Buton eklentisini kullanmak içibn aşağıda yer alan adımları takip ediniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Aşağıdaki kodumuzu blogger blogunuzda bulunuz.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">]]></b:skin></span></span></pre><div class="hata" style="clear: both; text-align: center;">Hemen bir satır üstüne , aşağıda yer alan 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;">.a-btn{<br /> background:#80a9da;<br /> background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1));<br /> background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%);<br /> background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%);<br /> background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%);<br /> background:linear-gradient(top, #80a9da 0%, #6f97c5 100%);<br /> filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 );<br /> padding-left:20px;<br /> padding-right:80px;<br /> height:38px;<br /> display:inline-block;<br /> position:relative;<br /> border:1px solid #5d81ab;<br /> -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);<br /> -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);<br /> box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);<br /> -webkit-border-radius:20px;<br /> -moz-border-radius:20px;<br /> border-radius:20px;<br /> float:left;<br /> clear:both;<br /> margin:10px 0px;<br /> overflow:hidden;<br /> -webkit-transition:all 0.3s linear;<br /> -moz-transition:all 0.3s linear;<br /> -o-transition:all 0.3s linear;<br /> transition:all 0.3s linear;<br />}<br />.a-btn-text{<br /> padding-top:8px;<br /> display:block;<br /> font-size:18px;<br /> white-space:nowrap;<br /> text-shadow:0px 1px 1px rgba(255,255,255,0.3);<br /> color:#446388;<br /> -webkit-transition:all 0.2s linear;<br /> -moz-transition:all 0.2s linear;<br /> -o-transition:all 0.2s linear;<br /> transition:all 0.2s linear;<br />}<br />.a-btn-slide-text{<br /> position:absolute;<br /> height:100%;<br /> top:0px;<br /> right:52px;<br /> width:0px;<br /> background:#63707e;<br /> text-shadow:0px -1px 1px #363f49;<br /> color:#fff;<br /> font-size:18px;<br /> white-space:nowrap;<br /> text-transform:uppercase;<br /> text-align:left;<br /> text-indent:10px;<br /> overflow:hidden;<br /> line-height:38px;<br /> -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;<br /> -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;<br /> box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;<br /> -webkit-transition:width 0.3s linear;<br /> -moz-transition:width 0.3s linear;<br /> -o-transition:width 0.3s linear;<br /> transition:width 0.3s linear;<br />}<br />.a-btn-icon-right{<br /> position:absolute;<br /> right:0px;<br /> top:0px;<br /> height:100%;<br /> width:52px;<br /> border-left:1px solid #5d81ab;<br /> -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;<br /> -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;<br /> box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;<br />}<br />.a-btn-icon-right span{<br /> width:38px;<br /> height:38px;<br /> opacity:0.7;<br /> position:absolute;<br /> left:50%;<br /> top:50%;<br /> margin:-20px 0px 0px -20px;<br /> background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6hSq8YjH7MGCPTn2sNhYVKPcH3r96qs81Y0JlYhJjRha8dGnDWWM5Kdk_qcQtMHY2a2K_ft-8GP3Y3OgiH1npBeIGLCt3822DQcyxP88TXoIXiz3VaMj9vh_oDUOXfkd3DbIFaDHmAfI/s1600/arrow_right.png) no-repeat 50% 55%;<br /> -webkit-transition:all 0.3s linear;<br /> -moz-transition:all 0.3s linear;<br /> -o-transition:all 0.3s linear;<br /> transition:all 0.3s linear;<br />}<br />.a-btn:hover{<br /> padding-right:180px;<br /> -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);<br /> -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);<br /> box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);<br />}<br />.a-btn:hover .a-btn-text{<br /> text-shadow:0px 1px 1px #5d81ab;<br /> color:#fff;<br />}<br />.a-btn:hover .a-btn-slide-text{<br /> width:100px;<br />}<br />.a-btn:hover .a-btn-icon-right span{<br /> opacity:1;<br />}<br />.a-btn:active{<br /> position:relative;<br /> top:1px;<br /> background:#5d81ab;<br /> -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;<br /> -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;<br /> box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;<br /> border-color:#80a9da;<br />}</span></span></pre><div class="hata" style="clear: both; text-align: center;">Üstteki işlemi yaptıysanız , butonumuzun css işlemleri tamamdır.. </div><div class="hata" style="clear: both; text-align: center;">Butonu kullabilmek için ister gadget olarak ekleyebilir isterseniz yazı içlerinde kullanabilirsiniz.. Eklemek için aşağıdaki kodu 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="button-wrapper"><br /><a class="a-btn" href="<b><span style="color: red;">http://eklentileri.blogspot.com/</span></b>"><br /> <span class="a-btn-text"><span style="color: blue;"><b>Blogger</b></span></span><br /> <span class="a-btn-slide-text"><b><span style="color: lime;">TIKLA</span></b></span><br /> <span class="a-btn-icon-right"></span><br /> </a><br /></div><br /></span></span></pre><br /><br /><div style="text-align: center;"><b><a href="http://bloggereklentilerideneme8.blogspot.com/" target="_blank">DEMO</a></b></div><br /><div class="arama" style="clear: both; text-align: center;"><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 21px;"><<< Bu Yazı için Arama Sonuçları  >>></span><br /><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 21px;"><br /></span><span style="font-family: Arial, Verdana, Tahoma, Times New Roman;"><span style="font-size: 14px; line-height: 21px;">Blogger Sürgülü Buton Eklentisi , Blogger Sürgülü Buton  , Blogger  Buton Eklentisi , Blogger Buton Eklentileri , Blogger Butonlar , Blogger CSS buton , Blogger button Widget</span></span></div><br />

Blogger Sürgülü Buton Eklentisi

Blogger Blogunuz için Sürgülü CSS Buton Eklentisi Blogger blogunuzda , yazılarınızın içinde yada istediğiniz bir yerde kullanmak üzere , far...

Devamı »

Blogger Etiketleriniz Hareketlensin

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

Blogger Etiketleriniz Hareketlensin

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

Devamı »

Blogger Eklenger Teması ( Sadece Bizde )

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihxoQGbnpW2UnPKZr7FNnX3i84u3RdyM1qktBnEOusKPzS0xoHtEUGne4NMbLbTM15pAMgzD_s8zCZ4Pk83Py-sgyrz0ocpcsnvVNegVXYQl1OJym8b5KsuK5zbZosMa8IoSzoqr47rZLq/s1600/EKLENGER+TEMASI.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihxoQGbnpW2UnPKZr7FNnX3i84u3RdyM1qktBnEOusKPzS0xoHtEUGne4NMbLbTM15pAMgzD_s8zCZ4Pk83Py-sgyrz0ocpcsnvVNegVXYQl1OJym8b5KsuK5zbZosMa8IoSzoqr47rZLq/s320/EKLENGER+TEMASI.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 uyarladığımız ilk tema ile karşınızdayız..</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;">Blogger Eklenger temasını sayfanın en altından , demosunu görebilir ve indirebilirsiniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger Eklenger temasınındaki farklılıklar aşağıdaki resimlerde işaretlenmiştir..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkUAFL_zkOlT8AeYsDxukDU8DZe5qRRYshPbHlzo6Pgl8YrMwaeJ_ETWi9QWxSNGnTtjA4F69nAnHcRM_rT_dPEwwMkFe5ljtEahJ-zf2WupKE6fyJPuxFiDNWyenqFAao5HW6-qqfy_tS/s1600/eklenleronizle.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkUAFL_zkOlT8AeYsDxukDU8DZe5qRRYshPbHlzo6Pgl8YrMwaeJ_ETWi9QWxSNGnTtjA4F69nAnHcRM_rT_dPEwwMkFe5ljtEahJ-zf2WupKE6fyJPuxFiDNWyenqFAao5HW6-qqfy_tS/s320/eklenleronizle.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;">Yukarıdaki resimde gördüğünüz gibi ;</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;"> konu başlıklarınızın sağına ve soluna, yorum sayısı ve tarih eklenmiştir..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Sosyal sitelerde yazılarınızın paylaşılması amaçlı , konu altlarına twitter , google+ ve facebook butonları eklenmiştir..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Yine konu altlarına etiketlerinizin daha şık görünmesi için ayarlama yapılmıştır..</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="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaidO2YKMo48TLiq318rF4ylM9yb6HXxLmR3Gz7nA8PpX5CNhDnyBta6aH3Y_5uokPBfjUurE_zHRG4JERrUWFFkr5ugEQc4DwCDu901an4ZNPrKNG2Iu44atSYLjmeoTCV8okVm8O0T4N/s1600/eklenleronizle2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="189" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaidO2YKMo48TLiq318rF4ylM9yb6HXxLmR3Gz7nA8PpX5CNhDnyBta6aH3Y_5uokPBfjUurE_zHRG4JERrUWFFkr5ugEQc4DwCDu901an4ZNPrKNG2Iu44atSYLjmeoTCV8okVm8O0T4N/s320/eklenleronizle2.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="bilgi" style="clear: both; text-align: center;">Yukarıda gördüğünüz gibi , admin/yönetici yorumlarının yanında Admin logosu çıkmaktadır..<br /><br />Daha fazlasını aşağıdaki demo linkinden görebilirsiniz...</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="ikaz" style="clear: both; text-align: center;"><a href="http://eklenger.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRTNmI69x4I5Sx98mSFipMm98U84IK6LtulzOkGhDDD9CXdh63WBdYYYUBwun-P_p9ofRp0jDkQmL75iBMv8eWyE47JnB0_7Zd9xHPq_pzA44CQE-hJgZNWr_-pOdH65si-4sIBwV3Q-Aw/s1600/DEMO.png" /></a><a href="https://www.box.com/s/jze69el0nvj0wq7qocu6" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb8LVJE8QNuEf1d8y5bbnUL2jZWYx9qietcyYaIk3AUgb49tJQEvFbCXX_xC5t4qdy7GX5k67fZFX5e__tqMxM6boX5Hp4PjaFlGrozCthuM-RtboZVRGrm9_MLdH9HsVNoWNHjW6mcMIf/s1600/indir.png" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><b><span style="color: red; font-size: large;">Tarih sorunu yaşayanlar , aşağıdaki resimdeki anlatımı yapsınlar...Kırmızı kutu içindeki şekilde olduğu gibi olucak saat tarih ayarlarınız..</span></b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPRog6aX7A0WVUp-udqbBmAn2VzTGz5v8-_LGoYQDRsaKB4A-HisnW4lpiphCaStrYjkfO47nUdJdVNlfzdmFggbxg7CNvfx-csBhBrtuR3hjfq2TOSFabW6qWxLqL2twpYq-PX1NIsyZ/s1600/saat-ayar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPRog6aX7A0WVUp-udqbBmAn2VzTGz5v8-_LGoYQDRsaKB4A-HisnW4lpiphCaStrYjkfO47nUdJdVNlfzdmFggbxg7CNvfx-csBhBrtuR3hjfq2TOSFabW6qWxLqL2twpYq-PX1NIsyZ/s320/saat-ayar.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="arama" style="clear: both; text-align: center;"><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 21px;"><<< Bu Yazı için Arama Sonuçları  >>></span><br /><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 21px;"><br /></span><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 21px;">Blogger Eklenger , Blogger Eklenger Teması , Blogger Eklenger Themes , Blogger Tema , Blogger Temaları , Blogger Themes , Blogger 2012 Tema , Blogger Yeni tema </span></div><br />

Blogger Eklenger Teması ( Sadece Bizde )

Blogger için uyarladığımız ilk tema ile karşınızdayız.. Blogger Eklenger temasını sayfanın en altından , demosunu görebilir ve indirebilirsi...

Devamı »

Renkli Populer Yayınlar Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRtdyVrZvf16chpF4rTYc9aDy7BAmAlJe60mUi0rreE3QgKl7xWPER_4G0lYNwiTypYmc0FOUsg3jjgEamUJcAnbSGG0ANgFvuVFR0_gxCnGIZE60YBA0AKO_2beTG3PWwSIF6Nl928hxt/s1600/renkli-populer-yay%C4%B1nlar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRtdyVrZvf16chpF4rTYc9aDy7BAmAlJe60mUi0rreE3QgKl7xWPER_4G0lYNwiTypYmc0FOUsg3jjgEamUJcAnbSGG0ANgFvuVFR0_gxCnGIZE60YBA0AKO_2beTG3PWwSIF6Nl928hxt/s320/renkli-populer-yay%C4%B1nlar.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 Renkli Populer Yayınlar Eklentisi</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimizle , blogunuzda bulunan populer yayınlar eklentinizi dahada renklendirmeyi anlatacağız..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Renkli popüler yayınlar eklentimiz ile  blogunuzu daha çekici bir hale getirebilirsiniz..</div><br /><div class="hata" style="clear: both; text-align: center;">Hemen anlatıma geçelim...aşağıdaki kodumuzu buluyoruz.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: x-small;"><span style="line-height: 14px;">]]></b:skin></span></span></pre><div class="hata" style="clear: both; text-align: center;">Hemen üstüne 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; 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;">/*Renkli Populer Yayınlar Eklentisi Baslangıcı http://eklentileri.blogspot.com*/<br />#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}<br />#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}<br />#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:30px;background:transparent;padding:0;width:51px;height:51px}<br />#PopularPosts1 ul li:first-child:after,<br />#PopularPosts1 ul li:first-child + li:after,<br />#PopularPosts1 ul li:first-child + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:89%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:89%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:89%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}<br />#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:89%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:89%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}<br />#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:89%}<br />#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}<br />#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:89%}<br />#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}<br />#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:89%}<br />#PopularPosts1 ul li:first-child + li + li:after{content:"3"}<br />#PopularPosts1 ul li:first-child + li{background:#ff764c; width:89%}<br />#PopularPosts1 ul li:first-child + li:after{content:"2"}<br />#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:89%}<br />#PopularPosts1 ul li:first-child:after{content:"1"}<br />#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}<br />#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}<br />/*Renkli Populer Yayınlar Eklentisi Sonu http://eklentileri.blogspot.com*/</span></span></pre><div class="bilgi" style="clear: both; text-align: center;">Yapmanız gereken sadece bu kadar = ) <b>Bu eklentinin çalışabilmesi için , blogunuza daha önceden popüler yayınlar eklentisini eklemiş olmanız gerekmektedir...Eğer ekli değilse , popüler yayınlar eklentisini eklemeyi unutmayınız... </b><br /><b><br /></b>Bu eklentinin önzilemesini , blogumuzun sağ üst tarafında görebilir yada <b><a href="http://bloggereklentilerideneme8.blogspot.com/" target="_blank">BURAYA</a></b> tıklayabilirsiniz..</div><br /><br /><br /><div class="arama" style="clear: both; text-align: center;"><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 21px;"><<< Bu Yazı için Arama Sonuçları  >>></span><br /><span style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 14px; line-height: 21px;"><br /></span><span style="font-family: Arial, Verdana, Tahoma, Times New Roman;"><span style="font-size: 14px; line-height: 21px;">Renkli Populer Yayınlar Eklentisi , Blogger Renkli Populer Yayınlar Eklentisi , Blogger Renkli Populer Yayınlar , Renkli Populer Yayınlar Eklentisi Nasıl Eklenir , Renkli Populer  Eklentisi , Blogger Populer Yayınlar Eklentisi</span></span></div><br /><br /><br />

Renkli Populer Yayınlar Eklentisi

Blogger Renkli Populer Yayınlar Eklentisi Bu eklentimizle , blogunuzda bulunan populer yayınlar eklentinizi dahada renklendirmeyi anlatacağı...

Devamı »

Blogger Temaları - Blogger Themes

<div class="ikaz" 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" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvckjhyphenhyphenDRJrVg4Ol-Pi82xv1NBmVqOSbYaFqMUvB3WTe_GWsUmNqEcVbSa1vwCaYnuo6SdX63LdFDBcvg2wYQ7IlGITJh9s1_2ZUYaLzRXRGb7Uq5xLc9KD2D0AOW6rkOBa5Nhyphenhyphenjp9p9X5/s1600/yorum.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Eklentileri.blogspot.com ilk yayınından itbaren sizlere blogger eklentileri sunmaya devam ediyor , Bugünden itibaren artık blogger temalarınada yer vereceğiz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Amacımız hiç bir yerde olmayan blogger temalarını sizlerle paylaşmak , Birbirinden farklı blogger temalarımızı görmek için bizi takip etmeye devam edin...</div><br /><div class="tamam" style="clear: both; text-align: center;"><b>Yapılan temaları görmek için <a href="http://eklentileri.blogspot.com/search/label/Blogger%20Temalar%C4%B1" target="">TIKLAYINIZ</a></b></div><br /><br /><br />

Blogger Temaları - Blogger Themes

Eklentileri.blogspot.com ilk yayınından itbaren sizlere blogger eklentileri sunmaya devam ediyor , Bugünden itibaren artık blogger temaların...

Devamı »