MakeOver,Percantik widget MyBlog

MakeOver kali ini akan me-MakeOver Blog Widget MyBlog, biar Blog anda lebih tampil cantik tampilannya dari tampilan standar keluaran pabrik MyBlog.

MakeOver mendapatkan Widget ini pada Blog O-om.com.

Lihat sample gambar dibawah:

Cara MakeOver,Percantik widget MyBlog:

1. Pastikan widget MyBlog yang anda gunakan adalah versi lama.
2. Jika widget MyBlog yang anda gunakan versi baru, anda bisa mengembalikannya ke versi lama
3. Caranya: Copy paste kode dibawah ini, jangan lupa mengganti ID_MBL dengan code ID anda sendiri.

<script src="http://pub.mybloglog.com/comm2.php?mblID=ID_MBL&amp;c_width=330&amp;c_sn_opt=n&amp;c_rows=2&amp;c_img_size=h&amp;c_heading_text=&amp;c_color_heading_bg=eeeddf&amp;c_color_heading=111&amp;c_color_link_bg=eeeddf&amp;c_color_link=c13a10&amp;c_color_bottom_bg=ffffff" type="text/javascript"></script>

4. Selanjutnya pada Element halaman Blogger pilih Edit-HTML, masukan kode CSS dibawah ini dibawah kode <b:skin>

