Blogger Otomatik 'Yazının Devamını Oku' Eklentisi

Blogger yazarlarının en çok sinir olduğu şeylerden birisi de yazılarının biçimsiz, düzensiz görünmesidir. Hangi tema ya da şablon olursa olsun yazının biri uzun biri kısa olduğu zaman ziyaretciyede kötü gözükecektir.  Blogger'ın kendi çıkardığı  'devamını oku' eklentisi yerine bizim kendi, yani tam otomatik sabit seviyede 'yazının devamını oku eklentisini' kuralım.

 1.Adım: Blogger Giriş / Kumanda Paneli / Tasarım / Html Düzenle / Widget Şablonlarını Genişlet bölümlerinden, CTRL+F(arama) yardımıyla;

<data:post.body/>

kod satırını buluyoruz ve hemen altına (alt satırına);

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://www.mcdmedya.com/file/kr/oto_devam_oku.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Devamını oku</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

kodlarını ekliyoruz.
! Temayı önizlemeye alıyoruz ve eğer başarılı ise kaydediyoruz. İşlem bu kadar. İlgili görüşleriniz için yorum bölümünü kullanabilirsiniz.

Read more »

Blogger İçin SexyBookmarks v2 Eklentisi

Blogger'de blog yazılarınızın altına sosyal ağlar için paylaş butonu eklemek isteyenler için bir çok alternatif bulunmaktadır. Fakat bu alternatifler içinde görsel olarak en göze çarpıcı olanı SexyBookmarks eklentisidir. 

                                    ( Eklentinin demosunu görmek için resmin üzerine tıklayınız.)

 SexyBookmarks eklentisi aslında Wordpress için hazırlanmış bir eklentidir. Fakat Cssreflex sitesi Blogger kullanıcıları için bu eklentiyi optimize etmiştir. SexyBookmarks v1 de sosyal ağ sitelerinin ikonları tek sıra halinde görülüyordu. ikinci versiyonda ise sosyal ağ ikonlarının yarısı alta kaydırılmış. Tabi dinamik bir yapı ile alta kaydırılmış. Altta bulunan ikonlar sürekli görünür halde bırakılmamış. Böylece sayfanızda kalabalık ve dağınık bir görüntü oluşması engellenmiş. Altta kalan ikonların görünmesi için herhangi bir sosyal ağ ikonunun üzerine geldiğinizde alt menü otomatik olarak görünüyor. Görsel olarak çok güzel görünüyor.

Nasıl Eklenir? 

Not : Temanızda değişiklik yapmadan önce şablonunuzun yedeğini almayı unutmayın!..

1.Adım:

Blogger'e Giriş / Tasarım(Yerleşim) / HTML'yi Düzenle / Widget Şablonlarını Genişlet Bölümlerinden, CTRL+F(Arama) Yardımıyla ;

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function() {
// xhtml 1.0 strict way of using target _blank
jQuery('.sexy-bookmarks a.external').attr("target", "_blank");
// this block sets the auto vertical expand when there are more than
// one row of bookmarks.
var sexyBaseHeight=jQuery('.sexy-bookmarks').height();
var sexyFullHeight=jQuery('.sexy-bookmarks ul.socials').height();
if (sexyFullHeight>sexyBaseHeight) {
jQuery('.sexy-bookmarks-expand').hover(
function() {
jQuery(this).animate({
height: sexyFullHeight+'px'
}, {duration: 400, queue: false});
},
function() {
jQuery(this).animate({
height: sexyBaseHeight+'px'
}, {duration: 400, queue: false});
}
);
}
// autocentering
if (jQuery('.sexy-bookmarks-center')) {
var sexyFullWidth=jQuery('.sexy-bookmarks').width();
var sexyBookmarkWidth=jQuery('.sexy-bookmarks:first ul.socials li').width();
var sexyBookmarkCount=jQuery('.sexy-bookmarks:first ul.socials li').length;
var numPerRow=Math.floor(sexyFullWidth/sexyBookmarkWidth);
var sexyRowWidth=Math.min(numPerRow, sexyBookmarkCount)*sexyBookmarkWidth;
var sexyLeftMargin=(sexyFullWidth-sexyRowWidth)/2;
jQuery('.sexy-bookmarks-center').css('margin-left', sexyLeftMargin+'px');
}
});
</script> 

