Tampilkan postingan dengan label panduan membuat blog. Tampilkan semua postingan
Cara Membuat Artikel Terkait Didalam Post ini juga merupakan artikel request dari mas Imam yang telah berkomentar Disini seumpama dimasukkan dalam post gimana ya caranya?? Cara membuat artikel terkait sudah saya ulas di cara membuat artikel terkait dan memang tampilannya adalah tampilan umum yang biasa digunakan oleh setiap blog yaitu berada dibawah artikel dan sesuai permintaan dari mas Imam maka secara khusus saya buatkan artikel lanjutan ini dari artikel sebelumnya yaitu Cara Membuat Artikel Terkait Didalam Post
Berikut gambar dari hasil menerapkan cara membuat artikel terkait didalam post yang telah saya terapkan kedalam blog saya yang lain

Berikut Cara Membuat Artikel Terkait Didalam Post
Ganti width: 640px; dengan lebar area postingan blog anda
Ganti float: right; jika anda ingin menampilkan widget aertikel terkait berada disebelah kiri menjadi float: left;
Terimakasih telah berkunjung dan jangan lupa untuk meninggalkan sedikit komentar untuk artikel ini, Cara Membuat Artikel Terkait Didalam Post
Berikut gambar dari hasil menerapkan cara membuat artikel terkait didalam post yang telah saya terapkan kedalam blog saya yang lain

Berikut Cara Membuat Artikel Terkait Didalam Post
- Masuk ke akun Blogger anda>/li>
- Klik Template >> Edit HTML >> centang Expand Widget Template >> tekan Ctrl+F pada keyboard
- Cari kode </head>
Tambahkan kode berikut tepat diatas atau sebelum </head>
<script type="text/javascript"> //<![CDATA[ var relatedTitles = new Array(); var relatedTitlesNum = 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]; relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; 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] = relatedTitles[i];}} relatedTitles = 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((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');} //]]> </script> - Cari kode <div class='post-header-line-1'/>
- Letakkan kode berikut tepat dibawah <div class='post-header-line-1'/>
<div style='width: 640px;'> <div style='background:#DCDCDC;clear: right; float: right; margin-right: 10px;margin-left: 10px;margin-top: 15px;'>
<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=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
</div></div> - Preview blog terlebih dahulu. Jika tidak error, silahkan Simpan
- Selesai
Ganti width: 640px; dengan lebar area postingan blog anda
Ganti float: right; jika anda ingin menampilkan widget aertikel terkait berada disebelah kiri menjadi float: left;
Terimakasih telah berkunjung dan jangan lupa untuk meninggalkan sedikit komentar untuk artikel ini, Cara Membuat Artikel Terkait Didalam Post
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Cara Membuat Artikel Terkait Didalam Post
Membuat artikel terkait atau related post dalam sebuah artikel sama pentingnya dengan ketika anda memasang breadcrumb di blog. Dengan membuat artikel terkait dalam postingan, pengunjung blog akan mengetahui jika artikel yang dibaca masih ada artikel yang berhubungan dengan artikel tersebut sehingga hal ini akan meningkatkan page view artikel blog anda jika pengunjung atau pembaca artikel blog tersebut melanjutkan bacaanya yang ada di bagian artikel terkait.
Artikel terkait atau related post umumnya berada di bagian bawah artikel blog namun tak jarang para blogger memasang artikel terkait ini dibagian samping kanan blog atau sidebar.

Berikut cara membuat artikel terkait (Related Post) seperti yang ada dalam blog ini (lihat gambar diatas)
Artikel terkait atau related post umumnya berada di bagian bawah artikel blog namun tak jarang para blogger memasang artikel terkait ini dibagian samping kanan blog atau sidebar.

