Home » » Membuat Tombol Share Facebook, Twitter, Google+, Email, Print, Di Blog

Membuat Tombol Share Facebook, Twitter, Google+, Email, Print, Di Blog

Posted by ARIE CELLULAR on Thursday, 19 June 2014

Met shore Kawan,.
Sudah Mandikah? kalo belum mandi dulu sana biar Ganteng Maksimal hehehe
Oke Langsung Saja Pada Kesempatan Kali ini saya mau berbagi trik cara membuat
Tombol Share Facebook, Twitter, Google+, Email, Print, Di Blog
Persis Di bawah Posting,

TAMPILAN
1. Masuk blog anda seprti biasa
2. Klik Template
3. Klik Edit HTML
4. Cari Kode </b:skin> Gunakan Ctrl+F biar Mudah mencarinya
jika sudah Ketemu Pastekan Code Dibawah ini Di atas Kode </b:skin>

#share-btn{border-top:1px solid #002bff;border-bottom:3px solid #002bff;margin-top:10px;font-size:80%;width:490px;padding:10px;color:#002bff;}
#share-btn img{margin:0px 10px 0px 0px;}

5. Cari Kode <data:post.body/> Biasanya Ada 3 Kode <data:post.body/>
Jika ada 3 Maka Pastekan Kode Dibawah Ini Tepat dibawah kode <data:post.body/> Di Nomor 2

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='share-btn'>
<b>BAGIKAN ARTIKEL INI KE :</b><br/><br/>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' rel='nofollow' target='_blank' title='Berbagi ke Facebook'><img src='https://lh6.googleusercontent.com/-Y_VUkOKNg1M/Ul_GST5_R0I/AAAAAAAAB-A/x9qSMfdS-JM/s35-no/facebook-icon.png'/></a>
<a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; : &quot; + data:post.snippet' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' rel='nofollow' target='_blank' title='Berbagi ke Twitter'><img src='https://lh6.googleusercontent.com/-VzbOYSIoN8c/Ul_GTECar5I/AAAAAAAAB-M/M05Ouf28Yy8/s35-no/twitter-icon.png'/></a>
<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' rel='nofollow' target='_blank' title='Berbagi ke Google Plus'><img src='https://lh3.googleusercontent.com/-NlwgIK8uEuA/Ul_GSjHTOcI/AAAAAAAAB98/DWzGJWV0EsE/s35-no/google-plus-app-icon.jpeg'/></a>
<a expr:href='&quot;http://www.blogger.com/blog-this.g?n=&quot; + data:post.title + &quot;&amp;source=&quot; + data:blog.title + &quot;&amp;b=&lt;a href=&apos;&quot; + data:post.firstImageUrl + &quot;&apos;&gt;&amp;lt;img src=&amp;#039;&quot; + data:post.firstImageUrl + &quot;&apos;/&gt;&lt;/a&gt;&lt;br/&gt;&quot; + data:post.snippet + &quot;&lt;br/&gt;&lt;a href=&apos;&quot; + data:post.url + &quot;&apos;&gt;Baca Selengkapnya...&lt;/a&gt;&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=500,width=700\&quot;); return false;&quot;' rel='nofollow' target='_blank' title='Berbagi ke Blogger'><img src='https://lh6.googleusercontent.com/-oWTQ9nPSrZk/Ul_GSet1KUI/AAAAAAAAB-E/1yB-61t7Qbk/s35-no/blogspot-495x331.jpg'/></a>
<a expr:href='&quot;http://www.blogger.com/email-post.g?blogID=&quot; + data:blog.blogId + &quot;&amp;postID=&quot; + data:post.id' rel='nofollow' target='_blank' title='Kirimkan Ini Lewat Email'><img src='https://lh3.googleusercontent.com/-XBswmQor-LE/Ul_MFG03TII/AAAAAAAAB_A/8HLyaaLfwMQ/s35-no/email-icon.jpg'/></a>
<a href='javascript:window.print()' rel='nofollow'><img src='https://lh4.googleusercontent.com/-xeE_3XyKYrE/Ul_NFrSWi_I/AAAAAAAAB_Y/6ZggawpD_Jk/s35-no/print.jpg'/></a>
<textarea style='margin:5px 0px;padding:0px;border:1px solid #d3d3d3;width:97%!important;font-size:130%;color:#D3D3D3;'><data:post.url/></textarea>
</div>
</b:if>

Pada Warna Biru Silahkan Anda Ganti Kata - Kata Semau anda

7. Simpan
8. Selesai

Thanks for reading & sharing ARIE CELLULAR

Previous
« Prev Post

0 komentar:

Post a Comment

Search This Blog

Popular Posts