Blogger blogunuzun sidebar kısmında yada istediğiniz bir bölgesinde 125x125 reklam alanı oluşturmak istermisiniz ?

Blogger 125x125 Reklam Alanı Oluşturma Eklentisi ile , blogunuza reklam alabilirsiniz..

Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneği ile açılan Kutucuğa aşağıda yer alan kodları ekliyoruz..

<center><table border="1"><tr><td width="125" height="125" align="center">
<a href="http://eklentileri.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYpFe00X4petyOa3X5hg9awLJ-dOREHhjxEZNn2AxZd_lcK2S7Efc0i_G8Pe40Bm6kPxz7jmeQhbOcA9NC0Amx6Fic5MJyyD-_jBogHPVdQL9yYgcNpUNibCdZLwzWmZtM8dIMZQMzQ6K/s1600/125x125.gif"/></a></th>
<td width="125" height="125" align="center"> <a href="http://eklentileri.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYpFe00X4petyOa3X5hg9awLJ-dOREHhjxEZNn2AxZd_lcK2S7Efc0i_G8Pe40Bm6kPxz7jmeQhbOcA9NC0Amx6Fic5MJyyD-_jBogHPVdQL9yYgcNpUNibCdZLwzWmZtM8dIMZQMzQ6K/s1600/125x125.gif"/></a> </th>
</tr><tr>
<td width="125" height="125" align="center">
<a href="http://eklentileri.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYpFe00X4petyOa3X5hg9awLJ-dOREHhjxEZNn2AxZd_lcK2S7Efc0i_G8Pe40Bm6kPxz7jmeQhbOcA9NC0Amx6Fic5MJyyD-_jBogHPVdQL9yYgcNpUNibCdZLwzWmZtM8dIMZQMzQ6K/s1600/125x125.gif"/></a> </td>
<td width="125" height="125" align="center">
<a href="http://eklentileri.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYpFe00X4petyOa3X5hg9awLJ-dOREHhjxEZNn2AxZd_lcK2S7Efc0i_G8Pe40Bm6kPxz7jmeQhbOcA9NC0Amx6Fic5MJyyD-_jBogHPVdQL9yYgcNpUNibCdZLwzWmZtM8dIMZQMzQ6K/s1600/125x125.gif"/></a> </td></tr></table></center>

Kodlar içinde kalın olarak vurgulanmış yerlere Link adresleriniz ve Resim adresleriniz gelicek..width="125" height="125" kodlarında geçen 125 değerini değiştirerek resim  boyutlarını ayarlayabilirsiniz..

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

Blogger 125x125 Reklam Alanı Oluşturma , Blogger 125x125 Reklam Alanı , Blogger 125x125 Reklam , 125 , 125x125 , Reklam Alanı , Blogger Reklam Kodu , Blogger Reklam Yayınlama , How To Add 125×125 Ad Slots To Your Blog , 125x125 banners for blogs , Advertise Here 125x125 Ad Banner , Blogger 125X125 widget

Devamını Oku »

DEMO

Blogger paneline girin ve Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile aşağıdaki kodlarımızı açılan panele ekleyelim..

 <style>.blogtrixfb {
width: 280px;
height: 150px;
border-radius: 3px;
position: relative;
background-color:#f4f4f4;
padding:5px 10px 15px 0;
}
.blogtrixfb, .blogtrixfb:before, .blogtrixfb:after {
background: #f4f4f4;
border: 1px solid #ccc;
}
.blogtrixfb:before, .blogtrixfb:after {
content: "";
position: absolute;
bottom: -3px;
left: 2px;
right: 2px;
height: 1px;
border-top: none;
}
.blogtrixfb:after {
left: 4px;
right: 4px;
bottom: -5px;
box-shadow: 0 0 2px #ccc;
}
</style>
<div class="blogtrixfb">
<div style="height:155px;overflow:hidden">
<fb:like-box href="http://www.facebook.com" data-width="300" data-height="250" data-show-faces="true" data-border-color="#f4f4f4" data-stream="false" data-header="false" class=" fb_iframe_widget "><span><iframe id="f5741c08" name="fdd6ca2ec" scrolling="no" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; overflow-x: hidden; overflow-y: hidden; height: 250px; width: 300px; " class="fb_ltr" src="http://www.facebook.com/plugins/likebox.php?border_color=%23f4f4f4&amp;channel=https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%23cb%3Df2babfba84%26origin%3Dhttp%253A%252F%252Feklentileri.blogspot.com%252Ff1ae6f85bc%26relation%3Dparent.parent%26transport%3Dpostmessage&amp;colorscheme=light&amp;header=false&amp;height=300&amp;href=http://www.facebook.com&amp;locale=tr_TR&amp;sdk=joey&amp;show_faces=true&amp;stream=false&amp;width=300"></iframe></span></fb:like-box>
</div>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

