Menganti Tampilan Widget Recent Reader dari Mybloglog

Tulisan ini di khususkan bagi yang telah memiliki widget Mybloglog,  namun kurang suka dengan tampilan mybloglog yang baru,  dan ingin mengembalikannya kepada tampilan yang dulu lagi - classic. ( seperti mybloglog yang saya miliki ).

 

Caranya sebenarnya sangatlah mudah. (saran saya backup dulu scriptnya )

Pertama : buka kode script  mybloglog dalam widget Html/Javasript.

Kedua : setelah tebuka ganti saja tulisan  /comm3 menjadi /comm2. otomatis tampilannya akan kembali seperti dulu.

Dan jika ingin tampilannya seperti yang saya miliki.

ini kode script-nya

<script src="http://pub.mybloglog.com/comm2.php?mblID=2007092517293341&amp;c_width=125&amp;c_sn_opt=n&amp;c_rows=2&amp;c_img_size=h&amp;c_color_link_bg=CC9966&amp;c_color_link=666666&amp;c_color_bottom_bg=990000" type="text/javascript"></script>

kemudian ganti saja id mybloglog -nya ( tulisan yg berwarna hitam )dengan id mybloglog na kamu.
dan biar serasi dengan tampilan template yang kita miliki. sesuaikan saja nilai.

widht=125 dengan nilai lebar sidebar kita.

rows=2 jumlah baris photo.

bg=cc9966 nilai warna background - sesuaikan dengan warna template.

Dan jika kita ingin menghilangkan batas atas dan bawah. seperti terlihat dalam gambar.

trik ini saya mendapatkan dari Bloggerbuaster by Amanda. caranya masukan kode ini di atas tag /skin.

table#MBL_COMM td.mbl_fo_hidden {
display:none;
}
table#MBL_COMM td.mbl_join_img {
background:transparent url(http://bloggerbuster.com/images/blank.gif) repeat scroll 0%;
}
table#MBL_COMM td.mbl_join {
background:transparent url(http://bloggerbuster.com/images/blank.gif) repeat scroll 0%;
}
table#MBL_COMM tr#tr0 {
background:transparent url(http://bloggerbuster.com/images/blank.gif) repeat scroll 0%;
display:none;
}
table#MBL_COMM th.mbl_h {
display:none;
}
 


Dan jika kita ingin ada link atau tautan ke situsnya Mybloglog, untuk memudahkan kita login. tambahkan saja kode html  di bawah script nya mybloglog. contoh na seperti ini.

kode script mybloglog

tambahkan di bawahnya kode ini.

<center><ul><li><a href="http://www.mybloglog.com/buzz/community/YourCommunityName/"
title="Visit the MyBlogLog Community">View the reader community</a></li>
<li><a href="http://www.mybloglog.com/buzz/yjoin/?ref_id=[your community ID#]&ref=w"
title="Do you want to be a part of this community?">Join this community</a></li>

hasilnya seperti gambar ini.

 

Technorati tags: My Bloglog, Blogger Tutorial

del.icio.us tags: My Bloglog, Blogger Tutorial