Cara Membuat dan Pasang Tombol Share This di Blog

 KUCOPAS - Cara Membuat dan Pasang Tombol Share This di Blog, Setelah sebelumnya saya sudah pernah share tentang Cara Membuat dan Memasang Tombol share di Blog yang di antaranya:
1. Cara Membuat dan Pasang Tombol Sharing is Sexy di Blog
2. Cara Membuat dan Pasang Tombol Share Addthis di Blog
3. Cara Membuat dan Pasang Tombol Share Lockerz di Blog
 Silahkan sobat pilih saja Tombol share yang sobat inginkan.

 Dan kali ini saya akan menjelaskan tentang Cara Membuat dan Pasang Tombol Share This di Blog, ada apa dengan Tombol share this yang model ini???
sedikit penjelasan untuk sobat kucopas semua, Tombol Share This berikut yang akan kita pasang di blog adalah tombol share yang mempunyai keutamaan dan otomatis akan tampil di bawah setiap postingan blog.

 Maka cara ini bisa di sebut dengan Cara Membuat dan Pasang Tombol Share This di Bawah Setiap Postingan Blog. Untuk membuatnya caranya sangat mudah bila sobat mengikuti langkah-langkah yang saya jelaskan ini dengan seksama atau teliti.

 Berikut Cara Membuat dan Pasang Tombol Share This di Blog:
1. Silahkan sobat kunjungi situsnya SHARETHIS.COM, untuk lebih cepat klik DISINI.
2. Dan sobat akan di bawa ke halaman seperti gambar di bawah ini.

3. Silahkan sobat pilih blog sobat, kali ini pilih Blogger, lalu klik >> NEXT:Step2. Pick a Style.
4. Kemudian sobat akan masuk pada Step ke dua, seperti gambar Fitur di bawah ini.

5. Silahkan sobat pilih Fitur yang sobat inginkan, Lalu klik >> NEXT:Step 3, Costumize.
6. Langkah selanjutnya adalah Step yang ke Tiga, Liat gambar di bawah ini.

7. Terlihat kotak form yang paling atas adalah preview atau cotoh dari Tombol Share This yang akan sobat pasang di blog.
8. Untuk mengubahnya caranya sangat mudah, Silahkan sobat seret saja dari dua kotak form yang ada di bagian sebelah kanan ke Kotak form bagian kiri sendiri untuk memilih tombol shere this yang sobat inginkan.
9. Sobat bisa lihat hasil preview di kotak form bagian atas.
10. Bila sudah cocok seperti yang sobat inginkan, kemudian sobat klik >> FINISH: Get the Code (tombol warna hijau dibawah).
11. Dan langkah selanjutnya sobat akan di bawa kehalaman seprti gambar dibawah ini.

12. Silahkan sobat melakukan REGISTRASI untuk mendapatkan Kode dari Tombol Share This yang sobat buat tadi.
13. Cara Registrasi atau daftar silahkan sobat isi pada kotak:
 no 1. Isi Email sobat.
 no 2. Isi URL alamat blog sobat.
 no 3. Isi pasword sobat.
 no 4. Isi lagi dengan pasword yang sama.

14. Setelah melewati langkah diatas, sobat akan di bawa ke bagian seperti gambar di bawah ini.

15. Silahkan sobat pilih sebelah kanan atau kiri yang ada pada gambar di atas. sedikit penjelasan untuk sobat, gambar diatas adalah efek yang akan timbul bila mouse pointer menyentuh Tombol share, makan akan tampil pop up seperti gambar diatas.
16. Setelah sobat pilih salah satu tampilan diatas, silahkan sobat scroll kebawah dan copy kode HTML seperti gambar di bawah ini.

18. Silahkan sobat copy kode Script yang nomor 1, kemudian taruh di blog sobat, berikut caranya:
- Login ke >> Blog sobat >> pilih menu "Rancangan/Element Laman" >> Tambah Gadget >> pilih HTML/JavaScript >> kemudian Masukkan kode HTML nomor 1 seperti gambar diatas >> lalu SIMPAN.
- Langkah selanjutnya sobat pilih >> Menu "Edit HTML" >> centang "Expand Template Widget" >> cari kode </head> gunakan CTRL+F untuk mempermudah menemukanya. >> kemudian taruh kode script nomor 2 tepat diatas atau sebelum kode </head> Lalu SIMPAN TEMPLATE.

