Cara melaksanakan BACA JUGA di Blog secara Otomatis yang Benar
Halo bersua kembali di website penulis akan menjelaskan "Cara membuat BACA JUGA di Blog secara Otomatis yang Benar" secara tuntas, mari simak selengkapnya ...
Menulis di Blogger ataupun Wordpress untuk membentuk sebuah esai yang menarik diperlukan pengetahuan yang cukup. Tujuan membuat tulisan ini adalah supaya banyak getah perca pengunjung yang datang. Bukan hanya melalui share link ke Sosial Media lamun membaca tempat di Page One Google adalah tujuan utama. Baca Juga adalah salah satu trik supaya Visitor membuka link esai lainnya.
Dengan cara membuat pengunjung berlama lama maka performa sebuah situs akan menjadi lebih baik. Ada dua cara untuk membuat Link Baca Juga alias biasa kita ketaui dengan istilah Artikel Terkait. Bisa jua kita menyebutnya dengan istilah Related Post. Jika dikau tidak membuatnya dengan benar maka tampilan blog dikau akan tidak menarik dan tentunya menggangu pengunjung.
Membuat Baca Juga alias Lihat jua menurut impulsif itu ayu karena kita tidak akan repot membuat linknya. Secara impulsif akan tampil apabila kita update esai dan yang sedia adalah berdasarkan Label Blog. Untuk esai di atas 500 kata cukup ayu dikau buat Related Post impulsif lamun jika esai dikau pendek maka tampilannya akan tidak rapi.
Pengunjung akan merasa tergangu dengan penumpukan hal yang tidak dibuhkan tepat di tengga postingan. Terlebih lagi dikau jua membuat alias memasang Iklan adsense menurut impulsif di tenggah Postingan. Tidak menutup kemungkinan Artikel terkait tersebut akan berdampingan dengan Iklan Adsense yang dikau pasang.
Saya lebih memilih menggunakan cara panduan karena selain kita dapat mengatur sendiri maka tampilannya jua bisa kita sesuaikan. Disini akan saya buatkan les bagaimana cara membuat Baca Juga untuk link di tenggah esai Blog ayu menurut panduan maupun menurut Otomatis. Silahkan dikau renungkan mana yang kira kira membuat pengunjung merasa nyaman.
Cara membuat BACA JUGA di Blog dengan cara Manual :
Cara panduan kita tidak perlu membutuhkan Kode HTML ataupun Script yang ribet. Jika dikau menggunakan yang impulsif dan salah pada menggunakannya maka akan mempengaruhi Loading Blog. Load blog dikau akan semakin lemot dan kemungkinan besar dapat bersaing di beranda google berat. Berbeda jika kita membuat menurut panduan karena Teks manapun bisa kita berikan link.
Baca Juga : Cara Upload alias ganti Template Blogger menggunakan file XML dan TEXT
Diatas adalah salah satu contoh pembuatan menurut panduan dan bisa ditempatkan dimana saja. Caranya cukup mudah dikau cukup membuat teks seperti di atas. Blog Teks yang akan diberikan Link kalakian klik Link di menu Blogger. Selanjutnya copas Link artikelnya dan nir- lupa conteng "Open this link in a new window" dan klik OK. Link DoFollow ke tab baru detik di klik sudah jadi.
Cara membuat BACA JUGA di Blog menurut Otomatis :
Jika membuat Artikel terkait menurut Otomatis maka dikau wajib membuat esai di atas 500 kata supaya getah perca pengunjung tidak terhgangu. Belum jua membaca sudah di sugukan link Baca Juga dengan banyak Link. Jika dikau berminat silahkan ikuti les beserta ini. Anda layak masuk ke HTML untuk me-lanjutkan Kode dan CSS.
1. Langkah pertama silahkan masuk ke Blogger >> Template >> Edit HTML. Letakkan asas dibawah ini sebelum Kode </head>.
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
var relatedSimply = new Array(); var relatedSimplyNum = 0; var relatedUrls = new Array(); function related_results_labels(json) for (var i = 0; i < json.feed.entry.length; i++) var entry = json.feed.entry[i]; relatedSimply[relatedSimplyNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) if (entry.link[k].rel == 'alternate') relatedUrls[relatedSimplyNum] = entry.link[k].href; relatedSimplyNum++; break; function removeRelatedDuplicates() var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) if(!contains(tmp, relatedUrls[i])) tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedSimply[i]; relatedSimply = tmp2; relatedUrls = tmp; function contains(a, e) for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false; function printRelatedLabels() var r = Math.floor((relatedSimply.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedSimply.length && i < 20) document.write('<li><a href="' + relatedUrls[r] + '">' + relatedSimply[r] + '</a></li>'); if (r < relatedSimply.length - 1) r++; else r = 0; i++; document.write('</ul>');
//]]>
</script>
</b:if>
2. Langkah berikutnya memasang CSS dibawah ini sebelum Kode ]]></b:skin> alias </style>
/* Related Post Style 1 */
.related-simplifyposition:relative;padding:0;margin:15px auto;width:100%;
.related-simplify h4background:#3498db;padding:8px 12px;margin:0;font-size:15px;font-weight:400;color:#fff;border:1px solid #2e88c5
.related-simplify ulmargin:0;padding:0
.related-simplify ul libackground:#f6f6f6;position:relative;list-style:none;padding:9px;margin:auto;line-height:1.4em;border:1px solid rgba(0,0,0,0.1);border-bottom:0;transition:all .3s
.related-simplify ul li:nth-child(odd)background:#fefefe
.related-simplify ul li:last-childborder-bottom:1px solid rgba(0,0,0,0.1)
.related-simplify ul li:beforecontent:'\f138';font-family:fontawesome;position:absolute;margin:0 9px 0 4px;color:#2ecc71;overflow:hidden;transition:all .3s
.related-simplify ul li:hover:beforecontent:'\f138';font-family:fontawesome;-webkit-animation:bounceright .3s alternate ease infinite;animation:bounceright .3s alternate ease infinite
.related-simplify acolor:#0383d9;font-size:13px;margin:0 0 0 30px;
.related-simplify a:hovercolor:#0383d9;text-decoration:underline
.related-simplify ul li:nth-child(n+4) display:none;
@-webkit-keyframes bouncerightfrom-webkit-transform:translateX(0)to-webkit-transform:translateX(3px)
@keyframes bouncerightfromtransform:translateX(0)totransform:translateX(3px)
3. Langkah ketiga yaitu silahkan dikau cari Kode <data:post.body/> kalakian ganti dengan Kode dibawah ini.
<div expr:id='"post1" + data:post.id'/>
<div class='related-simplify'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=3"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<h4>Baca Juga</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
<div expr:id='"post2" + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>
var obj0=document.getElementById("post1<data:post.id/>");
var obj1=document.getElementById("post2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf("<br>");
if(r>0) obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);
</script>
4. Langkah terakhir silahkan Simpan Template dan lihat Hasilnya. Pastikan di Blog sobat sudah memasang Font Awesome agar icon bisa muncul.
Baca Juga : 9 Kunci SUKSES seorang Blogger dari Awal sampai Berhasil
Itulah cara membuat Link Baca Juga di tenggah Postingan Blog ayu menurut panduan maupun menurut otomatis. Jika dikau inggin melihat hasilnya silahkan lihat gambar di atas. Tampilannya cukup menarik lamun yang impulsif terkadang memakan tempat dan membuat Penuh Postingan. Gunakan dengan bijak dan nir- sampai hanya karena inggin menampilkan kecantikan blog lamun mengabaikan Page Speed blog.
Inggin tau lebih banyak tentang Tutorial Blog, Informasi Bisnis, Internet dan Traveling, dikau bisa berkunjung ke situs TulisanNdeso.Com. Ada banyak informasi yang bisa dikau dapatkan dan bisa menambah wawasan bagaimana cara mengetahui perkembangan Teknologi pada detik ini. Semoga bermanfaat dan terimakasih sudah berkunjung.
Begitulah pembahasan "Cara membuat BACA JUGA di Blog secara Otomatis yang Benar" terimakasih atas kunjungannya
artikel ini ke dalam kategori blogging the fifth nail, youtube blogging tutorial, wix blogging tutorial,
artikel ini bersumber dari berbagai artikel yang ada di google searcing.
Komentar
Posting Komentar