Cara Membuat Readmore Otomatis di Blog - Seringkali kita melihat kata Readmore/Baca selengkapnya di homepage blog seseorang. Kegunaan redmore adalah untuk meringkas artikel dihalaman utama blog kita. Jika kita baru membuat blog pertama kali dan memposting sebuah artikel pasti halaman blog kita akan melihat deretan artikel yang panjang. Fungsi readmore adalah seperti itu, memotong sebagian artikel untuk ditampilkan dihalaman utama.

• Menghemat ruang pada tampilan halaman utama blog/website.
• Menjadi lebih elegan dan interaktif.
• Menambah pageviews artikelyang dibaca pengunjung.
• Menambah link anchor terhadap judul.

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

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&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>Baca Selengkapnya</b> &#8594; <a expr:href='data:post.url'><data:post.title/></a></span>

</b:if></b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

</b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

BERIKUT LANGKAH LANGKAH Memasang Widget Salam Pembuka :

1. Login ke akun Blogger sobat masing masing
2. Masuk Ke menu Tata Letak
3. Klik Tambahkan Gadget >> HTML/JavaScript
4. kemudian Copy kode dibawah ini, Dan pastekan Pada kolom yang telah tersedia

<script type='text/javascript'>
var name = prompt("Welcome!! Nama anda siapa", "Nama Anda ");
alert("salam kenal ya "+name)
alert("selamat browsing di blog saya")
</script>

Teks yang berwarna merah bisa sobat ganti dengan teks yang sobat inginkan
5. Klik Simpan dan lihat Hasilnya

Membuat Label / Tag Cloud Bergerak Berputar - Kali Ini saya akan share Cara Membuat Label / Tag Cloud Bergerak Berputar Di BLOG, Oke Lah langsung lihat SSnya dibawah ini :

BERIKUT LANGKAH LANGKAHNYA :

<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='Label99' locked='false' title='Tag Cloud/Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://anvity.googlecode.com/files/swfobject.js' type='text/javascript'/>
<div id='flashcontent'> by <a href='http://kenama.blogspot.com/'>Majid Alfredi</a> and <a href='http://kenama.blogspot.com'>Kenama</a> Distributed by <a href='http://kenama.blogspot.com'>MaVny</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "250", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
</div>
</b:includable>
</b:widget>