<![CDATA[
td.mbl_fo_hidden{display:none;}td.mbl_join_img{}td.mbl_join{}tr#tr0{display: none}th.mbl_h{display:none;}

5. Untuk menambah link berupa kalimat ajakan, anda dapat menggunakan kode dibawah ini, ganti warna kuning NamaUserMBL dan ID_MBL sesuaikan dengan nama user dan ID MBL anda dan pastikan kode diletakan dibawah javascript MLB.

<p align="center"><a target="_blank" href="http://www.mybloglog.com/buzz/community/NamaUserMBL/">
Lihat pembaca yang tergabung komunitas</a></p>
<p align="center"><a target="_blank" href="http://www.mybloglog.com/buzz/yjoin/?ref_id=ID_MBL&ref=w">
Gabung dalam komunitas ini</a></p>

Selamat Mempercantik Blog anda dengan MakeOver Blogs.

Read full history - MakeOver,Percantik widget MyBlog

MakeOver,Recent Posts bergambar

Salam MakeOver, Menampilkan Widget Recent Post kayaknya wajib dipasang di blog kita, selain lebih mempercantik Blog, juga memudahkan para pengunjung seperti halnya memanjakan dengan Widget Navigasi Cantik.

Apalagi kalau MakeOver Blog dengan Recent Posts bergambar tentu lebih cantik lagi.

Cara MakeOver,Recent Posts bergambar :

1. Copy semua kode dibawah ini, kemudian paste kedalam gadget HTML/javascript ( Layout - Page Elements - Add a Gadget - pilih HTML/javascript)

<script language="JavaScript">

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://MakeOverBlogs.blogspot.com/";

</script>

<script src="http://tips-hot.bravehost.com/rctpostgbr.js" type="text/javascript"></script>

Catatan MakeOver Blog ; *perhatikan tulisan berwarna kuning
imgr[0] = Anda bisa menggantikan gambarnya, namun sebelumnya MakeOver ukuran gambarnya menjadi 40x40
boxwidth = Ukuran Lebar Widget
numposts = Jumlah recent post yang akan ditampilkan
home_page = http://MakeOverBlogs.blogspot.com/ (Ubah sesuai URL blog anda)

Gimana, MakeOver Blognya, semakin mempercantik tampilan blog anda, bukan..?

Read full history - MakeOver,Recent Posts bergambar

MakeOver, Widget Statistik Blog

MakeOver Blog anda dengan menampilkan Widget Statistik Blog biar tambah cantik, kalau sebelumnya Blog di MakeOver dengan menambahkan Related Post bergambar yang cool, kini blog anda bisa di MakeOver dengan menambahkan Widget Statistik Blog.

Cara MakeOver, Widget Statistik Blog

1. Masuk ke menu layout / tata letak
2. Pada menu Elemen Halaman, klik pada kata Tambah Gadget, untuk menambah widget baru.
3. Kemudian pilih Html / Javascript, lalu copy paste kode dibawah ini :

<script style="text/javascript">
function numberOfPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function numberOfComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<ul><li><script src="http://www.syahdaners.co.cc/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>
<li><script src="http://bloganda.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>

<span ><a href="http://kursus-blog.blogspot.com/2008/10/pasang-widget-statistik-blog.html" target="_blank">Widgets for Blogger</a></span>

4. Ganti Bloganda (warna kuning) dengan nama blog anda.
5. Save dan lihat hasilnya.

Nah Blog anda sudah dimakeover dengan penambahan Widget Statistik.

Read full history - MakeOver, Widget Statistik Blog

MakeOver, Page Navigation ( Script )

Sudah lihat MakeOver penambahan Page Navigation sebelumnya kan..? Kalau belum dilihat dulu karna masih ada hubungannya biar nyambung MakeOvernya, Page Navigation

Nah kalau sudah sekarang Blog Anda akan diMakeOver dengan Page Navigation tapi kali ini dengan menggunakan Script.

Caranya MakeOver, Page Navigation ( Script )

1. Masuk ke Menu Templates, Edit HTML (centang Expand Widget Template)
2. Cari Kode <b:include name='nextprev'/>
3. Lalu ganti kode tersebut dengan Kode dibawah ini

<b:if cond='data:blog.pageType == "index"'>
<style type="text/css">
.blogpager {
font-size:16px;
color: #060;
font-weight:bold;
padding:0px 4px;
}
</style>
<div align="center" style="margin:5px;">
<form action="#" name="pager20">

<span id="vwg-pager-first"></span> <span id="vwg-pager-prev"></span> <input name="showingpage" onfocus="this.select()" value="init..." type="text" size="4" title="Enter page number that You want to go" />/<input size="4" type="text" name="pagestotal" disabled="disabled" value="init..." /> <input type="button" onclick="checkpager()" value="Go" /> <span id="vwg-pager-next"></span> <span id="vwg-pager-last"></span>

</form>
</div>
<script type="text/javascript">
var blogID = "6437217823198345515";

var home_page = "http://www.blogkomputers.blogspot.com/";

var pager_max_main = 3;
var pager_first_text = "First";
var pager_last_text = "Last";
var pager_prev_text = "Prev";
var pager_next_text = "Next";
</script>

<script src="http://www.freewebs.com/anhvo/blogger/blogger_pager_script_v20.js"
type="text/javascript"></script>
</b:if>

Catatan : *perhatikan tulisan berwarna kuning
1. var blogID = ganti dengan ID Blog anda
Lihat diatas browser anda akan nampak Url seperti ini : http://www.blogger.com/html?blogID=6437217823198345515, nah warna kuning itulah BlogID anda, tentunya berbeda dengan yang diatas.

2. var pager_max_main = 3; menunjukan jumlah Post pada homepage.
3. var pager_first_text,var pager_last_text,var pager_prev_text,var pager_next_text = Anda bisa ganti tulisannya.

Nah tinggal klik Save, dan MakeOver Blognya selesai, lihat hasilnya...
Kini Blog anda semakin Cantik Tampilannya..

Read full history - MakeOver, Page Navigation ( Script )

MakeOver, Buat Daftar Isi

Kalau sering baca buku, atau melihat buku bacaan, biasanya dihalaman awal ada sejenis Page Navigation berupa Daftar Isi, bukan..?

Nah, MakeOver lah Blog anda dengan menambahkan Daftar Isi sehingga terlihat beda dan tentunya akan semakin mempercantik tampilan Blog anda.

Cara MakeOver, Buat Daftar Isi

1. Masuk ke Menu Templates, Edit HTML (centang Expand Widget Template)
2. Cari Kode <b:include data='post' name='post'/>
3. Lalu ganti kode tersebut dengan Kode dibawah ini

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:5px;border-right:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;margin-bottom:5px;background:#f2f2f2;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

4. Kemudian save template.
5. Masuk ke menu layout / tata letak
6. Pada menu Elemen Halaman, klik pada kata Tambah Gadget, untuk menambah widget baru.
7. Kemudian pilih Html / Javascript, lalu copy paste kode dibawah ini :

<a href="http://BlogAnda.blogspot.com/search?max-results=100">Daftar isi Blog</a>

8. Ganti tulisan BlogAnda *warna kuning, sesuai dengan nama blog anda, sedangkan angka 100 menunjukan jumlah postingan yang ingin ditampilkan, kemudian Save.

9. Sesuai Widget baru anda pada posisi yang anda inginkan.

MakeOver Blognya dah selesai dan baru saja menambahkan Daftar Isi yang cantik.

Read full history - MakeOver, Buat Daftar Isi

MakeOver, Related Post bergambar

Untuk MakeOver yang satu ini Related Post bergambar, harus menggunakan bantuan dari luar yaitu www.linkwithin.com

Cara MakeOver, Related Post bergambar

1. Kunjungi Situs www.linkwithin.com
2. Lalu Isi Form Pendaftarannya.

Email=Masukan Email kalian
Blog Link=Masukan Url Blog anda
Platform=Masukan tempat anda membuat Blog
Color=Pilih warna yang sesuai

3. Lalu Klik Get Widget,Lalu Klik Install Widget.

Nah kalau mau MakeOver, Related Post bergambar nya dipasang setelah readmore, ikuti caranya :
1.Dari Dashboard anda Klik Template, Edit HTML (pastikan Expand Widget Templates tercentang)
2.Lalu Cari Kode <p><data:post.body/></p>
3.Tempatkan copy kode yang diberi www.linkwithin.com dan Paste dibawahnya.
Kodenya kurang lebih seperti dibawah ini :

<script>

<!-- //LinkWithinCodeStart

var linkwithin_site_id = 45350;

(function () {

var elem = document.createElement('script');

elem.type = 'text/javascript';

elem.src = 'http://www.linkwithin.com/widget.js?rand=' + Math.random();

document.getElementsByTagName('head')[0].appendChild(elem);

})(); //LinkWithinCodeEnd

-->

</script>

<a href="http://www.linkwithin.com/"><img alt="Blog Widget by LinkWithin" style="border: 0" src="http://www.linkwithin.com/pixel.png"/></a>

* Tulisan warna kuning adalah ID anda saat anda mendaftar tentunya tidak sama dengan yang diatas
4.Lalu Save Template dan liat hasil Make Over Blognya

Read full history - MakeOver, Related Post bergambar

MakeOver,Widget Page Navigation

Page Navigation adalah sebuah Widget yang digunakan pada Web ataupun Blog untuk memperlihatkan postingan atau artikel pada Webblog tersebut per halaman,contohnya seperti gambar dibawah ini:



MakeOver lah Blog anda dengan Widget Cantik ini.

Cara MakeOver,Widget Page Navigation

1. Ke Menu Templates,Add Widget Element, HTML/Java Script
2. Copy kode dibawah ini :

<style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #bbb;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #bbb;
background-color:#bbb;
}
.showpagePoint {
color:#fff;
text-decoration:none;
border: 1px solid #fff;
background: #000;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #bbb;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}
</style>
<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'Awal';
var endPageWord = 'Akhir';
var upPageWord ='Sebelumnya';
var downPageWord ='Selanjutnya';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://blogkomputers.blogspot.com">Grab this Widget ~ Navigasi Halaman</a></div>

6. Letakkan Widget tersebut dibawah Widget Postingan


7.Save Template dan nikmati Tampilan Blog anda yang cantik setelah di MakeOver

Read full history - MakeOver,Widget Page Navigation

MakeOver,Widget Alert Blog

Mau Narsis..? dengan menampilkan Alert pada blog anda.
Kalau mau yah harus di MakeOver lagi dengan memasang Widget Alert.
Sedangkan untuk MakeOver buat Widget Cantik Buku Tamu bisa dilihat juga dipostingan sebelumnya, MakeOver,Widget Buku Tamu.

Cara MakeOver,Widget Alert Blog

<SCRIPT language='JavaScript'>alert("Selamat datang di MakeOver Blogs");</SCRIPT>

Nah tinggal ganti tulisan merah itu sesuai dengan keinginan anda.
Sedangkan kalau mau nambah lagi buat lagi dibawahnya :

<SCRIPT language='JavaScript'>alert("Selamat datang di MakeOver Blogs");</SCRIPT>

<SCRIPT language='JavaScript'>alert("Dpt mempercantik Blog anda");</SCRIPT>

<SCRIPT language='JavaScript'>alert("Widget Cantik, Tampilan Cantik");</SCRIPT>

Cara MakeOvernya seperti ini:

1. Layout, Edit HTML
2. Pada kotak Edit HTML paste kan kode berikut persis di atas kode </head>.

<SCRIPT language='JavaScript'>alert("Selamat datang di MakeOver Blogs");</SCRIPT>

3. Save dan Nikmatin Widget Cantik anda

Read full history - MakeOver,Widget Alert Blog

MakeOver,Widget Buku Tamu

Langsung aja ya, untuk MakeOver Blog anda dengan memasang Widget Buku Tamu, berikut caranya :

1. Klik menu Layout, Page Elements, Add a Page Element, HTML/JavaScript
2. Lalu Copy kode dibawah dan Pastekan Pada kotak HTML

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqyRk2ieB06EfnJM4n6Q8XsO3sxXdxZ_OuAkNZpoUYBU4ykQTDFaDKL3a8dYJq-vZ69JCVMofsUJv5H0EZXWzfbhSdsbsEy8zQGKzZ_DQ5XnVlagf0TV0WrAqhVZBcIhktPs-PdlgxkTBZ/') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #A5BD51;

background:#F5F5F5;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

< Letakkan disini kode Shoutbox Anda>

<div style="text-align:right">

<a href="http://makeoverblogs.blogspot.com/2009/08/makeoverwidget-buku-tamu.html">

[MakeOver]

</a>|<a href="javascript:showHideGB()">

[tutup]

</a>

</div>

</div>

 

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script></div>

3. Save dan anda sudah memiliki Widget Cantik Buku Tamu

Read full history - MakeOver,Widget Buku Tamu

MakeOver, Widget Top Post

MakeOver Blogs dengan menambahkan Widget Cantik seperti Top Post, lumayan menarik.
Widget Top Post yang MakeOver ambil dari Ateonsoft, bisa dijadikan referensi untuk lebih mempercantik Blog Anda.

Cara MakeOver, Widget Top Post

<script type="text/javascript">

function pipeCallback(obj) {

document.write('<ol style="text-transform: capitalize;">');

var i;

for (i = 0; i < obj.count ; i++)

{

var href = "'" + obj.value.items[i].link + "'";

var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";

document.write(item);

}

document.write('</ol>');

}

</script>

<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=1db0519c1a1484330328c8c455a513c7&url=http%3A%2F%2Fmakeoverblogs.blogspot.com&num=10" type="text/javascript"></script>

<span style="gt;Mau Pasang <a href="http://www.ateonsoft.com/2008/10/pasang-widget-top-artikel.html">Widget Ini </a></span>

Keterangan:
makeoverblogs.blogspot.com : Ganti dengan nama blog anda.
num=10 : Jumlah maksimal Top Post yang ingin ditampilkan

Untuk mnghilangkan nomor urut:
Pada tampilan awal akan tampil urutan jumlah top post, jika rekan tidak menginginkannya tinggal hapus aja ke dua kode dibawah ini

document.write('<ol style="text-transform: capitalize;">'); dan document.write("</ol>");

Salam MakeOver...percantik tampilan blog anda dengan MakeOver

Read full history - MakeOver, Widget Top Post

MakeOver,Pasang Alexa Widget

MakeOver satu ini sangat simple, berbeda dengan Tag Cloud Widget by Labels yang sedikit agak panjang.

Cara MakeOver,Pasang Alexa Widget

1. Buka Layout, Add a Gadget, pilih HTML/JavaScript
2. Trus paste kode di bawah ini:

<script language="JavaScript" src="http://xslt.alexa.com/site_stats/js/t/a?url=Bloganda.blogspot.com" type="text/javascript"></script>

Rubah Bloganda.blogspot.com = dengan Nama Blog Anda.

Read full history - MakeOver,Pasang Alexa Widget

MakeOver,Popular Posts Widget

Menampilkan Popular posts di sidebar salah satu cara untuk mempermudah pengunjung dalam mengakses beberapa arikel yang terupdate.

Jika ingin makeOver Blog anda dengan Popular Post Widget ini, berikut caranya :
1. Klik Layout, Add page element, javascript/HTML kemudian copy paste code berikut ini:

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=1cf38ae68efbe859c4ba1ee239cec099&url=http%3A%2F%2Fbloganda.blogspot.com&num=10" type="text/javascript"></script>
<span style="gt;Widget by <a href="http://makeoverblogs.blogspot.com/2009/08/makeoverpopular-posts-widget.html">MakeOver Blogs</a></span>

Ganti www.bloganda.blogspot.com dengan nama blog anda.

Read full history - MakeOver,Popular Posts Widget

MakeOver,Digg Vote Button Counter Widget

Jika anda sering Submit Artikel ke Sosial Bookmarking seperti Digg, biasanya akan mendapati disamping artikel anda berupa angka.

Semakin tinggi angka tersebut (Digg) maka akan semakin Populer anda, sehingga memungkinkan artikel anda bisa tampil pada Artikel terpopuler di Digg.

MakeOver lah Blog anda dengan memasang Digg This, berikut caranya :
1. Masuk ke Edit HTML, pastikan Expand Widget Templates tercentang.
2. Cari kode <data:post.body/>
3. Copylah dan Pastelah Code dibawah diatas kode <data:post.body/>

<!-- DIGG --><div style="'float:right;"><script type="'text/javascript'">digg_url = '<data:post.url/>';</script><script src="'http://digg.com/tools/diggthis.js'" type="'text/javascript'/"></div>

4. Save dan lihat hasilnya.

Read full history - MakeOver,Digg Vote Button Counter Widget

MakeOver,Tag Cloud Widget by Labels

Tag Cloud Widget by Labels ini sangat bagus untuk ditempatkan pada Blog anda, selain akan mempercantik tampilan blog anda, juga akan memudahkan pengujung untuk mengetahui artikel apa yang banyak dibahas di blog anda.

Cara MakeOver,Tag Cloud Widget by Labels

1. Klik Layout, Page Elements, Add a Gadget, pilih Labels. (ini jika anda belum memasang sebelumnya )

2. Jika anda sudah memasang Label sebelumnya, maka klik Layout, Edit HTML
pastikan "Expand Widgets Template" tercentang.

Carilah code dibawah :

<b:widget id='Label1' locked='false' title='Tags' type='Label'/>

Kemungkinan id='Label1' berbeda dengan punya anda, tapi gak masalah.
Replace kode diatas dengan kode dibawah ini :

/*

Distributed by John Smith at WidgetsForFree.blogspot.com

*/ <b:widget id='Label1' locked='false' title='Tags' type='Label'>

<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content' style='text-align: justify;'>
<script type='text/javascript'>
/*

Simple Blogger Tag Cloud Widget
by Raymond May Jr.
http://www.compender.com
Released to the Public Domain

*/

//Settings / Variables

var max = 150; //max css size (in percent)
var min = 70; //min css size (in percent)
var showCount = false; // show counts? true for yes, false for no
var minCount = 1; // what is the minimum count for a tag to be shown? 1 for all

//Begin code:

var range = max - min;

//Build label Array

var labels = new Array();
<b:loop values='data:labels' var='label'>
labels.push(&quot;<data:label.name/>&quot;);
</b:loop>

//URLs
var urls = new Array();
<b:loop values='data:labels' var='label'>
urls.push(&quot;<data:label.url/>&quot;);
</b:loop>

//Counts

var counts = new Array();
<b:loop values='data:labels' var='label'>
counts.push(&quot;<data:label.count/>&quot;);
</b:loop>

//Number sort funtion (high to low)

function sortNumber(a, b)
{
return b - a;
}

//Make an independant copy of counts for sorting
var sorted = counts.slice();

//Find the largest tag count

var most = sorted.sort(sortNumber)[0];

//Begin HTML output

for (x in labels)
{
if(x != &quot;peek&quot; &amp;&amp; x != &quot;forEach&quot; &amp;&amp; counts[x] >= minCount)
{
//Calculate textSize
var textSize = min + Math.floor((counts[x]/most) * range);
//Show counts?
if(showCount)
{
var count = &quot;(&quot; + counts[x] + &quot;)&quot;;
}else{
var count = &quot;&quot;;
}
//Output
document.write(&quot;<span style='font-size:&quot; + textSize + &quot;%'><a href='&quot; + urls[x] + &quot;' style='text-decoration:none;'>&quot; + labels[x] + count + &quot;</a></span> &quot; );
}
}
</script>
<br/>
<span style="float:right;">Powered by <a href="http://makeoverblogs.blogspot.com/2009/08/makeovertag-cloud-widget-by-labels.html">MakeOver Blogs</a></span>
</div>
</b:includable>
</b:widget>

3. Save dan lihat hasilnya.

Read full history - MakeOver,Tag Cloud Widget by Labels