30 Ekim 2012 Salı

Powered by Blogger Yazısını Kaldırma




Bir çok kullanıcının blogunda powered by blogger şeklinde bir yazı bulunmaktadır, bu yazı bazı bloglarda gatget şeklinde olmadığı için kaldırma şanşınız normal yollarla yoktur...

Aşağıda yöntem ile powered by blogger yazısını blogunuzdan kaldırabilirsiniz...

]]></b:skin>

yukarıdaki kodu ctrl+f ile bulun ve hemen üstüne aşağıdaki kodu yapıştırın.. 

#Attribution1 { 
height:0px; 
visibility:hidden; 
display:none 
}

Artık blogunuzda powered by blogger yazısı çıkmayacaktır, yapmanız gereken bukadar... 

Blogunuza girişte bir kez açılan bilgilendirme kutusu



Blogunuz için girişte açılan bilgilendirme kutusu / hoşgeldiniz mesajı tarzı bir eklenti istermisiniz ?

Bu eklentimizin çalışma mantığı şu şekilde ; ziyaretçiniz blogunuza girdiğinde , bilgilendirme kutusu ekrana gelir , tamam butonu ile kapanır , ziyaretçiniz diğer sayfalarınıza girsede tekrar karşılarına çıkıp onları rahatsız etmez..

Bu eklentiyi blogunuzda kullanmak için aşağıdaki bloguma ekle butonunu kullanabilir , ardından kod içindeki BURAYA YAZMAK İSTEDİĞİNİZ YAZI yerine istediğiniz mesajı yazabilirsiniz..

More Sharing Services

Blogger Oylama Eklentisi



Blogger Blogunuzda yazı ve konularınız için oylama eklentisi istermisiniz ?

Bu eklentimizle yazdığınız yazıların sol üstünde beş yıldızdan oluşan oylama eklentisi blogunuza yerleşir , kullanıcılar 1'den 5 yıldıza kadar blogunuzu oylayabilirler , toplam oy sayısı ve ortalaması görülebilir..

Blogunuzda yazılarınızın/konularınızın beğenilip beğenilmediğini anlamak için güzel bir eklenti...

Öncelikle blogunuzda aşağıdaki kodu bulunuz..
</body>
Bu kodun hemen üstüne aşağıdaki kodu ekleyiniz..
<script src="http://js-kit.com/ratings.js"></script>
Şimdi ise bu kodu bulunuz
<data:post.body/>
Bu kodun üstüne aşağıdaki kodu ekleyiniz ve kaydedin...
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title' view='score'> 
</div> 
</b:if>
Bu kodun özizlemesini görmek için TIKLAYIN

Renkli Çizim Şeklinde Sosyal Medya Butonları Eklentisi..



Renkli Çizim Şeklinde Sosyal Medya Butonları Eklentisi..

Blogger blogunuzda El çizimi şeklinde renkli sosyal medya butonları kullanmak istermisiniz , Bu blogger eklentisi ile farklı görünümde olan bu sosyal butonlarını kullanmış olacaksınız..

Sosyal paylaş butonları ile , facebook , twitter , rss ve google + sayfalarınızı ziyaretçilerinize tanıtmış olacaksınız..

Demosunu Görmek için TIKLAYIN

Yerleşim > Gadget ekle "HTML/Java Script" seçelim ve aşağıdaki kodu ekleyelim