19. Selesai dan lihat hasilnya.
20. Selamat sobat berhasil Membuat dan Pasang Tombol Share This di Bawah Setiap Postingan Blog.


 Semoga artikel tentang Cara Membuat dan Pasang Tombol Share This di Blog, Sangat bemanfaat untuk sobat KUCOPAS semua.

---

| Supported by http://kuc0pas.blogspot.com |

---

Read More

Cara Pasang Tombol Share Lockerz di Blog

 KUCOPAS - Cara Pasang Tombol Share di Blog memang banyak sekali model nya dan banyak pula pilihan cara untuk memasang nya di blog.
Pada artikel yang kemarin dan sebelum nya saya sudah pernah posting tentang beberapa Cara Pasang Tombol share di Blog, diantara nya :
- Cara Pasang Tombol Share AddThis di Blog.
- Cara Pasang Tombol Sharing is Sexy di Blog.
Dan kali ini saya akan posting Cara pasang Tombol Share Lockerz di Blog.
sedikit pencerahan untuk sobat KUCOPAS, bahwa tampilan Tombol Share Lockerz seperti pada gambar, tampilanya sangat simpel, Namun bila cursor mouse diarahkan ke Tombol Share Lockerz tersebut, maka akan tampil seperti gambar di bawah ini :

 Jika sobat tertarik untuk memasang nya di blog sobat, silahkan ikuti langkah-langkah nya berikut ini :
1. Silahkan sobat >> "Masuk/Login" ke blog sobat.
2. Kemudian klik dan kunjungi situs >> "www.ShareLockerz.com"
3. Dan sobat akan di bawa ke halaman seperti pada gambar di bawah ini.

4. Silahkan sobat arahkan Cursor mouse ke >> "Grab the Share Button" akan muncul hidden scroll seperti gambar di atas. lalu sobat pilih >> "Blogger" atau blog lain yang ingin sobat pasangi Tombol Share Lockerz.
5. Kemudian akan tampil halaman seperti Gambar berikut di bawah ini.

6. Jika sobat ingin automatis pasang widget Tombol share Lockerz di Blog sobat (lihat gambar no 1 warna merah) Sobat Klik >> "Install Blogger Widget".
Atau -
7. Jika sobat ingin pasang Tombol Share Lockerz di Bawah Postingan Blog (lihat gambar no 2 warna merah) Sobat Kopi >> "Kode Html" seperti gambar di atas yang saya lingkari warna HIJAU,
Lalu Taruh tepat di bawah kode <data:post.body/> , Ikuti cara berikut untuk memasang nya.


- Jika sobat ingin Pasang Tombol Share Lockerz di Bawah Postingan Blog,

1. Silahkan sobat langsung >> "Masuk/Login" Ke Blog sobat.
2. Kemudian sobat pilih >> "Rancangan".
3. Langkah selanjut nya sobat pilih >> "EDIT HTML".
4. Lalu jangan lupa sobat >> "Centang Expand Widget Template".
5. Silahkan sobat cari Kode <data:post.body/> , gunakan CTRL+F untuk mempercepat pencarian.
6. setelah ketemu kemudian sobat letakan Kode script di atas tadi, lalu sobat taruh tepat di Bawah Kode <data:post.body/> , maka hasil nya Tombol Share Lockerz akan terlihat di bawah postingan blog sobat.

7. Jangan Lupa di Save/Simpan.
8. Selesai dan silahkan sobat lihat hasil nya.

NB :
Untuk contoh yang sudah jadi ada pada blog KUCOPAS ini, silahkan sobat arahkan Cursor mouse ke Tombol Share Lockerz di Bawah postingan ini, untuk melihat hasilnya yang sudah saya pasang.

Demikian posting Cara pasang Tombol Share di Blog, Khusus nya Cara Pasang Tombol Share Lockerz di Blog.
Semoga artikel yang saya posting kali ini sangat bermanfaat untuk sobat KUCOPAS semua.
HapPy BLog9inG...

---

| Supported by http://kuc0pas.blogspot.com |

---

Read More

Cara Pasang Tombol Share AddThis di Blog

 KUCOPAS - Kali ini saya akan posting tentang Cara pasang Tombol Share di Blog, Khusus nya Cara Buat Tombol Share AddThis di Blog atau Cara pasang Tombol Share Addthis di Blog, karena pada posting sebelum nya saya sudah posting artikel tentang Cara buat dan pasang Tombol Sharing is Sexy di Blog, klik saja jika sobat ingin pasang Tombol Sharing is Sexy di Blog sobat.

Oke sobat, dari pada banyak kata mending kita Langsung menuju ke inti Cara Buat dan Pasang Tombol Share AddThis di Blog.
Silahkan sobat mengikuti langkah-langkah nya sebagai berikut di bawah ini :

