tombol menu dan tombol share serta tombol search dibawah header

masukkan kode ini diatas kode skin

 /* Menu Horizontal Bottom
---------------------------------------------*/
.menubottompic {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAJFlgiDO_ZzAPBR-8T29u0dykmIYYr_PM0LcV7xS-evqXawuzvltrvO7JiYRMyDNUzkrNn8SKiPNkLdYkONSU87nyWvNZeHHWwUHwP_c3BGeB2VO_5aQUDmVUhyRfujax_Vl0AT3tTVfo/s0/bottommenu.png) repeat-x top left;width:962px;margin:0 auto;padding:0 auto;height:42px;border-bottom:1px solid #A6A6A6;border-top:3px solid #FF8000}
.bottomsearch{width:300px;float:right;margin:0 auto;padding:0 auto;}
.menubottom {width:660px;float:left;height:20px;margin:0 auto;padding:14px 0;}
.menubottom ul {margin: 0;padding-left:0px;color:#fff;list-style-type: none;font:bold 12px Arial,sans-serif;text-shadow:0 1px 0 #000}
.menubottom li{display: inline; margin: 0;}
.menubottom li a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGqOPUJDkqXhyphenhyphenNDOBorpxUL6PLRXEFOOyUwJERKT_B5KG5jEkmwLDHOLSeVyhTJH8JUSg_hFQUPE9ZHXvPNx4a5rCx-Jq0dQfbr10Uwg3Ph1eUw8rVL27NKy77599n7L7Fy-zVZ7HOeul2/s0/horiz-menu-div.png) no-repeat center right;float: left;display: block;padding:3px 8px;color:#F2F2F2;line-height: 1.2em;}
.menubottom li a:visited{color:#F2F2F2;}
.menubottom li a:hover {color:#FACD49;text-decoration:none;}

 tombol menu dan tombol share serta tombol search dibawah header

<!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>
<div class='menubottompic'>
<div class='menubottom'>
<ul>
<li><a expr:href='data:blog.homepageUrl'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUWjWbFhTOkoX0QSnmoW2ovFvzzemEM5PjyYIaUAEYRCD5WccfIuFLNBe70Kr-wC11KqMYRVnaq66hri3Yt-YvJBI1TQRgzdyhFhJqOkpvqoPsYSsBa0jfc1CtEYRb-oquLl_9te9inJCE/s0/home_bg.png' style='padding:0px;'/> Home</a></li>

<li><a href='#' title='Comments RSS'>Comments RSS</a></li>
<li><a href='#'>Link</a></li>
<li><a href='#'>Link</a></li>
<div style='float:center;text-align:right;padding:0px;padding-right:50px;margin-top:-3px'>
<a class='toptop' href='http://twitter.com/YOUR_USERNAME'><img alt='Twitter' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEFQ9icopqM0UGYZKjS6iEwysbO_Hap6adM6rZDt54TdDoxkyf9aVYM5o1AXUYOBfKWKWHM_6pdq_AajwEzkhn-VkhSe9QPzVgVgT3qBe7KWHfZloUsX_Ns2M94CVL74s-L-2zUInDGn_y/s0/twitter-icon.png' width='30'/></a>
<a class='toptop' href='http://facebook.com/YOUR_USERNAME'><img alt='Facebook' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaPIpu0iHp9PBzdqH_FxX4zHxFqf_3W5vXdR7h9ERHRSD7GhL5jdds61Xnfop0rl95EW9cndEbH5cQ28g7h_CQkOGOh0L3fKamQEVNW_A5G-5ETZr3n9Kpjj9Istu4SrWxM7nxLp_6JlTZ/s0/facebook-icon.png' width='30'/></a>
<a class='toptop' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img alt='Feedburner' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMUKYyoplXVl7VsLrqWRK32wA86IQ5iadzV5fiABVDnLHJuxM7JSzpX5BbCOyubV0Xk_zrXEKvufhSugfCT-1sumSzJ9bnLMkI4A1yisFov0gmCyXizjOYN72Kw8RCZZujulj6LYWVheX2/s0/rss-icon.png' width='30'/></a>
<a class='toptop' href='http://plus.google.com/'><img alt='Google +1' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzqjsyFA8oas6gOjEb57iCm_kmIBC9WQ_h-1jTKe7OoMxTfYAHLyHI93RlOGjnBX0Py-YKsysRVbwDEFmTHk7zl7VSaAQ6maQWn0tHyH15QbmnlZOlJz8NdeCL3QovoqcSTYYAlcIgbppQ/s0/gplus-icon.png' width='30'/></a>
<a class='toptop' href='link-edit-youtube'><img alt='youtube' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgycTA7vMi-PbJ8qeyA_ZTZqZlMXu-qKxh4Rn9JOhKTw3A0p82wmKFAii7nOpa-ZBCKrUAiCQBBExMkkTgdHvzodkQIKnNLwBOURFRRuN8TFHT83TZ3FcXkAQxzoJJSSE5p2ijTXZ9qOwY_/s0/youtube-icon.png' width='30'/></a>
<a class='toptop' href='http://flickr.com/YOUR_USERNAME'><img alt='flickr' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGgGcey5gWLRk_8NIUOFlIdUZrIhkX9U-hgEAUBZP8Ri8Q-Y4F2MAWWDXwgKAuGiam64Qiy416_0yx_2subAjZoY8VXFiRx5qywWM3EpuzuXDUGXCRnu9CfhCeUU9-3ccaxuMLyHqOR4XE/s0/flickr-icon.png' width='30'/></a></div>
</ul>
</div>
<div class='bottomsearch'>
<div style='float:right;padding:12px 15px 0 0;'>
<form action='http://www.google.com/search' method='get' target='_blank'>
<input name='sitesearch' style='display:none;' value='http://creatingwebsite-maskolis.blogspot.com'/>
<input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:170px;border:none;padding:4px 10px; font:italic 12px Georgia;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_2P2-UvBK2TCcUTwDbMwI1P4cjQRETPv1DkkhDCnaD-iEU_7QkoLpiPJtDX5jlSBMrYMFdLAhKRl8X1lkw88PrHtEZQj6CcSCXk7wl735WBl84GQO743gUdHWhCPBb0YO6WSEsITIYfcD/s0/bg_field.gif) no-repeat;' type='text' value='Search on this site...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNSLLQyWg1noKvebh7pbbscajMoOYspaK4NHl5MEuR4rXHtY9meVuoh4QXEkCchhVVdbFBPfyiRif9NIjOyrimwmXgt6hJmrEJgZgiYI31pSW6pPq-EbMEpdSGgMi-aaTzv309GgBv1IJP/s0/bg_search.gif' type='image' value='Search'/>

</form>
</div>

</div>    
<div style='clear:both;'/>
</div>

Cara Membuat Tombol Share Di Bawah Posting Blog

1. Login ke blogger :

• Masuk Ke Dashboard blog sobat
• Pilih menu Template

2. Pilih Edit HTML > Jangan lupa Centang Expand Widget Template

3. Cari kode <data:post.body/> .Setelah ketemu letakan kode di bawah ini tepat di atas kode <data:post.body/>.

<style>
/*--------Social Sharing Widget Below Blog Post ------*/
.sharebelow a {
display:block;
height:48px;
width:48px;
padding:0 4px;
float:left;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFW0S0c0ThAFFcV5tAFNn2Eb3Hyt5VhJwuxE9vknJN2iBQ-KX_2FqSeoZ_mxfXsZn8tocMLkSyDfXDmC69tpWGeW88_eS2fz_GMyWqhTJ3MnNP1o7izFRgIBnve9PgALLP0K_ZBzhvb-A/s1600/sharebelow.png) no-repeat;
}
.sharebelow  a.googleplus {
background-position: 0px -348px;
}
.sharebelow  a.googleplus:hover {
background-position: 0px -406px;
}
.sharebelow  a.pinterest {
background-position: 0px -464px;
}
.sharebelow  a.pinterest:hover {
background-position: 0px -522px;
}
.sharebelow  a.delicious {
background-position: 0px 0px;
}
.sharebelow  a.delicious:hover {
background-position: 0px -58px;
}
.sharebelow  a.digg {
background-position: 0px -116px;
}
.sharebelow  a.digg:hover {
background-position: 0px -174px;
}
.sharebelow  a.stumbleupon {
background-position: 0px -812px;
}
.sharebelow  a.stumbleupon:hover {
background-position: 0px -870px;
}
.sharebelow  a.technorati {
background-position: 0px -928px;
}
.sharebelow  a.technorati:hover {
background-position: 0px -406px;
}
.sharebelow  a.twitter {
background-position: 0px -928px;
}
.sharebelow  a.twitter:hover {
background-position: 0px -986px;
}
.sharebelow  a.facebook {
background-position: 0px -232px;
}
.sharebelow  a.facebook:hover {
background-position: 0px -290px;
}
.sharebelow  a.reddit {
background-position: 0px -580px;
}
.sharebelow  a.reddit:hover {
background-position: 0px -638px;
}
.sharebelow  a.rss {
background-position: 0px -696px;
}
.sharebelow  a.rss:hover {
background-position: 0px -754px;
}
.shareandbookmark{
margin:10px 0px;
color:#333333;
font-weight:bold;
font-size:18px;
font-family:sans-serif;
}
</style>
<div class='sharebelow'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="shareandbookmark">
Kindly Bookmark and Share it:</div>
<!--Facebook-->
<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook :&gt;'/>
<!--Google Plus-->
<a class='googleplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:post.url' rel='external nofollow' target='_blank' title='+1 it :&gt;'/>
<!-- Twitter -->
<a class='twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :&gt;'/>
<!-- Pinterest -->
<a class='pinterest'  href="http://pinterest.com/" rel='external nofollow' target='_blank' title='Pin it :&gt;'/>
<!-- Delicious -->
<a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Delicious :&gt;'/>
<!--Stumble-->
<a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Stumble this :&gt;'/>
<!--DIGG-->
<a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank' title='Digg this :&gt;'/>
<!-- Reddit -->
<a class='reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Reddit :&gt;'/>
<!--RSS -->
<a class='rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank' title='Bookmark :&gt;'/>
</b:if></div>
<div style="clear:both"/>