<style class="text/css">
table
{
border-bottom: 0px solid #E6E6E6;
float: center;
width: 260px;
margin:10px 0 0 3px;
}
.subicons
{
border-right: 1px solid #E6E6E6;
}
.Fadeout {
filter:alpha(opacity=100);
opacity: 1.0;
border:0;
}
.Fadeout:hover{
filter:alpha(opacity=80);
opacity: 0.8;
border:0;
}
</style>
<div class="table">
<table>
<tr>
<td><div class="subicons"><a class="Fadeout" href="http://www.facebook.com/XXXXX" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq5Im9E6Y19izVZoT5cFeSI1Z2KKE3HJtMb3F71g3URJPioSdBSteL9b6VoA2ha3dJd2N6vvMIgWzwewA8kay5okiMw6Xt5NC9SrMasDb1YoMYzshI7JLON_Y84f30aXKBm5yNYZ0Q8kcM/s1600/facebook-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="http://twitter.com/XXXXX" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl-hLiinQw2QL61wy_UQTOT3ipjcqVEiop1evVpDq4BDFUqHQgVYh4CjYIrMUQt0H4BxIj0Zx5LhwP8AmQwCR_EMu7AUtOt8TT2vQymIGi-e1Iw3IVIxsbYNUzFCRoU0_lPlp2TX-p9vD1/s1600/twitter-48.png" /></a></div></td>
<td><div class="subicons"><a class="Fadeout" href="http://feeds.feedburner.com/XXXXX" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7hN7DAYA511qycRO9AzoNIk1NGwc5_fdAUEjJr4xs1kGlp_W-MzU2THJzmGqrrsJFtdglKUPKqbtwctjzeYYxsuBGjx-xDb7X5Prpbptsugt0V9d0SPhx2RZAfX5f8G5HrVppebeg3KmE/s1600/rss-48.png" /></a></div></td>
<td><a class="Fadeout" href="https://plus.google.com/110875602250977569192/posts" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3SWJcc2hqr-d2ZpQzLl_ywH1fd-4KNLCLxdXBTba3i0b37LRI-syJ5ajm5c85mf-94xN1pw8axGWVEpqQHfceQCnsfNgol8dGOzYm4UFUvJUbQxChfuZP7furR56JAx2HMdLMxuOgksIo/s1600/google-48.png" /></a></td>
</tr></table>
</div>
Yukarıdaki kod içinde renkli yazılmış olan yerlere , kendi sayfalarınızın adreslerini yazınız..


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

Sosyal medya butonları , Sosyal medya düğmeleri , blogger sosyal buton ekle , blogger için sosyal butonlar , blogger facebook twitter buton , blogger blog sosyal medya eklentisi, Sosyal medya eklentisi

Blogger Admin / Yazar Yorumlarını Farklı Renkte Gösterme eklentisi



Blogger Admin / Yazar Yorumlarını Farklı Renkte Gösterme eklentisi

Blogger blogunuzda yazılarınıza yapmış olduğunuz kendi yorumlarınızın farklı renkte gözükmesini istermisiniz ?

Bu Blogger eklentimizde , yorumlarınız farklı gözükecek , sayfanıza giren ziyaretçiler yorumlarınızı daha net seçecek..Kullanışlı bir eklenti olduğunu düşündüğümüz Blogger Admin / Yazar Yorumlarını Farklı Renkte Gösterme eklentisini sizde blogger'e eklemek için aşağıdaki yolları uygulayınız..
]]></b:skin>
Yukarıdaki kodu bulun ve hemen üstüne aşağıdaki kodları ekleyiniz.
.comment-body-author { 
background: #00BBF1; /* Arkaplan resmi*/ 
color: #000000; /* Yazı rengi*/ 
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344; 
margin:0; 
padding:0 0 0 20px; /* Yorumunuzun posizyonunu ayarlar*/ 
} 
üstteki işlemi yaptıktan sonra aşağıdaki işleme geçin..
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>


<b:if cond='data:comment.author == data:post.author'> 
<dd class='comment-body-author'> 
<p><data:comment.body/></p> 
</dd> 
<b:else/> 



<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>

</b:if> 

Burası biraz karışık ama eminim yapacaksınızdır , yukarıdaki kırmızı olan kodlar bizim eklememiz gereken kodlardır , diğerleri zaten blogunuzun kodlarında mevcut , biraz uğraşarak bu kodları bulun ve kırmızı olan kodları yukarıdaki gibi ekleyiniz..Demosunu şuan zaten blogumuzda kullanıyoruz , Göremeyenler için LİNK


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

Blogger yazar yorumları , Blogger yazar yorumlarını renklendirme , Blogger yazar yorumlarını farklı renklerde gösterme , Blogger yazar yorumlarını biçimlendirme , Blogger yazar yorumlarına renk verelim , Blogger admin yorumları , Blogger admin yorumlarını renklendirme , Blogger kullanıcı yorumları , Blogger yorumları , Blogger yorumları renklendirme

Blogger Yazı Boyutu Değiştirme Eklentisi



Blogger Yazı Boyutu Değiştirme Eklentisi

Blogunuzda ziyaretçilerinizin yazı boyutunu değiştirmesini istermisiniz ? Bu blogger eklentimizde , sitenize giren ziyaretçiler , konularınız içindeki yazıların boyutuyla oynayabilir, yani isterlerse küçültebilir , isterlerse büyültebilirler..

Yararlı bir eklenti olduğunu düşündüğümüz bir blogger eklentisi olan Blogger Yazı Boyutu Değiştirme Eklentisini blogunuza eklemek için aşağıdaki adımları takip edin..