kodlarını ekliyoruz ve  ardından;

<style type="text/css">
div.sexy-bookmarks{margin:20px 0 0 0; border: 0;outline: none;clear:both !important}
div.sexy-bookmarks-expand{height:29px; overflow:hidden}
.sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url('http://i54.tinypic.com/2upuufd.jpg') !important; background-repeat:no-repeat}
div.sexy-bookmarks-bg-love{padding:26px 0 0 10px; background-position:left -1148px !important}
div.sexy-bookmarks ul.socials{width:100% !important; margin:0 !important; padding:0 !important; float:left}
div.sexy-bookmarks ul.socials li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important}
div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important}
div.sexy-bookmarks ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important}
div.sexy-bookmarks ul.socials a:hover{background-color:transparent !important}
.sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz, .sexy-yahoobuzz:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover{background:url('http://img717.imageshack.us/img717/3006/sexyspritenew.png') no-repeat !important;border: 0;outline: none;}
.sexy-digg{background-position:-980px bottom !important}
.sexy-digg:hover{background-position:-980px top !important}
.sexy-reddit{background-position:-700px bottom !important}
.sexy-reddit:hover{background-position:-700px top !important}
.sexy-stumbleupon{background-position:-630px bottom !important}
.sexy-stumbleupon:hover{background-position:-630px top !important}
.sexy-delicious{background-position:-1190px bottom !important}
.sexy-delicious:hover{background-position:-1190px top !important}
.sexy-yahoobuzz{background-position:-1120px bottom !important}
.sexy-yahoobuzz:hover{background-position:-1120px top !important}
.sexy-blinklist{background-position:-1260px bottom !important}
.sexy-blinklist:hover{background-position:-1260px top !important}
.sexy-technorati{background-position:-560px bottom !important}
.sexy-technorati:hover{background-position:-560px top !important}
.sexy-myspace{background-position:-770px bottom !important}
.sexy-myspace:hover{background-position:-770px top !important}
.sexy-twitter{background-position:-490px bottom !important}
.sexy-twitter:hover{background-position:-490px top !important}
.sexy-facebook{background-position:-1330px bottom !important}
.sexy-facebook:hover{background-position:-1330px top !important}
.sexy-mixx{background-position:-840px bottom !important}
.sexy-mixx:hover{background-position:-840px top !important}
.sexy-scriptstyle{background-position:-280px bottom !important}
.sexy-scriptstyle:hover{background-position:-280px top !important}
.sexy-designfloat{background-position:-1050px bottom !important}
.sexy-designfloat:hover{background-position:-1050px top !important}
.sexy-newsvine{background-position:left bottom !important}
.sexy-newsvine:hover{background-position:left top !important}
.sexy-google{background-position:-210px bottom !important}
.sexy-google:hover{background-position:-210px top !important}
.sexy-comfeed{background-position:-420px bottom !important}
.sexy-comfeed:hover{background-position:-420px top !important}
.sexy-linkedin{background-position:-70px bottom !important}
.sexy-linkedin:hover{background-position:-70px top !important}
.sexy-friendfeed{background-position:-1750px bottom !important}
.sexy-friendfeed:hover{background-position:-1750px top !important}
.sexy-link{ margin-left:25px; float:left}
.sexy-link A{padding:10px 0; width:470px; text-align:right; border:0; outline:none}</style>

kodlarını da ekliyoruz.
2.Adım: ilk adımdan sonra;

<data:post.body/>

kod bölümünü buluyoruz ve hemen altına (alt satırına);