4. Simpan dan lihat hasilnya.

widget share

Widget sosial langganan ini sangat unik dan efektif untuk memaksimalkan lalu lintas situs Web Anda. Widget ini juga dapat  membantu Anda untuk meningkatkan like di  Facebook,Follower Twitter, Google Plus +, Linkedin, Stumbleupon, YouTub, Rss . Pelanggan anda bahkan bisa mendapatkan kesempatan untuk berinteraksi dengan Anda di berbagai komunitas Anda lainnya dan semua jenis pilihan hanya cukup dalam blogger widget ini. Cara menggunakanya :

1. Masuk Blogger.com !

2. Masuk tata letak >> Tambahkan gadget >> pilih Add HTML/JavaScript !

3. Copy/Paste  kode di bawah ini <style> */http://www.softechnogeek.com*/ .rr-mod.module-rightrail-social-widget{margin:0 0 10px 0 !important;}#rr-social-widget-chiclets div{width:32px;height:32px;display:inline-block;margin:0 4px 0 0;}#rr-social-widget-chiclets a{width:32px;height:32px;display:block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY0cAlWrysMi4O-Qj0zzfX8uLfcjU6CBCByTrrb5d9cb5reAzaLYTVyldIKcAxJjn8w-sY0gowapdQmlXvUNTonueDJ833sl0DGL_gw1FYM9pJoqlxKtCMpB2CStpfJzmgbsnMb2eK6hue/s1600/rr-social-icons.png) no-repeat;}@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:4/3), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){#rr-social-widget-chiclets a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY0cAlWrysMi4O-Qj0zzfX8uLfcjU6CBCByTrrb5d9cb5reAzaLYTVyldIKcAxJjn8w-sY0gowapdQmlXvUNTonueDJ833sl0DGL_gw1FYM9pJoqlxKtCMpB2CStpfJzmgbsnMb2eK6hue/s1600/rr-social-icons.png);background-size:248px 32px;}}#rr-social-widget-chiclets-facebook a{background-position:0 0;}#rr-social-widget-chiclets-twitter a{background-position:-36px 0;}#rr-social-widget-chiclets-googleplus a{background-position:-72px 0;}#rr-social-widget-chiclets-linkedin a{background-position:-108px 0;}#rr-social-widget-chiclets-stumbleupon a{background-position:-144px 0;}#rr-social-widget-chiclets-youtube a{background-position:-180px 0;}#rr-social-widget-chiclets-rss a{background-position:-216px 0;} </style> <div class="rr-mod module-rightrail-social-widget" id="module-rightrail-social-widget"> <div class="configuration-neighbor"> <div id="rr-social-widget-chiclets"> <div id="rr-social-widget-chiclets-facebook"> <a href="FACEBOOK URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_facebook';"></a></div> <div id="rr-social-widget-chiclets-twitter"> <a href="TWITTER URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_twitter';"></a></div> <div id="rr-social-widget-chiclets-googleplus"> <a href="GOOGLE+ URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_googleplus';"></a></div> <div id="rr-social-widget-chiclets-linkedin"> <a href="LINKEDIN URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_linkedin';"></a></div> <div id="rr-social-widget-chiclets-stumbleupon"> <a href="STUMBLEUPON URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_stumbleupon';"></a></div> <div id="rr-social-widget-chiclets-youtube"> <a href="YouTube URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_youtube';"></a></div> <div id="rr-social-widget-chiclets-rss"> <a href="RSS URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_rss';"></a></div> </div> </div> </div>

