ads
Home » » Membuat Widget Berlangganan

Membuat Widget Berlangganan

Written By Ramadhan Fnw on Oct 22, 2011 | 3:02 PM



Gambar diatas adalah contohnya. Untuk membuatnya langsung saja ikuti langkah-langkah dibawah:

Pertama, masuk akun blogger kalian
Lalu masuk ke Rancangan -> Elemen Laman
Copy dan Paste kan kode dibawah ini ditempat yang kalian mau

<style>
#news-letter{clear:both;padding-top:10px;}
.msg-box{float:left;width:50px;height:54px;margin-right:9px;padding-top:5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7afl8LOfv_3kX6lBSisnlYvSCSNvwgv2az0XIwI_spUvqJq_L2pPws6s9O0mp3Mb98u-L4J7sBskQwYuB5It5x7psUOKyVnQyTOx8tt7HgwambSTNH8nh_1S3rfBqBvF92TzFXfse6dM/s800/mail-box.png) no-repeat;}
.news-headline{position: relative;z-index: 999;font-size: 10px;padding-bottom:10px;font-weight:bold;}
</style>

<div class="news-headline" color:#333;>
Baca berita terbaru di pembaca berita favorit Anda
</div>
<center>
<table border="0">
<tr>
<td style="padding-right:4px;">
<a href="http://twitter.com/ramadhan_fnw" target="_blank" title="Follow Me On Twitter">
<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibBNslxvsYgU7RhHP5UdbpFwvw1QBZXMYQXZ4VCMys5cc-N9UYngunBQQ4FTJqpb2Jg4fyroqfHdF8uv5rDebI6DSLUQSJw7XziCuExqr6i6CJT0xUdhJvJjDsg60YhpKZM2sC9j-3oAw/s800/twitt.png" /></a>
</td>
<td style="padding-right:4px;">
<a href="http://feeds.feedburner.com/infotips-rama" target="_blank" title="Subscribe Via RSS">
<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqx-R76YcNroK2PR4Ir-wpKQ3jlGqXIgPBy4T1lgNG84wLyt_0Q1WW03DYBW73WgiHPIRVBBQp4ge3ADUUvfbk4I4GFri292gU_VpZWRVcwGcUyo7TCvPMfVT3J0wpFfItIZRoBDds10Y/s800/Feed-icon_128.png" /></a>
</td>
<td style="padding-right:4px;">
<a href="http://facebook.com/ramadhanfnw19" target="_blank" title="Find Us On Facebook">
<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuCT9nsGDgJvEigytltCTgSdXWSp2YSRk_vHijP25rCvov0fcbs2QPYqoIs6pZy-nC34Yg4hSmI3yMeVlG35fFM0JvHt2Ol4udtWXG4PLblU7UIEQamOSvSST-42n84agqaUktZhD3kaw/s800/Facebook_icon.png" /></a>
</td>
<td style="padding-right:4px;">
<a href="http://www.stumbleupon.com/share?url=http://infotips-rama.blogspot.com" target="_blank" title="Stumble Upon">
<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix2HQ586oQ_slX__7feQMPlyjlcpgmnCoAASuyBqI5Qxu3-fst9GT1ys2D540wsB-XdsevCjmqvkYdVK-Sp3WjzrKgtRemB2MFRsruexb2oOpdrn66kWIXgadXWhWqBVhYHLQWy0mw3jY/s800/stumbleupon_icon.png" /></a>
</td>
<td style="padding-right:4px;">
<a href="http://technorati.com/faves?sub=addfavbtn&add=http://infotips-rama.blogspot.com" target="_blank" title="Add To Technorati">
<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4F-0vYahTTTZluvbY6Z-emaWL-1a-rPj5X-GbomlT8KC6zDrsQ9MP608YbeRgnZmCnR8J38bZzx7tuILeV8PEJEy_xWlbIZf4Kd39yD-NJlzuZ_wvB1Yqz1X101KHJDggIDhXcA8iQB4/s800/Technorati-icon.png" /></a>
</td>
<td>
</td>
</tr>
</table>
</center>          
<div id="news-letter">
<span class="msg-box"></span>
<b>Gratis berlangganan via RSS FEED</b>
<form onsubmit="window.open('http://feedburner.google.com/infotips-rama', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
<p><input type="text" valign="middle" name="email" value="Enter your email address" size="25" maxlength="100" onfocus="this.value = '';" style="width: 140px; height: 21px; font-size: 11px; color: rgb(51, 51, 51);" gtbfieldid="2"/>
<input type="hidden" value="Share Our Knowledge" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" value="Sign Up" id="submit"/>
</p>
</form>
</div>
Ganti teks yang berwarna biru dengan link-link kepunyaan kalian.
Terakhir, klik "Simpan"
Good Luck.. ^^


Share this article :

8 komentar:

Shinobi Caemk said...

pertamax dlu aaah. ...
mendink pake yg tulisan aja sob, ini mungkin buat loading blog jadi berat .. :)

Share Our Knowledge said...

@Shinobi Caemk: :D,, iyaa, punya saya aja udah saya hapus.. hehe
buat yang mau aja deh, silahkan dicoba.. :)

DODE-XP.COM said...

minta request buka tutup koment donk

Share Our Knowledge said...

@DODE-XP.COM: OKE SOB.. :)
Tunggu bentar yaa..

Harun Hasibuan said...

Mantabbb.........ne yng saya cari dri dlu

Share Our Knowledge said...

@IT -Soft Center: thx sob,, hehe

Uda Cucanto said...

Mantab
tapi Sayang Lahan Di Blog Gag Cukup!

Sesuatu!!!!!!!!!!!!!

Share Our Knowledge said...

@Uda Cucanto: :D
untuk yg lahannya luas aja.. :D

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Share Our Knowledge - All Rights Reserved
Template Modify by Creating Website Inspired Wordpress Hack
Proudly powered by Blogger