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 Mudah Memasang Rating Bintang Di Postingan - Pada artikel sebelumnya saya sudah menjelaskan cara memasang rating bintang di artikel postingan yang setelah saya cermati ternyata masih ada beberapa teman blogger yang kesulitan dalam menerapkan cara tersebut, seperti yang dialami Menghilangkan Bau Mulut dan juga yang dialami oleh Klik Disini. Menanggapi beberapa keluhan dari artikel sebelumnya tersebut, maka dari itulah artikel Cara Mudah Memasang Rating Bintang Di Postingan ini saya buat khusus untuk anda yang menginginkan rating bintang tampil di artikel blog anda.

Berbeda dengan cara sebelumnya yang harus merubah tampilan blogger ke draft.blogger dan menambahkan beberapa kode kedalam template dan hasilnya juga belum tampak yang kemungkinan karena pengaruh koneksi atau karena kode rating merupakan dari old versionnya blogger sehingga untuk menampilkan rating bintang di artikel cukup memakan waktu loading yang lama dan pada artikel ini saya akan memberikan solusi terbaik dan termudah dalam memasang rating bintang di artikel postingan blog tapi cara ini tidak berlaku untuk menampilkan rating bintang di Google dan cara ini juga telah saya terapkan di blog saya yang lain, seperti terlihat pada gambar berikut ini


Seperti terlihat pada gambar diatas, memasang rating bintang di postingan kali ini bukan hanya menampilkan banyaknya bintang yang terklik sebagai vote oleh pengunjung blog anda tapi juga menampilkan banyaknya view artikel yang terlihat atau yang telah dibaca oleh pengunjung blog anda,,, keren bukan dan widget ini hampir sama dengan milikinya wordpress bahkan ada beberapa plugin rating bintang yang mirip dengan tampilan seperti gambar diatas. Lalu bagaimana cara memasang rating bintang di postingan tersebut?

Berikut Cara Mudah Memasang Rating Bintang Di Postingan

1. Buka situs layanan rating bintang terlebih dahulu di Graddit.com seperti yang terlihat pada gambar berikut ini
   
   
2. Selanjutnya klik pada menu Rating widgets atau gambar Ratings, bukan yang Polls
3. Setelah mengkilk menu Rating widgets, maka akan muncul halaman seperti gambar berikut ini
   
   
   dan ikuti tahapan memasang rating bintang sesuai nomer yang telah saya berikan pada gambar dengan penjelasan sebagai berikut
   
   1. Pasang kode link CSS di antara kode <head> .... </head> (lihat gambar di no.1) ditemplate blog anda
   2. Pilih widget tampilan rating bintang yang ingin anda tampilkan di postingan blog anda (lihat gambar di no.2)
   3. Pilih platform blog anda yaitu Blogger (lihat gambar di no.3)
   4. Salin kode script rating bintang kedalam template blog anda (lihat gambar di no.4)
      Untuk menyalin kodenya dan agar tampilan rating bintang berada dibawah judul artikel blog, silahkan ikuti caranya sebagai berikut;
      
      • Buka laman pengeditan Template blog anda
      • Centang Expand Template Widget
      • Cari kode <data:post.body/>
      • Salin kode script rating bintang sebelum kode <data:post.body/> yang kedua, lihat contoh berikut yang telah saya terapkan diblog saya yang lain
        
        <div class='post-body entry-content'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
        <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
        <span class='rmlink' style='float:left'><b>Readmore</b><a expr:href='data:post.url' rel='nofollow'><data:post.title/></a></span>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
        <div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'>
        <b:if cond='data:post.labels'>
        <b:loop values='data:post.labels' var='label'>
        <data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[[&quot;&#9734;&quot;,&quot;&#9733;&quot;]]}</div>
        <div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div>
        <script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;views=yes&amp;average=yes&amp;votes=yes&quot;'></script></b:if><div style='clear: both;'/>
        <data:post.body/>
        </b:if>
        <div style='clear: both;'/> <!-- clear for photos floats -->
        </div>
4. Selesai dan klik Simpan Template. Silahkan lihat hasilnya...

Tambahan:
Rate this posting: adalah tulisan yang terdapat didalam kode script rating bintang, silahkan dihapus agar tidak ikut tampil
<div style='clear: both;'/> adalah kode tambahan untuk memutus paragraph

Semoga dengan adanya salah satu artikel tentang memasang rating bintang di postingan ini bisa memudahkan anda untuk menampilkan rating bintang di blog anda. Jika ada pertanyaan, silahkan tinggalkan komentar anda di artikel ini, Cara Mudah Memasang Rating Bintang Di Postingan

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