Yukarıdaki kod içinde kırmızı olan yerlere , kendi facebook sayfasınızın adresini yazmayı unutmayınız..

Devamını Oku »

Blogger blogunuzda , Yandan açılır Menü eklentisi isterseniz , bu eklenti çok hoşunuza gidecek..

Fare ile üzerine gelindiğinde açılan menümüz , blogunuza hoş bir görsellik katabilir..

DEMO

Altta yer alan kodumuzu buluyoruz

]]></b:skin>

Bir satır üstüne altta yer alan kodları ekliyoruz..

/* Blogger Yandan Açılır Menü Eklentisi eklentileri.blogspot.com */

ul.nav8 {
    list-style:none;
    height:120px;
    margin:0;
    padding:0;
}

ul.nav8 table {
    border-collapse:collapse;
    width:0;
    height:0;
    margin:-1px 0 -5px -1px;
}

ul.nav8 > li {
    float:right;
    height:120px;
    width:40px;
    position:relative;
    overflow:hidden;
    -webkit-transition-duration:.5s;
    -moz-transition-duration:.5s;
    -o-transition-duration:.5s;
}

* html ul.nav8 > li {
    width:auto;
}

ul.nav8 > li a.ie6 {
    float:left;
    height:120px;
    width:39px;
    position:relative;
    overflow:hidden;
}

