Blogger Yazıları Konumlandırma Nasıl Yapılır?

Blogger kullanıcıları için oldukça işlevsel ve pratik bir eklenti ile devam edelim. Blogger konularınızı tam ekran boyutunda, sağ kenar çubuk (sidebar) ya da sol kenar çubuk alanlarında konumlandırma nasıl yapılır? Bu yazıları konumlandırma sayesinde, ziyaretçilerinize farklı bir gezinme deneyimi sunmuş olacaksınız.

Blogger üzerinde yazılar yayınlıyorsanız, önemli bir detaya mutlaka dikkat etmelisiniz. Ziyaretçi deneyimi, arama motorlarının da önem verdiği hassas bir konudur. Blogger sayfa ziyaretçi kitlenize ideal bir blog deneyimi sunmak için, konumlandırma çalışması oldukça önemlidir.

Daha önce blogger eklenti konumlandırma nasıl yapılır konusunu incelemiştik. Bu yazımızda ise yazıları tam ekran boyutunda, yani herhangi bir kenar çubuk (sidebar) olmadan görüntüleyebiliriz. Aynı şekilde sağa ya da sola yaslayarak konumlandırabiliriz.

blogger yazıları ana sayfa kenar çubuğu sidebar üzerinde sağa sola ortaya konumlandırma
Blogger tema yedeği almadan herhangi bir değişiklik yapmamanız gerekir. Herhangi bir sorun yaşamanız durumunda tema yedeğinizi geri yükleyebilirsiniz.

Blogger Yazıları Nasıl Konumlandırılır? | 1. Adım

  • Blogger kontrol panelinizi açın.
  • Tema Html Düzenle hedef yolunu takip edin.
  • Html düzenleyiciyi açın.
  • Ctrl+F yardımı ile </body> ulaşın ve üzerine aşağıdaki konumlandırma kodunu yerleştirin.
  • Değişiklikleri kaydedin.


<script type="text/javascript">
  /*<![CDATA[*/
// jquery replacetext plugin https://github.com/cowboy/jquery-replacetext
(function(e){e.fn.replaceText=function(t,n,r){return this.each(function(){var i=this.firstChild,s,o,u=[];if(i){do{if(i.nodeType===3){s=i.nodeValue;o=s.replace(t,n);if(o!==s){if(!r&&/</.test(o)){e(i).before(o);u.push(i)}else{i.nodeValue=o}}}}while(i=i.nextSibling)}u.length&&e(u).remove()})}})(jQuery);
   var s = "[tam_sayfa]";
    var o = "[sag_kenar]";
    var u = "[sol_kenar]";
    $(".post *").replaceText(s, "<style>@media screen and (min-width: 980px){.item #main-wrapper{width:100% !important;max-width:100%!important;float:none!important;border-right:0!important;border-left:0!important}.item #sidebar-wrapper{display:none;}.item #main-wrapper #main{margin-left:0!important;margin-right:0!important}}</style>");
    $(".post-body *").replaceText(o, "<style>@media screen and (min-width: 980px){.item #main-wrapper{float:right!important;border-right:0!important;margin-right: 0px !important;}.item #sidebar-wrapper{float:left!important;padding-left:0!important;}}</style>");
    $(".post-body *").replaceText(u, "<style>@media screen and (min-width: 980px){.item #main-wrapper{float:left!important;border-right:0!important;margin-right: 0px !important;}.item #sidebar-wrapper{float:right!important;padding-left:0!important;}}</style>");
 /*]]>*/
</script>

Blogger Yazıları Konumlandırma | 2. Adım

Blogger tema üzerinde gerekli değişiklikleri yaptıktan sonra, yapmamız gereken sadece, konumlandırmak istediğimiz yazıların altına ilgili kodu eklemek. Hepsi bu kadar. İşte detaylar...

Blogger Yazıları Tam Sayfa (Full Width) Konumlandırma

Önceden yayınlanmış istediğiniz bir blogger yazısını ya da blogger sayfasını açın ve düzenleyin. Ya da yeni bir blogger sayfası ya da yazısı oluşturun. İçeriğinizi yazdıktan sonra en son alana [tam_sayfa] kodunu ekleyip yayınlayın. Yayınladığınız içerik herhangi bir sağ ya da sol kenar çubuk olmadan, tam sayfa konumlanacaktır.

Blogger Yazıları Sağ Kenar Çubuğu (Right Sidebar) Konumlandırma

Tam sayfa konumlandırma aşamasında olduğu gibi içeriğin sonuna, [sag_kenar] ekleyip yayınladığınızda, yazınız sağ kenar çubuk alanına konumlanmış şekilde görüntülenecektir.

Blogger Yazıları Sol Kenar Çubuğu (Left Sidebar) Konumlandırma

Ve son olarak diğer aşamalarda olduğu gibi sayfanın sonuna [sol_kenar] ekleyin ve yayınlayın. Yayınladığınız içerik, sol kenar çubuk alanında konumlanacaktır.

Faydalı mı?

Konu hakkında ne düşünüyorsun?

Önceki Konu Sonraki Konu