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://lh4.googleusercontent.com/-u3si_YxFoT0/TnmfA71Ti3I/AAAAAAAABko/arZLNvC3FYs/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://lh3.googleusercontent.com/-jT8QzFy-KSI/Tm4p0phqRgI/AAAAAAAABj8/KPTvV-olBL8/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://lh4.googleusercontent.com/-ZHFQc5UGc-4/Tm4pz25KtrI/AAAAAAAABjs/ykSqq-7_Cxg/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://lh5.googleusercontent.com/-u8h2YKsGKG8/Tm4pzhlMcxI/AAAAAAAABjo/d2K0pt5s7fc/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://lh6.googleusercontent.com/-nOR8LFZyycM/Tm4p0IKX74I/AAAAAAAABj0/jiOzaKPJLQ8/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://lh5.googleusercontent.com/-K92vEbfSOsk/Tm4p0RT1xLI/AAAAAAAABj4/tyehcalfAxM/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..

IT-Soft Center 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