• Pertama-tama, Anda buka link Url berikut ini sebagai penyedia Widget

Link : http://www.wieistmeineip.de/banner/.

• Kedua, Setelah Anda Memilih Tampilan yang sesuai dengan selera maupun sesuai dengan tampilan Blog anda, Silahkan Anda Ambil Code HTML nya, atau Anda Bisa langsung Copy Code HTML berikut ini : Code :

• Ketiga, Setelah anda Copy Code HTML tersebut, Anda Tinggal Meletakkan HTML tersebut Ke Blog Anda Dengan Cara Edit Layout, kemudian Pilih Posisi Yang tepat untuk Penembatan Widget IP Adress. 
• Keempat, Setelah Anda Memilih penempatan Posisi Widget, lalu Pilih "ADD A GADGET", lalu pilih "HTML/JAVA SCRIPT" dan Pastekan Code HTML Di Atas. 
• Kelima, Save Template anda dan Lihat Hasilnya.

Pada setiap article Yang Di Commentari para pengunjung blog dapat anda muat dalam satu lokasi widget agar dapat terlihat article-article yang di comment para commentator blog yang merespon atau memberi pendapat terhadap tulisan artikel yang kita muat di blog.

Seperti gambar priview yang anda lihat dibawah ini :

Untuk Membuat Widget seperti itu, anda bisa menambahkan code berikut ini ke Add Gadget Blog anda.
CODE :

<div style="overflow:auto;width:358%px;height:300px;border:1px solid #0000000;padding:4px;margin:10px 0 0">
<script style="text/javascript" src="http://bocahporis.googlecode.com/files/KomentarTerbaru.js"></script>
<script style="text/javarcript">
var numcomments = 10;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<ul>
<script src="http://blogsownstyle.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
</ul>
</div> 

Keterangan :
Teks Yang Berwarna Merah Bisa Anda Sesuaikan Dengan Kebutuhan Blog Anda.

/* tab model 2 ateonsoft.com */
div.Tabateonsoft div.TFs
{height: 30px; overflow: hidden;}
div.Tabateonsoft div.TFs a
{float: left; display: block; text-align: center; text-decoration: none; font: normal 12px arial; padding:3px 5px 3px 3px; margin:0 5px 0 0;letter-spacing:-0.07em;
background:#f0f0f0;
color: #333;
border-top:1px solid #CCCCCC;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-left:1px solid #cccccc;
-moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px;
}
div.Tabateonsoft div.TFs a:hover
{ background: #E8E8E8;
border-top:1px solid #999999;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #999999;}
div.Tabateonsoft div.TFs a.Active
{ background: #E8E8E8;
color: #000000;
border-top:1px solid #999999;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #999999; font-weight:bold;}
div.Tabateonsoft div.Pages
{ clear: both; overflow: hidden; height:240px; border:1px solid #EFF0F1; padding:0;background: #ffffff; -moz-border-radius:5px;}
div.Tabateonsoft div.Pages div.Page
{height: 100%;padding: 0px; overflow: hidden; }
div.Tabateonsoft div.Pages div.Page div.floor
{ font-size:11px;padding: 3px 5px; text-align:left;}

<form action="tabateonsoft.html" method="get">
<div class="Tabateonsoft" id="Tabateonsoft">
<div class="TFs">
<a>tab1</a>
<a>tab2</a>
<a>tab3</a>
<a>tab4</a>
</div>
<div class="Pages">
<div class="Page"><!-- Tab -->
<div class="floor">

Disini letakkan kode untuk tab 1 anda

</div>
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
Disini letakkan kode untuk tab 2 anda
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
<div class="floor">

Disini letakkan kode untuk tab 3 anda

</div>
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
<div class="floor">

Disini letakkan kode untuk tab 4 anda

</div>
</div><!-- end Tab -->
</div>
</div>
</form>
<script type="text/javascript">tabateonsoft_name('Tabateonsoft');</script>

Readmore atau istilah indonesianya Selanjutnya dan baca selengkapnya Adalah satu tips atau cara Mempersingkat, memotong artikel postingan agar terlihat singkat dan untuk memperlihatkan keseluruhan dari Artikel Postingan bisa dengan cara menekan readmore tersebut. Pada Sebuah Artikel Readmore di buat dengan menggunakan html, dan cara pembuatan bisa anda lihat Code HTML sebagai berikut ini,

Pertama, Login Ke Blogger anda kemudaian pilih Edit html.
kedua, Sebelum melanjutkan pengeditan, jangan lupa untuk mendownload templat blog anda terlebih dahulu agar jika ada kesalahan pada pengeditan bisa anda kembalikan kembali ke templat asal mulanya blog anda.

Ketiga, Masukkan Code Berikut ini sebelum code Tag </head> atau tempatnya setelah code ]]></b:skin> , Code : <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 Code <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 Compose.

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

Readmore atau istilah indonesianya Selanjutnya dan baca selengkapnya Adalah satu tips atau cara Mempersingkat, memotong artikel postingan agar terlihat singkat dan untuk memperlihatkan keseluruhan dari artikel postingan bisa dengan cara menekan readmore tersebut. Pada Sebuah Artikel Readmore di buat dengan menggunakan html, dan cara pembuatan bisa anda lihat code html sebagai berikut ini,Readmore

Yahoo Pipes

Code :
<a href="link1" target="_blank" onclick="window.open('link2')">Judul link</a>

Ganti Yang Berwarna dengan link dan judul Link anda.
Maka Hasilnya Akan Menjadi Seperti Berikut ini.. Coba Anda Klik Link Tersebut..

Cara Membuat Halaman Tukar Link

Semoga Tips ini Bisa bermanfaat buat sahabat-sahabat blogger.

<embed align="MIDDLE" autostart="TRUE" height="1" loop="TRUE" src="LINK MUSIC SWF ANDA" width="1"></embed>

Source: Submitainers Beauty

<a href="LinkImage" target="_blank" style="font-size: 100%; "><img alt="Label" border="0" width="LebarImage" src="Linkimage" height="PanjangImage" /></a>

Mungkin ada sebagian Bblogger yang belum mengerti apa yang dimaksud dengan Page Number atau tombol navigator.

Nah disini saya akan jelaskan apa itu page number atau tombol navigator dan bagai mana cara kerjanya di dalam blog dan cara pembuatanya.

Baiklah.. pertama-tama yang dimaksud dengan page number atau tombol navigator adalah
Dimna nomor urut semua postingan yang ada di dalam blog anda akan muncul dibagian bawah postingan anda. Fungsinya memudahkan pengunjung menjelajahi blog kita, selain mempermanis tampilan blog. Berikut cara membuat tombol navigasi bernomor di blogspot atau blogger.

• Masuk dahulu ke Dashboard blogspot Anda, selanjutnya pilih Rancangan (Layout) dan pilih Edit HTML, seperti biasa contreng option Expand Widget Templates, selanjutnya cari kode berikut: ]]></b:skin>;
• Setelah ketemu, di atas kode letakkan kode di bawah ini : ]]></b:skin>;

• Lalu cari lagi kode seperti ini: </body>;
• Jika sudah ketemu, di atas kode </body> letakkan script di bawah ini:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>

•  Selanjutnya carilah kode berikut ini : 'data:label.url';
• Hapus kode ini : 'data:label.url' dan gantilah dengan kode di bawah ini:

'data:label.url + &quot;?&amp;max-results=5&quot;'

• Terakhir Simpan Templates dan lihat hasilnya.

Good Luck...