1. Yang harus sobat lakukan adalah >> "Masuk/login" ke blog sobat.
2. Silahkan sobat buka tab baru lalu masuk ke >> situs www.addthis.com
3. Dan sobat akan di bawa ke halaman seperti gambar di bawah ini :

4. Silahkan pilih ukuran Tombol Share AddThis yang sobat inginkan, Lalu klik >> "Get AddThis" seperti pada gambar di atas.
5. Kemudian sobat >> "Register" ada pilihat untuk register yaitu melalui akun facebook, akun twitter, akun Google dan Oped id, silahkan sobat pilih yang paling gampang menurut sobat, saran saya sobat pakai akun google saja karena tadi sudah login di blog sobat.
Lihat gambar berikut :

6. Karena sobat akan pasang tombol share AddThis di Blog, maka silahkan sobat pilih >> "Blogger" atau yang lain nya di sebelah kiri, lalu di tandai.
Lihat gambar di bawah ini :

7. Kemudian silahkan sobat klik >> "Install Blogger Widget" seperti gambar di atas.
8. Lalu sobat akan di bawa ke halaman seperti gambar di bawah ini :

9. Silahkan sobat pilih Blog yang akan sobat pasangi Tombol Share AddThis, seperti contoh gambar diatas adalah Blog "KUCOPAS".
10. Kemudian sobat klik >> "Menambah Widget" (otomatis menambah widget di blog sobat) atau klik >> "Edit Konten" (Manual menambah widget di blog sobat).
11. Selesai dan lihat hasilnya, semoga hasilnya menjadi Tombol Share seperti yang sobat inginkan.

NB :
- Jika sobat ingin Pasang Tombol Share AddThis di Bawah Postingan Blog,

1. Silahkan sobat langsung >> "Masuk/Login" Ke Blog sobat.
2. Kemudian sobat pilih >> "Rancangan".
3. Langkah selanjut nya sobat pilih >> "EDIT HTML".
4. Lalu jangan lupa sobat >> "Centang Expand Widget Template".

5. Silahkan sobat cari Kode <data:post.body/> , gunakan CTRL+F untuk mempercepat pencarian.

6. setelah ketemu kemudian sobat letakan Kode script dari "Edit Konten" di atas, lalu sobat taruh tepat di Bawah Kode <data:post.body/> , maka hasil nya Tombol Share AddThis akan terlihat di bawah postingan blog sobat.

Selamat buat sobat yang sudah bisa Pasang Tombol Share AddThis di Blog, Semoga Arikel posting ini sangat bermanfaat untuk sobat KUCOPAS semua.

---

| Supported by http://kuc0pas.blogspot.com |

---

Read More

Cara Membuat dan Memasang Tombol Sharing is Sexy Di Blog

 KUCOPAS - Selamat untuk sobat kucopas, karena sobat masuk pada pilihan yang tepat untuk mencari posting artikel tentang Cara Pasang Tombol Share Di Bawah Posting Blog atau Cara Buat Tombol Sharing is Sexy di Blog.

 Pada artikel sebelumnya saya sudah posting tentang Cara Buat Animasi Berjalan di Bagian Bawah Blog, dan kali ini saya posting lagi tentang Cara Pasang Tombol Share Keren Di Bawah Posting Blog, khusus nya Cara buat dan pasang Tombol Sharing is Sexy di Blog.

Fungsi nya sangat banyak sekali jika Sobat  pasang Tombol Sharing is Sexy di Blog, karena akan sangat dapat memudahkan Sobat atau pengunjung blog untuk Mengirim Artikel ke Berbagai Social Bookmark seperti Facebook,Twitter,Digg dan lain sebagai nya.

Oke sobat kita langsung saja menuju Cara Buat Tombol Sharing is Sexy di Blog, silahkan sobat ikuti langkah-langkah nya di bawah ini :

1. Silahkan sobat langsung >> "Masuk/Login" Ke Blog sobat.
2. Kemudian sobat pilih >> "Rancangan".
3. Langkah selanjut nya sobat pilih >> "EDIT HTML".
4. Lalu jangan lupa sobat >> "Centang Expand Widget Template".
5. Kemudian sobat cari Kode >> ]]></b:skin> , gunakan CTRL+F untuk mempercepat pencarian.
6. Setelah Ketemu silahkan sobat Letakan Kode script yang berwarna BIRU di Bawah ini tepat di Bawah Kode ]]></b:skin>

