Blogger'a Reklam Alanı Oluşturma

Blogger sitenize 125x125 boyutunda reklam alanı oluşturmak istiyorsanız doğru adrese geldiniz. :)

Aşağıdaki kodları HTML/Javascript kısmına eklemeniz yeterli olucaktır.

<center> 
<a target="_blank" href=" http://ecanblog.blogspot.com/p/reklam-ver.html "><img onmouseout="this.style.opacity=0.6;this.filters.alpha.opacity=80" style="opacity: 0.6;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" border="0" alt="" src=" http://2.bp.blogspot.com/-KI1atsVMprY/UYPPa52d4DI/AAAAAAAAKpU/Nsnsh9-kP9k/s1600/125x125.gif " /></a> 
<a target="_blank" href=" http://ecanblog.blogspot.com/p/reklam-ver.html "><img style="opacity: 0.8;" border="0" onmouseout="this.style.opacity=0.8;this.filters.alpha.opacity=60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" alt="" src=" http://2.bp.blogspot.com/-KI1atsVMprY/UYPPa52d4DI/AAAAAAAAKpU/Nsnsh9-kP9k/s1600/125x125.gif " /></a>
<a target="_blank" href="http://ecanblog.blogspot.com/p/reklam-ver.html"><img style="opacity: 0.8;" border="0" onmouseout="this.style.opacity=0.8;this.filters.alpha.opacity=60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" alt="" src="http://2.bp.blogspot.com/-KI1atsVMprY/UYPPa52d4DI/AAAAAAAAKpU/Nsnsh9-kP9k/s1600/125x125.gif" /></a>  
<a target="_blank" href="http://ecanblog.blogspot.com/p/reklam-ver.html"><img style="opacity: 0.8;" border="0" onmouseout="this.style.opacity=0.8;this.filters.alpha.opacity=60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" alt="" src="http://2.bp.blogspot.com/-KI1atsVMprY/UYPPa52d4DI/AAAAAAAAKpU/Nsnsh9-kP9k/s1600/125x125.gif" /></a>  

<div style="text-align: center; ">
<a style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; color: rgb(76, 89, 107); text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; text-align: center; text-transform: uppercase; background-color: rgb(255, 255, 255); " href="http://ecanblog.blogspot.com/p/reklam-ver.html">REKLAM VE SPONSORLUK</a>
</div>

</center>

İlgili Aramalar: Blogger'a Reklam Alanı Oluşturma,reklam alanı oluşturma,blogger eklentileri

Devamını Oku

Blogger'a Google Plus Yorumlarını Ekleme

İlk önce yapmanız gereken Blogger panelinin sol tarafdaki Google+'a tıklayıp.Seçeneklerden "Bu blog'da Google+ Yorumlarını kullan" tıklayarak google plus'a geçiş yapıyoruz.

Eğer blogger temaları dışında bir tema kullanıyorsanız yapmanız gereken 1 işlem var.

Aşağıdaki Kodu Bulun.

<b:includable id='comment-form' var='post'>

Kodu bulduktan sonra ▶ konuna tıklayın ve yukarıdaki kodun hemen yanına aşağıdaki kodların ekleyin.

<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

İlgili Aramalar: Blogger eklentileri,Blogger'a Google Plus Yorumlarını Ekleme

Devamını Oku

Blogger CSS Filtre ile resimlere zoom efekti verin!

Sitenizdeki resimlerinize zoom efekti verin, güzel duruyor tavsiye ederim.

Hemen anlatıma geçelim:

Şablon / HTML Düzenle / CTRL-F yardımı ile ]]></b:skin> kodunu bulun aşağıdaki kodu üzerine ekleyin.

.post-body img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .post-body img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

İlgili Aramalar: blogger eklentileri,blogger zoom efekti,blogger css filtre ile zoom efekti

Devamını Oku

Blogger Mutlu Yıllar Eklentisi

Sayfa ile hareket eden mutlu yıllar resmi içeren bir eklenti.

Gadget Ekleyin >> HTML/JavaScript 

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8sOjz0Qs6DHc6krSONU6awQk5fSmmOah1Hb4RB3mr84D6gfGpU8SRq1UFu3mwjXykbNjKb8Fru7x7HhDtxz6EIUAFWzJvUNYbILnBCU-o7O3MFmqtfMgAm5hwMsumChB8aTSHwqHVvMFg/s1600/yeniy%C4%B1l.png" style="position:fixed; top: 0px;left:0px;border:none;z-index:5; background-color: transparent;"/>

