Informasi Teknologi

Cara Membuat Blog (Lanjutan)

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_7LarPs0d68x0nNrFAGWAkwPMiNMwaHir8ONTK8f8Jo9h8ZDUixvLErRf_upd8DSBaMNc5t5AaZzVWuqqHFbMCqIGXp1Xav5OmuiW8VDLrPYQ4ieB7lhWEruM35CfZn20lf4pfi6SKE7s/s1600/blog+blogger+logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="cara membuat blog" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_7LarPs0d68x0nNrFAGWAkwPMiNMwaHir8ONTK8f8Jo9h8ZDUixvLErRf_upd8DSBaMNc5t5AaZzVWuqqHFbMCqIGXp1Xav5OmuiW8VDLrPYQ4ieB7lhWEruM35CfZn20lf4pfi6SKE7s/s200/blog+blogger+logo.png" title="cara membuat blog" width="200" /></a>Posting Cara Membuat Blog ini merupakan lanjutan posting sebelumnya, <a href="http://fayedanielsbbw.blogspot.com/2013/10/cara-membuat-blog-panduan-lengkap.html" rel="nofollow" target="_blank">Cara Membuat Blog: Panduan Lengkap</a>. Panduan yang pertama baru sampai tahap POSTING, belum memasuki Tahap Lanjutan, yaitu setting sana-sini di Dashboard, SEO  Blognya, dan upaya lain untuk mempopulerkan blog sehingga banyak pengunjung. Cara Membuat Blog Lanjutan 1. Setting Dashboard 2. Setting RSS Feeds 3. Setting Media Sosial 4. Webmaster Tools 5. Sitemap 6. Google Analytic 7. Networked Blog 8. Meta Tag 9. SEO Posting 10. SEO Template 1. Setting Dashboard <ul><li>Setting >> Basic >> Description  (isi)</li><li>Setting >> Search Preference  >> Meta Tags (isi)</li><li>Klik menu lainnya. Kalau tidak yakin, biarkan. Nanti kalo sudah tahu, tengok lagi dan lakukan setting kembali.</li></ul> 2. Setting RSS Feeds Setting ini dan poin berikutnya agar blog cepat terindeks Google dan mesin pencari lainnya. <ul><li>Buka http://feeds.feedburner.com</li><li>Masukkan alamat blog, misalnya http://contohblognih.blogspot.com/feeds/posts/default</li><li>Klik Next!</li><li>Klik Pulicize >> Email Subscription</li><li>Ikuti langkah berikutnya </li><li>Klik "Socialize" agar posting baru otomatis jadi status update di twitter</li><li>Klik menu-menu yang ada. Kalau gak yakin, cukup dulu. Nanti bisa balik lagi.</li></ul> 3. Setting Media Sosial. <ul><li>Buat Fans Page dan/atau Gru[ Facebook</li><li>Buka http://networkedblogs.com</li><li>Login dengan akun Facebook</li><li>Lakukan panduan berikutnya agar posting blog otomatis jadi status update di Facebook.</li></ul> 4. Webmaster Tools. <ul><li>Buka <a href="https://www.google.com/webmasters/" rel="nofollow" target="_blank">Webmaster Google</a>.</li><li>Klik "Add Site"</li><li>Ikuti langkah berikutnya</li></ul> 5. Sitemap. <ul><li>Masih di Google Webmaster Tools</li><li>Klik menu "Submit Sitemap"</li><li>Ketik sitemap.xml di kolom bagian akhir alamat blog Anda</li><li>Klik Submit Sitemap.</li></ul> 6. Google Analytic. <ul><li>Masuk ke <a href="http://www.google.com/analytics/" rel="nofollow" target="_blank">Google Analytic</a>.</li><li>Daftarkan blog Anda</li><li>Ikuti langkah selanjutnya.</li></ul> 8. Meta Tag. Gunakan <a href="http://fayedanielsbbw.blogspot.com/2014/03/meta-tags-seo-friendly-untuk-blog.html" target="_blank">Meta Tags SEO Friendly</a>. 9. <a href="http://fayedanielsbbw.blogspot.com/2014/03/Tips-SEO-Blog-Terbaru-2014-Sesuai-Algoritma-Google.html" target="_blank">SEO Posting</a>. 10. SEO Template. Gunakan <a href="http://fayedanielsbbw.blogspot.com/search/label/Template%20Blog%20SEO" target="_blank">Template Blog SEO Friendly</a>. Poin 8, 9, 10 akan ditulis pada kesempatan berikutnya atau bisa di SEARCH di blog ini karena sudah ada dalam posting (penah ditulis di blog ini).*