ul.sub {
    list-style:none;
    height:120px;
    width:600px;
    background:url(http://www.script-tutorials.com/demos/107/images/panel.png) no-repeat right top;
    position:absolute;
    left:0;
    top:0;
    margin:0;
    padding:0;
}

ul.sub li {
    float:left;
}

ul.sub li:first-child {
    margin-left:45px;
}

ul.sub li a {
    display:block;
    width:110px;
    height:120px;
    float:left;
    overflow:hidden;
    position:relative;
    text-decoration:none;
    color:#000;
}

ul.sub li a b {
    font-size:14px;
    display:block;
    padding:15px 15px 5px;
}
ul.sub li a b:hover {
    font-size:16px;
    color:#FF0000;
    display:block;
    padding:15px 15px 5px;
}
ul.sub li a p {
    font-size:12px;
    display:block;
    margin:0;
    padding:0 10px;
}

ul.sub li a p:hover {
    font-size:13px;
    display:block;
    margin:0;
    padding:0 10px;
}

ul.nav8 > li:hover {
    width:600px;
}

ul.nav8 > li a.ie6:hover {
    direction:ltr;
    width:600px;
}

ul.sub li a:hover i {
    opacity:1.0;
}

Şablonumuzu kaydediyoruz ve Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile açılan panele altta yer alan kodlarımızı ekliyoruz

<ul class="nav8">
<li>
        <!--[if lte IE 6]><a class="ie6" href="#url"><table>
<tr><td><![endif]-->
            <ul class="sub">
<li><a href="http://eklentileri.blogspot.com/"><b>Ana Sayfa</b>Bu alana bilgi yazısı<br />
<i></i></a></li>
<li><a href="http://eklentileri.blogspot.com/"><b>Link 1</b>Bu alana bilgi yazısı<br />
<i></i></a></li>
<li><a href="http://eklentileri.blogspot.com/"><b>Link 2</b>Bu alana bilgi yazısı<br />
<i></i></a></li>
<li><a href="http://eklentileri.blogspot.com/"><b>Link 3</b>Bu alana bilgi yazısı<br />
<i></i></a></li>
<li><a href="http://eklentileri.blogspot.com/"><b>Link 4</b>Bu alana bilgi yazısı<br />
<i></i></a></li>
</ul>
<!--[if lte IE 6]></td></tr>
</table>
</a><![endif]-->
        </li>
</ul>

Yukarıdaki işlemleri yaptıysanız Blogger Yandan Açılır Menü Eklentisi hazır , yukarıdaki kodları kendinize göre düzenleyiniz..

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

Blogger Yandan Açılır Menü Eklentisi , Blogger Menü Eklentisi , Blogger Açılır Menü , Menü Eklentileri , Blogger Yana Açılan Menü , Menü , Slideout Menu Bar For Blogger , Blogger Menu Widget

Devamını Oku »

Facebook , Twitter Yalancı Takipci Sayısı Eklentisi

Facebook , Twitter Yalancı Takipci Sayısı Eklentisi

Bu eklentimiz resimde gördüğünüz gibi, rss , twitter ve facebook takip sayısı göstergesi şeklindedir..

Tabi burda yazan rakamlar , tamamen hayal ürünü olup , size kalmıştır...

Adı üstünde Yalancı Takipci Sayısı Eklentisi !

<style> 
.rss-mbt { 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxzr6H555O27QGJ69gu7iEak7-yYgkbAnVhT-3QlSymsJivV4n_NLFGPNtoCnaQjSBqiSY70bvHZriRHLMp3tDANZ5zm0BAFY7LQKV6jGYWSDKhapb0UoPVuGU2L-pGHzWiWCwYS6-oX4/s800/RSS1.png) no-repeat; 
    height: 64px; 
    padding: 0px 20px 0px 80px; 
    margin-top: 20px; 
}
.twitter-mbt { 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5ENiIoQdUaXbDQ8HL_h6RYOdBbE6p_wF1YjXZ1hrWZIQhicWYWzM0EPEAS8E5lsegNTlU7tuSbnfwlwhjjhHASWIcI5BXAxnvB7v39UbN5E2jJscfEtSdF5fU3zyn5VD7WAhkp0qow7c/s800/TWITTER1.png) no-repeat; 
    height: 64px; 
    padding: 0px 20px 0px 80px; 
    margin-top: 20px; 
}
.facebook-mbt { 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj7WB3bduqZtYWrpfGVfv7k6vpkTxEbIvrPpBszRhZ-1WfrLSYpCxQ3lxx4ec3g-WU07XNCvOQHH4WzklN-hlQNcpESccOd1ALgjLc4eZYLNU-xbHJYOeWaUStEQZiBqGUckWzHao2RZM/s800/FACEBOOK1.png) no-repeat; 
    height: 64px; 
    padding: 0px 20px 0px 80px; 
    margin-top: 20px; 
}
.follower-rss, .follower-twitter, .follower-facebook { 
    font-family: Georgia,  sans-serif, Times; 
    font-size: 1.1em; 
        font-style:italic; 
        color:#289728; 
}
.follower-rss span { 
    font-size: 1.9em; 
    font-weight: bold; 
        font-style:italic; 
        color:#FFB93C;     
}
.follower-twitter span { 
    font-size: 1.9em; 
    font-weight: bold; 
        font-style:italic; 
        color:#6DB6E6;     
}
.follower-facebook span { 
    font-size: 1.9em; 
    font-weight: bold; 
        font-style:italic; 
        color:#3889BA;     
}
</style>
<div class="rss-mbt"> 
<div class="follower-rss"> <span>78</span> Okuyucu 
</div> 
<a href="Rss adresiniz" rel="nofollow">RSS feed</a> 
| <a href="E-mail adresiniz" target="_blank" rel="nofollow">E-mail</a> 
</div>
<div class="twitter-mbt"><div class="follower-twitter"><span>138</span> Takipçi</div>                            
<a href="Twitter Adresiniz" target="_blank" rel="nofollow" title="I definitely follow you back">Bizi Twitter'da Takip et</a> 
</div>                       
<div class="facebook-mbt">                        
<div class="follower-facebook"><span>403</span> Takipçi                           </div>                            
<a href="Facebook Adresiniz" target="_blank" rel="nofollow">Bizi Facebook'da takip et</a> 
</div>

Yukarıdaki kodu blogunuza gadget şeklinde istediğiniz yere , yerleşim'den ekleyiniz..Kod içinde kırmızı olan yerlere, kendi twitter , facebook , rss ve mail adresinizi yazınız..Mavi olan yerler ise , takipçi sayısı kısmı, buralara istediğiniz rakamı yazabilirsiniz..

Devamını Oku »

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

Blogunuza dinamik bir resim eklentisi istermisiniz ?

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

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

]]></b:skin>

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

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

.post img:hover {-webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5);-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);-webkit-transform:  rotate(-2deg);-moz-transform: rotate(-2deg);}

