Blogger etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Blogger etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Blogger Google Translate Eklentisi

Perşembe, Nisan 12 yazildi.

Arkadaşlar bugün sitenize Google Translate'yi yüklemeyi öğreteceğim. Bu eklenti sitenize Türkçe konuşmayı bilmeyen insanlar için çok önemli bir eklentidir. Bu eklentiyi sitenize çok kişi girmesi içinde eklemiş oluyorsunuz. Bu eklenti benim sitemde var neden başkalarında olmasın dedim ve sizlere paylaştım. Gelelim uygulamaya...


Yerleşim > Sayfa öğeleri > Gadget ekle > Html /JavaScript
Kod;
<span ><script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&amp;up_source_language=tr&amp;w=160&amp;h=60&amp;title=&amp;border=&amp;output=js"></script><!---sitene-kod-ekle.tr.gg kod sonu---></span>
Kodda sorun olduğu taktirde yorum olarak yazabilirsiniz..! :)

Blogger Etiket Sayısını Kaldırma

yazildi.

 
İlk önce basit ama kullanışlı ipuçlarından başlayalım. Resimde görüldüğü gibi yazıya bir etiket eklendiğinde, etiket bölümünde o etiketten kaç tane eklendiği yazar. İstersek minik bir html düzenlemesiyle bunu kaldırabiliriz.


İlk önce yerleşim > Html 'yi düzenle > Widget Şablonlarını Genişlet diyoruz.
Şablonumuzdan;
(<data:label.count/>)
kodunu buluyoruz ve siliyoruz. İşlem bu kadar. Her ihtimale karşı işlemi gerçekleştirdikten sonra şablonu önizleden sorun var mı yok mu diye bakınız.
Herhangi bir sorun olursa lütfen yorum bölümünde belirtiniz.

E-posta Takip-Bülten Blogger Eklentisi

yazildi.

Merhaba arkadaşlar. Size bugün E-posta Takip-Bülten Blogger Eklentisinin kodunu vereceğim. Bu uygulama ne işe yarıyor; Sitenizdeki ziyaretçilerinize haftalık sitenizde paylaştığınız yazılarınızı gönderen bu uygulama, Sitenizi ziyaret etmeye vakti olmayan veya yeni içeriklerden haberi olmayan herkes e-bülteninize abone olarak sitenizi/blogunuzu takip edebilecek!
Tasarım > Gadget Ekle > HTML/Java Script bölümüne girip aşağıdaki kodlarımızı yapıştırıyoruz, kırmızı renkteki alanı kendi sitemize göre değiştiriyoruz ve işlem tamam. Güle güle kullanın...


Kod:

<style>
/* Subscribe Form Ozicab Design
=======================*/
#feedemail-form {
padding : 0 !important ;
margin : 0;
display : block;
position : relative;
overflow : hidden;
}
.emwrapper {
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBama-NMt_hC6euDN44keT3Sx6exwBRzXcdF2KPmnDSD-RIeuUitGxlankG3xljLhID7o2NWuS0mL4rlALzF_gd6YsDoRYQ06hCOF-2MSjTMVxaINDg2OuW6RrcOOaICoCQLQNb422N8g/) repeat left top;
margin : 0 0 10px 0;
padding : 3px;
}
.embox {
background : #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh06LEaQPYCedH_-M9vSyApzhCQB8xIms1IYFQzvl7iILgCnjH1KD_z0rVN-3w9_UghXlxQicPa8kSBcZAI1J85hpogndcdRYoqNTos2b3BsXqZuuIdK6aKcq-lBSWprYbQiY4M9YJTRnQ/) no-repeat 4px 50%;
}
.embox input {
font-size : 11px !important ;
}
.feedemail-input {
background : none;
width : 58%;
float : left;
padding : 0;
margin : 5px 0 0 23px;
border : none;
}
.feedemail-button, .feedemail-button:focus {
width : 30%;
float : right;
color : #fff;
font-weight : bold;
background-color : #436eee;
margin : 0;
padding : 5px;
border : none;
}
.feedemail-input:focus, .feedemail-input:hover {
border : none;
}
.feedemail-button:hover {
cursor : pointer;
}
span.feedemail-footer {
display : block;
font-size : 11px;
line-height : 1.4em !important ;
}
</style>

