Caranya:

• Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML
• Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates
• Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin> seperti ini:

  <style>
  <b:if cond='data:blog.pageType == "item"'> 
     span.fullpost {display:inline;}
  <b:else/>
     span.fullpost {display:none;} 
  </b:if>
  </style>

• Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya:

  <b:if cond='data:blog.pageType != "item"'>
  <a expr:href='data:post.url'> Read More..</a>
  </b:if>

• Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan ComposeContoh penulisan posting:
  

  Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. <span class="fullpost"> Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik </span>

  Hasil akhir postingan akan seperti ini:

  Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja.

  Selamat Mencoba! [Sumber]

Langkah yang dilakukan adalah sebagai berikut

1. Masuk ke kontrol panel (log in) blogger anda tepatnya di menu sub menu Template yaitu Edit Template (Edit HTML)
2. paste CSS definition pada bagian atas template code:

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template StyleName:
cotduaDesigner: mukhlisURL:
www.mukhlis.netDate:
11 Jul 2008
----------------------------------------------- */

#navbar-iframe
{display: none
!important;}

/* Variable definitions
====================
<Variable name="mainBgColor"description="
Main Background Color"type="color"
default="#fff" value="#ffffff">
<Variable name="mainTextColor"
description="Text Color" type="color"
default="#333" value="#333333">

...

*kode ccs yang berwarna background kuning adalah HTML hack untuk Remove Navbar Blogger dan untuk mengembalikan ke bentuk semula anda cukup menghapus kembali.

Selamat mencoba.

kemudian klik tombol Find next. (jika masih gak ketemu terpaksa kita melakukan pencarian secara manual).

Kode selengkapnya jika dilihat kira2 akan tampak sebagai berikut:

<div class=’post-header-line-1?/>
<div class=’post-body’>
<style>
<b:if cond=’data:blog.pageType == “item”‘>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
<p><data:post.body/></p>
<b:if cond=’data:blog.pageType != “item”‘>
<a expr:href=’data:post.url’> Read More / Baca Selengkapnya..</a>
</b:if>

• Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik <span class=”fullpost”> sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan ComposeContoh penulisan posting:
  

  Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. <span class=”fullpost”> Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik </span>
  

  Hasilnya akhir posting:
  

  Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja.
  

  Selamat Mencoba!
  

Sumber : copy paste dari isnaini

Download Free Blogger Templates and free blogger layout. this URL link to get free template.

http://www.magznetwork.com/

http://charmskins.com/blogger-themes/

http://www.finalsense.com/services/blog_templates/

http://freeskins.blogspot.com/

http://www.finalsense.com/

http://free-blogger-templates.zeventina.com/

http://www.blogskins.com/

http://www.jackbook.com/

http://www.pyzam.com/bloggertemplates

http://www.geckoandfly.com/blogspot-templates/

bagaimana cara masang indikator tesebut di website atau blog, berikut cara pemasangannya:
copy code ini kedalam website, tempatkan pada posisi yang ingin tampilkan

<a href=”ymsgr:sendIM?ID yahoo kamu”><img border=”0″ src=”http://opi.yahoo.com/yahooonline/u=ID Yahoo Kamu/m=g/t=2/l=us/opi.jpg”></a>

Yahoo! menyediakan 10 macam icon yang bisa digunakan. Jenis icon yang ditampilkan tergantung dari tipe yang dituliskan pada kode untuk menampilkan status online Y!M. Ini adalah kode standar yang diambil dari situs Yahoo Messger

<img border=”0″ src=”http://opi.yahoo.com/yahooonline/u=ID yahoo Kamu/m=g/t=2/l=us/opi.jpg”>

Jenis icon ditentukan oleh bagian t=2. Bisa mengubah jenis icon dengan mengganti nilai t dari angka 0 sampai 9. Macam-macam icon beserta ukurannya bisa dilihat pada gambar di bawah ini.