eklentileri.blogspot

İlgili Aramalar:Blogunuzun Köşesine Mutlu Yıllar  , Blogunuza Mutlu Yıllar Resmi , Yılbaşı eklentisi , Blogger Yeni Yıl Eklentisi , Blogunuzun soluna resim

Devamını Oku

Blogger Renkli Popüler Yayınlar Eklentisi

Bloğunuzda bulunan popüler konular widgetini renkli hale getireceğiz.

]]></b:skin>

Yukarıdaki kodu bulun.Üstüne aşağıdaki kodların yapıştırın.

/*Populer Yayınlar Eklentisi Start EcanBlog*/
#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#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;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:30px;background:transparent;padding:0;width:51px;height:51px}
#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,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#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}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:89%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:89%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:89%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:89%}
#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:#f6993d;width:89%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:89%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:89%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:89%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:89%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:89%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#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}
/*Populer Yayınlar Eklentisi Finish ECANBLOG*/

Blogger Renkli Popüler Yayınlar Eklentisi

İlgili Aramalar: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

Devamını Oku

Blogger Facebook Yorum Kutusu Ekleme Eklentisi

Bu eklenti sayesinde blogger sitenize facebook yorum kutusu ekliyebileceksiniz.Vakit kaybetmeden anlatıma geçelim.

• Adrese Gidin.
• Yeni Uygulama Oluştur
• App Name - Uygulama adınız girin devam deyin.
• 
• Şimdi blogger'a gelelim.
• <head> bulun ve hemen altına <meta content='ID NUMARASI' property='fb:app_id'/> ekleyin.
• <div class='post-footer-line post-footer-line-3'> bulun  ve hemen altına aşağıdaki kodları ekleyin.