<div id='feedemail-form'>
<div class='widget'>
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedemail-form' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=batuhanatess&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=600,height=550&apos;);return true' target='popupwindow'>
<div class='emwrapper'>
<div class='embox'>
<input class='feedemail-input' maxlength='150' name='email' onblur='this.value=(this.value==&apos;&apos;) ? &apos;batuhanates@hotmail.com&apos; : this.value;' onfocus='this.value=(this.value==&apos;batuhanates@hotmail.com&apos;) ? &apos;&apos; : this.value;' type='text' value='batuhanates@hotmail.com'/>
<input name='uri' type='hidden' value='pandathemes'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='feedemail-button' type='submit' value='Kaydol!'/>
<div class='clear'><!-- --></div>
</div>
</div>
<div><span class='feedemail-footer'><center>Haftalık bültenimize abone olarak hergün yenilenen içeriklerimizden sürekli haberdar olabilirsiniz!</center></span></div>
</form>
</div>
</div>

Bu konu ocabbaroglu.in'den alınmıştır.!

Blogger Resimli Son Yorumlar Eklentisi

Pazar, Nisan 8 yazildi.

Arkadaşlar yeni bir son yorumlar eklentisi buldum gerçekten çok ama çok kullanışlı niyeti olanlara tavsiye ederim ayrıça çok kolay yapılması.

Bu adrese tıklayıp herşeyi yapabilirsiniz "http://www.way2blogging.org/widget-generators/recent-comments-widget-with-avatar"


Açtığınız sitede ingilizce yazıyor bende Türkçeleştirdim;

Settings (Ayarlar)
Widget Title: (Eklentinin Başlığı)
Blog Url: (Blog adresiniz)
Number of Recent Comments: (Kaç tane son yorumlar gösterilsin)
Show Avatar Image?: (Avatar yani kullanıcı resimleri gösterilsin mi?)
Avatar Image Size: (Avatar resim boyutu ne olsun) – 50, 60 gibi değerlerle blogunuza uygun büyüklüğü bulursunuz.
Rounded Avatar Image?: (Avatar resimlerinin etrafı yuvarlansın mı?)
Number of Comment Excerpt Characters: (Yorum özetlerinin kaç karakterini göstersin)
Show More Link in Comment body?: (Diğer yorumları da göstermek için More bağlantısı olsun mu?)
More link Text: (More bağlantısının yazısı ne olsun?) Yani siz türkçe olarak Diğer Yorumlar yazabilirsiniz.
Default Avatar Image URL: (Avatar resmi olmayan kullanıcılar için gösterilmesini istediğiniz varsayılan resmin adresi)
Hide Way2Blogging Link?: (Way2Blogging’in linki eklentinizde bulunsun mu?)



Bu konuyu size resimli anlatmak istedim;
1- Herşeyi ayarladıysanız "Generate" butonuna tıklayın!
2- Resimde de belirttiğim gibi "Add to Blogger" butonuna tıklayın!
3- Resimde de belirttiğim gibi "Widget Ekle" butonuna tıklayın! Veee işlem tamam.

Blogger'da Yorumlara Yanıt Özelliği

Cumartesi, Nisan 7 yazildi.

Blogger’ın en sevmediğim yanlarından biri oldukça basit olan yorum bölümüydü.Blogger geliştiricileri nihayet buna bir çözüm üretti ve yorumlara yanıt verme özelliğini duyurdu.

Eğer Blogger’ın kendi şablonlarından birini kullanıyorsanız ve yorumları yanıtlama özelliğini aktifleştirmek istiyorsanız, yapmanız gereken 2 adet ayar var.

1. Yorum Konumu: Gömülü


İlk olarak Blogger kumanda panelinize giriş yaparak Ayarlar > Yayınlar ve yorumlar >Yorum Konumu > Gömülü olarak işaretleyin.

2. Blog İçerik Takibine İzin Ver : Tüm


İkinci olarak yine kumanda panelinize giriş yaparak Ayarlar > Diğer > Blog İçerik Takibine İzin Ver > Tüm olarak işaretleyin.

Şimdi yorum bölümünü kontrol ettiğinizde yorumların altına yanıtla seçeneğinin eklendiğini farkedeceksiniz.Artık yanıtla linkini kullanarak Wordpress’te olduğu gibi yorumlara direk cevap verebileceksiniz.

Kendi Temamı Kullanıyorum.Yorumlara Yanıt Özelliğine Nasıl Geçebilirim?


Bu özellik Bloggger’ın tüüm şablonlarına kullanılıyor ancak internetten indirdiğiniz farklı bir tema kullanıyorsanız yorumlara yanıt özelliği görünmeyebilir.Bunun için küçük bir kod değişikliği yapmanız gerekiyor.

Şablonunuzdan aşağıdaki kodları bulun.
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
O kodları şunlarla değiştirin.
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>

Blogger'da Yazılara Oy Verme Eklentisi

yazildi.

Geçen gün site site gezinirken bu eklentiyi buldum. Ben bu eklentiyi çok beğendim. Çünkü; herkes yaptığın yazılara puan verecek. Sende ona göre paylaşım yapacaksın. Bu scripti TR'ye çevirmeye çalışmış arkadaşlar ama hüsranla sonuçlanmış denemeleri. Herneyse bende size yararlı olur diye paylaşıyorum.