<div class='sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love' style='margin:20px 0 0 0 !important; padding:25px 0 0 10px !important; height:29px;/*the height of the icons (29px)*/ display:block !important; clear:both !important;'>
<ul class='socials'>
<li class='sexy-delicious'><a class='external' expr:href='&quot;http://del.icio.us/post?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on del.icio.us'>Share this on del.icio.us</a></li>
<li class='sexy-digg'><a class='external' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Digg this!'>Digg this!</a></li>
<li class='sexy-stumbleupon'><a class='external' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'>Stumble upon something good? Share it on StumbleUpon</a></li>
<li class='sexy-reddit'><a class='external' expr:href='&quot;http://reddit.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Reddit'>Share this on Reddit</a></li>
<li class='sexy-google'><a class='external' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Add this to Google Bookmarks'>Add this to Google Bookmarks</a></li>
<li class='sexy-twitter'><a class='external' expr:href='&quot;http://twitter.com/home?status=Reading: &quot; + data:blog.title + &quot; - &quot; + data:post.url + &quot; (@NAME)&quot;' rel='nofollow' title='Tweet This!'>Tweet This!</a></li>
<li class='sexy-facebook'><a class='external' expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Facebook'>Share this on Facebook</a></li>
<li class='sexy-mixx'><a class='external' expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url' rel='nofollow' title='Share this on Mixx'>Share this on Mixx</a></li>
<li class='sexy-comfeed'><a class='external' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' title='Subscribe'>Subscribe</a></li>
<li class='sexy-yahoobuzz'><a class='external' expr:href='&quot;http://buzz.yahoo.com/submit/?submitUrl=&quot; + data:post.url' rel='nofollow' title='Buzz up!'>Buzz up!</a></li>
<li class='sexy-linkedin'><a class='external' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Linkedin'>Share this on Linkedin</a></li>
<li class='sexy-designfloat'><a class='external' expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to DesignFloat'>Submit this to DesignFloat</a></li>
<li class='sexy-technorati'><a class='external' expr:href='&quot;http://technorati.com/faves?add=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Technorati'>Share this on Technorati</a></li>
<li class='sexy-scriptstyle'><a class='external' expr:href='&quot;http://scriptandstyle.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to Script &amp; Style'>Submit this to Script &amp; Style</a></li>
<li class='sexy-myspace'><a class='external' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=http&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Post this to MySpace'>Post this to MySpace</a></li>
<li class='sexy-blinklist'><a class='external' expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Blinklist'>Share this on Blinklist</a></li>
<li class='sexy-friendfeed'><a class='external' expr:href='&quot;http://friendfeed.com/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on FriendFeed'>Share this on FriendFeed</a></li>
<li class='sexy-newsvine'><a class='external' expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;save?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Seed this on Newsvine'>Seed this on Newsvine</a></li>
</ul>
<div style='clear:both;'/>
</div>

kodlarını ekliyoruz. İşlem bitti temayı kayediyoruz. İlgili görüşlerinizin beyanı için yorum bölümünü kullanınız.
Not: Renkli url bölümü eklentinin arkaplanında çıkan yazının görüntüsüdür. Resimdeki yazıyı değiştirebilirsiniz!

Read more »

Blogger İçin 4 Farklı Sosyal Paylaşım Yer İmleri

Blog sitenize gelen ziyaretciler beğendiği yazıları paylaşmak isterler. Bu sayede size geri  bağlantılar verebilir. Bu sayede arama motorları sitenize ulaşması kolaylaşır , sitenize daha çok ziyaretci ceker ve bu sayede blogunuzun hit sayısını artırmasını sağlar. Bunun için şimdi sosyal paylaşım yer imleri çok önemli faktördür.
 1. AddtoAny:

                                                                     AddtoAny.com 
 *  120'den fazla sitelerin yer imleri 
*  Kullanıcı Belirli bir hizmet için arama yapabilir. 
*  Kolayca Özelleştirilebilir.
*  Bir arkadaşım için e-posta ile sayfanıza göndermek için izin verir. 
*  Tarayıcılarına giren ağ günlüğü gönderileri imi izin verir.
2. AddThis: 

                                                                     Addthis.com
 *  Zeki paylaşım aracı hizmeti,