kaydedip çıkıyoruz...

Devamını Oku »

Merhaba arkadaşlar size bugün sitenizin dünya üzerinde kaçıncı olduğunu ve Türkiye'de kaçıncı sırada olduğunu gösteren bir koddan bahsedeceğim. Bu kod ile sitenize ekliyorsunuz ve herkez kaçıncı olduğunuzu görebiliyor.  Yararlımı diye sorarsanız yararlı fakat sitenize ister ekleyin ister eklemeyin orası size kalmış. Yapımı kolay arkadaslar kısaca hemen altta anlattım. Kolay gelsin.

Arkadaşlar öncelikle www.alexa.com sitesine girerek oraya sitenizi kayıt yaptırıyorsunuz ve çıkıyorsunuz. Daha sonra Alexa Internet (Bu bağlantıya tıklayarak gidebilirsiniz.) oradan istediğiniz bir görünüm karşısında bir boş yer var oraya sitenizi yazıyorsunuz. Örnek: www.hakanyildirimblog.blogspot.com ve Build Widgetdiyorsunuz. Karşınıza kodlar çıkacak istediğiniz bir kodu alıyorsunuz ve Blogger Panelinizden Yerleşim > Gadget Ekle > HTML/JavaScript 'da açılan pencereye kodu yapıştırıyoruz ve kaydediyoruz. İşlemimiz bu kadar arkadaşlar gördüğünüz gibi çok basit. 

NOT: No data diyorsa endişelenmeyin çünki siteniz yenidir ve daha sıralamaya dahil olmamıştır. Bir süre sonra otomatik olarak siteye yansır sıralamanız.Bir sorunuz olursa konu altına yazabilirsiniz.

Devamını Oku »

Blogger'ın normalde bu özelliği var. Bazı blogcular bu özelliği sonradan öğrendiğinde "Ne her yazıya tek tek 'more'ye tıklayıp keseceğim mi ?" der. Bunun daha kolay bir yolu vardır. İşte şimdi size bu eklentiyi anlatacağım.

Blogger hesabımıza giriş yaptıktan sonra Tasarım > HTML'yi Düzenle kısmına gelip Widget Şablonlarını Genişlet kutucuğunu işaretliyoruz.

Şimdi kodlarımızı ekleyelim.

CTRL + F yaparak kod penceremizden </head> etiketini buluyoruz. Hemen sonrasında aşağıdaki kodu, bulduğumuz </head> kodunun üst kısmına yerleştiriyoruz.

Alıntı:

<!-- Auto read more script Start --> <script type='text/javascript'> var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail summary_noimg = 430; //summary length when no image summary_img = 340; //summary length when with image img_thumb_height = 200; img_thumb_width = 200; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(thumbnail_mode == "yes") { if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script> <!-- Auto read more script End -->

Bu kısmı hallettikten sonra </head> kodunu bulurken yaptığımız işlemi <data:post.body/> için yapıyoruz. Daha sonra bulduğumuz kodu seçerekaşağıdaki kodu yerine yapıştırıyoruz.

Alıntı:

<!-- Auto read more Start --> <b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/> <b:else/> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;); </script> <a class='more' expr:href='data:post.url'>Read more ...</a> </b:if> </b:if> <!-- Auto read more End -->

Kodumuzu kendimize göre düzenleyelim:

thumbnail_mode: Temamıza eklediğimiz kodlar içerisindeki bu kod, yazıyı kestikten sonra küçük resim koyma yada koymama seçeneğini bize sunuyor. Eğer "yes" dersek küçük resim görünür, "no" dersek görünmez.

summary_img: Resim olursa, kaç karakter yazı göstermek istediğimizi giriyoruz. Yukardaki kodda yanında değer var o kısım karakter sayısıdır.

summary_noimg: Yukardaki işlemin aynısı fakat bunda resim yok. O yüzden karakter sayısını yukardakinden fazla girmemizde fayda var.

img_thumb_height ve img_thumb_width: Yazıyı kestikten sonra oluşan küçük resimin hangi boyutlarda küçülmesini istiyorsanız yanındaki değerleri onunla değiştirin. Sadece birini değiştirirseniz diğeri ona göre oranlanır.

Read more ...: Kodumuzun içindeki bu yazı da, yazıyı kestikten sonra ardına eklenecek kelimedir. "Devamını Gör", "Devamını Oku" gibi değiştirebilirsiniz. Devamını Oku »

