Konten Blog Ini Bebas Hak Cipta --- Presented By www.jokkajo.com
Ayo Baca Artikel Menarik Di JokkaJo.Com Klik Disini Subscribe

Cara Membuat Split Post atau Postingan Terpisah

Tutorial

DIBALIK LAYAR - Membuat kunjungan situs menjadi bertambah adalah usaha yang dilakukan oleh setiap pemilik situs, entah dengan share ke media sosial atau melakukan optimasi dengan mesin pencarian. 

Tapi bisa kamu lakukan dengan membuat satu postingan menjadi beberapa halaman, sehingga akan terhitung oleh google 3 kali page view untuk 1 postingan saja. Ini hanyalah salah satu dari sekian banyak cara yang bisa dilakukan.

Cara membuat split post di blogger

Cara ini dikutip langsung dari blog mas wendycode.com

Silahkan simak dan kunjungi tutorial lengkap di blog beliau. Klik disini atau lihat preview berikut ini

 
Adapun kode yang dibutuhkan antara lain : 
Dibawah ini kode yang ditempelkan di sebelum kode ]]></b:skin> di setelah Html blog masing-masing.

/* split post ubah warna cari kode #f09800 */ .postNav{display:flex;flex-wrap:wrap;justify-content:center; font-size:90%;line-height:20px; color:#fefefe; margin-top:30px;margin-bottom:0} .postNav > *{display:flex;align-items:center; padding:10px 13px;margin-bottom:10px; color:inherit;background-color:#f09800; border-radius:2px;text-decoration:none} .postNav > *:hover{opacity:.8} .postNav .current{background-color:rgba(0,0,0,.03); color:#989b9f} .postNav{font-size:13px; margin:50px 0} .postNav > *{padding:8px 15px;border-radius:2px;margin-bottom:8px} .postNav > *:not(:last-child){margin-right:8px}

Dan kode java script berikut diletakkan sebelum kode </body>

<b:if cond='data:view.isPost'> <script>/*<![CDATA[*/ document.addEventListener('
DOMContentLoaded',
function() {function checkChildren(nodes, elemId)
{for(i=0;i<nodes.length;i++){if(nodes[i].id==elemId)
{return nodes[i];}else{return checkChildren(nodes[i].children, elemId);}}}
function isNumeric(value) {var type = typeof value; return (type === 'number'
|| type === 'string') && !Number.isNaN(value - Number.parseFloat(value));}
var nodes = document.querySelector('div.post-body').children; var splitdong = checkChildren
(nodes, 'postSplit').innerHTML; var content = splitdong.split('<!--nextpage-->'); var url = window.location.href;
var url = url.split('?page='); var no = url[1] + '&m=4'; var no = no.split('m'); var no = no[0]; var no = no.replace('&', ''); var url = url[0]; var i = 1; if( !isNumeric(no) ){var no = 1;} document.getElementById('postSplit').innerHTML = content[no-1]; if( content.length > 1 ) {document.getElementById('postSplit').innerHTML += "<div class='postNav' id='postPager'><span class='page current'>Pages :</span></div>";} if( no>1 ){document.getElementById('postPager').innerHTML += "<!-- <a href='"+url+"?page="+(no-1)+"' title='Previous Page'>Prev</a> -->";} content.forEach(function(item) { if( no == i ){document.getElementById('postPager').innerHTML += "<span class='current'>"+i+"</span>";} else {document.getElementById('postPager').innerHTML += "<a href='"+url+"?page="+i+"'>"+i+"</a>";} i++; }); if(content.length > no){ var nn = parseInt(no) + 1; document.getElementById('postPager').innerHTML += "<a href='"+url+"?page="+nn+"'>Next</a>";} }); /*]]>*/</script> </b:if>

Untuk penerapan yang benar agar kode tersebut diatas bekerja dengan baik silahkan perhatikan preview atau kunjungi situs aslinya

Baca juga :
"Sebaik-baik Manusia Adalah Yang Bermanfaat Untuk Manusia Lainnya" -Muhammad SAW-

Post a Comment

Tinggalkan Komentar Disini, Agar Tetap Diingat
© DIBALIK LAYAR. All rights reserved. This Site Developed by Jokka J