Blogger da Site Haritasına rollover yapmak ve Tek sayfada Tüm konuları ve Konu Başlıklarını görüntülemek.

             
Yönetim paneli
Blogger da, sitenizdeki tüm konuları ve alt başlıklarını tek sayfada görüntülemek, sitenizi kullananlara büyük kolaylık sağlayacaktır. Hele istedikleri konuya tek tıklamayla ulaşabilmek, çok  daha büyük bir kolaylıktır.
         Şimdi Sayfalar menüsünü bulun. yönetim panalindeki sağdaki resim görüntüsü olacak, oradan sayfalar butonuna tıklayın.

 
         Sayfalar bölümünüze geldiğinizde üst taraftaki yeni sayfa butonuna tıklayın ve yeni bir sayfa açın. Aşağıdaki resimde yeni sayfa butonunun olduğu kısım resmedilmiştir.
_________________________________________________________________________________

_________________________________________________________________________________         Yeni bir sayfa açıldığında ilk önce Sayfanın başlığını yazmalısınız. Burada sayfa başlığı için ilk önce küçük harfle s1 yazın. (sayfa başlığına ilk önce mutlaka s1 yazmalısınız daha sonra isterseniz değiştirebilirsiniz). Aşağıda ki resimde sayfa başının olduğu bölüm resmedilmiştir.
_________________________________________________________________________________
_________________________________________________________________________________
          Sayfa başına s1 yazdıktan sonra Kaydet butonuna tıklayarak kaydedin. (Gerçi blogger otomatik olarak kaydediyor ama siz genede kayıt edin) Aşağıda ki resimde kaydet butonunun olduğu yer resmedilmiştir.
_______________________________________________________________________________
_________________________________________________________________________________          Sayfa'yı kayıt ettikten sonra Yayınla butonuna tıklayın. Sayfanıızın boş olup olmaması adının s1 olması önemli değil. Siz yayınla butonuna tıklayın ve sayfayı yayınlayın. Sonradan istediğiniz gibi sayfayı doldurur ve başlığını değiştirirsiniz. Aşağıda yayınla butonunun olduğu yer resmedilmiştir.
_________________________________________________________________________________
_________________________________________________________________________________
Yayınla butonuna tıkladıktan sonra, blogger tekrar blogger yönetim kısmına döner. Dönmediyse üst sağda kapat butonuna tıklayın. Blogger yönetim kısmında s1 sayfasının yaynındaki kutuyu işaretleyip sonra üst taraftaki Taslağa döndür butonuna tıklayıp sayfayı isterseniz taslak haline döndürebilirsiniz. Döndürmeseniz de olur.Alt resimde Blogger yönetim resmi görülüyor. Resim üzerine çift tıklayarak resmi büyütebilirsiniz.
_________________________________________________________________________________
_________________________________________________________________________________
Bütün bu işlemlerden sonra artık s1 sayfasını açalım. (ister yayın halindeyken ister taslak halindeyken farketmez)
_________________________________________________________________________________
_________________________________________________________________________________

s1 sayfasının içerisine Kayıtlar kısmında yazdığınız tüm kayıtların başlıklarını ekleyin. Kayıtları eklerken önce yazdığınız makalenin etiketini bulup etiket adını en başa ekleyin. daha sonra o etiket için yazdığınız tüm makalelerin başlıklarını tek tek etiket isminin altına ekleyin. Makalenin  bir başlığını ekledikten sonra o makale yazısını seçin ve sayfaların üst kısmında olan bağla butonunu tıklayın. Sizden o makalenin url sini isteyecektir. Makalenin url si kayıtlar kısmında o makalenin içerisine girdiğinizde sağ taraftaki Bağlantılar kısmında kalıcı bağlantı yazan yerin altındadır. Bağlantılar kısmına tıkladığınızda altından makalenin url si görünecektir. O url kısmını kopyalayın ve URL istenen yere yapıştırın. Tamam butonuna tıklayarak o makale başlığını o url ye bağlamış olursunuz. Bu işlemi tüm makale başlıkları için yapın. Böylece bir sayfada tüm konu başlıkları ve üzerlerine tıklandığında o makaleye otomatik olarak gidecek bir site haritası oluşturmuş olursunuz.
       Benim bloğumdaki site haritasını kitaplar butonuna basarak görüp inceleyin. Yazılar üzerine tıkladığınızda nasıl o makaleye gittiğini görün. Site haritasında ilk önce konular (yani etiketin adı vardır) sonra konu başlıkları vardır. Yani o etikete ait konu başlıkları.