ilk olarak aşağıdaki kodumuzu buluyoruz..
</head>
Bu kodumuzun hemen üstüne , aşağıdaki kodu ekliyoruz..
<!-- eklentileri.blogspot.com kod başlangıcı -->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
<script>
$(document).ready(function(){

//ID, class and tag element that font size is adjustable in this array
//Put in html or body if you want the font of the entire page adjustable
var section = new Array(&#39;span&#39;,&#39;.section2&#39;);
section = section.join(&#39;,&#39;);

// Reset Font Size
var originalFontSize = $(section).css(&#39;font-size&#39;); 
$(&quot;.resetFont&quot;).click(function(){
$(section).css(&#39;font-size&#39;, originalFontSize);
});
// Increase Font Size
$(&quot;.increaseFont&quot;).click(function(){
var currentFontSize = $(section).css(&#39;font-size&#39;);
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*1.2;
$(section).css(&#39;font-size&#39;, newFontSize);
return false;
});

// Decrease Font Size
$(&quot;.decreaseFont&quot;).click(function(){
var currentFontSize = $(section).css(&#39;font-size&#39;);
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*0.8;
$(section).css(&#39;font-size&#39;, newFontSize);
return false;
});
});
</script>
<!-- eklentileri.blogspot.com kod sonu -->
Yukarıdaki işlemi yaptıktan sonra , şimdi ise aşağıdaki kodumuzu buluyoruz.
<div class='post-header-line-1'/>
Bulduğunuz kodun hemen altına , aşağıdaki kodlarımızı ekliyoruz..
<!-- eklentileri.blogspot.com kod baslangıcı -->
<b:if cond='data:blog.pageType == "item"'>
<table border='0' style='float:right; margin-left:5px;'><tr><td><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr_vU-5lEdJ6DVwL_ZfA8E1a9Icq27z2VI0d28nVuEjZgB_6szGf6Z4sWWbmFVOLs6GQQktMyfS_T4MZRy60Zp_wnvAGH-Ydcevqv-Wisg_hKY3ayWSXxKveUFwDiMRsYZpFzTXeniJvI/s1600/font-size-blogger-gadget.png'/> | <a class='increaseFont' style='cursor: pointer; cursor: hand;' title='Larger Text'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFCRN7vP0_ahug7DP7iGvY2eEBG0go_CXrpWCE4aX9J2gs99Xm_EeAHb3gJ1IQ6Inkai2hDG9ABZzJ22RB3erCYZq9gFtELXDm8pbKMrzbq6b-Exyawg5CI0x9wy9oXoh9UZa4Iht9a5Q/s1600/bigger-font+-+Copy.png'/></a> 
<a class='decreaseFont' style='cursor: pointer; cursor: hand;' title='Smaller Text'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitTIL-BTZmYmjsu5K8veMBOXnHMM8EQxTZGi7h5Cpg6ho7CiSJD4Tipn_7LdDdfxVArZFNptGJijMqyn0EC1RsffUC20hVC_44K2y1Ja1wT8GkwDkRzdXFPBb14chNYhhZ7f6KTsTd6NI/s1600/smaller-font.png' style='cursor: hand;'/></a> 
<a class='resetFont' style='cursor: pointer; cursor: hand;' title='Reset Text Size'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKrCSNOH3qSsQ-1d8piVvg5othLQHgSCKZOb3dyKNOhCpHhn7hU2-fjgI8AVW94352AIRadsnzSQipBFHsyIcBhmQK0wh-9RCHlnxOqHVVZvkFJDsJSA1t9JAFGWD9eX2R3rq20_1l15s/s1600/reset-font.png' style='cursor: hand;'/></a></td></tr></table>
</b:if>
<!-- eklentileri.blogspot.com kod sonu -->
Son olarak bu kodu bulun.
<data:post.body/>
Bu kodla değiştirin
<span><data:post.body/></span>
Artık Blogger Yazı Boyutu Değiştirme Eklentisine sahipsiniz...güle güle kullanın..DEMO


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

Blogger Yazı Boyutu , Blogger Yazı Boyutu değiştirme , Blogger Yazı Boyutu ayarlama , Blogger Yazı ayarları , Blogger Metin Boyutu , Blogger Metin Boyutu ayarlama , Blogger Text Resize

Blogger Renkli Popüler Yayınlar Eklentisi



Blogger Renkli Popüler Yayınlar Eklentisi

Bu eklentimizde , blogunuzda bulunan popüler yayınlarınız renkleniyor , Popüler yayınlarınıza renk katmak isterseniz bu eklenti tam size göre..

Görsel açıdan oldukça şık olan Blogger Renkli Popüler Yayınlar Eklentisini tavsiye ediyoruz..

Anlatıma geçelim hemen..

Şablona girerek , Widget Şablonlarını Genişlet diyoruz ve Aşağıdaki kodumuzu buluyoruz
/* Variable definitions
   ====================
Bu kodumuzun hemen altına aşağıdaki kodlarımızı ekliyoruz..
<Group description="PopularPosts Backgrounds" selector="#PopularPosts1">
<Variable name="PopularPosts.background.color1" description="background color1" type="color" default="#fa4242" value="#ff4c54"/>
<Variable name="PopularPosts.background.color2" description="background color2" type="color" default="#ee6107" value="#ff764c"/>
<Variable name="PopularPosts.background.color3" description="background color3" type="color" default="#f0f" value="#ffde4c"/>
<Variable name="PopularPosts.background.color4" description="background color4" type="color" default="#ff0" value="#c7f25f"/>
<Variable name="PopularPosts.background.color5" description="background color5" type="color" default="#0ff" value="#33c9f7"/>
<Variable name="PopularPosts.background.color6" description="background color6" type="color" default="#ff0" value="#7ee3c7"/>
<Variable name="PopularPosts.background.color7" description="background color7" type="color" default="#ff0" value="#f6993d"/>
</Group>
Şimdi ise bu kodu bulalım.
]]></b:skin>
Hemen üstüne aşağıdaki kodlarımızı ekliyoruz..
#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}
#PopularPosts1 ul li:first-child{background:$(PopularPosts.background.color1);width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul li:first-child + li{background:$(PopularPosts.background.color2);width:85%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child + li + li{background:$(PopularPosts.background.color3);width:80%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li + li + li{background:$(PopularPosts.background.color4);width:75%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:$(PopularPosts.background.color5);width:70%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:$(PopularPosts.background.color6);width:65%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:$(PopularPosts.background.color7);width:60%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:40px;height:40px}
#PopularPosts1 ul li a{font-size:12px;color:#444;text-decoration:none}
#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}
Yukarıdaki işlemleri yaptıysanız eklentimiz şuan için çalışacaktır , ama popüler yayınlarda resimkullanıyorsanız aşağıdaki anlatımıda yapmanızı öneririz , yoksa resimler düzgün görüntülenmeyebilir , resim kullanmıyorsanız üstte anlatılanlar yeterli..

Öncelikle popüler yayınları blogunuza eklediğinizden emin olun , standart olarak popüler yayınlar başlığınız , "Popüler Yayınlar" şeklindedir..Bu yüzden biz popüler yayınlar kelimesiniarayacağız , farklı bir isim kullandıysanız siz o ismi aratın..
<b:widget id='PopularPosts1' locked='false' title='Popüler Yayınlar' type='PopularPosts'>
x
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
</b:widget>
Yukarıdaki kodlar , popüler yayınların bulunduğu kodlar , burada yapmamız gereken ilk kod ileson kod arasını silip , aşağıdaki kodlarımızı sildiğiniz yere eklemek , yukarda silmeniz gereken yerleri kırmızı x ile gösterdim( sizde x yerine kodlar olacak) diğer ilk ve son koda dokunmayın...aralarını silip aşağıdaki kodlarımı ekleyin..
<b:includable id='main'>
   <b:if cond='data:title'>
    <h2><data:title/></h2>
   </b:if>
   <div class='widget-content popular-posts'>
    <ul>
     <b:loop values='data:posts' var='post'>
      <li>
       <b:if cond='data:showThumbnails == &quot;false&quot;'>
        <b:if cond='data:showSnippets == &quot;false&quot;'>
         <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
        <b:else/>
         <a expr:href='data:post.href' expr:title='data:post.snippet' rel='bookmark'><data:post.title/></a>
        </b:if>
       <b:else/>
        <b:if cond='data:showSnippets == &quot;false&quot;'>
         <b:if cond='data:post.thumbnail'>
          <img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail'/>
         <b:else/>
          <img alt='no image' class='item-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH99wA1AsqMhL8mCibhFggNMEDOx6mzFuBLWXBpErEZ_jy_aYWxsLEtsBKn8zF9iN6fwp_P5A2m8zm-VidkLtdLojUpAYpRqAoyC9J0PU9Z176pmDXUlf1fAAj7gD8ufndKq56ubhWvsI/s1600/defaultimage.jpg'/>
         </b:if>
         <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
         <div class='clear'/>
        <b:else/>
         <b:if cond='data:post.thumbnail'>
          <img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail'/>
         <b:else/>
          <img alt='no image' class='item-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH99wA1AsqMhL8mCibhFggNMEDOx6mzFuBLWXBpErEZ_jy_aYWxsLEtsBKn8zF9iN6fwp_P5A2m8zm-VidkLtdLojUpAYpRqAoyC9J0PU9Z176pmDXUlf1fAAj7gD8ufndKq56ubhWvsI/s1600/defaultimage.jpg'/>
         </b:if>
         <a expr:href='data:post.href' expr:title='data:post.snippet' rel='bookmark'><data:post.title/></a>
         <div class='clear'/>
        </b:if>
       </b:if>
      </li>
     </b:loop>
    </ul>
   </div>
  </b:includable>
Yukarıdaki kodlarıda eklediyseniz , Blogger Renkli Popüler Yayınlar Eklentisine artık sahipsiniz, güle güle kullanın..DEMO


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

Blogger Renkli Popüler Yayınlar Eklentisi , Blogger Renkli Popüler Yayınlar Gösterme , Renkli Popüler Yayınlar eklentisi , Popüler Yayınlar , Popüler Yayınlar eklentisi , Blogger Popüler Yayınlar Eklentisi

Otomatik Thumbnail ve Devamını Oku Eklentisi



Otomatik Thumbnail ve Devamını Oku Eklentisi

Bir çok kişinin kullandığı Otomatik Thumbnail ve Devamını Oku Eklentisinde , blogunuzda yazdığınız yazılara otamatik olarak konu içerisindeki resim ve devamını oku bağlantısının nasıl ekleneceğini bu yazımızda bulabilirsiniz...

Görüntü açısından da kullanışlı olan Otomatik Thumbnail ve Devamını Oku Eklentisi , Blogunuzda konuların uzayıp gitmesini engeller..Ana sayfada ve diğer sayfalarda daha iyi bir görüntü sağlar..

Hemen anlatıma geçelim..

Widget Şablonlarını Genişlet kutucuğunu işaretlediğinizden emin olun ve aşağıdaki kodu bulun..
</head>
Bulduğumuz kodun hemen üstüne , aşağıda yer alan kodları ekleyelim..
<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 400;
summary_img = 400;
img_thumb_height = 140;
img_thumb_width = 140;
</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");

if(img.length<=0) {
imgtag = '<span style="float:left;margin-right:5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiouWuqvWkNW2KW_qBR6Abk5xekUJ8pRV2m94wNFBqmCiATBEGU8kTQ2pM3wwox4lK3QPYzoOofFZJXT3YMf6ngGVbOw5PAsc53haTn7gLpJSgoiQC_Rd6ze8BCS0cwtLEoYHdkUpeqIDeL/s0/2nrklth.jpg" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
var summ = summary_noimg;
}

if(img.length>=1) {
imgtag = '<span style="float:left;margin-right:5px;"><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>  
Şimdi ise aşağıdaki kodumuzu bulalım..
<data:post.body/>
Bu kodumuzu aşağıdaki kod ile değiştirelim..( Daha detaylı olarak , bu kodu silin ve yerine aşağıdaki kodları ekleyin )
<!-- eklentileri.blogspot.com thumbnail devamını oku başlangıcı -->
<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'>Devamını oku...</a>
</b:if>
</b:if>
<!-- eklentileri.blogspot.com thumbnail devamını oku bitişi -->
Yukarıdaki işlemleri yaptıysanız Otomatik Thumbnail ve Devamını Oku Eklentisini artık blogger blogunuzda kullanabileceksiniz.. 

Yukarıda eklemeniz gereken ilk kod içinde yer alan ;

img_thumb_height = 140;

img_thumb_width = 140;
Değerlerini değiştirerek , thumbnail yani ana sayfanızda görünecek resmin boyutunu ayarlayabilirsiniz..


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

Otomatik Thumbnail ve Devamını Oku Eklentisi , Blogger Otomatik Thumbnail ve Devamını Oku Eklentisi , Blogger Thumbnail ekleme , Blogger Devamını oku Eklentisi , Blogger Devamını Oku ekleme , Blogger Thumbnail ve Devamını Oku