Widget Asli Curian

Widget Curian Baru Saya! ☺

masterpiece
Widget Ini Mempunyai 4 Fungsi Sekaligus Jadi Bisa Hemat Tempat Di Blog
-Untuk Facebook
-Untuk Twitter
-Untuk RSS
-Untuk Subscribe RSS
Maaf belum Ada Demonya, Demonya Bisa Kalian Lihat Setelah Mempraktekan Tutorial Ini!

Langkah 1

Copy Kode CSS Dibawah Ini

#ft-content {
    background: url("http://www.cssheaven.org/wp-content/themes/cssheaven2/images/featuredbg.gif") no-repeat scroll left bottom transparent;
    float: right;
    height: 210px;
    position: relative;
    width: 417px;
}

.rsslink {
    display: block;
    height: 53px;
    position: absolute;
    right: 15px;
    top: 5px;
    width: 52px;
}

#topsubscribe {
    background: url("http://www.cssheaven.org/wp-content/themes/cssheaven2/images/topsubscribe.png") no-repeat scroll 0 65px transparent;
    height: 37px;
    margin: 0 auto;
    padding-top: 65px;
    width: 320px;
}

.substat {
    font: 10px Verdana,Geneva,sans-serif !important;
    height: 16px;
    margin: 0 auto;
    padding: 5px 0;
    width: 300px;
}
.twtrlink {
    bottom: 17px;
    display: block;
    height: 47px;
    position: absolute;
    right: 30px;
    width: 47px;
}
.fblink {
    background: none repeat scroll 19px 50% transparent;
    display: block;
    height: 44px;
    position: absolute;
    right: 141px;
    top: 154px;
    width: 44px;
}
.fldemail {
    display: block;
    float: left;
}
.fldemail input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #4B453F;
    display: block;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: italic;
    font-variant: normal;
    font-weight: normal;
    height: 37px;
    line-height: 37px !important;
    padding-left: 15px;
    width: 220px;
}
.fldbtn {
    float: right;
    padding: 6px 6px 0 0;
}
.readerstat {
    color: #A1A1A1;
    display: block;
    float: right;
    height: 15px;
    text-align: right;
    width: 100px;
}

Paste Di Atas Kode ]]></b:skin>

Langkah 2

Copy HTML Di Bawah

<div id="ft-content">

<a class="rsslink" href="/feeds/posts/default"><img height="53" width="52" alt="Subscribe To Feed" src="http://www.cssheaven.org/wp-content/themes/cssheaven2/images/rssicon.gif" /></a>

<div id="topsubscribe">
<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Teduweb', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
<div class="fldemail">
<input type="text" id="nlemail" onfocus="nl_focus(this);" value="Your email address.." name="email" /><input type="hidden" name="uri" value="CssHeaven-FreeWebsiteTemplates" /><input type="hidden" value="en_US" name="loc" />

</div>
<div class="fldbtn"><input type="image" class="nlsb" alt="Subscribe" src="http://www.cssheaven.org/wp-content/themes/cssheaven2/images/tsgobtn.png" /></div>


</form>
</div>
<div class="substat"><span class="nospam">Bukan Spam.</span> <span class="readerstat">100 Pembaca </span>

 </div>

<a class="twtrlink" rel="nofollow" href="http://twitter.com/cssheaven/">
<img height="47" width="47" alt="Follow Me On Facebook" src="http://www.cssheaven.org/wp-content/themes/cssheaven2/images/twtricon.gif" /></a>

<a class="fblink" rel="nofollow" href="http://www.facebook.com/#!/pages/CSS-Heaven/137418749629774"><img height="44" width="44" alt="Me On Facebook" src="http://www.cssheaven.org/wp-content/themes/cssheaven2/images/fbicon.gif" /></a> </div>

Paste Di HTML/Javascript

Keterangan
Ganti Warna Biru Muda Dengan URL Twitter Anda
Ganti Warna Biru Tuda Dengan URL Facebook Anda

16 Orang Yang Cerewet:

Folknesia mengatakan...

bagus nih,. izin coba :D

DODE-XP.COM mengatakan...

tidak cocok sama template saya :(

U_To_Blog mengatakan...

Bagus"
udah ane praktekin!

lanjut terus sob!

I♥teDuWeb mengatakan...

Silahkan Di Coba Sob!!!!

DifAfif mengatakan...

nice info gan. visit my blog DifAfif

ewrewr mengatakan...

Keren abies.. Ntar ne coba. Koment back dong!

yamz mengatakan...

boleh nih.,.,hhe

lintaslirik.blogspot.com mengatakan...

coba ah///

download center software mengatakan...

bagus juga blognya

joko mengatakan...

boleh juga tu gan

U_Are_Blogger mengatakan...

betul" 4 in 1

Entik Rulez[ER] mengatakan...

ijin sedot sob sekalian sharing salam kenal

Share Our Knowledge mengatakan...

wahhh. mantabb.. emg dasar pencuri pintar.. :D
tapi sayang gk cocok buat templateku.. :(

TEmbong_BLogger mengatakan...

hahahah
bagus"

udah dicoba

Uda Cucanto mengatakan...

http://tentangduniadanweb.blogspot.com

Blogging_walking mengatakan...

Hebat Widgetnya
bener" 4in1

Posting Komentar