---

<style type='text/css'>
div.sexy-bookmarks { height:54px; background:url(http://img709.imageshack.us/img709/57/sharing.png) no-repeat left bottom;position:relative; width:540px }
div.sexy-bookmarks span.sexy-rightside { width:17px; height:54px; background:url(http://img709.imageshack.us/img709/57/sharing.png) no-repeat right bottom; position:absolute; right:-17px }
div.sexy-bookmarks ul.socials { margin:0 !important;padding:0 !important; position:absolute; bottom:0;left:10px }
div.sexy-bookmarks ul.socials li { display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:48px !important; cursor:pointer !important; padding:0 !important }
div.sexy-bookmarks ul.socials a { display:block !important; width:48px !important; height:29px !important;f ont-size:0 !important; color:transparent !important}
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover { background:url(http://img406.imageshack.us/img406/9198/sexyy.png) no-repeat !important }
.sexy-furl { background-position:-300px top !important }
.sexy-furl:hover { background-position:-300px bottom !important }
.sexy-digg { background-position:-500px top !important }
.sexy-digg:hover { background-position:-500px bottom !important }
.sexy-reddit { background-position:-100px top !important }
.sexy-reddit:hover { background-position:-100px bottom !important }
.sexy-stumble { background-position:-50px top !important }
.sexy-stumble:hover { background-position:-50px bottom !important }
.sexy-delicious { background-position:left top !important }
.sexy-delicious:hover { background-position:left bottom !important }
.sexy-yahoo { background-position:-650px top !important }
.sexy-yahoo:hover { background-position:-650px bottom !important }
.sexy-blinklist { background-position:-600px top !important }
.sexy-blinklist:hover { background-position:-600px bottom !important }
.sexy-technorati { background-position:-700px top !important }
.sexy-technorati:hover { background-position:-700px bottom !important }
.sexy-myspace { background-position:-200px top !important }
.sexy-myspace:hover { background-position:-200px bottom !important }
.sexy-twitter { background-position:-350px top !important }
.sexy-twitter:hover { background-position:-350px bottom !important }
.sexy-facebook { background-position:-450px top !important }
.sexy-facebook:hover { background-position:-450px bottom !important }
.sexy-mixx { background-position:-250px top !important }
.sexy-mixx:hover { background-position:-250px bottom !important }
.sexy-script-style { background-position:-400px top !important }
.sexy-script-style:hover { background-position:-400px bottom !important }
.sexy-designfloat { background-position:-550px top !important }
.sexy-designfloat:hover { background-position:-550px bottom !important }
.sexy-syndicate { background-position:-150px top !important }
.sexy-syndicate:hover { background-position:-150px bottom !important }
.sexy-email { background-position:-753px top !important }
.sexy-email:hover { background-position:-753px bottom !important }
</style>

---

7. Selanjutnya silahkan sobat cari Kode <data:post.body/> , gunakan CTRL+F untuk mempercepat pencarian.
8. setelah ketemu kemudian sobat letakan Kode script berwarna BIRU di bawah ini Tepat di Bawah Kode <data:post.body/>

---

<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-syndicate'><a href='http://feeds.feedburner.com/blogspot/ZqAec' title='Subscribe to RSS'/></li>
<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
</ul>
<span class='sexy-rightside'/></div></b:if>

---

8. Sebelum sobat simpan/save silahkan klik >> "Preview/Pratinjau", demi untuk menghindari kesalahan saat Edit HTML.
9. Jika menurut sobat hasil nya sudah cocok seperti yang sobat inginkan, silahkan sobat klik >> "Save/Simpan".
10. Selesai dan lihat hasil nya.

KETERANGAN :
- Jika Sobat Menemukan dua kode <data:post.body/> atau lebih, saran saya sobat pilih saja kode <data:post.body/> yang ke dua.
- Silahkan sobat atur dan edit agar sesuai dengan template blog sobat, karena penerapan dan pemasangan kode script mungkin bisa berbeda untuk setiap template blog.
- Menurut pengalaman saya dalam memasang Tombol Sharing is Sexy di Blog sangat mudah, karena saya hanya ikuti tutorial di atas dan berhasil, contoh nya bisa sobat lihat di blog KUCOPAS ini. lihat contoh di bawah posting ini.

Semoga artikel posting tentang Cara Pasang Tombol Sharing is Sexy di Blog sangat bermanfaat untuk sobat KUCOPAS semua.
HapPy BLog9inG...

---

| Supported by http://kuc0pas.blogspot.com |

---

Read More