Eklentinin mantığı aslında Blogger’ın klasik yıldızlı oy verme olayında olduğu gibi.Ziyaret çiler + veya + olmak üzere sadece 1 kez oy verebiliyor ve oylar hemen değerlendirmeye alınıyor.

Gelelim eklentiyi Blogger’a eklemeye.Öncelikle gerekli Java script kodunu ekleyelim.Bunun için şablonunuzdan şu kodu bulun,
</body>
Hemen üstüne şu kodu ekleyin.
<script src="http://js-kit.com/ratings.js"></script>
İkinci olarak scripti yazı sonlarında göstermek için gerekli kodları ekleyeceğiz.Bunun için şu kodu bulun, 
<data:post.body/>
Hemen altına şu kodları 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>

Flash Animasyonlu Etiket Bulutu

yazildi.

Blogger’da klasik etiketler widgetından sıkıldıysanız daha farklı, daha orijinal bir alternatif ister misiniz?
Bu scripti sitenize koyunca çok beğeniceksiniz. Bu scripti ben daha önce hiç görmedim. Çok güzel bir script. Herkesin bu scripti kullanmasını isterim..!


Bu flash animasyonlu etiket bulutunu blogunuza eklemek için aşağıdaki kodları 
HTML/JavaScript gadget olarak eklemeniz yeterli.
<script type="text/javascript"> 
/*<![CDATA[*/ 
var w2bFlashLabelSettings = { 
    blogurl        : "http://batuhanatess.blogspot.com/", 
    color          : "000000", 
    hoverColor     : "0bb839", 
    backgroundColor: "FFFFFF", 
    size           : 12, 
    speed          : 100, 
    width          : 250, 
    height         : 300 
}; 
/*]]>*/ 
</script> 
<script type="text/javascript" src="http://dl.dropbox.com/u/60346665/bloghocam-flash-etiket-bulutu.js"></script>
http://batuhanatess.blogspot.com/ yerine kendi blogu adresinizi yazmayı unutmayın. İyi Günler..!

Blogger İçin Son Yazılar Eklentisi

Cuma, Nisan 6 yazildi.

Sitenizin sidebarın da veya herhangi bir yerinde yazdığınız son yazılarınızı göstermek için hazırlanmış kullanımı kolay kısa bir kod ile eklentimizi yüklüyoruz. Eklentinin ön izlemesi aşağıdadır.






Gelelim uygulamaya...
Tasarım > Sayfa Öğeleri > HTML/Javascript Ekle ' diyoruz ve aşağıdaki kodumuzu ekliyoruz.
Kod;
<script style="text/javascript">
function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(more)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
var re = /<\S[^>]*>/g; 
postcontent = postcontent.replace(re, "");
if (!standardstyling) document.write('<div class="bbrecpost">');
if (standardstyling) document.write('<br/>');
document.write(posttitle);
document.write('<br/>');
if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (!standardstyling) document.write('</div><div class="bbrecpostsum">');
if (showpostsummary == true) {
if (standardstyling) document.write('<br/>');
if (postcontent.length < numchars) {
if (standardstyling) document.write('<i>');
document.write(postcontent);
if (standardstyling) document.write('</i>');}
else {
if (standardstyling) document.write('<i>');
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
if (standardstyling) document.write('</i>');}
}
if (!standardstyling) document.write('</div>');
}
}

var numposts = 5;
var showpostdate = false;
var showpostsummary = false;
var numchars = 250;
var standardstyling = false;
</script>
<script src="http://www.batuhanatess.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Yukarıda "http://www.batuhanatess.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts" yazan yerde site adresini değiştirebilirsiniz. Ayrıca görünmesini istenen konu sayısını " var numposts = 5 " bölümünden 5 sayısını arttırıp azaltabilirsiniz. İşlem Tamam Güle Güle Kullanın..

Blogger Yazar Hakkında Eklentisi

yazildi.

Blogger sitenizde yazılarınızın altında yazar hakkında bölümü eklemek. Sade ve kullanışlı bu kısa ve kolay eklenti sayesinde blogunuz da yazılarınızın altında kendi tanıtımınız ve resminizi ekleyebilirsiniz. Her renge ve boyuta ayarlanabilen bu eklenti kesinlikle çok işinize yarayacaktır. Güle güle kullanmanız dileğiyle..
Gelelim uygulamaya....

Yerleşim > HTML'yi Düzenle > Widget Şablonlarını Genişlet devam edelim;
]]></b:skin>
Etiketinin hemen üstüne aşağıdaki kodları ekleyelim;

