blogger-ipuclari etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

3 Eylül 2012 Pazartesi

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

2 Eylül 2012 Pazar

Blogger “Yazı Kaç Kez Okundu?” Eklentisi

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

➜]]></b:skin> kodunu bulun ve aşağıdaki kodları üzerine yapıştırın.

.ziyaretci-sayac{ 
background-image: 
url(http://icons.iconarchive.com/icons/deleket/soft-scraps/16/Document-Copy-icon.png) 
; background-position: 1em 1em; background-repeat: 
no-repeat;  width: 50%; border:1px 
#333 solid; padding: 1em; padding-left: 70px; 
-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:5px; 
}

➜Şimdi ise <div class='post-footer'> kodunu bulun hemen üzerine aşağıdaki kodları yapıştırın.

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<script type='text/javascript'> 
//<![CDATA[ 
function setC(visitors, value){ 
var expireDate=new Date (2099, 12, 31); 
document.cookie = visitors + "=" + escape(value) + ((expireDate == null) ? "" : ("; expires=" + 
expireDate.toGMTString())) } 
function readC(visitors){ 
var search = visitors + "="; 
var i, j; 
if (document.cookie.length > 0) { 
i = document.cookie.indexOf(search); 
if (i != -1) { 
i += search.length; 
j = document.cookie.indexOf(";", i); 
if (j == -1) j = document.cookie.length; 
return unescape(document.cookie.substring(i,j)); 
} } } 
var num; 
num=readC("visitors"); 
if (!num) num=0; 
num++; 
setC("visitors", num); 
document.write("<div class='ziyaretci-sayac'>"); 
document.write("<b>Bu yazı daha önce "+num+" kez okundu.<\/b>"); 
document.write("<\/div>"); 
//]]> 
</script> 
</b:if>

Bir önceki yazımız olan Galatasaray - Bursaspor 2 Eylül 2012 başlıklı yazımızı okumanızı tavsiye ederiz.

İlgili Aramalar:yazı kaç kez okundu eklentisi,blogger yazı kaç kez okundu eklentisi,blogger eklentileri

31 Ağustos 2012 Cuma

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/AVvXsEh17YHjL-4O0ODPQZDG7wyEdVTrMWPL1sA1ev9HhR2CTE6pUpDqkM03epXR9vf29_PKWsCFHRwvbWYWbEjm4mctMYCqx4IH2DKIQcIMG141Wbf8K_RbuWLuXzTziVxIN3raeHjZrn0e2EY/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/AVvXsEjhHOaTW10K-NQZ9k7UhUswqsCyeCnBSEvlJPwCwjEPCssv_q7uTOHHdJdoH4QAHcaYVMTwxqB0pZNRDk_aOMXDmlVoNiK8cR2N8Mkm8jrYufb63cNzuG0byLLgArTrPDzMlZKOPilvWh8/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/AVvXsEgUS3eIx-rTsXgRFnnKJheJYVXuQPbbMlnyKhDZAqdJ9tRUFqLT3VOXkvSk-mT7r9TvYlHbNI66fo6w43wObeG67fiAaNvbuEPpuQyH2oNRDipgPG-rcfTE3YrlHWD8H65q6s2AyePfKPY/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

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ı

29 Ağustos 2012 Çarşamba

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ı

22 Ağustos 2012 Çarşamba

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ı

15 Ağustos 2012 Çarşamba

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

9 Ağustos 2012 Perşembe

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ı

8 Ağustos 2012 Çarşamba

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ı

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

5 Ağustos 2012 Pazar

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

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

2 Ağustos 2012 Perşembe

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ı

29 Temmuz 2012 Pazar

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

23 Temmuz 2012 Pazartesi

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/AVvXsEjv48w4sO6wOP3Vc_kf-tb8LZTwBn8IFnh0kGZkzdy0RUWijiascb965wd9MyC81WG5ep3LsCJ1MiWkoQA3A4vzmSrgKcumqwJj8LaQENvgHdD7R1PaEQD7OEBFd614pBgx4-mg6QU_2y4/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

21 Temmuz 2012 Cumartesi

Blogger Hareketli Sosyal Medya Butonlar Eklentisi

Blogger Hareketli Sosyal Medya Butonlar Eklentisi

Bu eklentimizle RSS,Google,Facebook ve Twitter sayfalarınızı ziyaretçilerinize oldukça şık bir görünümle sunabilirsiniz..

Adımlara geçelim.
Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneğini seçelim ve açılan panele aşağıdaki kodları ekleyelim..

İlgili Aramalar:Blogger Hareketli Sosyal Butonlar Eklentisi , Blogger Hareketli buton , blogger sosyal medya butonları , renk değiştiren butonlar , blogger sosyal ağ butonları , blogger facebook twitter buton

18 Temmuz 2012 Çarşamba

Blogger İlgili Aramalar Eklentisi

Blogger SEO'yu ikiye katlamak için güzel bir eklenti.Konuyla alakalı geniş etiket yazabilirsiniz,İlgili aramalar eklentisi sayesinde etiketleri düzene sokabileceksiniz.
Şimdi kuruluma geçelim.

Aşağıdaki kodun bulun

]]></b:skin>