4. Ganti tulisan yang berwarna merah dengan url-url anda !

tutorial memasang widget sharing button keren V.2

Setelah Tadi saya share widget sharing button bentuk telur sekarang saya akan share tutorial memasang widget sharing button *gak tau apa yah namanya* . langsung ajah kita liat Screenshootnya , dibawah ini *jika dilihat secara teliti mirip illuminati juga yah*

gimana tertarikkah anda wahau sobat blogger ?

jika tertarik berikut cara cara memasang widget share button di blog:

1.masuk ke blog sobat

2.ke tata letak

3.tambah gadget

4.pilih HTML/javascript

5.copy code share button di bawah ini :

<!-- Start Shareaholic Sassy Bookmarks HTML-->
<div class='shr_ss shr_publisher'>
</div>
<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type='text/javascript'>
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type='text/javascript'>
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>
<!-- End Shareaholic Sassy Bookmarks script -->

6.pastekan code Share button tadi 

7.simpan dan lihat hasilnya

dan jangan lupa tinggalkan komentar !!

TUTORIAL CARA MEMBUAT WIDGET SHARE BUTTON BENTUK TELUR

hallo s0bat d48 udah lama gak share Tips N Trik Blogger , Sekarang Saya Akan Memposting "" udah gak pake lama lagi , langsung Aja baca Tutorialnya !

