Terjemahan

Silahkan masukan kalimat bahasa yang anda inginkan untuk diterjemahkan oleh "Google terjemahan"

Minggu, 15 April 2012

Cara Membuat Tombol Share Facebook, Twitter dll

Dengan mempunyai tombol share di blog anda, maka akan memberikan kesempatan para pengunjung / visitor blog agar mereka bisa berbagi dengan teman atau jaringan mereka melalui fitur share yang tersedia pada blog anda.

Langsung saja langkah-langkah untu pembuatannya:
Pertama silahkan login blog anda

 Klik menu Design > Edit HTML > centang expand widget templates

copy kode dibawah ini:

 <div class='social'>
<strong>Jika kamu suka tentang artikel ini silahkan bagikan.</strong>
<br/>    
<a class='opacity' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='StumbleUpon This Post'><img alt='StumbleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPzwq-lK6yFq2zAQFsPauMo9qiTgvBeGCsWuiFL35Gc7Xp-IxJKBPeHsjh_vUqOxKXvOJBKE_VBAMpONVj7MWgSHLSNCvf4tvxUQuWk4y_gKAlNro9rhav8b1IChgnLMRZMKS_m4KXYQ/s1600/stumbleupon_icn.png'/></a>
<a class='opacity' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg This Post'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzvdtbOTSh0yLEs37U4qpImKB43tys0xQg9qHD_obndDWsGMkRPdyKlkWq59PWcSOi_xW0MKDUGYMfNWP57CaNqbOoyB6BOutKOkb1RSb-mYTe17c5RUtKePrLouHYWl3kjGm8DP1C7A/s1600/digg_icn.png'/></a>
<a class='opacity' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Tweet About This Post'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIEKBDzoefZviw98Zxbr84XwzgK0RIroNYYjnZ33i-k1T4UCRW-yCYEI8OKbOER2BE44XuhHKEBG-N3VCs-ydTh7Nr2fpTI9g2N53GKvsvZlkMSV9B16gG4lLg_qklF6Fa0Q0NOm8pow/s1600/twitter_icn.png'/></a>
<a class='opacity' expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Add this to Technorati Favs'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigE9JYPBoSuNZPdI3wlFpbzpEtIPAbkdfhPm219vEFWBroF654WcUqRXHHSNCFmEszAjNzpygpMduXe8X_KRlvXxa27Mm9NN76XlqMjSUWFEAaQJ2-kt8CqaKUP20Gx7d9g-40_3osAw/s1600/technorati_icn.png'/></a>
<a class='opacity' expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share this post Facebook'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYK8bNGR6mE5QHsuNJoqi0YQkKHXKhkysiQCbllolx98XzYAxNxkZkWhexoipKFVDmhUwveCLc35jHitP9bvwW2cXxa1pM9oKM4lTnT7XRJnces8zZsHY4RDczbVl9_b_Ya9Le_-NXQQ/s1600/facebook_icn.png'/></a>
<a class='opacity' expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Mixx it'><img alt='Mixx' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9gSgo_Y-hAY6HUoSrXHTbfrfT51MvVug8sbObEs_JZGrIo5y3ozqcuIMGvKEJgtaNkmaxLjPsZO2RGZ1kISkSzC5haVMtHnHsz1H2FdgE2eHZqvdStj6t2UgleGS_62C3nqGdLhnRgw/s1600/mixx_icn.png'/></a>
<a class='opacity' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share on Linkedin'><img alt='Linkedin' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfxst2RJNasTUn9upYfy62opcEE51rUble0nz7hy1-uqD15jYegBH8Rl3w1-Bo7sYdkzIrZYwxnOe3HzaHtCyQwG9QF5n0dgzo5VPcy7sEj8SOiZVOd1E4ep5qz-JhcQzUhITQiGmuVQ/s1600/linkedin_icn.png'/></a>
<a class='opacity' href='/feeds/posts/default' target='_blank' title='Subscribe via RSS'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6wCAgJP9MVOoolpErUXHIDpmQaaea_lZwzEkyhmG3dbit3_1ASaEJo4QxbdnOuVsLyojDZZCJF2dQehWUHs3pYXKOzT3urh_F3zV05aywC6o97YmG1E6ATXubhLzml0m7JxH-dnNPzw/s1600/rss_icn.png'/></a>

</div>

 kemudian paste/ letakkan tepat di bawah kode
 <div class='post-footer-line post-footer-line-2'/> 

kalau tidak ada cari  
<div class='post-footer-line post-footer-line-2'>

klik simpan..............

untuk mempermudah mencari codenya tekan F3 , copy codenya lalu paste untuk menunjukan codenya.

Selamat mencoba semoga berhasil...................

0 komentar:

Posting Komentar

Kalau Sobat sempet tinggalin coment,ya...?

Code HTML

Frame
<iframe src="http://namasitus_anda.com/" width="530" height="300" scrolling="yes"></iframe></div></div>
Show Hide
<div style="margin-bottom: 1px;"><i><b><small></small></b></i><input style="margin: 0px; padding: 0px; width: 450px; font-size: 15px;" value="Klik disini" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Sembunyikan&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Klik disini&#39;; }" type="button" /></div> <div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
tulisanmu disini
</div></div>
Teks Boks
<div class="widget-content"> <div style="overflow:auto;width:100%;height:340px;"> <p align="center"> <p style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px" align="center">
your teks
</a></center></div></div></div></div>

Image
<img src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs028.snc3/11551_102358339789374_100000456255869_59579_6929097_n.jpg" style="font-weight: bold; height: 485px; margin: 1px 12.5px; width: 300px;" />

Coment facebookku
<div id="fb-root"> </div> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"> </script><fb:comments href="mix-sains.blogspot.com" num_posts="10" width="430"></fb:comments>
 

Color HTML

Cbox ( Tinggalkan Pesan )

Radio Dakwah

Transparant ajah Blog muji yang lain di idesemua.blogspot.com