Cara Memasang Widget I Love Indonesia

Tutorial kali ini adalah bagaimana cara memasang widget i love indonesia di blog sobat, seperti yang terlihat di pojok kanan atas blog ini atau gambar di bawah.



Cara memasangnya sobat cukup copy paste kode di bawah ke dalam blog sobat. Untuk lebih jelasnya silahkan sobat lakukan langkah-langkah berikut:

1. Login ke dashbord blog sobat
2. Pilih tab Rancangan kemudian klik Tambah Gadget
3. Pilih HTML/JavaScript, Masukkan kode di bawah ke dalam content dari HTML/Javascript tadi, judul tidak perlu diisi
4. Dan Lihat blog sobat.

<div style="position: fixed; top: 0px; right: 20px;width:80px;height:120px;"><a href="http://caranyamembuatblogspot.blogspot.com" target="_blank">  <br /><img src="http://lh6.googleusercontent.com/_9W8681AXnyo/TWS8zq3XKFI/AAAAAAAAAL8/VNes2sF4baw/iluvindonesia.png"></a><br /></div>

Demikian cara memasang widget i love Indonesia di blog sobat, semoga bermanfaat. Untuk memasang widget blog yang lainnya, silahkan sobat buka link ini

Baca Selengkapnya

Daftar Isi Blog

Baca Selengkapnya

Cara Membuat Artikel Terkait

Salah satu cara untuk membuat pengunjung blog kita betah berlama-lama berada di blog kita adalah dengan menambahkan artikel-artikel yang masih relevan dengan artikel yang kita suguhkan. Artikel ini dinamakan dengan artikel terkait atau related post. Tutorial kali ini adalah bagaimana cara membuat artikel terkait atau related post di bawah postingan. Untuk contohnya anda bisa lihat di bawah postingan ini.

Dan berikut langkah-langkah cara membuat artikel terkait ini :

1. Login ke dashboard blog sobat
2. Pilih tab Rancangan kemudian pilih Edit HTML dan centang Expand Template Widget
3. Untuk mengantisipasi kesalahan yang kita lakukan, silahkan download dulu, klik Download Template Lengkap
4. Cari kode  <data:post.body/>  untuk mempercepat pencarian klik Ctrl + F pada keyboard
5. Copy dan letakkan kode di bawah ini  tepat di bawah kode  <data:post.body/>  tersebut


<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='similiar'> <!-- Related Articles by Labels --> <div class='widget-content'> <b>Related Post :</b> <div id='data2007'/><br/><br/> <script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement(&#39;ul&#39;); var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i &lt; maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k &lt; entry.link.length; k++) { if (entry.link[k].rel == &#39;alternate&#39;) { alturl = entry.link[k].href; break; } } var li = document.createElement(&#39;li&#39;); var a = document.createElement(&#39;a&#39;); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l &lt; json.feed.link.length; l++) { if (json.feed.link[l].rel == &#39;alternate&#39;) { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;); var txt = document.createTextNode(label); var h = document.createElement(&#39;b&#39;); h.appendChild(txt); var div1 = document.createElement(&#39;div&#39;); div1.appendChild(h); div1.appendChild(ul); document.getElementById(&#39;data2007&#39;).appendChild(div1); } } } function search10(query, label) { var script = document.createElement(&#39;script&#39;); script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39; + label + &#39;?alt=json-in-script&amp;callback=listEntries10&#39;); script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = &quot;<data:label.name/>&quot;; var test = 0; for (var i = 0; i &lt; labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel &lt; maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> </div> </b:if>


6. Tulisan "Related Post" bisa sobat ganti dengan kata-kata sobat
7. Klik Simpan Template, dan Klik Lihat blog untuk melihat hasilnya.

Demikian tutorial cara membuat artikel terkait di bawah postingan. semoga bermanfaat. Untuk tutorial membuat read more otomatis sobat bisa klik link ini.

Baca Selengkapnya

Cara Membuat Read More Otomatis

Sobat blogger, tutorial kali ini adalah membuat read more otomatis pada blogspot.  tanpa adanya Read More, maka home page atau halaman depan blog sobat akan terlihat kurang efektif, terlalu panjang ke bawah postingannya, loading blog juga akan menjadi berat, dan lainnya. Langsung saja langkah-langkah cara untuk membuat read more otomatis sebagai berikut :

1. Login ke dashboard blog anda
2. Pilih tab Rancangan lalu pilih Edit HTML
3. Centang Expand Template Widget
4. Cari kode ... <data:post.body/> ... untuk mempercepat pencarian tekan Ctrl + F pada keyboard
5. Ganti kode  <data:post.body/>  tersebut dengan kode dibawah ini


<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>Read More</b> &#8594; <a expr:href='data:post.url'><data:post.title/></a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>



Kata "Read More" bisa sobat ganti dengan kata "Selengkapnya" atau kata lainnya sesuai selera
Selanjutnya cari kode </head>
Copy kode di bawah dan letakkan tepat di atas kode </head> tadi



<script type='text/javascript'> var thumbnail_mode = &quot;float&quot; ; summary_noimg = 250; summary_img = 220; img_thumb_height = 120; img_thumb_width = 220; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+"... "}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c}; //]]> </script>


6. Klik Simpan Template dan klik Lihat Blog untuk melihat hasilnya

Demikian tutorial cara membuat read more otomatis untuk blogger. Semoga bermanfaat.

Baca Selengkapnya