OKs Bro

OK's Bro. Bismillah. Apa kabar? ketemu lagi sama Mas Bro. Kali ini Mas Bro mau bagi-bagi sedikit informasi bagaimana cara memasang social bookmark di blog. Social bookmark ini adalah suatu fasilitas yang memudahkan pembaca blog untuk menautkan akun mereka ke akun anda. Yang sekarang Mas Bro kasih adalah yang menurut Mas Bro cukup keren dan ga banyak penambahan widget. Karena ini sudah satu paket.

Social bookmark ini menyangkut ikon untuk follow akun twitter anda, facebook anda, Google +, stambleupon, technorati, RSS feed dan pendaftaran untuk berlangganan artikel anda.

Yuk kita mulai tekniknya.

Bacalah doa biar sukses
Buka akun blog anda
Masuk ke layout
Pilih add page element
Cari HTML/Java
Copy dan paste kode dibawah ini kotak yang disediakan

<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/AVvXsEiKNvLKx5fdKzEYLrRKPde4K9jB_gPyR_ZQmOQI22ierwS-GpMkDFwGzYq10NIkI6caBFO39WxTsAdcyxS2qmBUXWzV9cy1UN0WtsQmndly1xolAxmt7nK-no15hurqmE5ZgK6e8EnAIXs/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;>

Dapatkan Update Artikel via Media Sosial atau E-Mail

</div>

<center>

<table border="0">

<tr>

<td style="padding-right:4px;">

<a href="Isi dengan url twitter anda" target="_blank" title="Follow Me On Twitter">

<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJgBfNv-MyGTPd8yyTOubKGUrz9WSnRBc44xrCzsij-_a3iorLQNJJZjUSQersNO4MRHbknCsaGiJy8ZS6F2g8bp9ZG8j21ehD4kdiKNL72ZlBAlHZkAFgjBxKU_JCxyMxMrahyphenhyphenE2QpII/s800/twitt.png" /></a>

</td>

<td style="padding-right:4px;">

<a href="Isi dengan url rss feed anda " target="_blank" title="Subscribe Via RSS">

<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxIYJfddBZ0xAi4R9Hda_35c2B4k7UVJEKGyMTey9a8tge5Ifm52eRdMYQy8iHXYWNW1_IMqb6Qh15Ri7qfXZL0YcVw-u4pLjt7_M-V_7ghUcMqIoBl2QjDp8T0-XdU4PqUAWjjzBbaVY/s800/Feed-icon_128.png" /></a>

</td>

<td style="padding-right:4px;">

<a href=" Isi dengan url facebook anda " target="_blank" title="Find Us On Facebook">

<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsupE-i4UCxH5azHm8OmSTlA3dwJ8JSDFTvW1HPWC0fX3p_qxlt7Z8vgL7WZGV0FElEbEKn3ZOxg7n8UVUVGvG6WAXEF5raPLMlUhtJUUaquxwv6Fbm9k6sv5JJJHZqnvlKasUb4q4-3w/s800/Facebook_icon.png" /></a>

</td>

<td style="padding-right:4px;">

<a href=" Isi dengan url google + anda " target="_blank" title="Add me on Google+">

<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6wXeppmSeNtGS27DFx83IipwS_jIqSn0sCs4GayPIb8boLUBGsISwTMkhMC4Xv5oaB-MmOHOkK1onLEcWGXs9TtvIgNZd2k3IJ6atnhWgxe5FbMGObqenSYe3EaD6pE9oCRTtZBhzQXM/s800/googleplusicon.png" /></a>

</td>

<td style="padding-right:4px;">

<a href="http://www.stumbleupon.com/share?url= Isi dengan url blog anda" target="_blank" title="Stumble Upon">

<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvfzvpYqYA7p1o-C8TXUDGBA1-bPESZnZAuWmjTWl8ibLTHc1lJRhlXrT7AsLRWfHDmClaVmvWa3-NcRZU3PMB4JcCITMXJVg2TfVT-5Dl1qSW24i03u-RwlSmikMwSQffIW-5VbBc1PQ/s800/stumbleupon_icon.png" /></a>

</td>

<td style="padding-right:4px;">

<a href="http://technorati.com/faves?sub=addfavbtn&add= Isi dengan url blog anda" target="_blank" title="Add To Technorati">

<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh00OWlFebmuxw8OM5vAYP6ZOUcPojdu3CRMxQNFkFD3H8uxFRH_VldxiiAs3m6FS0EbyeOS7DDZfoiVYh8OVvxgzSHi-IA3PeBUwuXTuHmRfMrtu9UbX239-GrmPSo4IeuPUAwl-xzWuU/s800/Technorati-icon.png" /></a>

</td>

</tr>

</table>

</center>

<div id="news-letter">

<span class="msg-box"></span>

<b>Mendaftar untuk Update Terkini</b>

<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri= Isi dengan nama rss feed anda', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify?uri=Isi dengan nama rss feed anda">

<p><input type="text" valign="middle" name="email" value="Masukkan email anda" 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="Isi dengan nama rss feed anda" name="uri"/>

<input type="hidden" name="loc" value="en_US"/>

<input type="submit" value="Sign Up" id="submit"/>

</p>

</form>

</div>

Simpan / Save
Selesai dan ucapkan rasa syukur karena blog anda sudah menjadi keren dan simple

Catatan :

Untuk tulisan yang berwarna biru anda dapat menggantinya sesuai dengan keinginan anda
Untuk yang berwarna merah anda dapat menggantinya sesuai saran diatas

Demikian informasi yang dapat Mas Bro berikan. Semoga bermanfaat.

Terus bikin keren blog anda!!!

Sukses!!!

(MB)

Anda sedang membaca artikel tentang Cara Memasang Social Bookmark di Blog dan anda bisa menemukan artikel Cara Memasang Social Bookmark di Blog ini dengan url http://oksbro.blogspot.com/2012/04/cara-memasang-social-bookmark-di-blog.html, anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Memasang Social Bookmark di Blog ini sangat bermanfaat bagi teman-teman anda, namun jangan lupa untuk meletakkan link Cara Memasang Social Bookmark di Blog sebagai sumbernya.