Sağ yanda Kayıtlar kısmında bir konu nun Etiketler ve Bağlantılar kısmı resmedilmiştir.

Sayfamızı tamamen hazırladıktan sonra kitaplar resmi üzerine gelindiğinde "Tüm KONULAR ve ALTBAŞLIKLAR TIKLA" yazısının görüntüleneceği  ve tıklandığında site haritasına gidecek olan resim görüntüsü aşağıdadır.

Tüm bunları yapabilmek için aşağıdaki kod da kırmızı ile işaretlediğim yere siz kendi url nizi yazın. Aşağıda kod içerisinde kendi url nizi ekleyeceğiniz yeri kolayca bulabilmeniz için o konum  resmedilmiştir. 
_______________________________________________________________________________
_________________________________________________________________________________sonra tüm kodu kopyalayın. (Eğer kod da kırmızı ile işaretli yeri silip kendi url nizi yazmassanız benim site haritama gelirsiniz.) KOD AŞAĞIDADIR kırmızı yazan bölümü bakhobi.blogspot.com.tr silin kendi url nizi yazın. sadece bu kısmı silin önceki / ve sonraki  /  işaretleri kalsın.
____________________________________________________________________________

<!doctype html>




<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>



<a href="http://bakhobi.blogspot.com/p/s1.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbgEGBcqtUw4qF6cbW2QEBIAhKs1_pAMQQSsS9w1KXha4MtxjfpP6sWKpknyV5HKiBLRMNrsbkkDMeRtdivnIsoBeeFvEzaR5AGw1bXwDGkb4P6mVyrk67Q5C4psmObV8bMG8SYtBfB8Y/s1600/kitap-HOVER.jpg',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb_MrLbyTc9HU9fcn3zLxZtgV9fdNJqb1OxWuRwie4ypEj5bBy8JzHAgkMVkB5xHuYpz0_h5AACpRKMSq-JRX6YmgQ8YjfgByl_8BKjT4XOUyHmjm4-whOA1UWIu4Ipb27hD9uilJhlxY/s1600/kitap.jpg" alt="" width="125" height="103" id="Image1" /></a>

</!doctype>

_____________________________________________________________________________

Peki sizin url niz nedir. Bunun için yönetim panelinde Ayarlar kısmını tıklayın ayarlar kısmında Temel bölümünü seçin. Temel bölümündeki blog adresi yazan yerin sağındaki kutu içerisinde ki sizin url nizdir. onu kopyalayıp kod içerisinde  kırmızılı "unalgonkesen.blogspot.com.tr"  yazan yere yapıştırabilirsiniz. 
________________________________________________________________________________
_________________________________________________________________________________
Kendi url nizi yazdıktan sonra kopyaladığınız kodu Blogger yönetim paneline gidip oradan Yerleşim kısmını tıklayın Karşınıza gelen ekrandan  Gadget Ekle (yukarıdaki resim) yazan yere tıklayın . Karşınıza Gadget ekle Paneli gelir (Sağdaki resim) buradan  HTML/java Script yazan yeri tıklayın. 
karşınıza alttaki ekran gelecektir.






 Buradan resimde gösterilen yere kodu yapıştırın. başlık kısmına da site haritası yazın. Kaydet e tıklayın.
______________________________________________________________________________
_______________________________________________________________________________

Artık gadget in olduğu yere Site haritası yapışır. Site'nizi görüntüleyebilirsiniz. üst tarafta bloğu görüntüle yazan yere tıkladığınızda site haritanız da ekranda yerini alır.

NOT: İsterseniz s1 yazan site haritanızın adını değiştirebilirsiniz. mesela site haritası diye değiştirin farketmez, isteseniz de s1 diye kalsın. Kafa karışıklığını önler.
           Bukadar uzun bir yazı olacağını tahmin etmemiştim. Her şeyi anlatayım derken uzadı.kolay gelsin.

_________________________________________________________________________________
BLOG ile ilgili DİĞER BAŞLIKLAR -Konuların üzerini TIKLA
_________________________________________________________________________________

Hiç yorum yok :

Yorum Gönder

Ne Düşündüğünüzü Yazın (Comment)