Berikut cara membuat artikel terkait (Related Post) seperti yang ada dalam blog ini (lihat gambar diatas)
- Masuk ke akun Blogger anda
- Klik Template >> Edit HTML >> centang Expand Widget Template >> tekan Ctrl+F pada keyboard
- Cari kode </head>
- Tambahkan kode berikut tepat diatas atau sebelum </head>
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 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];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
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] = relatedTitles[i];}}
relatedTitles = 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((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script> - Kemudian cari kode <data:post.body/>
- Tambahkan kode berikut setelah atau dibawah kode <data:post.body/>
<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=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Panduan Cara Membuat Artikel Terkait (Related Post)
Panduan Cara Membuat Blog Gratis - Tidak ada persiapan khusus dalam menerapkan panduan cara membuat blog gratis di blogspot. Yang perlu anda butuhkan adalah laptop dan jaringan internet dan tentunya anda juga sudah memiliki akun email di Google karena blog yang akan anda buat adalah menggunakan blogspot dan blogspot sendiri adalah milik Google sehingga untuk bisa menggunakan blogspot, anda harus punya email terlebih dahulu, jika belum silahkan baca panduan cara membuat email di Google. Jika sudah punya, mari kita lanjutkan panduan cara membuat blog gratis ini
Panduan Cara Membuat Blog Gratis di Blogspot
Buka blogger.com di browser anda
Login dengan menggunakan alamat email dan sandi yang sesuai dengan sandi email anda

Klik Blog Baru

Muncul halaman seperti tampilan gambar berikut

Pada tahap ini (seperti gambar diatas) ada 4 tahap yang perlu anda lakukan


Tapi blog yang anda buat belum memiliki isi atau artikel. Bagaimana cara mengisi blog dengan artikel? Baca disini. Berikut tampilan blog yang baru saya buat dan saya pergunakan sebagai panduan cara membuat blog gratis di blogspot

Bagaimana mudah bukan cara membuat blog gratis di blogspot ? Jika anda mengikuti seluruh panduan cara membuat blog gratis di blogspot ini, saya yakin anda bisa membuatnya. Semoga bermanfaat dan terimakasih telah membaca artikel panduan cara membuat blog gratis di blogspot
Panduan Cara Membuat Blog Gratis di Blogspot
Buka blogger.com di browser anda
Login dengan menggunakan alamat email dan sandi yang sesuai dengan sandi email anda

Klik Blog Baru

Muncul halaman seperti tampilan gambar berikut

Pada tahap ini (seperti gambar diatas) ada 4 tahap yang perlu anda lakukan
- Judul : merupakan tampilan nama blog anda. Isi judul sesuai dengan keinginan anda, misalkan judul blog hanya ingin di isi dengan nama anda, itu tidak apa-apa. Misal nama anda adalah Muhammad, isi saja dengan Muhammad. Jika anda bingung menentukan judul, silahkan baca artikel Cara Memilih Judul Blog
- Alamat : merupakan alamat blog yang akan anda miliki nantinya. Usahakan alamat blog sesuai dengsn judul, karena anda memilih judul dengan nama anda maka alamtnya adalah muhammad.blogspot.com. Ingat, menuliskan alamat blog tidak perlu menuliskan lagi blogspot.com karena itu sudah otomatis dan cukup menuliskan sesuai dengan judul. Silahkan baca cara menetukan dan memilih alamat blog.
- Template : merupakan tampilan secara keseluruhan yang menampilkan apa yang ada di dalam blog anda. Kalau saya istilahkan, template ibarat sebuah baju yang kita pakai. Kalau template memiliki sidebar sedangkan baju memiliki lengan-lengan baju. Semakin bagus baju yang kita pakai semakin tertarik orang melihat kita, begitu juga dengan template blog, semakin bagus tampilan template semakin banyak orang yang berkunjung ke blog kita tapi untuk blog tidak hanya bedasarkan template, orang yang berkunjung tapi banyak faktor. Untuk lebih jelasnya silahkan baca cara menentukan dan memilih template blog.
Pada gambar, template yang anda pilih merupakan template bawaan yang telah disediakan oleh blogspot, silahkan pilih saja dan jika anda ingin menggantinya silahkan baca cara mengganti template blog. - Silahkan klik Buat blog jika semuanya sudah dilakukan.


Tapi blog yang anda buat belum memiliki isi atau artikel. Bagaimana cara mengisi blog dengan artikel? Baca disini. Berikut tampilan blog yang baru saya buat dan saya pergunakan sebagai panduan cara membuat blog gratis di blogspot

Bagaimana mudah bukan cara membuat blog gratis di blogspot ? Jika anda mengikuti seluruh panduan cara membuat blog gratis di blogspot ini, saya yakin anda bisa membuatnya. Semoga bermanfaat dan terimakasih telah membaca artikel panduan cara membuat blog gratis di blogspot
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Panduan Cara Membuat Blog Gratis di Blogspot
