Bumerang - Yazarkafe

Blogunuzda Kardeş Bloglardan Son Yazılar Görüntüleyin

Blogunuzda Kardeş Bloglardan Son Yazılar Görüntüleyin

Bugün anlatacağımız eklentiyi daha önce  resimli son yazılar eklentisi olarak anlatmıştık, şimdi ise bu eklentinin farklı bir amaca yönelik kullanımını anlatacağız.Sizin blogunuzda yayınladığınız sonyazılar gibi sevdiğiniz bir blogda yazılan son yazılarıda  blogunuzda resimli olarak yayınlayabileceksiniz.
1.Adım:Blogger hesabınızla giriş yaptıktan sonra burayı tıklıyoruz.
Açılan pencerede gösterim yapacağımız blogumuzu seçiyoruz ve ardından Gadgeti Yapılandır butonuna tıklıyoruz.
2.Adım:Gadgeti Yapılandır butonuna tıkladığımızda aşşağıdaki gibi bir pencere açılacak;
1 ve 2. madde zaten türkçe olarak yazılmıştır.
3-Pull Posts From:Burayı The Blogger Blog Bellow olarak seçiyoruz.
4-External Blogger URL(Needed only if you opt to display posts form another blog):Bu kutuya son yazılarını görüntülemek istediğiniz blogun adresini yazıyorsunuz.(Ör:http://blogokulu.blogspot.com)
5-Number of Posts to Display:5 Görüntülenecek yazı sayısını belirtir.
6-Maximum Length of the Post Title:Yazı Başlıklarının karakter sayısını belirtir
7-Snippet Style:Bu seçenekte üç şık bulunuyor1-No Snippet:Yazılarınızı sadece başlıkları görüntülenir.2-Summary Only:Yazıların sadece kısa özetleri görüntülenir.3-Summary and Thumbnail:Başlık+Kısa  Özet ve Resimli görünüm (Tavsiye edilen) 4-Thumbnail Only:Yazılarınızın Sadece resimleri görüntülenir.
8-Thumbnail Dimensions:Son yazılarda gösterilecek olan resimlerin boyutu.
9-Summary Length:Son yazılar eklentisindeki yazı özetlerinin karakter sayısını belirtir.(Metin uzunluğu)
10-Post Meta Style:Bu seçenekteki şıklarda Son yazılar eklentisindeki yazıların sonunda yorum,tarih,ve devamını oku gibi özellikleri ekleme seçenekleri bulunuyor.
11-Read More Text:Bu kutucuğa yazının devamını okumak için koyacağımız link yazısını yazıyoruz.Ör:Devamını Oku>> gibi.
12-Font:Yazı Tipi seçeneği
13-Font Size:Yazı tipi Boyutu
14-Extra Styling:Bu seçenekte son yazılar eklentisindeki yazılara ait resimlerin nerde duracağını belirliyoruz.Sırasıyla;Sol tarafta,Linkin altında sol tarafta,Sağda,Linkin altında sağ tarafta.gibi...
15-Border Colour:İki yazı arasındaki çizginin rengi.
16-Text Color:Son yazılar Eklentisi içerisinde bulunan özet yazıların rengini belirtir.
17-Link Color:Link renkleri.(Başlık,Devamını Oku,Yorumlar,Tarih)
18-Show Powered by Link:Burda iki seçenek vardır.Yes,No.Burda Yes'i seçersek Son yazılar eklentimizin sonunda bir link yer alacaktır.No'yu seçersek bu link görünmeyecektir.(No seçmenizi tavsiye ederim)
Kaydediyoruz ve widgeti blogumuzda görünmesini istediğimiz yere sürükleyip bırakıyoruz.

Flash Animasyonlu Twitter "Takip Et" Kuşu

Flash Animasyonlu Twitter "Takip Et" Kuşu

Sosyal paylaşım sitelerinin önde gelenlerinden olan twitterin paylaşımdaki hızını ve gücünü anlatmaya gerek yok.Paylaştığınız yazılar virüs gibi yayılıyor.İşte yazılarınızın virüs gibi yayılmasına katkı sağlayacak animasyonlu twitter takip et kuşunu blogumuza eklemeyi anlatacağız. Aşşağıda  gördüğünüz gibi animasyonlu twitter takip et kuşunu blogunuza eklemek isterseniz aşşağıdaki kodu kopyalayıp, blogunuzda kuşun nerde görünmesini istiyorsanız oraya yapıştırın.Kod içerisinde renkli olarak yazdığım BlogOkulu yerine kendi twitter adresinizi yazın.
<object data="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" height="100" type="application/x-shockwave-flash" width="100"><param name="movie" value="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" />
<param name="allowscriptaccess" value="always" />
<param name="menu" value="false" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="username=blogokulu" />
<a href="http://www.gamblinginsider.ca" title="online gambling insider.ca">online gambling insider.ca</a><embed src="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="100" height="100" menu="false" wmode="transparent" flashvars="username=blogokulu"></embed></object>

Blogger icin "Benzer Yazilar" Eklentisi-Resimli Benzer Yazilar Eklentisi

Blogger icin "Benzer Yazilar"  Eklentisi-Resimli Benzer Yazilar Eklentisi

Daha önce Link Within ile blogunuza Resimli Benzer Yazılar Eklentisini nasıl kuracağınızı anlatmıştık.Link within ile benzer yazılar eklentisi ana sayfada ve ara sayfalarda görünmesi ayrıca resimlerin altında Link Within linkinin olması kötü bir görünüme sebep oluyordu.Şimdi ise sizlere Blogger Resimli Benzer Yazılar Eklentisini istediğiniz yerde gösterme(ister ana sayfada,isterseniz sadece tıklanan yazılarınızın altında) ve hiçbir reklam ve link olmadan sade bir görünümle  yayınlama imkanı verecek olan blogger resimli benzer yazılar eklentisini blogunuza nasıl ekleyebileceğinizi anlatacağız.
Öncelikle Blogger Resimli Benzer Yazılar Eklentisini bloguma neden ekliyeyim? diyorsanız.
1-Blogunuzu gelen ziyaretçi herhangi bir yazınızı okuduğunda yazı sonunda blogunuzda bulunan okuduğu yazıya benzeyen diğer yazılarınızada göz atacak.
2-Böylelikle yazılarınızın tıklanma oranı artacak
3-Ziyaretçiler blogunuzda daha fazla zaman geçirecek
4-Görsel açıdan blogunuza güzellik katıp kalitenizi yükseltecek bir eklenti.Kısacası faydalı gördüğüm bir eklenti, blogunuza eklemenizi tavsiye ederim.
Resimli Benzer Yazılar Eklentisini Bloguma Nasıl Uygulayabilirim?diyorsanız.
1.Adım: Blogger Hesabımızla giriş yapıyoruz.Kumanda Paneli>Tasarım>Htmlyi Düzenle yolunu takibediyoruz.Widget Şablonlarını Genişlet kutucuğunu işaretliyoruz.
2.Adım:Ctrl+F Yardımıyla kodlar içerisinde </head> kodunu aratıp buluyoruz.
3.Adım:Aşşağıdaki kodu bulduğumuz </head> kodunun hemen üstüne yani bir üst satırına yapıştırıyoruz.
<!--blogokulu.blogspot.com kod baslangici-->
<!-- kaldır --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="http://i39.tinypic.com/2n67qx5.jpg";
var maxresults=6;
var splittercolor="#d4eaf2";
var relatedpoststitle="Benzer Yazılar";
</script>
<script src='http://www.weebly.com/uploads/2/2/1/0/2210502/related-posts.js' type='text/javascript'/>
<!-- kaldır --></b:if>

<!--blogokulu.blogspot.com kod bitisi-->
4.Adım:Kodlar içerisinde aşşağıdaki kodu bulun
<div class='post-footer-line post-footer-line-1'>
veya
<p class='post-footer-line post-footer-line-1'>
5.Adım:Bulduğunuz kodun hemen alt satırına aşşağıdaki kodu yapıştırın.
<!-- blogokulu.blogspot.com kod baslangici -->
<!-- kaldır --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- kaldır --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://takipteyiz.blogspot.com/2009/10/blogger-yardim-yazi-sonuna-resimli.html' style='display:none;'>Resimli Benzer Yazı Ekleme</a><a href='http://takipteyiz.blogspot.com/' style='display:none;'>blogger yardım</a>
</b:if></b:if>

<!-- blogokulu.blogspot.com kod bitisi -->
Kodları yapıştırıp şablonumuzu kaydettikten sonra Resimli Benzer Yazılar Eklntimiz kullanıma hazır.
Kodlar İçerisinde Yapabileceğiniz Değişiklikler:
Burda vereceğim kodları kodlar içerisinde renkli olarak belirttim.
1-Benzer Yazılar:Resimli Benzer Yazılar Eklentimizin Başlık kısmı.Başlıkta görünmesini istediğimiz metni buraya yazabilirsiniz.(Benzer Yazılar,Bunlarda İlginizi Çekebilir,Şunlarada Bir Göz Atın gibi...)
2-max-results=6;Yazılarınızın altında görüntülenmesini istediğiniz Resimli Benzer Yazı Sayısını burdaki değeri değiştirerek ayarlayabilirsiniz.
3-http://i39.tinypic.com/2n67qx5.jpg:Resimsiz Yazılarınızda görüntülenmesini istediğiniz farklı bir resim varsa resim adresinizi buraya yazabilirsiniz.
4-Her iki kod içerisinde mavi renkle yazdığım kodlar benzer yazıların sadece tıklanan yazılarınızın altında görünmesini sağlar.Eğer ana sayfada ve her yerde resimli benzer yazılar eklentisinin görünmesini istiyorsanız mavi renkle yazdığım kodları kaldırmanız yeterli.