Hemen üzerine aşağıdaki kodları yapıştırın

.ikaz27 {color:#444444;background:#F3F6F0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvNrQFSqDR3jcySUArBoACjkmG2_7nzwr5ZLSPr7gGJseRuKk4pnab0-BHzxBERmLWy9kdtCAnh4OvzYLnt7Zr_sTGZaMCT6nuZH_Ok3mtd9NOWhGoCRGkG5ET8daXFIBoTy8vd-akFHY/s1600/ikax.png) no-repeat 10px center;border: 2px solid #4E5249;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;padding: 9px 35px 9px 65px;margin: 5px 30px;font-family: "Trebuchet MS"}

Şimdi kod her yazınızda çıkması için
Kumanda Paneli → Ayarlar →Biçimlendirme → Kayıt Şablonu kısmına aşağıdaki kodu kopyalayıp yapıştırın her yazınıza eklensin.

<div class="ikaz27">İlgili Aramalar: </div>

İlgili Aramalar:blogger seo,blogger ilgili aramalar,blogger ilgili aramalar eklentisi

15 Temmuz 2012 Pazar

Saydamlaşan Resim Eklentisi

Üzerine Gelince Saydamlaşan Resim Eklentisi
Bu eklentimizde , konu ve yazılarınızda bulunan bir resmin üzerine gelince , resmin saydamlaşmasını sağlayacağız..

Anlatıma geçelim hemen
Şablonunuzda şu aramayı yapın

]]></b:skin>

Kodu bulun hemen üstüne ekleyin

.blur img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:0;}
.blur:hover img {filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;border:0;}

Şimdi sadece yazılarınıza resimleri şu şekilde ekleyin

<a class="blur"> <img alt="resim" border="0" src="http://1.bp.blogspot.com/-qKfhUPC7KEk/T_7VqUbL6OI/AAAAAAAAASs/E_bCpafSAq0/s1600/ecanblog-psd.png" /></a>

İyi Bloglamalar...

İlgili Aramalar:Üzerine Gelince Saydamlaşan Resim Eklentisi , Resim eklentisi , Blogger resim effekt eklenti , Blogger resim eklentileri , üzerine gelince sis efekti , Blogger Resim üzerine gelince değişen resim eklentisi

11 Temmuz 2012 Çarşamba

Blogger Cufon Font Kullanımı

Yazı başlıklarını daha güzel bir görünüme sokmak istiyorsanız, cufon font kullanmanızı tercih ederim.Cufon font, CSS yöntemi ile yapılan fontlardan daha fazla çeşit kullanmanızı sağlar.Şimdi gelelim kodlara buyrun;

<script src='http://cufon.shoqolate.com/js/cufon-yui.js' type='text/javascript'/>
<script src='http://yourjavascript.com/617942567/calibri.cufonfonts.js' type='text/javascript'/>
<script type='text/javascript'>Cufon.replace('h1, h2, h3, h4, h5, h6');</script>

Yukaridaki kodları < head> etikedinin hemen altına ekliyebilirsiniz.

İlgili Aramalar:cufon font,cufon font kullanımı,cufon font kodları,blogger cufon font,blogger cufon font kullanımı

Blogger URL SEO Ayarları

Bu yazımızda Blogger SEO ile ilgili bilinmeyen ip uçlarını öğreneceğiz.

URL ve SEO Birleşimi

Uniform Resource Locator kelimelerinin baş harflerinden oluşan bir kısaltmadır. İnternet yoluyla insanların kullanımına sunulmuş olan her dökümanın kendine ait ve tek olan bir adresi vardır, buna URL yani özgün kaynak adresi adı verilir. Örneğin http://ecanblog.com şeklindeki web adresi bir URL' dir

Akla ilk gelebilecek arama ile URL oluşturalım

Şöyle bir örnek vereyim
Yazı başlığımız Yenilmezler Türkçe Dublaj Tek Parça Full İzle - Olsun buda url olarak şöyle birşey olur siteadi.blogspot.com/2012/07/yenilmezler-trke-dublaj-tek-para-full-izle.html
şimdi bu url şöyle yapalım siteadı.blogspot.com/2012/07/yenilmezler-turkce-dublaj-izle.html
ilk örnekteki karışıklığı görüyorsunuz ikinci örneğe baktığımızda anlaşılır bir url var.

Birde şöyle düşünün bir film izlemek istiyen kişi google'a ilk aklına gelen kelimeyi yazıp yani yenilmezler türkçe dublaj izle diğer türlü yazanlarda vardır elbet ama çok az yenilmezler türkçe dublaj tek parça full izle çok uzun oluyor böyle, umarım düzgün anlatmışımdır sizde düzgün anlamışınızdır. :)

İlgili Aramalar:blogger seo,blogger url seo,seo dostu url,seo uygun url,seo uygun yazı yazma,blogger seo ipuçları