<b:if cond='data:blog.pageType == "item"'><div id="fb-root"></div><script>(function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1"; d.getElementsByTagName('head')[0].appendChild(js);}(document));</script><fb:comments width='500' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid='data:post.id'/></b:if>

<html bulun bu koda şunu ekleyin   xmlns:fb="https://www.facebook.com/2008/fbml"

İşlem Tamam.

İlgili Aramalar:Blogger Facebook Yorum Kutusu Ekleme , Blogger Facebook Yorum Kutusu , Facebook Yorum Kutusu Ekleme , Yorum Kutusu Ekleme , Facebook Yorum Formu , Facebook Yorum Formu Blogger ekle , Facebook Eklentisi

Devamını Oku

Blogger “Yazı Kaç Kez Okundu?” Eklentisi

Evet bu eklentimizde Yazınızın kaç kere okunduğunu öğreniceksiniz.

Devamını Oku

Blogger Sayaçlı Sosyal Takip Butonları

Facebook, Twitter ve Feedburner abone sayısını kendi Blogger adresinizde gösterebilir ve bu servislerde oluşturduğunuz hesaplara link verebilirsiniz.

Gadget Ekleyin : HTML/Javascrip : Aşağdaki kodları düzenliyerek yapıştırın.

<link href='http://tayfun-code.googlecode.com/hg/jquery.nicebox.css' rel='stylesheet' type='text/css'/><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script><script type="text/javascript" src="http://socialconters.googlecode.com/files/jquery.singam.min.js"></script><script type="text/javascript">  $(document).ready(function(){                  $('#fblikes').singam({                    'service':'facebook',                    'countof':'likes',                    'query':'Facebook Kullanıcı Adınız',                    'callback':'formatCount'                });          $('#followers').singam({                    'service':'twitter',                    'countof':'followers',                    'query':'Twitter Kullanıcı Adınız',                    'callback':'formatCount'                });    $('#rss').singam({                    'service':'feedburner',                    'query':'http://feeds.feedburner.com/Feedburner ID' adresiniz ',                    'callback':'formatCount'                });   });              function formatCount(element,count)            {                var display_count='';                count=parseInt(count,10);                if(count>1000000)                {                    count=count/1000000;                    count=count.toFixed(1);                    display_count=count+'m';                }                else if(count>1000)                {                    count=count/1000;                    count=count.toFixed(1);                    display_count=count+'k';                }                else                {                    display_count=count;                }                element.html(display_count);            }</script><div class='col_4'><a href='https://www.facebook.com/Blogger Eklentileri' rel='nofollow' target='_blank'><div class='box'><div class='cell_1 facebook-blue'><img class='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuGbnNg9Wo_4r3W0QL4SbApw8yMRZCFNKBgRAkCykRwotxlOJf-SF1CFqpXrwRncXDWFaQin9L9Ah16LzQ6A4cdyyHHRNP6qJ4naCxiPZn6PvDM4z8LAhvzRfBGl8ICmJ5-YZNi3Kxj_4/s1600/facebook.png'/></div><div class='cell_2'>Facebook</div><div class='cell_3'><span class='count' id='fblikes'/></span></div></div></a></div><div class='col_4'><a href='http://www.twitter.com/amedcan_cancan' rel='nofollow' target='_blank'><div class='box'><div class='cell_1 twitter-blue'><img class='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCF3l7mw3ckmZTkh9qxld4RIm-XpR2jb0ywipJn2mw3_7ZYq5onLLXoyhhE_u8HhADrIOpYD69IKc-F_cRcC5ZavERFtWT2M_6dVkojdI-IHiC32CCLu5z4WWu0ZUJTIYDaL1ijTTwvt8/s1600/twitter.png'/></div><div class='cell_2 '>Twitter</div><div class='cell_3'><span class='count' id='followers'/></span></div></div></a></div><div class='col_4'><a href='http://feeds.feedburner.com/ Feedburner ID' adresiniz' rel='nofollow' target='_blank'><div class='box'><div class='cell_1 rss-orange'><img class='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBvYn0vKSWWUCyJnJ5B81OcbG7pdQpsqVQWC5cs-7EweX0RuRisXu5X9yBJy-g_kfC0DVhssWWrkfRqPlNwkeW5e4u9twwApEJ2XR_Q5kQSo5JbAczkLhIqppkiSvu-f804IM34dvONBA/s1600/rss.png'/></div><div class='cell_2'>RSS</div><div class='cell_3 '><span class='count' id='rss'/></span></div></div></a></div>

İlgili Aramalar:blogger sayaçlı sosyal takip butunları,blogger sayaçlı sosyal takip butunları ekle,sayaçlı sosyal takip butunları,blogger eklentileri

Devamını Oku

Blogger Bookmarks Yapımı

Bir yeni kullanışlı blogger eklentisi daha, buyrun siteniz için bookmarks yapımı.

Şimdii Yapmanız gerekenler Gadget Ekleyin : HTML/Javascript ekleyin ve aşağıdaki kodları yapıştırın. 

<a href="http://web.informer.com/button/providers/list"><img id="Webinformer_FavoritesButton_Button" src="http://s.web.informer.com/b2.gif" alt="Web Informer Button" style="border: 0" /></a></div><div><script src="http://s.web.informer.com/favorites-button.js?glass" type="text/javascript" charset="UTF-8"></script>

İlgili Aramalar:bookmarks yapımı,blogger bookmarks yapımı,blogger eklentileri,blogger ipuçları

Devamını Oku

Blogger Etiketleri(Kategorileri) Yan Yana Sıralamak

Çok fazla etiketiniz varsa bu eklentiyi kullanabilirsiniz.

]]></b:skin> - Kodunu Bulun.

#Label1 ul li{float: left;width: 45%;} - Yukarıdaki kodun üzerine ekleyin.

İlgili Aramalar:blogger eklentileri,blogger temaları,blogger etiketleri yan yana sıralamak,blogger kategorileri yan yana sıralamak,blogger ipuçları,blogger eklentileri,blogger temaları,blogger etiketleri yan yana sıralamak,blogger kategorileri yan yana sıralamak,blogger ipuçları,blogger eklentileri,blogger temaları,blogger etiketleri yan yana sıralamak,blogger kategorileri yan yana sıralamak,blogger ipuçları,blogger eklentileri,blogger temaları,blogger etiketleri yan yana sıralamak,blogger kategorileri yan yana sıralamak,blogger ipuçları,blogger eklentileri,blogger temaları,blogger etiketleri yan yana sıralamak,blogger kategorileri yan yana sıralamak,blogger ipuçları,blogger eklentileri,blogger temaları,blogger etiketleri yan yana sıralamak,blogger kategorileri yan yana sıralamak,blogger ipuçları,blogger eklentileri,blogger temaları,blogger etiketleri yan yana sıralamak,blogger kategorileri yan yana sıralamak,blogger ipuçları,blogger eklentileri,blogger temaları,blogger etiketleri yan yana sıralamak,blogger kategorileri yan yana sıralamak,blogger ipuçları,blogger eklentileri,blogger temaları,blogger etiketleri yan yana sıralamak,blogger kategorileri yan yana sıralamak,blogger ipuçları

Devamını Oku

Blogger Popüler Konular Eklentisi

Bir blogger eklentileri konusuyla tekrar beraberiz, bu yazımızda blogger popüler konular eklentisini paylaşıcağım, buyrun.

<!-- Popüler yazılar eklentisi - -->
<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ol>');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
document.write(pList);
document.write('</a></li>');
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://www.ecanblog.blogspot.com
&ShowHowMany=10
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>

<!-- Popüler yazılar eklentisi - -->

İlgili Aramalar:blogger eklentileri,blogger popüler konular eklentisi,blogger popüler yazılar eklentisi,blogger ipuçları

Devamını Oku

Blogger Sayfa ile Kayan Resim,Reklam Ekleme

Evet blogger eklentileri bitmez gün geçtikçe yeni eklentiler ortaya çıkar, bir yeniside sayfa ile kayan resim veya reklam veya sosyal paylaşım butonları ekleme buyrun anlatıma geçelim.
Şablon ➜ HTML'yi Düzenle ➜ Widget Genişlet

]]></b:skin>

Kodunu bulun aşağıdaki kodu hemen üzerine ekleyin.

ecanblog.kayanresim { position:fixed; bottom:0px; left:10px; font:11px arial; text-transform:uppercase;}

Şimdi CTRL+F

</body>

Aşağıdaki kodu hemen üzerine ekleyin.

<a name='top'/> <style> a.kayanresim { position:fixed; bottom:0px; left:10px; font:11px arial; text-transform:uppercase; } </style> <a _fcksavedurl='http://twitter.com/ecan1453' class='kayanresim' href='http://twitter.com/ecan1453' target='_blank'><img src='http://1.bp.blogspot.com/-JLZY79DkrMo/UCw75htUPQI/AAAAAAAABYo/4ZnHpOYmnTU/s1600/ecanblog-logo.png' title='@ecan1453 takip et!'/></a>

Kırmızı ile yazılmış olanları siz kendinize göre ayarlarsınız...
Aynı konu blog arkadaşım tinlamazmodunda  mevcut.
NOT:Konu başlığı Resim ve reklam ekleme burda resim ekleme var siz kendiniz düzenliyerek son kodda değişiklik yaparak reklamınızı ekliyebilirsiniz.

İlgili Aramalar:blogger eklentileri,blogger sayfa ile kayan resim ekleme,blogger sayfa ile kayan reklam ekleme

Devamını Oku

Sitene Kayan Yazı Kodu Ekle

Kayan yazı kodu ile sitenizi duyuru,mesaj panosu oluşturabilirsiniz.


SOLA DOĞRU KAYAN YAZI

<marquee>YAZINIZI BURAYA YAZINIZ</marquee>

 SAĞA DOĞRU KAYAN YAZI

<marquee direction="right">YAZINIZI BURAYA YAZIN</marquee> 

 AŞŞAĞIDAN YUKARI AKAN YAZI

<marquee direction="up">YAZINIZI BURAYA YAZIN</marquee> 

 KARE İÇERİSİNDE SOLA DOĞRU KAYAN YAZI

<marquee style="border:BLUE 2px SOLID" mce_style="border:RED 2px SOLID">YAZINIZI BURAYA YAZIN</marquee>

 Kod içerisindeki "width" değerini değiştirerek yazının kayma mesafesini, "scrollamaunt" değerini değiştirerek de yazının geçiş hızını ayarlayabilirsiniz.

İlgili Aramalar:blogger eklentileri,blogger ipuçları,sitene kayan yazı kodu ekle,Sağa Kayan Yazı,Sola Kayan Yazı,Yukarıdan Aşşağı Kayan Yazı,Aşağıdan Yukarı Akan Yazı

Devamını Oku

Blogger Sitemap-Arşiv Ekleme

 Güzel düzenli bir eklenti aylara göre ayırıyor.Kodları paylaşayım buyrun;

<div style="list-style-type: none;">
<script src="http://yourjavascript.com/8875514172/arsiv.txt.js" type="text/javascript">
</script><script src="http://ecanblog.blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Ecanblog yerine, kendi sitenizi yazarsınız artık.

İlgili Aramalar:blogger eklentileri,blogger sitemap ekleme,blogger arşiv ekleme,blogger ipuçları

Devamını Oku

Blogger Kodlarınızı Çerçeve İçerisine Almak

Bu konu ile kodlarımızı çerçeve içine alarak yazılarınızı daha güzel, daha düzgün hale getirecek.Evet aşağıdaki demo görünümü beğendiyseniz buyrun kodları vereyim size :)