Cara Membuat Blog (Lanjutan)

Posting Cara Membuat Blog ini merupakan lanjutan posting sebelumnya, Cara Membuat Blog: Panduan Lengkap . Panduan yang pertama baru sampai t...

11:04 PM

Cara Membuat Blog (Lanjutan)

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_7LarPs0d68x0nNrFAGWAkwPMiNMwaHir8ONTK8f8Jo9h8ZDUixvLErRf_upd8DSBaMNc5t5AaZzVWuqqHFbMCqIGXp1Xav5OmuiW8VDLrPYQ4ieB7lhWEruM35CfZn20lf4pfi6SKE7s/s1600/blog+blogger+logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="cara membuat blog" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_7LarPs0d68x0nNrFAGWAkwPMiNMwaHir8ONTK8f8Jo9h8ZDUixvLErRf_upd8DSBaMNc5t5AaZzVWuqqHFbMCqIGXp1Xav5OmuiW8VDLrPYQ4ieB7lhWEruM35CfZn20lf4pfi6SKE7s/s200/blog+blogger+logo.png" title="cara membuat blog" width="200" /></a>Posting Cara Membuat Blog ini merupakan lanjutan posting sebelumnya, <a href="http://contohblognih.blogspot.com/2013/10/cara-membuat-blog-panduan-lengkap.html" rel="nofollow" target="_blank">Cara Membuat Blog: Panduan Lengkap</a>. Panduan yang pertama baru sampai tahap POSTING, belum memasuki Tahap Lanjutan, yaitu setting sana-sini di Dashboard, SEO  Blognya, dan upaya lain untuk mempopulerkan blog sehingga banyak pengunjung. Cara Membuat Blog Lanjutan 1. Setting Dashboard 2. Setting RSS Feeds 3. Setting Media Sosial 4. Webmaster Tools 5. Sitemap 6. Google Analytic 7. Networked Blog 8. Meta Tag 9. SEO Posting 10. SEO Template 1. Setting Dashboard <ul><li>Setting >> Basic >> Description  (isi)</li><li>Setting >> Search Preference  >> Meta Tags (isi)</li><li>Klik menu lainnya. Kalau tidak yakin, biarkan. Nanti kalo sudah tahu, tengok lagi dan lakukan setting kembali.</li></ul> 2. Setting RSS Feeds Setting ini dan poin berikutnya agar blog cepat terindeks Google dan mesin pencari lainnya. <ul><li>Buka http://feeds.feedburner.com</li><li>Masukkan alamat blog, misalnya http://contohblognih.blogspot.com/feeds/posts/default</li><li>Klik Next!</li><li>Klik Pulicize >> Email Subscription</li><li>Ikuti langkah berikutnya </li><li>Klik "Socialize" agar posting baru otomatis jadi status update di twitter</li><li>Klik menu-menu yang ada. Kalau gak yakin, cukup dulu. Nanti bisa balik lagi.</li></ul> 3. Setting Media Sosial. <ul><li>Buat Fans Page dan/atau Gru[ Facebook</li><li>Buka http://networkedblogs.com</li><li>Login dengan akun Facebook</li><li>Lakukan panduan berikutnya agar posting blog otomatis jadi status update di Facebook.</li></ul> 4. Webmaster Tools. <ul><li>Buka <a href="https://www.google.com/webmasters/" rel="nofollow" target="_blank">Webmaster Google</a>.</li><li>Klik "Add Site"</li><li>Ikuti langkah berikutnya</li></ul> 5. Sitemap. <ul><li>Masih di Google Webmaster Tools</li><li>Klik menu "Submit Sitemap"</li><li>Ketik sitemap.xml di kolom bagian akhir alamat blog Anda</li><li>Klik Submit Sitemap.</li></ul> 6. Google Analytic. <ul><li>Masuk ke <a href="http://www.google.com/analytics/" rel="nofollow" target="_blank">Google Analytic</a>.</li><li>Daftarkan blog Anda</li><li>Ikuti langkah selanjutnya.</li></ul> 8. Meta Tag. Gunakan <a href="http://contohblognih.blogspot.com/2014/03/meta-tags-seo-friendly-untuk-blog.html" target="_blank">Meta Tags SEO Friendly</a>. 9. <a href="http://contohblognih.blogspot.com/2014/03/Tips-SEO-Blog-Terbaru-2014-Sesuai-Algoritma-Google.html" target="_blank">SEO Posting</a>. 10. SEO Template. Gunakan <a href="http://contohblognih.blogspot.com/search/label/Template%20Blog%20SEO" target="_blank">Template Blog SEO Friendly</a>. Poin 8, 9, 10 akan ditulis pada kesempatan berikutnya atau bisa di SEARCH di blog ini karena sudah ada dalam posting (penah ditulis di blog ini).*