*  Tolama ve büyüme hizmeti (170+ hizmetleri),
*  Otomatik olarak 50 dilde tercüme etme,
*  Özelleştirilebilen menü ve renkler,
*  İzlecilerin analitik olarak paylaşabilmeleri .
 3.ShareThis:

                                                                      ShareThis.com
*  Sadece 45 tane hizmet,
*  Sadece ingilizce dil tercümesi,
*  Kayıt olabilir ve arkadaşlarınıza mail yoluyla haberleşebilme hizmeti,
*  Özelleştirme özelliği.
 4.Share The Love:

                                                             ilhn-gns.blogspot.com
  *  Sadece 18 hizmet sunması,
*  Yaygınlaştırabilme Özelliği.

Read more »

'Aradan sonra' Özetleri Oluşturma

Aradan Sonra, blog kayıtlarınızda genişletilebilir kayıt özetleri oluşturmanıza olanak tanıyan bir özelliktir. Bu özelliği kullandığınızda uzun kayıtların giriş kısmı ve Devamı bağlantısı görünür.
Blog kayıtlarınızda HTML değişikliği yapmadan doğrudan kayıt düzenleyicisini kullanarak atlama aralığı ekleyebilirsiniz. İlk olarak kaydın neresine atlama aralığı eklemek istediğinize karar verin ve imleci bu noktaya getirin.

İmleciniz atlama aralığı ekleyeceğiniz noktadayken Atlama Aralığı Ekle araç çubuğu simgesini tıklayın:

Simgeyi tıkladığınızda imlecin bulunduğu noktaya kaydınızda aranın nerede görüntüleneceğini gösteren gri bir çubuk eklenir. Çubuk sürüklenebilir, böylece ekledikten sonra istediğiniz zaman yerini değiştirebilirsiniz.

Yeni kayıt düzenleyicisini kullanmıyorsanız HTML'yi Düzenle modundayken de istediğiniz yere

Read more »

Blogger'de Kaydol: Kayıtlar(Atom) Bağlantısını Kaldırmak

Blogger'de sayfanın sonunda yer alan "Kaydol: Kayıtlar (Atom)" bölümü blogunuzun ziyaretçilerinin sitenize beslemeler yoluyla abone olmasını sağlar. Ancak zamanla feedburner kullanan veya kendi özel RSS eklentisini oluşturan kullanıcılar için bu kısım gereksiz ve amatör bir bölge halini almaktadır.
Nasıl Kaldırılır?
Blogger'e Giriş / Kumanda Paneli / Tasarım(Yerleşim) / HTML'yi Düzelt / Widget Şablonunu Genişlet bölümlerinden sonra CTRL+F(Arama) yardımıyla ;

<b:include name='feedLinks'/>

kodunu buluyoruz ve temadan kaldırıyoruz(siliyoruz).
Temanızı kaydedin ve görüntüleyin, bahsettiğimiz bağlantı artık kaldırılmış olacaktır. İşlem Bu kadar,ilgili görüşlerinizi belirtmek için yorum bölümünü kullanabilirsiniz.

Read more »

Blogger'de Etiket Sayısını Kaldırmak

Blogger sitesine bir yazı eklendiğinde etiketlenir ve bu etiket adı altında kaç tane yazılırsa etiketin sonunda parantez içinde sayısı gösterilir. Bazıları bu sayıyı blogger sitesinde görmek istemiyor. Bunu görmek istemeyenler için şablonumuzdan küçük bir kod kaldırarak yapılabilir.
Nasıl?
1. Önce
Blogger'e Giriş / Kumanda Paneli / Tasarım(Yerleşim) / HTML'yi Düzelt / Widget Şablonunu Genişlet bölümlerinden sonra CTRL+F(Arama) yardımıyla ;

(<data:label.count/>)