-- DEMO GÖRÜNÜM --

<pre style="border-radius: 4px 4px 4px 4px; border: 1px solid rgb(204, 204, 204); box-shadow: 0px 0px 10px rgb(204, 204, 204) inset; font-family: Arial,Helvetica,sans-serif; margin-bottom: 20px; margin-top: 20px; max-height: 250px; overflow: auto; padding: 5px;"><code>KODLARINIZI BURAYA YAZICAKSINIZ.</code></pre>

İyi Bloglamalar.

İlgili Aramalar:blogger eklentileri,blogger ipuçları,blogger kod çerçeve içine alma,Blogger Kodlarınızı Çerçeve İçerisine Almak

Devamını Oku

Blogger Otomatik Devamını Oku Eklentisi

Herkezin bildiği ve uyguladığı bir eklenti arşivde bulunsun dedim.Buyrun;

</head> Kodunu bulun. ve üzerine aşağıdaki kodları yapıştırın.

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 400;
summary_img = 400;
img_thumb_height = 120;
img_thumb_width = 120;
</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="http://4.bp.blogspot.com/-Mji72Y7RgO8/UBr-wu3dsII/AAAAAAAAAqE/kE3nIYBFnWg/s200/blogger-eklentileri.png" 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>  

Sonra <data:post.body/> kodunu bulup aşağıdaki kodlarla değiştirin.

