shad0w-share

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

1. Masuk ke akun Blogger anda>/li>
2. Klik Template >> Edit HTML >> centang Expand Widget Template >> tekan Ctrl+F pada keyboard
3. 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>
4. Cari kode <div class='post-header-line-1'/>
5. 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 == &quot;item&quot;'>
   <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
   </b:if>
   </b:loop>
   </b:if>
   
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <h4>Artikel Terkait</h4>
   <script type='text/javascript'>
   removeRelatedDuplicates();
   printRelatedLabels();
   </script>
   </b:if>
   </div></div>
6. Preview blog terlebih dahulu. Jika tidak error, silahkan Simpan
7. Selesai

Tambahan :
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

Cara Membuat & Menampilkan Tulisan Html di Artikel Blog - Pada artikel ini kita akan belajar cara membuat & menampilkan tulisan Html di artikel blog yang dalam penerapannya sangat mudah dilkakukan. Sebelum melanjutkan pembahasan kali ini, saya akan memberikan beberapa contoh kode html yang akan ditampilkan ke dalam artikel blog sehinggan dengan adanya contoh ini, anda akan lebih mudah membuat & menampilkan tulisan Html di artikel blog


Contoh
<div>Panduan Blog</div> terbentuk dari &lt;div&gt;Panduan Blog&lt;/div&gt;
<span>Panduan Template</span> terbentuk dari &lt;span&gt;Panduan Template&lt;/span&gt;
<a href="">Panduan Template Blog</a> terbentuk dari &lt;a href=&quot;&quot;&gt;Panduan Template Blog&lt;/a&gt;
► terbentuk dari &amp;#9658;

Untuk contoh yang lain silahkan buka di Kumpulan Simbol Kode Html Blog

Selanjutnya, bagaimana cara membuat & menampilkan tulisan Html di artikel blog seperti beberapa contoh yang saya sebutkan diatas? Untuk menampilkan contoh kode-kode html diatas yang perlu anda persiapkan adalah ;

1. Kode Parse Html yaitu sebuah aplikasi yang memecah kode html
2. Mode Html yaitu mengganti bentuk penulisan pada kolom penulisan artikel di blog
   
   

Sekarang coba anda terapkan dari contoh kode Html diatas kedalam postingan blog anda, apakah berhasil?
Nah, itulah Cara Membuat & Menampilkan Tulisan Html di Artikel Blog, sederhana dan mudah dimngerti, jika belum paham silahkan berkomentar

Cara Menulis Artikel Blog - Pada artikel sebelumnya, saya telah menjelaskan cara membuat artikel blog dan pada artikel ini, cara menulis artikel blog dalam 2 mode merupakan lanjutan dari artikel tersebut dan menjelaskan 2 mode penulisan yang ada didalam penulisan blogspot. 2 mode penulisan ini memiliki cara dan fungsi serta tampilan yang berbeda sehingga dalam menulis artikel atau membuat artikel blog, anda harus memperhatikan 2 mode penulisan ini.




Apa saja 2 mode penulisan dalam blog tersebut? Compose dan HTML adalah 2 mode penulisan yang memiliki fungsi berbeda dan berikut penjelasannya

1. Cara Menulis Artikel Blog Dalam Mode Compose : Menampilkan tulisan dalam format sebenarnya dan umum, maksudnya jika anda membuat tulisan atau artikel maka tulisan atau artikel yang anda buat akan tampil seperti anda melakukan penulisan secara umum
   Contoh, anda menulis sebuah kalimat ; Panduan Template Blog adalah salah satu blog yang membahas tentang tutorial blogspot terbaru Maka tulisan yang tampil adalah sama seperti yang anda tulis.
2. Cara Menulis Artikel Blog Dalam Mode HTML : Menampilkan tulisan dan atau membuat tulisan dalam format khusus yang akan menampilkan tulisan atau artikel tersebut ke dalam mode Compose
   Contoh, jika anda ingin menampilkan tulisan dengan format <a href="http://panduantemplateblog.blogspot.com">Panduan Template Blog</a> adalah salah satu blog yang membahas tentang tutorial blogspot terbaru tetap tampil seperti itu dalam tulisan atau artikel blog maka harus menggunakan mode HTML tapi anda perlu melakukan parse terlebih dahulu terhadap artikel dengan format khusus tersebut, jika tidak maka artikel akan tampil seperti ini Panduan Template Blog adalah salah satu blog yang membahas tentang tutorial blogspot terbaru
   Untuk lebih jelasnya mengenai mode HTML ini silahkan baca artikel Cara Membuat & Menampilkan Tulisan Html di Artikel Blog

Begitulah, sederhana saja namun tetap bermanfaat. Terimakasih telah membaca artikel ini, Cara Menulis Artikel Blog Dalam 2 Mode