Tüm sosyal ağları bir arada kullanmak isteyenler için hazırlanılmış olmalı. Facebook, twitter, google, RSS gibi eklentileri blogunuz açıldığında karşınıza çıkacak kullanışlı bir eklenti.

Bu kod ile Blogunuza her girişte ziyaretçinizi karşılayacak olan sosyal ağlar eklentisi sizin daha fazla sosyal sitelerde yer almanızı sağlayacak. Böylece daha fazla kitlelere seslenmiş olacaksınız.

Şimdi aşağıdaki kodu kopyalayıp;
Kumanda Paneli > Yerleşim > Gadget Ekle > HTML/Javascript Seçeneğini tıklayın hemen açılan boş kutuya aşağıdaki kodu yapıştırın.

Kodda düzeltmeniz gerekenler: xxxxx ile gösterilmiştir. Yapamadığınız bir şeyler olursa "YORUM" kısmında belirtebilirsiniz.

 
<style>
 /*-----------------------------------------------------------------------------------*/ 
/* 
/*-----------------------------------------------------------------------------------*/ 
#subscribe { 
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666; 
height:380px;
} 
#subscribe a, 
#subscribe a:hover, 
#subscribe a:visited { 
text-decoration:none; 
} 
.box-title { 
color: #F66303; 
font-size: 20px !important; 
font-weight: bold; 
margin: 10px 0; 
border:1px solid #ddd; 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
border-radius:6px; 
box-shadow: 5px 5px 5px #CCCCCC; 
padding:10px; 
line-height:25px; font-family:arial !important; 
} 
.box-tagline { 
color: #999; 
margin: 0; 
text-align: center; 
} 
#subs-container { 
padding: 35px 0 30px 0; 
position: relative; 
} 
a:link, a:visited { 
border:none; 
} 
.demo { 
display:none; 
} 
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script> 
<script src="http://helperblogger.webs.com/files/jquery.colorbox.js"></script> 
 <script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*7;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#subscribe"});
}
});
</script>
<!-- This contains the hidden content for inline calls --> 


<div style='display:none'> 
<div id='subscribe' style='padding:10px; background:#fff;'> 
<style> 
    /* Social Widget */ 
    #HB-mashable-bar { 
        border: 0; 
        margin-bottom: 10px; 
        margin: 0 auto; 
        width:300px; 
        height:380px;
    } 
    .fb-likebox { 
        background: #fff; 
        padding: 10px 13px 0 10px; 
        border-right: 1px solid #D8E6EB; 
       border-left: 1px solid #D8E6EB; 
       border-bottom: 1px solid #D8E6EB; 
       margin:0px; 
       height:70px; 
    } 
    .googleplus { 
        background: #F5FCFE; 
        border-top: 1px solid #FFF; 
        border-bottom: 1px solid #ebebeb; 
        border-right: 1px solid #D8E6EB; 
        border-left: 1px solid #D8E6EB; 
        border-image: initial; 
        font-size: .90em; 
        font-family: "Arial","Helvetica",sans-serif; 
        color: #000; 
        padding: 9px 11px; 
        line-height: 1px;} 
    .googleplus span { 
        color: #000; 
        font-size: 11px; 
        position: absolute; 
        display:inline-block; 
        margin: 9px 70px;} 
    .g-plusone {    float: left;}