Blogger Eklentileri  kuşağında sizlere rastgele yazılar Blogger eklentisini sunuyorum.

Blogger Rastgele Yazılar Eklentisi ile s bloglarınız da bulunun yazıları rastgele olarak, giren kullanıcılara sunabilir bu sayede farklı konulardaki yazılarınıza dikkat çekebilirsiniz.  Ayrıca bu ve benzeri rastgele sunum eklentileri botlar için sürekli güncellenen bir site imajı oluşturacaktır.

Blogger Rastgele Yazılar Eklentisi Demo 

Hemen sağ menümde eklentinin demosunu görebilirsiniz. Gene sizin için bir adet resim ekliyorum 

Blogger Rastgele Yazılar Eklentisi Kullanımı 

Eklentiyi kullanmak için  Şablon >> Gadget Ekle >> HTML/Java Script kutucuğunu kullanarak Blogger Eklentileri - Blogger Rastgele Yazıları Göster Eklentisi kodlarını eklemelisiniz.

Blogger Rastgele Yazılar Eklentisi Kodları 

<style>#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='Yorum Var';
var rdp_disable='Comments Disabled';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL7r_4GFefcDYsCDpbxWeDTqSQPdDhV-kDX7Wdy9rm0eukWa3NML7vX2z8yXhukE4vgvH354gftwbTti-xmyX0jSaxf_IiNWwu_xxs1juFuxqiq9r3JJUCLURTcP_urOcz4ORuM5V0i8M/s1600/na_image.jpg"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>

Devamını Oku »

Sitene popüler yayınlar eklentisi ekle

Bu eklenti gercekten cok hosuma gitti ve blog'da paylasmak istedim sizlerin de bilgidiniz gibi hemen hemen her blog'da popüler yayınlar eklentisi var. Gelin biz bu eklentiyi daha da güzelleştirelim.
Bu eklenti ile popüler yayınlarınızın tamamında resim olacak (Blogger'ın kendi popüler yayınlar eklentisinde bazıları gözükmüyor.) Hemen anlatıma gecelim kolay zaten;

Sablon Html'yi Duzenle diyoruz ve crtl+f yardımıyla ]]></b:skin> kodunu buluyoruz. Hemen uzerıne su kodları yerlestırıyoruz..

#PopularPosts1 {    max-width: 300px}

#PopularPosts1 dd {    float: left;    border-bottom: none;    margin: 8px 8px 0 8px;    background: none;    display: block;    padding: 0}

#PopularPosts1 img {    -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    transition: all 0.5s ease;    padding: 4px;    background: #eee;    background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));    background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);    -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);    box-shadow: 0 0 3px rgba(0,0,0,.7);}

#PopularPosts1 img:hover {    -moz-transform: scale(1.2) rotate(-350deg);    -webkit-transform: scale(1.2) rotate(-350deg);    -o-transform: scale(1.2) rotate(-350deg);    -ms-transform: scale(1.2) rotate(-350deg);    transform: scale(1.2) rotate(-350deg);    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);    box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}

Not: Yeşil ile gösterdiğim yerler'i isteğinize göre ayarlayabilirsiniz.. ( Hemen hemen her yer :)

Devamını Oku »

Sayfa sağında kayan hareketli Sosyal Butonlar

Bu eklentiyi yabancı bir sitede gordum begendım sitemize istedim aldım allahın izniyle :)
Simdi de sızlere sunuyorum..
Eklemesi cok kolay gecelım eklemeye;

Yerleşim>>Gadget Ekle>>Html/Javascript diyoruz ve su kodları ekliyoruz..


Demoya Bak