Cara Membuat Blog (Lanjutan)

Posting Cara Membuat Blog ini merupakan lanjutan posting sebelumnya, Cara Membuat Blog: Panduan Lengkap . Panduan yang pertama baru sampai t...

11:04 PM

Modifikasi Template Johny Wuss: Mengubah Related Articles

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdZA9qKstrr0lw8HxoYzgtAMAYOUTHpGjQ-3DMqdaLCtre-CfC0RXGmAdVxnQEoQQ9p5Khn-yKz8AJoWKPZYHUxX1Em5bGOcQzKurQG2L5JYgjaX46vFhWxU6GGlN0DrSdy5vzD2a6n_Q3/s1600/Johny+Wusss.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Modifikasi Template Johny Wuss: Mengubah Related Articles" border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdZA9qKstrr0lw8HxoYzgtAMAYOUTHpGjQ-3DMqdaLCtre-CfC0RXGmAdVxnQEoQQ9p5Khn-yKz8AJoWKPZYHUxX1Em5bGOcQzKurQG2L5JYgjaX46vFhWxU6GGlN0DrSdy5vzD2a6n_Q3/s200/Johny+Wusss.jpg" title="Modifikasi Template Johny Wuss: Mengubah Related Articles" width="200" /></a></div>CONTOHBLOG (Samakaki) suka banget dengan template Johny Wusss atau Johny Wuss, juga template buatan <a href="http://www.mastemplate.com/" rel="nofollow" target="_blank">Mas Kolis</a> lainnya. Namun, untuk template <a href="http://johny-wusss.blogspot.com/" rel="nofollow" target="_blank">Johny Wuss</a>, Samakaki kurang berkenan dengan tampilan "Related Articles" yang berupa thumbnail (gambar). Samakaki pun mencoba memodifikasi template Johny Wuss ini dengan mengubah "Related Articles" menjadi berupa list judul posting tanpa gambar. Alasannya, tampilan related post atau posting terkait berupa gambar kurang menarik/kurang diperhatikan oleh pembaca. Menurut hasil penelitian <a href="http://www.nngroup.com/reports/how-people-read-web-eyetracking-evidence/" rel="nofollow" target="_blank">Jakob Nielsen</a>, mayoritas pembaca website (blog) melihat teks, bukan gambar/foto. Atas pertimbangan  tersebut, maka Samakaki pun <a href="http://fayedanielsbbw.blogspot.com/2013/10/cara-membuat-related-post-di-blog.html" rel="nofollow" target="_blank">mengubah tampilan related posts</a> di blog ini menjadi "full text", tanpa gambar. CARA MENGUBAH RELATED ARTICLES Jika Anda pengguna Johny Wuss dan ingin mengubah tampilan related articles-nya menjadi full text juga, maka langkahnya sebagai berikut: 1. Template >> Edit HTML 2. Copy kode di bawah ini dan Paste di atas kode </head> <style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 10px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { color : #940f04; font-size : 15px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { color : #054474; font-size : 10px; text-decoration : none; } #related-posts a:hover { color : #054474; text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("http://www.dogphilosophy.net/graphics/sample1.jpg") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 16px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <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> 3. Cari kode di bawah ini: <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-5156a09e76c1568f' type='text/javascript'/> </div> <div class='clearfix' id='related'> <div class='related-posts'> Related Articles <script type='text/javascript'> var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzisGKLSHH4Wf_5fy6D7u16AtKP_iP9yYMOFXx-2eTlk8iObkXGVy2pr2PpJrOetS3pegPUNtWxZmHVbZcTzMe-ufpOnhyELXUXJtSAiIqvgFBvOch3canrkLx4QxDHWNn_zN_0hcvGvU/s1600/no+image.jpg&quot;; var maxresults=6; </script> <script src='http://yourjavascript.com/1198561349/relatedimg.js' type='text/javascript'/> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/> </b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); </script>                  </div> <div class='subscribe'> If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'> click here</a>, or subscribe to receive more great content just like it. <a href='http://johnytemplate.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a> <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'> <input name='uri' type='hidden' value='JohnyTemplate'/> <input name='loc' type='hidden' value='en_US'/> <input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/> <input id='botsubbutton' type='submit' value='Submit'/> Your information will not be shared. Ever. <a href='http://feeds.feedburner.com/JohnyTemplate'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/JohnyTemplate?bg=0F61Samakaki&amp;fg=222222&amp;anim=1' style='border:0' width='88'/></a> </form> </div> </div> <div> </div></b:if>     <b:if cond='data:post.hasJumpLink'> 4. REPLACE kode berwarna biru dengan kode di bawah ini <b:if cond='data:blog.pageType == "item"'> <div id="related-posts"> <h2>Other Recommended Posts on <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><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=10&quot;' type='text/javascript'/></b:if></b:loop> </h2> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if> 5. Save!

Modifikasi Template Johny Wuss: Mengubah Related Articles

CONTOH BLOG (Samakaki) suka banget dengan template Johny Wusss atau Johny Wuss, juga template buatan Mas Kolis lainnya. Namun, untuk templ...

4:40 PM

Modifikasi Template Johny Wuss: Mengubah Related Articles

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdZA9qKstrr0lw8HxoYzgtAMAYOUTHpGjQ-3DMqdaLCtre-CfC0RXGmAdVxnQEoQQ9p5Khn-yKz8AJoWKPZYHUxX1Em5bGOcQzKurQG2L5JYgjaX46vFhWxU6GGlN0DrSdy5vzD2a6n_Q3/s1600/Johny+Wusss.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Modifikasi Template Johny Wuss: Mengubah Related Articles" border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdZA9qKstrr0lw8HxoYzgtAMAYOUTHpGjQ-3DMqdaLCtre-CfC0RXGmAdVxnQEoQQ9p5Khn-yKz8AJoWKPZYHUxX1Em5bGOcQzKurQG2L5JYgjaX46vFhWxU6GGlN0DrSdy5vzD2a6n_Q3/s200/Johny+Wusss.jpg" title="Modifikasi Template Johny Wuss: Mengubah Related Articles" width="200" /></a></div>CONTOHBLOG (CB) suka banget dengan template Johny Wusss atau Johny Wuss, juga template buatan <a href="http://www.mastemplate.com/" rel="nofollow" target="_blank">Mas Kolis</a> lainnya. Namun, untuk template <a href="http://johny-wusss.blogspot.com/" rel="nofollow" target="_blank">Johny Wuss</a>, CB kurang berkenan dengan tampilan "Related Articles" yang berupa thumbnail (gambar). CB pun mencoba memodifikasi template Johny Wuss ini dengan mengubah "Related Articles" menjadi berupa list judul posting tanpa gambar. Alasannya, tampilan related post atau posting terkait berupa gambar kurang menarik/kurang diperhatikan oleh pembaca. Menurut hasil penelitian <a href="http://www.nngroup.com/reports/how-people-read-web-eyetracking-evidence/" rel="nofollow" target="_blank">Jakob Nielsen</a>, mayoritas pembaca website (blog) melihat teks, bukan gambar/foto. Atas pertimbangan  tersebut, maka CB pun <a href="http://contohblognih.blogspot.com/2013/10/cara-membuat-related-post-di-blog.html" rel="nofollow" target="_blank">mengubah tampilan related posts</a> di blog ini menjadi "full text", tanpa gambar. CARA MENGUBAH RELATED ARTICLES Jika Anda pengguna Johny Wuss dan ingin mengubah tampilan related articles-nya menjadi full text juga, maka langkahnya sebagai berikut: 1. Template >> Edit HTML 2. Copy kode di bawah ini dan Paste di atas kode </head> <style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 10px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { color : #940f04; font-size : 15px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { color : #054474; font-size : 10px; text-decoration : none; } #related-posts a:hover { color : #054474; text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("http://www.dogphilosophy.net/graphics/sample1.jpg") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 16px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <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> 3. Cari kode di bawah ini: <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-5156a09e76c1568f' type='text/javascript'/> </div> <div class='clearfix' id='related'> <div class='related-posts'> Related Articles <script type='text/javascript'> var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzisGKLSHH4Wf_5fy6D7u16AtKP_iP9yYMOFXx-2eTlk8iObkXGVy2pr2PpJrOetS3pegPUNtWxZmHVbZcTzMe-ufpOnhyELXUXJtSAiIqvgFBvOch3canrkLx4QxDHWNn_zN_0hcvGvU/s1600/no+image.jpg&quot;; var maxresults=6; </script> <script src='http://yourjavascript.com/1198561349/relatedimg.js' type='text/javascript'/> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/> </b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); </script>                  </div> <div class='subscribe'> If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'> click here</a>, or subscribe to receive more great content just like it. <a href='http://johnytemplate.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a> <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'> <input name='uri' type='hidden' value='JohnyTemplate'/> <input name='loc' type='hidden' value='en_US'/> <input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/> <input id='botsubbutton' type='submit' value='Submit'/> Your information will not be shared. Ever. <a href='http://feeds.feedburner.com/JohnyTemplate'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/JohnyTemplate?bg=0F61CB&amp;fg=222222&amp;anim=1' style='border:0' width='88'/></a> </form> </div> </div> <div> </div></b:if>     <b:if cond='data:post.hasJumpLink'> 4. REPLACE kode berwarna biru dengan kode di bawah ini <b:if cond='data:blog.pageType == "item"'> <div id="related-posts"> <h2>Other Recommended Posts on <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><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=10&quot;' type='text/javascript'/></b:if></b:loop> </h2> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if> 5. Save!

Modifikasi Template Johny Wuss: Mengubah Related Articles

CONTOH BLOG (CB) suka banget dengan template Johny Wusss atau Johny Wuss, juga template buatan Mas Kolis lainnya. Namun, untuk template Jo...

4:40 PM

Informasi Teknologi

Cara Membuat Blog (Lanjutan)

Cara Membuat Blog (Lanjutan)

Modifikasi Template Johny Wuss: Mengubah Related Articles

Modifikasi Template Johny Wuss: Mengubah Related Articles

Popular Posts

Blog Archive