Kod:
/* Yazar Hakkinda BatuSCELL
=======================*/
.author-box {
border:1px solid#e0e0e0;
margin: auto;
margin: 5px 3px;
padding: 5px;
overflow: auto;
background:#FFF;
}
.author-box a {
color: #005594;
font-size: 14px;
font-weight: Bold;
letter-spacing: 0px;
margin: 0 0 1em;
}
.author-box p {
margin: 0;
padding: 0;
font-size: 14px;
}
.author-box img {

float: left;
margin: 0 5px 0 0;
padding: 2px;
}
Şimdide aşağıdaki etiketi bulalım;
<div class='post-footer'>

Etiketin hemen altına aşağıdaki kodlarımızı ekleyelim
Kod:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author-box'>
<p><img alt='' border='0' class='' height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd0PZDVb_1syMCq263-umlAGdZDk-WCQyqsvg7Q-F3k6KF8H8BLi_OxARvVd0bP7FbpkOCiJDkJqkpGqgNSK3IO8ZUYw4llhvB4RzR-41znr233W8JU2FuyfTDe6TZJRsARRTC8H8zHsY/s220/gravatar-100x100.jpg' width='70'/><b>Batuhan Ateş (Yazar Hakkında)</b><br/>Merhabalar ben Batuhan .Orta Okul öğrencisiyim. Web sitelerine hep ilgim olmuştur uzun sürede Bedava-Sitem’de çok çalıştım ;) Bedava-Sitem’de şuan hala bir sitem var onu ara sıra kullanıyorum. Şuan amatörüm ama ileride kendimi üst düzeylerde görüyorum :) Neyse bu kadar yeter… Görüşmek üzere..!
<p style='margin:1px 0'/></p>
</div>
</b:if>

Blogger Resimli Benzer Konular Eklentisi

yazildi.



Çok yararlı bir eklenti ve ayrıca çok şık, blog okuyucularınıza okudukları yazının benzerlerini göstererek daha fazla blogunuz da kalmasını sağlar. Görüntü düzen açısından çok yararlı bir eklenti.. Gelelim uygulamaya..


Yerleşim > HTML'yi Düzenle > Widget Şablonlarını Genişlet devam edelim;
</head>
Etiketinin hemen üstüne şu kodları ekliyelim:
Kod:
<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: #F1921A; 
font-family: Times New Roman; 
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:none; 
border: 1px solid #ddd 
} 
</style> 
<script type='text/javascript'> 
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVLSZrXZDy-E2nCTNK2C0Gu5Wb8tbR3Y9ONrkac6EljZvApeRRaoUqBuTXfAxK5-5SPRggDBsL0n325UnNRiwYmNLKXhMVkBmhsMG5bAWyJawWxWZJXa5TNH_MpIL9S-rE21XhTYujVXY/s72/no-image.PNG&quot;; 
var maxresults=5; 
var splittercolor=&quot;#E6E7E8&quot;; 
var relatedpoststitle=&quot;Benzer Yazılar:&quot;; 
</script> 
<script src='http://dl.dropbox.com/u/60346665/resimli-benzer-yazilar.js' type='text/javascript'/> 
<!-- remove --></b:if> 
Ctrl+F yapıp etiketi bulalım;
<div class='post-footer'>
Etiketinin de hemen altınada şu kodları ekleyelim:
Kod:
<!-- remove --><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'/> 
<!-- remove --></b:if>

Blogger Lazy Load JQuery Eklentisi

yazildi.

Bu eklentiyle tüm resim nesneleri jpg,gif,png,bmp ve hatta flash dosyalar bile siz sayfanın aşağı taraflarına indikçe yüklenmiş olacak ! Sitenizin hızını %75 arttıran bu eklenti sayesinde interneti yavaş olan ziyaretçilerinizde sitenizde sorunsuz gezinebilicekler.  Gelelim uygulamaya;


Tasarım > Html'yi Düzenle > Widget Şablonlarını Genişlet
</head>
Etiketinin hemen altına aşağıdaki kodları ekliyoruz ve işle tamam güle güle kullanmanız dileğiyle..


Kod:
<script charset='utf-8' src='http://konfor.enesilhan.net/js/jquery.min.js' type='text/javascript'></script>
<script src='http://konfor.enesilhan.net/js/jquery.lazyload.js' type='text/javascript'></script>
<script type='text/javascript'>
$(function() {
          $("img").lazyload({
              placeholder : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiRENnMFCkfWUN0I24QmiG4dVg5KvkFbqdpMmrKvrUQ3OQEC_Lrwbyj9T5ilW9vch6kHQML7LE-BzYTPWvZD7S3UQ8J3vALepXtslFyLNOdShTlcadvmL0P54oBeHlKFutzVz0iaNvYXs/s1600/grey.gif",
              effect      : "fadeIn"
           });
       });
</script>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>