1.masuk ke blog sobat

2.Ke template->edit HTML->centang Expand widget template

3.Tekan CTRL+F lalu cari kode </head>

4.setelah sobat menemukan kode tsb,copy code di bawah ini dan pastekan di bawah kode </head>

<!-- Start Egg Share by http://dark-48.blogspot.com/search/label/Tutorial%20Blogger--><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><!-- End Egg Share by http://dark-48.blogspot.com/search/label/Tutorial%20Blogger -->

5.lalu cari kode </body> setelah itu copy code di bawah ini dan pastekan di atas kode </body>

<!-- Start Egg Share by http://dark-48.blogspot.com/search/label/Tutorial%20Blogger--><div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script><noscript><a href=" http://lisaariyansyah.blogspot.com/">Blogger Gadgets</a></noscript><!-- End Egg Share By http://dark-48.blogspot.com/search/label/Tutorial%20Blogger -->

6.simpan dan lihat hasilnya !!!

Pasang Bookmark Share Button Keren (Tooltip) Bag.2

                 
Pada Kesempatan kali ini saya ingin memberikan Tutorial 'Pasang Bookmark Share Bag.2', dimana pada postingan saya sebelumnya prnah juga membrikan tutorial 'Pasang Bookmark Bentuk Hati'.

Untuk demonya sobat bisa klik gambar dibawah ini: dan sobat perhatikan bagian bawah sebelah kiri.

OKE, jika jika sobat tertarik memasangnya silahkan ikuti langkah berikut :

1. Login Ke Akun Blog Sobat

2. Pilih Rancangan/Tata Letak.

3. Lalu Letakkan Kode Berikut diatas kode </body> .

<!-- Start Shareaholic Sassy Bookmarks HTML


http://lisaariyansyah.blogspot.com/ -->


<div class='shr_ss shr_publisher'>


</div>


<script type='text/javascript'>


var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};


</script>


<script type='text/javascript'>


(function() {


var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;


sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";


var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);


})();


</script><small><a href='http://lisaariyansyah.blogspot.com/'></a>


<a href='http://lisaariyansyah.blogspot.com/'></a></small>


<!-- http://lisaariyansyah.blogspot.com/


