Modifikasi Tampilan MyBlogLog Recent Readers

Penulis : www.o-om.com

Namun ada satu hal yang tidak saya sukai, bukan dari tulisan mas cosa, tapi dari tampilan standar widgets MBL yang kurang nyaman memberikan kemudahan dalam mengajak pembaca bergabung dalam komunitas. Anda bisa melihat tampilan widget MBL anda saat ini, terasa sangat kental dengan nuansa MBL-nya dan bandingkan dengan MBL milik saya.





Lihat sample gambar dibawah:

Gambar diatas tidak perlu saya jelaskan panjang lebar, anda pasti memahaminya. Nah demi meningkatkan jumlah komunitas pembaca tentu harus ada sedikit perubahan, terutama pada modifikasi tampilan, selain MBL hanya tampak seperti thumbnails, anda juga bisa menambahkan sendiri kalimat berupa ajakan atau menghasut pengunjung agar tergabung dalam komunitas.

Cara Modifikasi tampilan MyBlogLog:

Sebelum memodifikasi tampilan, pastikan widget MBL yang anda gunakan merupakan versi lama, karena versi terbaru sudah jauh berbeda. Jika perlu anda bisa mengembalikan script baru anda ke versi lama, baca 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>

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

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

<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>
<div align="right"><br /><br /><span style="font-size: 80%">Modif by <a href="http://blogging-admin.blogspot.com">Desta </a></span></div>

Untuk lebih maksimal, anda bisa mengatur sendiri kombinasi warna dalam Script, sebaiknya sesuaikan warna background MBL dengan background template anda. Selamat Mencoba.

• Share this on del.icio.us
• Digg this!
• Stumble upon something good? Share it on StumbleUpon
• Share this on Reddit
• Add this to Google Bookmarks
• Tweet This!
• Share this on Facebook
• Share this on Mixx
• Subscribe
• Buzz up!
• Share this on Linkedin
• Submit this to DesignFloat
• Share this on Technorati
• Submit this to Script & Style
• Post this to MySpace
• Share this on Blinklist
• Share this on FriendFeed
• Seed this on Newsvine

Widget by Css Reflex | TutZone | Desta