Dan pada trik
kali ini saya akan menjelaskan bagaimana memasang tombol sharing dan
tombol submit ke social bookmarking ke dalam blog. Dengan sobat blogger
memasang tombol submit/share ke situs social bookmarking seperti ini,
akan memudahkan siapapun untuk share artikel/posting sobat langsung ke
media bookmarking bila dirasa bermanfaat bagi yang lainnya, ini akan
sangat bermanfaat untuk meningkatkan reputasi dan akan meningkatkan
pengunjung ke blog sobat. Tombol share/submit yang akan dibuat disini
saya rasa sangat lengkap mulai dari facebook, twiiter, digg, stumbleupon, ma.gnolia, delicious, furl, technorati, simpy, spurl, reddit, mybloglog, blogcatalog, dan masih banyak lagi. Untuk tampilannya adalah sebagai berikut :
Nha jika sobat tertarik dan berminat
memasang tombol tersebut, berikut saya akan jabarkan caranya memasang ke
blog sobat, check it
1. Pertama, login dulu ke Blog sobat
2. Masuk ke tab Rancangan (Design/Layout) -> Edit HTML
3. Klik pada Expand Widget Templates4. Kemudian Carilah kode berikut ini
<data:post.body/>
atau
<p><data:post.body/></p>
(Note: Gunakan CTRL+F untuk mempermudah pencarian)Kode ini biasanya ada 2 buah, pilihlah yang lebih bawah
5. Setelah ketemu, letakkan kode ini setelah kode <data:post.body/>
<div
style='border-top:0px solid #ccc;border-bottom:3px solid #FE9A2E;
padding:10px 0px 10px 0px;margin:15px 0px 7px
0px;width:100%;float:left;height:23px;'>
<div style='float:right;'>
<span class='st_twitter_hcount' displayText='Tweet'/><span class='st_facebook_hcount' displayText='Share'/><span class='st_email_hcount' displayText='Email'/><span class='st_sharethis_hcount' displayText='Share'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher:'63b83a98-def5-427f-ac7c-4b24bcff910d'});</script>
</div>
</div>
<div style='float:right;'>
<span class='st_twitter_hcount' displayText='Tweet'/><span class='st_facebook_hcount' displayText='Share'/><span class='st_email_hcount' displayText='Email'/><span class='st_sharethis_hcount' displayText='Share'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher:'63b83a98-def5-427f-ac7c-4b24bcff910d'});</script>
</div>
</div>
6. Selesai, SAVE TEMPLATE anda dan lihat hasilnya
ARTIKEL TERKAIT:
trik blog
- Cara Membuat Efek Glow pada Teks atau Link Blogger
- Cara Membuat Teks Berjalan atau Marquee Teks
- Cara Membuat Div Styles dan Macam-Macamnya
- Cara Membuat Tombol di Blogspot dan Wordpress
- CARA MEMBUAT HIDDEN CHAT BOX
- Memberi Komentar di HTML
- Cara Edit HTML dan Expand Widget Templates Terbaru 2014
- Cara Membuat Artikel Terkait (Related Post) Di Bawah Setiap Postingan/Artikel
- CARA MENGATASI LINK BLOG YANG DICEKAL OLEH ROBOTS.TXT PADA GOOGLE
- CARA MENAMBAHKAN VIDEO YOUTUBE PADA BLOG
- CARA MEMBUAT BURUNG TWITTER BETERBANGAN DI BLOG
- Cara Membuat Gambar Batman Berjalan di Sudut Halaman Blog
- Cara Mengganti Background Blog dengan Sambaran Petir
- Cara Membuat Efek Lipatan Kertas pada Pojokan Blog
- Cara Membuat Tombol Go To Top atau kembali ke atas di Blogger
- 10 Situs Download Gambar Untuk Blog & Desain
- Cara Mengganti Kursor atau Mouse pada Blog
- Cara Memproteksi Postingan Agar Tidak Bisa di Copy-Paste
- Cara dasar membuat Link secara manual
- Cara membuat Dropdown menu
- Cara Menambah Ikon Status Off/Online Yahoo Messenger
- Senilai Berapakah Harga Blog Kamu?
- Cara Membuat Menu Secara Horizontal
- Cara Mengganti Navigasi "Older Post" atau "Newer Post" Menjadi Berbentuk Angka
- Cara Membuat Shoutbox atau Chat Box pada Blogspot
tips blog
- Cara Membuat Efek Glow pada Teks atau Link Blogger
- Cara Membuat Div Styles dan Macam-Macamnya
- Cara Membuat Tombol di Blogspot dan Wordpress
- CARA MEMBUAT HIDDEN CHAT BOX
- Memberi Komentar di HTML
- Cara Edit HTML dan Expand Widget Templates Terbaru 2014
- Cara Membuat Artikel Terkait (Related Post) Di Bawah Setiap Postingan/Artikel
- CARA MENGATASI LINK BLOG YANG DICEKAL OLEH ROBOTS.TXT PADA GOOGLE
- CARA MENAMBAHKAN VIDEO YOUTUBE PADA BLOG
- CARA MEMBUAT BURUNG TWITTER BETERBANGAN DI BLOG
- Cara Membuat Gambar Batman Berjalan di Sudut Halaman Blog
- Cara Mengganti Background Blog dengan Sambaran Petir
- Cara Membuat Efek Lipatan Kertas pada Pojokan Blog
- Cara Membuat Tombol Go To Top atau kembali ke atas di Blogger
- 10 Situs Download Gambar Untuk Blog & Desain
- Cara Mengganti Kursor atau Mouse pada Blog
- Cara Memproteksi Postingan Agar Tidak Bisa di Copy-Paste
- Cara dasar membuat Link secara manual
- Cara membuat Dropdown menu
- Cara Menambah Ikon Status Off/Online Yahoo Messenger
- Senilai Berapakah Harga Blog Kamu?
- Cara Membuat Menu Secara Horizontal
- Cara Mengganti Navigasi "Older Post" atau "Newer Post" Menjadi Berbentuk Angka
- Cara Membuat Shoutbox atau Chat Box pada Blogspot
- cara memasang translator:google translate pada blogspot
tombol blog
No comments:
Post a Comment