Info nambahin Widget Gambar via nge-Link…

Posted on 04 August 2008. Filed under: serba-serbi | Tags: , , , , , , |

Ada temanku yang menanyakan tentang Cara nambahin Widget di Blog ku ini. Berdasarkan petunjuk dari teman satu kantorku juga, maka penjelasannya sebagai berikut. Maap kalo kurang jelas yah:

Buka wordpress.com/wp-admin kemudian Login dan pilih menu DESIGN. Setelah itu pilih WIDGET. Nah, di sinilah kamu bisa mengatur tampilan Blog kamu. Tentu saja pilihan pengaturan Blog tergantung THEME yang kamu pilih (saya anggap memilih THEME udah bisa). Kemudian tinggal kamu ADD widget mana yang kamu suka. Contoh punyaku:

Untuk Tampilan BELAJAR…

Agar mendapatkan tampilan seperti ini:

Caranya begini:
ADD widget TEXT, kemudian EDIT dan aku tulis Script HTML sebagai berikut:

<table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse;” width=”24%” id=”AutoNumber3″>
<tr>
<td width=”22%” height=”97″>
<p align=”center”>
<a href=”https://brawijaya.ac.id” target=”_blank”>
<img border=”0″ src=”http://inherent.brawijaya.ac.id/portal/images/in_fokus.jpg” border=”0″ alt=”My UB” width=”146″ height=”128″></a>
<a href=”http://ilmukomputer.com/” target=”_blank”>
<img border=”0″ src=”http://ilmukomputer.com/banner/ikc.gif” border=”0″ alt=”My Ex-SkuL” width=”146″ height=”24″></a></td>
</tr>
</table>

Maka setelah disimpan dan dilihat tampilannya jadinya seperti ini:


Untuk Tampilan PRENDZ…

Demikian halnya dengan tampilan yang bukan gambar alias bentuk tulisan, seperti yang ini:


Caranya sama seperti sebelumnya, tinggal Add Widget TEXT dan ditulis Script ini:

<table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse;” width=”100%” id=”AutoNumber2″>
<tr>
<td width=”83″>- <a href=”http://pacitan.org/”>pacitan</a></font></font></td>
<td width=”84″>- <a href=”http://statistika2001ub.blogspot.com”>staters</a></font></td>
</tr>
<tr>
<td width=”83″>- <a href=”http://ya2nkurus.wordpress.com”>mas_yay</a></td>
<td width=”84″>- <a href=”http://ibnuarifin.wordpress.com/”>acheps</a></td>
</tr>
<tr>
<td width=”83″>- <a href=”http://prajab3-13b.blogspot.com/”>prajabku</a></td>
<td width=”84″>- <a href=”http://analisisdata.wordpress.com”>bbG</a></font>,
<a href=”http://saiyanbp.blogspot.com/”>bams</a></td>
</tr>
<tr>
<td width=”83″>&nbsp;</td>
<td width=”84″>- <a href=”http://east-tea.blogspot.com/”>east_tea</a></td>
</tr>
</table>

Untuk GRATIZAN…

Nah, kalo yang terakhir ini, juga idem sama yang pertama tadi, Scriptnya:

<table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse;” width=”1%” id=”AutoNumber3″>
<tr>
<td width=”22%”>
<a href=”https://www.google.com/accounts/NewAccount?service=mail&amp;continue=http%3A%2F%2Fmail.google.com%2Fmail%2Fe-11-10ccfb2320879f58b40e4a52aa7ef94e-00c6d4afb4bfad56539cc46607c0fe7973a606c6&amp;type=2″ target=”_blank”>
<img border=”0″ src=”https://mail.google.com/mail/help/images/googlemail.gif” border=”0″ alt=”Free EMaiL” width=”80″ height=”33″></td>
<td width=”78%”>
<a href=”http://www.co.cc/?id=139318″ target=”_blank”>
<img border=”0″ src=”http://www.co.cc/img/affiliates/cocc94_8.gif” border=”0″ alt=”Free Domain” width=”80″ height=”39″></td>
</tr>
<tr>
<td width=”100%” colspan=”2″>
<a href=”http://www.000webhost.com/43117.html” target=”_blank”>
<img border=”0″ src=”http://www.000webhost.com/images/banners/other/banner7.gif” alt=”Free Web Hosting” border=”0″ width=”160″ height=”49″></td>
</tr>
<tr>
<td width=”100%” colspan=”2″>
<a href=”http://www.getjar.com/software/” target=”_blank”>
<img border=”0″ src=”http://media.getjar.com/images/GetJarLogo.png” alt=”Free HP Program” border=”0″ width=”160″ height=”49″></td>
</tr>
</table>

Tampilannya akan seperti ini:


Okey, intinya adalah Script HTML. So kalo gak bisa HTML atau baru dengar kata-kata itu, gunakan aja MS Front**ge atau Dreamw****r untuk bantuan. Nah nanti di-copy HTML nya ke Widget TEXT. Jadi deh.

Sekian dulu.

Semoga dapat membantu.

Make a Comment

Make a Comment: ( 4 so far )

blockquote and a tags work here.

4 Responses to “Info nambahin Widget Gambar via nge-Link…”

RSS Feed for docLines Stat-er Comments RSS Feed

sodaraku, kayaknya daku tertarik untuk ngopy aja yang “belajar” ya.. so pasti gak papa. Thanks ya. Oh ya kuundang dikau ke WP ku:
sunthree.wordpress.com ; kalo ada saran ato tips supaya tampilan lebih indah nian boleh lah kasih ke daku. suwun skali lagi…

sodaraku, barusan daku coba tapi kok gambarnya gak keluar ya… slow loading…

Alhamd. akhirnya tersambung juga silaturahim dg Dar bin Muat. Luama banget kita tidak bersua. Terlebih lagi pas Hari bahagiamu kemaren, aku berhalangan hadir.
Maapin ya.
Mengenai comment kamu, Tidak bisa bagaimana maksudnya?
Script yang aku kasih itu langsung Copy paste dari Widget Admin ku. Jadi insy 4JJ1 tidak ada yang ketlesut.
Mengenai theme yang seperti sunthree.wordpress.com bisa di lihat juga di Blog milik temenku: mas_yay
Untuk inspirasi design nya silahkan dibrowsing sendiri yah.

aduh saya salut pada anda bisa bikin widget gitu
tapi saya coba berkali-kali gagal terus kenapa yah minta arahannya biar bisa seperti gitu


Where's The Comment Form?

Liked it here?
Why not try sites on the blogroll...