.gplus { 
        background: #fff; 
        padding: 0px; 
        border: 0px solid #C7DBE2; 
        margin-bottom:-13px;}

    .twitter { 
        background: #EEF9FD; 
        padding: 10px; 
        border: 1px solid #C7DBE2; 
        border-top: 0;} 
    #mashable { 
        background: #EBEBEB; 
        border: 1px solid #CCC; 
        border-top: 1px solid white; 
        padding: 2px 8px 2px 3px; 
        text-align: right; 
        border-image: initial;} 
    #mashable .author-credit {} 
    #mashable .author-credit a { 
        font-size: 10px; 
        font-weight: bold; 
        text-shadow: 1px 1px white; 
        color: #1E598E; 
        text-decoration:none;} 
    #email-news-subscribe .email-box{ 
        padding: 5px 10px; 
        font-family: "Arial","Helvetica",sans-serif; 
        border-top: 0; 
        border-right: 1px solid #C7DBE2; 
        border-left: 1px solid #C7DBE2; 
        border-image: initial; 
       height:35px;} 
    #email-news-subscribe .email-box input.email{ 
        background:#FFFFFF; 
        border: 1px solid #dedede; 
        color: #999; 
        padding: 7px 10px 8px 10px; 
        -moz-border-radius: 3px; 
        -webkit-border-radius: 3px; 
        -o-border-radius: 3px; 
        -ms-border-radius: 3px; 
        -khtml-border-radius: 3px; 
        border-radius: 3px; 
        border-image: initial; 
        font-family: "Arial","Helvetica",sans-serif;}   
    #email-news-subscribe .email-box input.email:focus{color:#333}   
    #email-news-subscribe .email-box input.subscribe{ 
        background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); 
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00)); 
        background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); 
        -pie-background: linear-gradient(270deg,#ffca00,#ff9b00); 
        font-family: "Arial","Helvetica",sans-serif; 
        border-radius:3px; 
        -moz-border-radius:3px; 
        -webkit-border-radius:3px; 
        border:1px solid #cc7c00; 
        color:white; 
        text-shadow:#d08d00 1px 1px 0; 
        padding:7px 14px; 
        margin-left:3px; 
        font-weight:bold; 
        font-size:12px; 
        cursor:pointer; 
        border-image: initial;} 
    #email-news-subscribe .email-box input.subscribe:hover{ 
        background: #ff9b00; 
        background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00); 
        background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00)); 
        filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
        outline:0;-moz-box-shadow:0 0 3px #999; 
        -webkit-box-shadow:0 0 3px #999; 
        box-shadow:0 0 3px #999 
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00)); 
        background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%); 
        -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00); 
        border-radius:3px; 
        -moz-border-radius:3px; 
        -webkit-border-radius:3px; 
        border:1px solid #cc7c00; 
        color:#FFFFFF; 
        text-shadow:#d08d00 1px 1px 0}   
    #other-social-bar { 
        background-color: #D8E6EB; 
        box-shadow: 0 1px 1px #FFFFFF inset; 
        padding: 0px; 
        font-family: "Arial","Helvetica",sans-serif; 
        font-weight:bold; 
        overflow: hidden; 
        border: 1px solid #B6D0DA; 
           height:37px; 
    } 
    #other-social-bar ul {list-style: none outside none; padding-left: 4px;} 
    #other-social-bar .other-follow { 
        float: left; 
        color:#1E598E; 
        overflow: hidden; 
        height:20px; 
        padding:5px; 
        width: 270px;} 
    #other-social-bar .other-follow ul { 
        list-style: none outside none; 
        padding-left: 4px;} 
    #other-social-bar .other-follow ul li { 
        font-size: 12px; 
        font-weight: bold; 
        display:inline; 
        border:0; 
        text-shadow: 1px 1px white;}   
    #other-social-bar .other-follow ul li a { 
        font-size: 12px; 
        color:#1E598E; 
        font-weight: bold; 
        display:inline; 
        text-shadow: 1px 1px white;} 
    #other-social-bar .other-follow li { 
        font-size: 12px; 
        font-weight: bold; 
        display:inline; 
        border:0; 
        text-shadow: 1px 1px white;} 
    #other-social-bar .other-follow li a { 
        font-size: 12px; 
        color:#1E598E; 
        font-weight: bold; 
        display:inline; 
        text-shadow: 1px 1px white;} 
    #other-social-bar .other-follow li.my-rss { 
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggeQMZN7Qylmc_felfLinY7q-gke8Y9ljnqVgR2H_FasQSY4cWE_t3UpiUC08tFTeTROB1doStKO54SaZK7HguiAs3CelNhCeBwf3DQizfjWbCMZzPijKWqE_sAuLiTQp0S20_MswHL_M/s400/rss-16x16.png') no-repeat transparent; 
        line-height: 1; 
        padding: 0px 3px 1px 20px; 
        width: 60px; 
        margin-bottom:0px; 
            margin-left:5px;}
    #other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-twitter a, #other-social-bar .other-follow li.my-gplus a{ 
    text-decoration:none; 
    }
    #other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-twitter a:hover, #other-social-bar .other-follow li.my-gplus a:hover{ 
    text-decoration:underline; 
    }
    #other-social-bar .other-follow li.my-twitter { 
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghVQ7IR4ZEX-TXVcjYV0M7hpjGWwFHJsBFlx-w_z44_-RPZwn2S96P8becChqThO9RIqQZ2Pjbhe9i4ALFRREsZB1lpJ3BF7MmZoHfmdLfIev4x3YBWapOw-ls3hlINjEdrf-BNCtgNY8/s400/twitter%2527.png') no-repeat transparent; 
        line-height: 1; 
        padding: 0px 3px 1px 20px; 
        width: 60px; 
        margin-bottom:0px;} 
    #other-social-bar .other-follow li.my-gplus { 
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRodpQR5c4EpzVZ526mnGJL-18dhWuK8CMfrX_A2VLV9tdxZWyTXZcLIDUgClri69YvXkUWmfDbZUny1SeCNXpSRbfxguLmHxmOqaJSdtueNY3OH3VnZ-KYjqnqnrFzWdZ5lm5hECh-2w/s400/gplus-16x16.png) no-repeat transparent; 
        line-height: 1; 
        width: 60px; 
        padding: 0px 3px 1px 20px; 
        margin-bottom:0px;}

    </style>

    <!--[if IE]>
    <style> 
    #email-news-subscribe .email-box input.subscribe{ 
        background: #FFCA00; 
        } 
    </style>
    <![endif]-->
