Widget Social Media dan FeedBurner Wooden
Bismillah, Pagi-pagi sambil ngupi pake ruti plus blogwalking nyari-nyari yang menarik ehh ketemu sama widget yang keren gini.. widget Social media dan Subcribe (kotak berlangganan) sepeti gambar diatas, widget ini saya dapatkan dari http://widgetgenerators.blogspot.com. Widget Social Media dan FeedBurner Wooden ya begitulah saya beri judul. Langsung saja masuk ketahap pemasangan, berikut cara memasanganya:
- Masuk ke Tata Letak » Tambah Gadget » HTML/JavaScript Kemudian letakkan kode berikut ini:<style>kode warna biru merupakan ID Facebook, silahkan ganti dengan ID facebook anda
/*---Widget by www.widgetgenerators.blogspot.com---*/
img.beintouch:hover {
background: none repeat scroll 0 0 #ffbc99;
border-radius: 16px 16px 16px 16px;
box-shadow: 0 0 10px #ffbc12;
}
.emailtext {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpd1j1gMi10nNE5AA1D1zAaYKqheMZ4Z2CvjvYUyMpvsUsgGt9yGbJR4Z4QsR8bxsYgJvL3Ic-JXZooqebbRTXO7XgUocFwaXXS6O9bbsAEqMoxhcYw70OKQqjUDwVtpu1_4QBjTiihLE/s1600/mailbox.png") no-repeat scroll 4px center transparent;
border: 1px solid #7E4E27;
border-radius: 4px 4px 4px 4px;
box-shadow: 1px 1px 4px #7E4E27 inset;
color: #444444;
font-weight: bold;
margin-left: 2px;
padding: 7px 15px 7px 35px;
text-decoration: none;
width: 180px;
}
.ebutton {
background: -moz-linear-gradient(-45deg, #3C1F0E 0%, #D28A47 30%, #F9E183 30%, #D28A47 55%, #3C1F0E 100%) repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
margin-left: -18px;
margin-top: 5px;
padding: 6px 15px;
text-decoration: none;
text-shadow: 1px 1px 0 #000000;
}
/*---Widget by www.widgetgenerators.blogspot.com---*/
</style>
<table align="" width="285px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href="http://www.facebook.com/WidgetGenerators"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8jXAN7GgkhIYEJwFS_ntXQMSDpEFZ6SA-HrTaPdDNwkJXgBY899Whcyth69qLySswOUXWHOq5u980BaBjp9UrHWzG5F05vrdGTCb3K-4TmJMU7IIPQspmQ2CJgIWPSxORtJ70r_lxcaI/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/WidgetGenerator" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Yu1oLhFJkm99mipEpIw1zMpLNO_4ZjZu2J7I-PEm6LnuzHWevAcsAtHl69HHLLOe7wNgiGhlaXhvz9p63s_vxoab4N9XINYT9II4sDDCLoqLvIr9b9Vzb2e7PQny95987ijAH1XmTN4/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="/feeds/posts/default?alt=rss" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8IpmaAwJMVm048nSFSM6Wm5aNea3YxkhPooJj7VLyrbgTjhyphenhyphenpGH9BaTaQMcdtfOGH64eufbYpqsWbY6K3_MeVmbNa6XZg82DoNVTW52bnzImRI2KHV4e9Nfw2wfeayibDX0O3xnlyR8/s1600/woden+board+RSS1_netoops.png" class="beintouch" /></a><a href="http://netoopsblog.blogspot.com"></a></td></tr></tbody></table>
<div><b>Get Daily Fresh Update in Inbox via EMAIL</b></div>
<form target="popupwindow" style="margin: 0pt;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=WidgetGenerators', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" class="emailform" action="http://feedburner.google.com/fb/a/mailverify">
<input type="hidden" value="WidgetGenerators" name="uri" />
<input type="hidden" value="en_US" name="loc" />
<input type="text" value="Enter your email..." onfocus="if (this.value == "Enter your email...") {this.value = ""}" onblur="if (this.value == "") {this.value = "Enter your email...";}" name="email" class="emailtext" />
<input type="submit" value="Subscribe" title="" class="ebutton" alt="" />
</form>
kode warna hijau merupakan ID twitter, silahkan ganti dengan ID twitter anda
kode warna merah merupakan ID Feedburner, silahkan ganti dengan ID feedburner anda
untuk yang lainya silahkan sobat sesuaikan sendiri.
Selamat mencoba.
Posting Komentar
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>
Link aktif akan dimatikan secara otomatis.
NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".
NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.