<!-- Ecanblog devamını oku -->
<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'>Yazının Devamını oku...</a>
</b:if>
</b:if>
<!-- Ecanblog devamını -->

 Son olarak yazılarınıza resim eklemediğinize resim çıkacak anasayfada, değiştirmek için, 1. verdiğim kodlarda kalın olanı değiştirirsiniz :)

İlgili Aramalar:blogger eklentiler,blogger ipuçları,blogger devamını oku eklentisi,blogger otomatik devamını oku eklentisi

Devamını Oku

Blogger Üst Çubuk-Çizgi Ekleme

Güzel bir eklenti paylaşıcağım, temanıza hoş bir küçük tasarım.
Buyrun hemen anlatıma geçelim.

]]></b:skin> kodunu bulun ve hemen üzerine ekleyin.

.top-bar
{
background:url(http://1.bp.blogspot.com/-UhV9wP_MdyI/UAAZGGdWeyI/AAAAAAAABrQ/9tl_cB88kN0/s1600/top-bar-1.png) repeat-x ;
height:5px;
}

<body> etiketinin altına şunları ekleyin.

<div class="top-bar"></div>

İlgili Aramalar:blogger eklentiler,blogger ipuçları,blogger üst çubuk ekleme,blogger üst çizgi ekleme

Devamını Oku

Blogger Yazı Bilgisi Eklentisi

Bu eklentiği çoğu blogda görmüşsünüzdür, ben yine ekliyeyim dedim güzel bir eklenti.Buyrun;

Aşağıdaki kodlardan birini bulun.

<div class=’post-footer’>  

<div class='post-footer-line post-footer-line-3'> 

İki koddan birini bulduğunuz zaman kodun altına aşağıdaki kodu ekleyin. :)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span class='fullpost'><div style='BORDER-RIGHT: rgb(204,204,204) 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: rgb(204,204,204) 1px solid; MARGIN-TOP: 2px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: rgb(204,204,204) 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: rgb(204,204,204) 1px solid; BACKGROUND-COLOR: #F7F7F7'><img align='left' src='http://1.bp.blogspot.com/-p-Elm4Krn80/TnzZQZXGI9I/AAAAAAAABPQ/Z5TxMfc042U/s1600/yazialtbilgirss.png'/>Bu yazı; <b:if cond='data:post.dateHeader'><data:post.dateHeader/></b:if> günü yazılmış olup,  <b:if cond='data:top.showTimestamp'>  </b:if><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' expr:title='&quot;Bu kategorideki tüm yazıları göster:  &quot; + data:label.name' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>, </b:if></b:loop> kategorisine eklenmiştir</b:if>. Yazılarımı Rss nimetinin 2.versiyonu olan <a href='http://ecanblog.blogspot.com/feeds/posts/default' target='_blank'>RSS 2.0</a> ile takip edebilir,<b:if cond='data:post.allowComments'> eğer istersen bu yazıya <a href='#comment-form'>1 yorumda sen yapabilirsin!</a></b:if></div></span></b:if>