<!--begin of social widget--> <div style="margin-bottom:10px;"> <div id="HB-mashable-bar" > <!-- Begin Widget -->
<div class="gplus"> <link href="https://plus.google.com/u/0/xxxxxxxx/" rel="publisher" />
<script type="text/javascript"> window.___gcfg = {lang: 'en'}; undefinedfunctionundefined) {var po = document.createElementundefined"script"); po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagNameundefined"script")[0]; s.parentNode.insertBeforeundefinedpo, s); })undefined);</script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.pushundefined['_setAccount', 'UA-29131740-1']); _gaq.pushundefined['_trackPageview']); undefinedfunctionundefined) { var ga = document.createElementundefined'script'); ga.type = 'text/javascript'; ga.async = true; ga.src = undefined'https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagNameundefined'script')[0]; s.parentNode.insertBeforeundefinedga, s); })undefined); </script>
<!-- Place this tag where you want the badge to render --> <g:plus href="https://plus.google.com/u/0/xxxxxxx/" width="300" height="131" margin="0px" theme="light"></g:plus> </div><div class="fb-likebox"> <!-- Facebook --> <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-href="http://www.facebook.com/xxxxxx" data-width="292" data-show-faces="false" data-stream="false" data-header="false"></div> </div>
<div class="googleplus"> <!-- Google --> <span>Recommend us on Google!</span><div class="g-plusone" data-size="medium"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> </div>
<div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=en&amp;link_color=&amp;screen_name=xxxxxxx&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<div id="email-news-subscribe"> <!-- Email Subscribe --> <div class="email-box"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=xxxxxx', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="Enter Your Email here.." onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" />        
        <input type="hidden" value="xxxxxx" name="uri" /> 
        <input type="hidden" name="loc" value="en_US" /> 
        <input class="subscribe" name="commit" type="submit" value="Subscribe" />    </form> </div> </div> <div id="other-social-bar"> <!-- Other Social Bar --> <ul class="other-follow"> <li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/XXXXXX" target="_blank">RSS Feed</a> </li> <li class="my-twitter"> <a rel="nofollow" title="twitter" rel="author" href=http://twitter.com/xxxxxx target="_blank">Twitter</a> </li> <li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href=https://plus.google.com/u/0/XXXXXXXXX target="_blank">Google Plus</a> </li> </ul> </div> <div id="mashable" style="background: #EBEBEB;border: 1px solid #CCC;border-top: 1px solid white;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "arial","helvetica",sans-serif;"> <!-- Don't remove the credit links,If you removed credits then your gagdet will not work --><span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="http://goo.gl/9fXrd" target="_blank" >Powered By Blogger Widgets »</a></span></div></div> <!-- End Widget --> 
<!--end of social widget--></div></div></div>
jQuery İle Hazırlanmış Sosyal Ağlar Eklentisi, sayfa açıldğında açılan sosyal ağlar, Blogger Eklentisi, blogger yardım, blogger helper, blogger destek, qQuery ile pop up,
Merhaba arkadaşlar, "Blogger Konu Acarken Dikkat Etmeniz Gereken Seyler" adlı bir konu açmak istedim. Onlardan en önemlisi konu başlıkları. Bazen konu başlıklarına "ı" karakterlerini kullanıyoruz. Ne güzel... Ama bu karakter yüzünden açtığımız konunun URL'si eksik çıkıyor nasıl mı ?

Mesela bir konu açın, başlığı da şöyle olsun

"Fıstıkçı fıstıkçılardan fıstık alırsa" bilmem neler diye konuyu açın içerisine bir şeyler yazmanıza gerek yok. Konuyu yayımlayın ve Konunun URL adresini kontrol edin hatta hiç gerek yok ben örneği kendim yaptım ve aynen aşağıdaki gibi oldu;
fstkc-fstkclardan-fstk-alrsa.html diye bir sonuç çıkıyor.
İşte bunu engellemek için Blogger'da konu açarken Türkçe karakter olan "ı"yı kullanmayınız. Bilmem kaçınız dikkat eder buna. Ama önemli bir konu olduğu kesin. Sonuçta google arama motoru sayesinde ziyaretçileriniz geliyor.

Şimdi gelelim bunu düzenlemeye, Konu başlıklarına "ı" yerine "i" ekleyin ve konuyu yayımladıktan sonra tekrar editör paneline gelin "i" yaptığınız yeri "ı" ile değiştirin. Ve işlem tamamdır.