End Shareaholic Sassy Bookmarks HTML -->

4. Privew dl, jika tdk terjadi kesalahan, baru Simpan template... ;)

Cara Pasang Bookmark Share Button Keren

Pada Kesempatan kali ini saya ingin memberikan Tutorial 'Pasang Bookmark Share Bag.2', dimana pada postingan saya sebelumnya prnah juga membrikan tutorial 'Pasang Bookmark Bentuk Hati'.

Untuk demonya sobat bisa klik gambar dibawah ini: dan sobat perhatikan bagian bawah sebelah kiri.

OKE, jika jika sobat tertarik memasangnya silahkan ikuti langkah berikut :

1. Login Ke Akun Blog Sobat

2. Pilih Rancangan/Tata Letak.

3. Lalu Letakkan Kode Berikut diatas kode </body> .

<!-- Start Shareaholic Sassy Bookmarks HTML


http://lisaariyansyah.blogspot.com/ -->


<div class='shr_ss shr_publisher'>


</div>


<script type='text/javascript'>


var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};


</script>


<script type='text/javascript'>


(function() {


var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;


sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";


var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);


})();


</script><small><a href='http://lisaariyansyah.blogspot.com/'></a>


<a href='http://lisaariyansyah.blogspot.com/'></a></small>


<!-- http://lisaariyansyah.blogspot.com/


End Shareaholic Sassy Bookmarks HTML -->

4. Privew dl, jika tdk terjadi kesalahan, baru Simpan template... ;)

Pasang Bookmark Share Button Keren Bentuk Hati

Untuk demonya sobat bisa klik gambar dibawah ini: dan sobat perhatikan bagian bawah sebelah kiri.

OKE, jika jika sobat tertarik memasangnya silahkan ikuti langkah berikut :
1. Login Ke Akun Blog Sobat
2. Pilih Rancangan/Tata Letak
3. Lalu Cari Kode </head> , Lalu letakkan Kode Berikut diatasnya.

<!-- Start Heart Bookmarking Gadget Code From http://ut2a-4down.blogspot.com/ -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget Code From http://ut2a-4down.blogspot.com/ -->

4. Selanjutnya Letakkan Kode Berikut diatas kode </body> .

<!-- Start Heart Share Code From http://ut2a-4down.blogspot.com/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/></div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script><a href="http://ut2a-4down.blogspot.com/">Blogger Gadgets</a>
<!-- End Heart Share Code From http://ut2a-4down.blogspot.com/ -->

5. Privew dl, jika tdk terjadi kesalahan, baru Simpan template... ;)

cara membuat share button berbentuk hati

         
Hai.. sobat blogger,, selamat bermalam minggu.

kali ini saya akan share tentang cara membuat share button berbentuk hati.

oke,, tutorial ini saya dapatkan dari http://ut2a-4down.blogspot.com.

langkah pertama silahkan login ke blogger sobat

klik template, kemudian edit HTML, klik lanjutkan

kemudian cari kode </head> , tekan ctrl+F untuk lebih mudah menemukan kodenya, lalu letakkan kode berikut di atas kode </head>.

<!-- Start Heart Bookmarking Gadget Code From http://ut2a-4down.blogspot.com/ --> <script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/> <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/> <script type='text/javascript'>stLight.options({publisher: "ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee", onhover:false}); </script> <link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/> <!-- End Heart Bookmarking Gadget Code From http://ut2a-4down.blogspot.com/ -->

selanjutnya silahkan cari kode </body>, lalu letakkan kode berikut di atasnya.

<!-- Start Heart Share Code From http://ut2a-4down.blogspot.com/ --> <div style='position: fixed; bottom: 2%; left: 2%;'> <div class='shareEgg' id='shareThisShareHeart'/> </div> <script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareHeart', ['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareheart'});</script><a href="http://ut2a-4down.blogspot.com/">Blogger Gadgets</a> <!-- End Heart Share Code From http://ut2a-4down.blogspot.com/ --> Jadilah Blogger Yang Beretika, dengan mencantumkan Link Sumber yaa.. ^^ Original Posted by : http://ut2a-4down.blogspot.com/2012/07/pasang-bookmark-share-button-keren.html#ixzz2Do2OuPcF

preview blog terlebih dahulu, apabila tidak ada masalah klik smpan.

demikian tutorial kali ini semoga bermanfaat ya!