Artık siz RSS'deki linki düzenlersiniz. Bir sonraki yazı da görüşmek ümidiyle, hoşçakalın..

İlgili Aramalar:blogger eklentileri,blogger yazı bilgisi eklentisi,blogger ipuçları

Devamını Oku

Blogger'da Yazıyı Oylama Eklentisi

Blogger'da yazıyı oylama eklentisi sayesinde ziyaretçileriniz yazılarınıza oy verip beğenip beğenmediklerini anlıyabileceksiniz..

1. Adım HTML Kodlarını blog'unuza ekleyin

 

Kumanda Paneli - Şablon - HTML’yi Düzenle ➜ Widget Şablonlarını Genişlet ➜ </body> ifadesini aratın. Kodumuzu bulduktan sonra aşağıdaki HTML kodlarının hemen üstüne ekleyin.

<script src="http://js-kit.com/ratings.js"></script>

2. Adım CSS Kodlarını Blog'unuza ekleyin

 

<data:post.body/> ifadesini bulup tam üstüne gelecek şekilde aşağıda bulunan CSS kodlarını ekleyin.

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

Bir sonraki yazı da görüşmek ümidiyle, hoşçakalın..

İlgili Aramalar:blogger eklentileri,blogger oylama eklentisi,blogger yazıları oylama,bloggerda yazıyı oylama eklentisi

Devamını Oku

Blogger Twitter Çubuğu Ekleme

 Blogger twitter çubuğu ekleme önizlemesi yukarıdaki resimde, hemen anlatıma geçelim.

Blogger Sabit Twitter Çubuğu Ekleme

]]></b:skin> etiketini bulun aşağıdaki kodu verdiğim etiketin üstüne yerleştirin.

<script src=".twittercubuk{ background:#000; color:#fff; font-size:12px; width: 100%; height: 24px; margin-top:-2px; border-radius: 10px 0px 10px 10px / 0px 10px 10px 10px; };

' outer-wrapper ' etikedini bulun aşağıdaki kodu üstüne ekleyin.

<div class='twittercubuk'>
<table border='0' cellpadding='1' cellspacing='1' width='900'>
<tbody>
<tr>
<td style='text-align: left; '><a href='http://twitter.com/erencantr' target='_blank'><img alt='' border='0' height='13' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiV8pApPDUgLrLgPI5px8ZmZM2ati0ADCgvkuslB_uLAX0PSfwyfGh8ZLIKdMSSWlZK0mGCB_zkwbOb-np9aEtduRPbjXd1tXmS2KavQhXlqOY7m_nonZcGqzHCrnxwjLzRB7nerjQdO4/s1600/twitterozicabb.png' width='12'/></a><b> Blogger Twitter Çubuğu Ekleme - EcanBlog</b></td>
<td style='text-align: right; '>
<a href='http://ecanblog.blogspot.com'><span style='color: rgb(255, 255, 255); '><b>Deneme 1</b></span></a><span style='color: rgb(255, 255, 255); '> | </span><a href='http://ecanblog.blogspot.com'><span style='color: rgb(255, 255, 255); '><b>Deneme 2</b></span></a> | <a href='http://ecanblog.blogspot.com/p/site-haritasi.html'><span style='color: rgb(255, 255, 255); '><b>Sitemap</b></span></a> </td>
</tr>
</tbody>
</table>
</div>

Kendinize göre ayarlarsınız artık.

İlgili Aramalar:blogger twitter çubuğu ekleme,blogger sabit twitter çubuğu ekleme,blogger eklentileri,blogger ipuçları,sabit çubuk ekleme,sabit çubuk ekleme blogger

Devamını Oku