Pages

Sosial Bookmarking & Kotak Berlanganan Artikel Untuk Blogger

Sosial Bookmarking & Kotak Berlanganan Artikel Untuk Blogger
- | Hai sobat blogger, seperti pada widget-widget yang sama namun dengan desain yang berbeda, pada tutorial ini kita akan membahas bagaimana membuat sosial bookmarking & kotak berlangganan artikel untuk blogger.

Langkah Membuat Sosial Bookmarking & Kotak Berlanganan Artikel Untuk Blogger :

  1. Buka akun blogger Anda
  2. Masuk ke menu tata letak, add gadget > HTML/Javascript
  3. Pastekan kode dibawah ini :
<style>
#socialbox{border:2px solid black;
width:270px;padding: 5px 5px 5px 5px;  }
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/AVvXsEgcBu-hA5ndpTPPn_YM61xOZFSfIW2Dcz_IeuxdsQkpGbL4h2Z7I764huBL-FWMDor-ba57ejeqEiNlUlXeUrcAr2-Aa-zMWWKJQIKwCL4CQ6KipyycMlJ7QnXYixrTS2Fajy1JosYMEyk/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: 120px;
}
.ebutton {
    background: #D55959;
    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;
}
</style>
<br />
<div id="socialbox">
<table align="" cellpadding="1px" cellspacing="0px" style="width: 290pxpx;"><tbody>
<tr><td>
<a href="http://facebook.com/Bloggertrix" rel="nofollow" target="_blank"> <img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFRSXI9M8k8R9WHtJDwOHhIEU3B2SU9IA9UsNQ_gVLl6SGWgr0wLGcU_W0CoD55ZqhF4Fl1UZIP5cBAK9IshzQnmXyVTbpUawxSd5UGtEj_XMcV59Jv6JyPElZ72rDmKbmMhYFmx3PlBU/s1600/bloggertrix-facebook-icon.png" /></a></td><td>
<a href="http://twitter.com/ID Twitter Anda" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOlbOox4setKvxyD7sUOfp5VoL3NZD62OsnGlu53WGHbLYSdMaa_2jCznCfN4SkaBQNlpQNVE7jNaQoh2oWiWtvLWbMIOOgByMS9cyQwqbk34afnGDvuTfZA24pnUQah2OFJFFno51LaA/s1600/bloggertrix-twitter-icon.png" /></a></td><td>
<a href="http://pinterest.com/ID Pinterst Anda" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1MwmC_BKZ1xtnxlj86DEOwcQvW6bmNxn8rgw9uQCctfVm015s8fcP3Ig9gWlUYp599gFObsJVfmnQEiAKeBxdEl-ioTviexDsZGbkAOHje24ICNE-9gafcg-rm6Qv9b7UHTeubp5_lKU/s1600/bloggertrix-pinterest-icon.png" /></a></td><td>
<a href="URL Google+ Anda" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN5fis6CrH6am8tMGqZyF1bd64sJ3CZ8wXa5F7Smc9BqYhZ4v5JElPryFG4N-jMl_flxA-QkQHh-fwNBoTRBuZ1myaL2nEoSU92hCrzzwhESkOLLWWwuUZJei1BxT4m3mqtNSLWa0LgFU/s1600/bloggertrix-google-icon.png" /></a></td><td>
<a href="http://feeds.feedburner.com/ID Feedburner Anda" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir_2Aj6jbuLZmrod0LpMW0FVXgFgXhHR4BwUtfDzgBK1TL41si4JfFErFuoUcv_WWCiJs8psjutnmTbkehNcDdQezlGDHt2uECCiDZsD1bhZMYb9I8lHinGl9i7VG5ZiH36arPOfGXsxQ/s1600/bloggertrix-rss-feed-icon.png" /></a></td></tr>
</tbody></table>
<div>
<center>
<b>Dapatkan Artikel Kami Dengan Email</b></center></div>
<form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ID Feedburner Anda', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="ID Feedburner Anda" />
<input name="loc" type="hidden" value="en_US" />
<input class="emailtext" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" type="text" value="Enter your email..." />
<input alt="" class="ebutton" title="" type="submit" value="Subscribe" />
</form>
</div>
Keterangan :
Ganti kode-kode yang sudah diwarnai diatas, sesuai dengan kebutuhan Anda.
    4.  Save template Anda.

Share it:
Sobat sedang membaca artikel tentang Sosial Bookmarking & Kotak Berlanganan Artikel Untuk Blogger . Silahkan baca artikel bloger sejati Tentang | yang lainnya.
Anda baru saja membaca artikel yang berjudul Sosial Bookmarking & Kotak Berlanganan Artikel Untuk Blogger .Anda boleh copy paste artikel ini dengan menyertakan link http://lisaariyansyah.blogspot.com/2013/03/sosial-bookmarking-kotak-berlanganan.html sebagai sumbernya.Dan Jika Anda ingin berlangganan Artikel dari blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel terbaru setiap ada artikel yang terbit di blog ini.

0 comments:

Kode Smiley Untuk Komentar


:a :b :c :d :e :f :g :h :i :j :k :l :m :n :o :p :q :r :s :t

Post a Comment

 

bloger sejati Copyright © 2008-2009 | Edited By : arieadie