kodunu buluyoruz ve şablondan kaldırıyoruz(siliyoruz).
(Etiketler, resimde de görüldüğü gibi artık saysı gösterilmeyecek.)

  2. Temayı önizlemeye alıyoruz ve herhangi bir sorun vermiyorsa kaydediyoruz.
 İşlem bu kadar. İlgili görüşlerinizi yorum bölümde belirtiniz.

Read more »

Blogger'de Favicon Değiştirmek

Favicon, sitenizin adres satırının yanında bulunan resimlere denir. Bir siteyi ziyaret ettiğinizde gözünüze ilk çarpan, o siteyi simgeleyen favicondur. Bir web siteyi yer imlerime eklediğinizde, yer imlerimde o web sitenin faviconu web site adı yanında görünür. Bu sayede o web siteyi daha rahat benimsersiniz. Favicon oluşturmak ve sitenize favicon eklemek oldukça kolaydır. Favicon oluşturma işini online olarak yapan siteler var. Yada önceden  oluşturulmuş faviconlardan birini secebilirsiniz.

Nasıl Eklerim:

1- Öncelikle bir favicon belirleyeceksin. Eğer Faviconun varsa şu web siteye (tinypic.com) yükle . Yükledikten sonra
Direct Link yazan yerdeki url senin faviconun url si olacaktır.
2- Kendi Faviconunu tasarlamak yada web sitesinden uygun birini secmek için şu web siteyi  (favicon.cc) ziyaret edeceksin.
3- Bu ilk iki aşamayı geçtikten sonra kodumuzu yerleştirmeye geçelim:
Blogger Giriş /Tasarım / HTML'yi düzenle bölümlerinden CTRL+F (arama) tuş kombinasyonundan;

</head>

Kodunu buluyoruz ve hemen üstüne;

<link href='http://i45.tinypic.com/2vdjjfa.jpg' rel='shortcut icon'/>

kodlarını ekliyoruz (copy-paste). Kırmızı renkli url yi kendi faviconunuzun url si ile değiştirmeyi unutmayınız.
İşlem bu kadardır. Konuyla ilgili görüşlerinizi yorum bölümünde belirtebilirsiniz.

Read more »

Creative Commons (CC) Lisansı Nasıl Alınır? Ne İşe Yarar?

Creative Commons (CC) nedir?

Bazı siteleri gezerken sitenin bazı sayfalarında veya tüm sayfalarında Creative Commons (CC) logosu görürüz. Bunun anlamını o sayfanın bazı telif haklarının bulunduğudur. Logoya tıklandığında ise "Some rights reserved" yani "Bazı hakları saklıdır" yazılı bir sayfa çıkar. Bu genellikle yabancı sitelerde görülür çünkü Türkiye'de yaygın değil. Yaygın olmamasının sebebi de Türkiye'de henüz geçerlilik kazanmamasıdır. Creative Commons da  emek hırsızlığını önlemek için uygulanan lisanslardan birisidir. Bu lisans ile yazılarınızı çalanlara yaptırım hakkınız bulunmaktadır.

Nasıl Alınır?
Öncelikle http://creativecommons.org/license/ sitesine giriyoruz ve karşımıza aşağıda ilk resimdeki form çıkıyor. Bu formu resimdeki açıklamalarıma göre dolduruyoruz...

1. resimdeki alnları doldurduktan sonra Select a Licence kısmına tıklıyoruz. Karşımıza aşağıdaki resimdeki gibi alan çıkıyor. Burada sitemize yerleştireceğimiz logoyu belirliyoruz.

Creative Commons hakları ülkemizde ne zaman geçerli olur? Veya geçerli olur mu? bilinmez ama bu lisansı alır ve emeğinizi verdiğiniz sitenize koyarsanız hiç olmazsa bilinçli insanlar sizlerin emeğine saygı duyar ve kaynak belirtirler. İşlem bu kadar.  İlgili soru ve görüşlerinizi yorum bölümde belirtebilirsiniz.

Read more »