BloggerDijitalİnternet

Blogger’da Blog Yazısını Sayfalara Bölmek

Blogger İçin Kodlar ve Eklentiler

Blogger kullanıcısıysanız ve bloggerda uzun yazılar yazıyorsanız okuyucularınızın yazıyı daha kolay okuyabilmesi açısından yazınızı daha görsel e okunabilir hâle getirmeye çalışıyor olabilirsiniz. Alıntılar farklı kutularla daha faza görsel kullanımıyla paragraflar bölmek dümdüz uzun bir metin göstermekten daha iyi olabilir. Ancak yazını gerçekten hatrı sayılır biz uzunluktaysa internet okuyucusunun gözünü korkutabilir.

Bu durumda yazısı birkaç sayfaya bölmek isteyebilirsiniz. Yazının altına yukarıdaki görselde olduğu gibi sayfa numaraları ekleyerek yazıyı sayfalara bölebilirsiniz. Bu şekilde yazıyı part part yayınlamışsınız gibi farklı sayfalara ve linklere atmayacaktır. Yazınız sadece okuyucunun gözü açısından bölünmüş olacak ve kaçıncı sayfaya tıklarsa o sayfanın yazısı karşısına gelecektir.

Böylece yazınız bir bakışta okuyucunun gözünü korkutacak büyüklükte olmayacak hem de bloga daha görsel bir duruş katacaktır.

Önizleme
Başlayalım

İlk olarak Blogger kumanda panelinden Şablon>HTML’yi Düzenle şeklinde kod sayfasını açın ve Ctrl+F ile </head> kodunu bulun. Bu kodun hemen üstüne aşağıdaki kodu yapıştırın.

<b:if cond='data:view.isPost'>
<style type="text/css">
.post-body-nav button{background:transparent;cursor:pointer}
.post-body-nav button{padding:6px 12px;display:inline-block;color:#222;border:2px solid #eee;margin:4px;transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}
.post-body-nav button.active {border:2px solid #888}
.post-body-nav button:hover,.post-body-nav button:focus{border:2px solid #888;color:#222}
</style>
</b:if>

Ardından yine CTRL+F ile </body> etiketini bulun ve hemen üzerine aşağıdaki kodu ekleyin.

<b:if cond='data:view.isPost'>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('b 2(){c d=4.a("f");d.g="7:9/8;e,k+m+n+h",4.l.i(d)}0.3?0.3("j",2,!1):0.5?0.5("6",2):0.6=2;',24,24,'window||downloadJSAtOnload|addEventListener|document|attachEvent|onload|data|javascript|application|createElement|function|var||base64|script|src|IiksJCgiLnBvc3QtYm9keS1wYWdlIikuaGlkZSgwKSwkKCIucG9zdC1ib2R5LXBhZ2UiKS5maXJzdCgpLmZhZGVJbigpLCQoIi5wb3N0LWJvZHktbmF2IGJ1dHRvbiIpLmZpcnN0KCkuYWRkQ2xhc3MoImFjdGl2ZSIpfQ0KJCgiLnBvc3QtYm9keS1uYXYgYnV0dG9uIikuY2xpY2soZnVuY3Rpb24oKXtpZighJCh0aGlzKS5oYXNDbGFzcygiYWN0aXZlIikpe3ZhciBlPWV2YWwoJCh0aGlzKS5hdHRyKCJkYXRhLXRhcmdldCIpKTskKCIucG9zdC1ib2R5LXBhZ2UiKS5oaWRlKCkucmVtb3ZlQ2xhc3MoImFjdGl2ZSIpLCQoIi5wb3N0LWJvZHktcGFnZSIpLmVxKGUpLmZhZGVJbigpLmFkZENsYXNzKCJhY3RpdmUiKSwkKCIucG9zdC1ib2R5LW5hdiBidXR0b24iKS5yZW1vdmVDbGFzcygiYWN0aXZlIiksJCh0aGlzKS5hZGRDbGFzcygiYWN0aXZlIiksJCgiaHRtbCxib2R5IikuYW5pbWF0ZSh7c2Nyb2xsVG9wOiQoIi5wb3N0LWJvZHktcGFnZS5hY3RpdmUiKS5vZmZzZXQoKS50b3B9LCJub3JtYWwiKX19KX0pOw0K|appendChild|load|LyohIGpRdWVyeSB8IGh0dHBzOi8vYmxvZ2dlcmVrbGVudGlsZXJpLmJsb2dzcG90LmNvbSAqLw0KJChmdW5jdGlvbigpe2lmKCQoIi5wb3N0LWJvZHkgLnBvc3QtYm9keS1wYWdlIikubGVuZ3RoPjApe3ZhciBhcnRpY2xlQm9keT0kKCIucG9zdC1ib2R5IikscGFnZXM9IiI7YXJ0aWNsZUJvZHkuZmluZCgiLnBvc3QtYm9keS1wYWdlIikuZWFjaChmdW5jdGlvbihpKXtwYWdlcys9IjxidXR0b24gZGF0YS10YXJnZXQ9JyIraSsiJz4iK2V2YWwoaSsxKSsiPC9idXR0b24|body|In0pLGFydGljbGVCb2R5LmFwcGVuZCgnPGRpdiBjbGFzcz0icG9zdC1ib2R5LW5hdiI|JytwYWdlcysiPC9kaXY'.split('|'),0,{}))
//]]>
</script>
</b:if>

Son adım ise aslında artık yazıları yazarken sayfalara bölmek istersek yapacağımız adım oluyor. Yazı yazarken yazı sayfasının HTML bölümüne aşağıdaki kodları yapıştırıp yazınızı belirtilen alanlara bölebilirsiniz.

İstediğiniz kadar bölerek yazınızı yazabilirsiniz.

<div class="post-body-page"> 
Yazınızın bir kısmı 1 
</div> 
<div class="post-body-page"> 
Yazınızın bir kısmı 2 
</div> 
<div class="post-body-page"> 
Yazınızın bir kısmı 3 
</div> 
<div class="post-body-page"> 
Yazınızın bir kısmı 4 
</div>

Yapamadığınız ya da anlamadığınız yerlerde yorum bırakabilirsiniz.

Kaynak
Kodlar Bloggereklentileri'nden alınmıştır
Tagler

Sercan Ceyhan

Çukurova Üniversitesi İletişim Bilimleri'nden mezun olup hayaller peşinde koşan oyun çağını atlatamamış ve büyümekten korkan bir çocuk. Kalemimiz bu dünyayı güzel kılacaktır.

İlgili İçerikler

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Kapalı