Assalamu'alaikum...

Kali ini saya akan berbagi tutorial, bagaimana cara Merubah Cursor di Blogger. Langsung saja, nggak pake lama ini dia caranya:

Login ke akun Blogger kamu

Pilih Tata Letak

Lalu tambahkan gadget >> Pilih HTML/JavaScript

Copy Paste kode di bawah ini:

Kode 1: Cursor berubah saat menyorot link

<style type="text/css">
body{cursor: url("url cursor"), auto;}
</style>

Kode 2: Cursor tidak berubah saat menyorot link

<style type="text/css">body{cursor: url("url cursor"), auto;}body a:hover{cursor: url("url cursor"), auto;}</style>

Selamat mencoba... ^^

READ MORE

Agar blog kita kelihatan rapi dan ringkas, ada baiknya kita menambahkan read more di blog. Kali ini saya akan memberitahu cara memberi read more otomatis. Agar setiap kali posting tidak perlu men-setting read more lagi. Dan ini dia caranya:

Login ke dasbor anda.
Pilih Template >> edit HTML >> centang tulisan Expand template widget.
Cari tulisan </head> dengan cara menekan tombol F3 di keyboard.
Copy paste kode dibawah ini tepat diatas kode </head>.

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</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>

Kemudian cari kode <data:post.body/> lalu delete dan ganti dengan kode-kode dibawah ini.

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

Tulisan selengkapnya yang berwarna merah, bisa kalian ganti sesuka kalian.

Bagaimana? Mudah bukan? Selamat mencoba... ^^

READ MORE