<style>
.btsnts-flt-wdt{
position:fixed;
right:10px;
top:30%;
}
.btsnts-flt-wdt img{
float:right;
clear:right;
margin:1px;
-webkit-transition: all .0s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.btsnts-flt-wdt img:hover{
-moz-transform: scale(1.2) rotate(6deg);
-webkit-transform: scale(1.2) rotate(6deg);
-o-transform: scale(1.2) rotate(6deg);
-ms-transform: scale(1.2) rotate(6deg);
transform: scale(1.2) rotate(6deg);
}
</style>
<!-- blog-okulum.blogspot.com -->
<div class="btsnts-flt-wdt">
<!-- Facebook -->
<a href="http://www.facebook.com/htmlkod11 title="FACEBOOK TAKİP ET" target="_blank"><img alt="FACEBOOK TAKİP ET" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXqAQmNOm56cXC7qCiLja0xxC9EDiNgkAv4_P2Nw9dbalSnLjyagiEh8DnmJEF7s9OPfMaYqEvNnKv9GsTeGB1efg5cX9SwMPuFCUozR5TI8ajo54mb314trTsXf5FLKWkhRG9kosb2iw/s1600/facebook.png" /></a>
<!-- Twitter -->
<a href="http://twitter.com/EmincanSaral" title="" target="_blank"><img alt="TWİTTER TAKİP ET" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLUV4wEr1M3P2CTIpIsdIGFTF8gUz3eASFuKMfsZr1lCitKi4yg7Xq8gj3Dw4-BZE3eot0ZPrADzTz7M_9M6fB9np8j7tGNLBni4O5ZiKe3Sb6WKoSHW85-rqcFDl9Uhv1Noa6TYX6UOE/s1600/twitter2.png" /></a>
<!-- RSS -->
<a href="http://feeds.feedburner.com/BlogOkulum" title="FEEDBURNER TAKİP ET" target="_blank"><img alt="FEEDBURNER TAKİP" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRJCncQqh0KncPdS165elUFFO9YkFHJrDnNazkiBnKqTwM7W-KlhX71FwrhRzz8MzWluhyphenhyphenipSkfVMuJTtKJqy_dvWTid0U-QyM4VPt2gZWusCNZlag_6vT8gYcBwEP1lw2XdNygvFRikI/s1600/Rss.png" /></a>
<!-- Email -->
<a href="http://blog-okulum.blogspot.com/p/iletisim.html" title="İLETİSİME GEC" target="_blank"><img alt="İLETİSİME GEC.." src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-kBhCuucnR0d1_HXtS2Wpfr2occBTR5loph09o39i2m9h2BskaokIqHCAZ83cDL4jkzFyls85jF4CzNrftMFScdYLlWpvYKprkbjU_ce6UpIsbq3wwbRNPTCiM-68bqSoSgdS81x0DDc/s1600/Mail.png" /></a>
</div>
<!-- End -->

Devamını Oku »

Yazıları çerçeve içine almak

Blogger'da önemli olan vurgulamak ıstedıgınız yazıları kodları vs. daha dikkat çekiçi yazmak isterseniz bu kodlar tam size gore.
bacground-color 'dan renkleri değiştirebilirsiniz..
Ancak ben bir kaç tane hazır koymak istedim uğraşmamanız için buyrun aşağıdan seçin beğenin alın..

BLOGOKULUM | YAZILARINIZ BURAYA...

<pre style="background-color: #ebf3fb; border: 2px dashed rgb(235, 243, 251); overflow: auto; padding: 5px; text-align: justify; width: 629.6333618164063px;">BLOGOKULUM | YAZINLARINIZ BURAYA...<span style="font-size: 12px; line-height: 14px;"></span></pre>

BLOGOKULUM | YAZILARINIZ BURAYA...

<pre style="background-color: darkgrey; border: 2px dashed rgb(235, 243, 251); overflow: auto; padding: 5px; text-align: justify; width: 629.6333618164063px;">BLOGOKULUM | YAZILARINIZ BURAYA<span style="font-size: 12px; line-height: 14px;"></span></pre>

BLOGOKULUM | YAZILARINIZ BURAYA

<pre style="background-color: #00fffff; border: 2px dashed rgb(235, 243, 251); overflow: auto; padding: 5px; text-align: justify; width: 629.6333618164063px;">BLOGOKULUM | YAZILARINIZ BURAYA<span style="font-size: 12px; line-height: 14px;"></span></pre>

BLOGOKULUM | YAZILARINIZ BURAYA

<pre style="background-color: #008000; border: 2px dashed rgb(235, 243, 251); overflow: auto; padding: 5px; text-align: justify; width: 629.6333618164063px;">BLOGOKULUM | YAZILARINIZ BURAYA<span style="font-size: 12px; line-height: 14px;"></span></pre>

BLOGOKULUM | YAZILARINIZ BURAYA

<pre style="background-color: #808080; border: 2px dashed rgb(235, 243, 251); overflow: auto; padding: 5px; text-align: justify; width: 629.6333618164063px;">BLOGOKULUM | YAZILARINIZ BURAYA<span style="font-size: 12px; line-height: 14px;"></span></pre>

BLOGOKULUM | YAZILARINIZ BURAYA

<pre style="background-color: red; border: 2px dashed rgb(235, 243, 251); overflow: auto; padding: 5px; text-align: justify; width: 629.6333618164063px;">BLOGOKULUM | YAZILARINIZ BURAYA<span style="font-size: 12px; line-height: 14px;"></span></pre>

Devamını Oku »

360 derece dönen sosyal takip eklentisi

Bu eklentiyi baslık resmi'nizin tam yanına yerlestirirseniz gercekten cok guzel gozukecektir..
     Fazla uzatmadan hemen anlatıma geçelim buyrun;

     Öncelikle görünümünü verelim (Uzerine tıklayarak buyutebılırsınız..)

     Daha Yerleşim Gadget Ekle Html/Javascript Diyerek Asagıdaki Kodları ekliyoruz..

     Ve asagıdaki kodları ekliyoruz.
     Not: Koddaki yerleri kendinize göre doldurmayı unutmayın..

<!-- 360 derece donen sosyal takip blog-okulum.blogspot.com Kodu Baslat --><style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Baslangic Rss Icon--> <a title="Grab Our Rss Feed" href="FEED-URL-ADRESİNİZ" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5HcwVV38KVEx415kVElMuBXkvGiFFqmhOBPREAWKY6lqNw_ONvGdR7u159WWYfASkWXQPBTb4j8axGu7RW-RbG6-4wzdcshE3eZvLwOgvTg5qf6-Z4mEa9Ou8fYOLoFzP6o3CccS4kbGn/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--Bitis Rss Icon--> <!--Baslangic Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="E-MAİL-RSS-ADRESİNİZ" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtbjYIcuXu9cQY5B4g6TC2c9n4gcq5HLc67lEIjoFYKHrG4AHsH7T_QkrgcFPMXoDqn8FZkYBoEvq6LH6E77Di8gHZVGO5Y13q16QvIRO-88DMtsEiwNCjfLlvEXkDuWr6s5mkn2LEATKb/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--Bitis Email Rss Icon--> <!--Baslangic Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="FACEBOOK-SAYFANIZIN-URL-ADRESİ" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIZ0BQlPO1e8kaeGHWwB47bblgV6yuZNAHA2BoE8T9Rp7Tno_FD86QAs7pgG9FOpsvKsjD4Dq36Z76Y3Df79le8g3Z9napvsD5EV2U44fRpMg-YhNl77I6bN9_nTOVOKRwK1Vd4GXIdYVl/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--Bitis Facebook Icon--> <!--Baslangic Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="TWITTER-URL-ADRESİ" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrqg3R7UQEMfvkTsn-gtK6oQ5-NzHFgWC2iV5lmNiRHz2ywzFZrCMqXMnKSNYblu1lTwlCoQ8PBJ-2w6A0Y5ratHGNVCOQ2nNeTzV9vkBBI4-HiIaYGYyrJaB6Itks6zRep5Ir34s0tzzP/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--Bitis Twitter Icon--> <!--Baslangic Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="GOOGLE-PLUS-URL-ADRESİNİZ" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguOh0AtC4n17Tng7dGu2cz8V6-p25_Kv1uSZVjiiIxR9MNUIFvVh-xn_BJFnLa0QwUCaOpfzqC78gW2Bs92pCkGivND-exGFSNN2-uOsZCnPIyj4X2B-sJqeF6yXU3tzWNAR3uJKnAnAgl/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--Bitis Google+ Icon--> <!--Baslangic Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="PINTEREST-URL-ADRESİNİZ" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDCy3vFYjjhzohNXajPm9umqWjAI_H7lvBDwdpiBU2yooiAEvAyyu1csnh0pXpoqREAfiD77w2WgWNIY9_-A5FomiHW76PkMThzHZAEjEhdyDWkt-pyif544PpwOKvopAETdSVyr-DNQLa/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--Bitis Pinterest Icon--> </div><br/> <!--Baslangic Feed Count Button--> <a href="FEEDBURNER-URL-ADRESİNİZ" target="_blank"><img alt="blog mimari" src="http://feeds.feedburner.com/~fc/BlogMimari?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--Bitis Feed Count Button--> </center><!-- 360 derece donen sosyal takip blog-okulum.blogspot.com Kodu Bitir -->




Devamını Oku »