Berbagi Sesama Blogger - Blogger Sharing Network

Cari Tutorial

Memuat...

Minggu, 16 Mei 2010

Cara Pasang Tombol Share it di Setiap Bagian Atas Postingan


penting Menjadi Ahli Desain Web

penting Lancar Percakapan Bahasa Inggris Cepat!

isi paypal dengan gratis
Cara Pasang Tombol Share it di Setiap Bagian Atas Postingan. Satu lagi trik yang menguntungkan bagi kita sebagai pemilik blog dan sekaligus membantu para pengunjung blog kita untuk menyebarkan artikel yang menarik di blog kita, yaitu dengan cara memasang tombol share/berbagi di setiap tampilan postingan kita. Dengan terpasangnya tombol share ini, kita maupun pengunjung blog kita akan merasa lebih mudah untuk membagi berbagai informasi yang menarik di blog kita ke orang lain tanpa harus mengetik maupun kopas alamat/URL artikel yang ada di blog kita. Cukup mengklik tombol share it! maka akan muncul berbagai situs bookmark maupun social network, dengan begitu...pengunjung yang memiliki akun di situs-situs tersebut akan menjadi lebih mudah hanya dengan mengklik tombol share it sekali saja, woehehe...menarik bukan? O yah, untuk trik pemasangan tombol share kali ini, kita akan menggunakan layanan dari addthis.com

Mengapa harus addthis.com? Ya nggak harus sih, teman-teman bisa menggunakan layanan yang menyediakan tombol share lainnya yang kemudian diterapkan melalui trik ini. Karena alasan untuk lebih memudahkan teman-teman dalam memasang trik yang satu ini, maka saya akan menggunakan layanan addthis.com, pasalnya saya menggunakan layanan addthis.com untuk blog ini (tuh lihat tuh, di bagian kanan atas post ada tombol share addthis.com). Tapi, bagi teman-teman yang tertarik memasang tombol share seperti saya (menggunakan layanan addthis.com), mungkin beberapa alasan berikut bisa menjadi penjelasan tentang keistimewaan tombol share yang telah disediakan oleh addthis.com:

1. Bentuknya kecil, nah ini memiliki nilai unik tersendiri menurut saya "Small thing, big benefit!" - walau kecil bentuknya, namun memiliki manfaat yang besar.
2. Anda bisa memilih gaya/bentuk tombol share yang telah disediakan oleh addthis.com sesuka anda, jadi tombolnya nggak itu-itu aja.
3. Layanan tombol sharing yang telah disediakan oleh addthis.com sudah terkenal, jadi walaupun bentuknya kecil seperti itu, hampir semua orang langsung tahu mengenai fungsi dan kegunaannya, yaitu untuk mempermudah proses sharing. Dalam hal ini, keterkenalan tombol addthis.com tak perlu dipertanyakan lagi. "Sekedar info=> Yang sudah menggunakan tombol share layanan addthis.com sudah 1,2 juta situs lho!"

4. Dalam satu tombol share kecil terdapat 200 lebih layanan share maupun fitur tambahan lainnya. Wao...200 lebih lho, hanya dalam satu tombol kecil seperti itu. Nih, di antaranya: FaceBook, Twitter, Google Buzz, iGoogle, Google Reader, Kirim Email ke teman, Konver ke PDF, Print artikel, friendster, MySpace, Delicious, dll di mana anda sendiri bisa melihatnya secara lengkap melalui tombol share yang ada di bagaian kanan atas postingan blog ini.

5. Yaaaa....keren aja dah, yang mau make layanan ini monggo...

Oke, kelamaan dah cuap-cuapnya (tapi kan penting bro...). Bagi teman-teman yang tertarik untuk memasang tombol share di setiap postingan yang ada di blognya - silahkan untuk memperaktekkannya melalui langkah-langkah berikut:

Tahap 1

1. Silahkan surfing ke situs addthis.com
2. Pertama-tama yang harus anda lakukan yaitu menentukan layanan apa yang anda gunakan untuk ngeblog di step "1. Select your service". Dalam hal ini saya akan mengambil contoh "Blogger", mengingat ini adalah tutorial Blogger.

2. di step "2. Select a button style", silahkan untuk memilih gaya tombol yang anda inginkan.
3. Di step "3. Do you want analytics?", silahkan pilih opsi -No, just give me the button-.

Anda bisa memiliki akun di addthis.com jika mau, kelebihannya yaitu anda bisa memantau perkembangan statistik jumlah share artikel yang ada di blog anda. Namun untuk sementara kita akan menggunakan opsi "No, just give me the button" sebagai contoh.

4. Untuk step terakhir dalam pembuatan kode, silahkan untuk mengklik tombol "GET YOUR BUTTON" di opsi -4. You're done!-
5. Klik tombol "Install to Sidebar", maka akan langsung terbuka tab baru. Yang harus anda lakukan yaitu klik menu "edit Konten", maka akan muncul kode. Silahkan untuk mengopi kode tersebut dan pastekan di notepad! Dan segeralah untuk menutup tab yang baru muncul tadi.


Tahap 2

1. Login ke akun Blogger
2. Klik Tata Letak => Edit HTML => Jangan lupa untuk mencentang kotak "Expand widget template"
3. Carilah kode <div class='post-header-line-1'/> kalau tidak ketemu, cari saja kode <data:post.body/>
4. Letakkan kode yang telah anda dapatkan dari addthis.com di atas salah satu kode yang anda temukan (salah satu dari kode pada poin no.3 di atas)
5. Untuk mengatur posisi tombol share, maka bisa dijepit dengan kode "text align". Sebagai contohnya, tombol saya di atas posisinya di sebelah kanan, maka formatnya seperti berikut:

<div style='text-align: right;'>DI SINI KODE YANG TELAH ANDA DAPATKAN DARI ADDTHIS.COM</div>



Jika anda menginginkan tombol share anda posisinya di bagian atas tengah postingan, maka tinggal diganti saja "right" dengan "center". Jika kiri, maka "left"_

Dari keseluruhan langkah di atas, maka posisi kode anda nanti akan seperti berikut:

<div style='text-align: right;'>DI SINI KODE YANG TELAH ANDA DAPATKAN DARI ADDTHIS.COM</div>


<div class='post-header-line-1'/>

ATAU

<div style='text-align: right;'>DI SINI KODE YANG TELAH ANDA DAPATKAN DARI ADDTHIS.COM</div>


<data:post.body/>


6. Simpan hasil kerjaan anda dengan cara mengklik tombol "Simpan Template". SELESAI SUDAH...


Silahkan lihat tampilan blog anda, bagaimana...menarik bukan? Dengan terpasangnya tombol share ini juga akan membantu menaikkan trafik blog anda, tambah banyak yang sharing artikel yang ada di blog anda, maka semakin besar pula peluang anda mendapatkan trafik yang banyak - Buatlah artikel yang menarik, sehingga pengunjung blog anda akan tertarik untuk mensharing artikel anda ke yang lain. Selamat melanjutkan kegiatan blogging...

Semoga bermanfaat_


Tags: Cara pasang tombol share, tombol share it di atas postingan, agar tombol share muncul di setiap postingan, bagaimana cara memasang tombol share, menaikkan trafik dengan tombol share
Info Menarik: penting Menjadi Ahli Desain Web penting Lancar Percakapan Bahasa Inggris Cepat! isi paypal dengan gratis

Postingan Menarik Lainnya:



52 comments

16 Mei 2010 04:55

wah.. Thx ya udah share.. Tapi kalau saya mending yang bukan semua jadi satu, jadinya di pisah-pisah.. Hehe

16 Mei 2010 05:00

makasih gan tutornya
gak ada matinya de t4belajar bloger ni
salut buat akang
sukses terus kang
ditunggu tutorial berikutnya

16 Mei 2010 15:53

ok sobat keren infonya :D

16 Mei 2010 20:11

makasih tricknya nih,,, :)

19 Mei 2010 19:36

ane dah pasang sob..
tp yang nie beda, di coba dlu deh...
thanks y... :13

20 Mei 2010 12:39

mantap...

20 Mei 2010 20:12

Keren sob ..., memang itu berguna banget... mampir balik, kemana aja nih ga pernah mampir??? Keren nih blog ga ada iklannya,, sukses ya ...

21 Mei 2010 00:43

Sip! segera sy kerjakan. :)

25 Mei 2010 18:36

bagus sob infonya
langsung coba
terima kasih

25 Mei 2010 18:42

wow keren
thank's sob

31 Mei 2010 02:21

mantap guru..
eh,...mau nanya sob...aku kan dah pasang widget alexa...disitu kan ditulis RANK DAN LINKS IN...
RANK AKU SEKITAR 2 JUTA..TAPI LINKI NYA MASIH NOL...GMANA CARA NAMBAHIN LINK INYA YA...?MINTA TOLONG SOB...EMAIL K AKU YA...SUPERSHARING22@GMAIL.COM

1 Juni 2010 12:08

@MisterXWebz: Lagi banyak kerjaan nih sob, hehehe...kalau dah punya waktu luang nanti tak gunain buat update sekalian walking2 ke blog sobat2 blogger :10

@Subhan: Sebenarnya saya kurang tahu hitungan pastinya, bagaimana cara meningkatkan angka Links In itu saya kurang tahu. Tapi saya memilki beberapa saran, cobalah untuk sering meninggalkan link ketika mampir di blog maupun di web orang lain, termasuk ketika lagi nongkrong di sebuah forum maupun situs jejaring sosial, lalu link exchange juga bisa menjadi solusi...semoga membantu^

:ntauadmint4bb:

4 Juni 2010 00:24

waaah ... coool... aq udah coba ... good tips ^^

6 Juni 2010 06:55

ini khusus di blogspot kah?
kebetulan saya pake wordpress.

7 Juni 2010 05:43

Ya, khusus untuk blog blogspot. Untuk blog wordpress saya belum tahu sob...:10

:ntauadmint4bb:

26 Juni 2010 11:15

thanks,working 100%

11 Juli 2010 08:00

thank infonya

21 Juli 2010 21:03

thax tutorial ny mas..
aq udah psang tu..

3 Agustus 2010 23:40

Hallo, mau tanya saya sudah pasang addthis, tapi setelah saya coba kok artikelnya nggak ke share ke fb yah? Hanya judul blognya saja (alamat blog) Trus pas saya mau hapus kok gak bisa balik ke asal ya? Padahal saya sudah simpan download htmlnya sebelum diubah. Mohon masukannya

4 Agustus 2010 21:27

Kalau ingin link posttingannya ke-share, maka yang harus dilakukan yaitu menekan tombol share ketika berada di halaman postingan tersebut. Mungkin anda menekan tombol share ketika berada di homepage, makanya yang ke-share adalah halaman utama, bukan postingannya. Untuk mengembalikannya? Tinggal dihapus aja kode yang telah saya beri...(jika kesulitan, gunakan Ctrl+F untuk mempermudah pencarian kode, atau upload kembali file template yang telah anda download tadi). Semoga membantu_

:ntauadmint4bb:

1 September 2010 19:12

. ty y sob dah share,dah lama bangget gw nyari" ini, .

udahh berhasil eeuyy

11 September 2010 05:12

wch.. mntabe skli infonya mas Iqball...
bleh d share kn info n webny nue,,,

:10

21 September 2010 07:29

wow.. makasih sobat..
sudah saya coba dan mangstab.. :12

25 September 2010 09:05

thans gan tak coba dulu yah,,,,,,,,,,,,

jangan bosan posting triknya yah,,,,,,,,,,

luak..luak..luak

16 Oktober 2010 00:14

Terimakasih kepada Admin/pemilik blog ini atas sgala kebaikannya dalam membagi ilmu yg bisa mencerdaskan orang rajin. Semoga kesehatan lahir-batin selalu menyertai dirimu untuk tetap berbagi ilmu

23 Oktober 2010 09:31

good job..........

31 Oktober 2010 00:45

wah makasih mas infonya.....

19 November 2010 20:08

Empuh benar-bnar hebat memberikan pencerahan..salam kenal empuh mantaf banget...sukses selalu...

8 Desember 2010 01:19

udah dicoba gan...tolong dikoreksi hasilnya:D
http://tenebaum.blogspot.com/
kalau pengen tombolnya diletakkan disebelah judul postingan gimana gan...mohon bantuannya!!!!!thank's

Anonim
4 Januari 2011 08:53

:25

9 Januari 2011 09:52

bagaimana cara membuat buku tamu di blog. terima kasih

12 Januari 2011 20:07

thanks infonya

19 Januari 2011 18:43

terimakasih kang, akan saya coba sekarang , dipantau ya.. kalo ada salah mohon di ajarin...

25 Januari 2011 03:46

bagus nih, coba ahh.. :13 :30 :26

26 Februari 2011 01:56

keren bos..
febi-manga.blogspot.com

12 Maret 2011 05:11

thanks infonya, gan ...

:15

18 Maret 2011 09:44

Terima kasih tutorialnya Mas, sangat membantu dan sudah berhasil sy praktekkan,,

24 Maret 2011 23:29

Makasih ya atas infonya.Mohon berkunjung dan bergabung ke blog saya ya.....

wah gak kerja om... =.=

18 April 2011 09:09

Mas. aku mo tanya ne....
Misalkan blog kita memiliki beberapa halaman.
Postingan biasanya selalu berada di halaman HOME.
Dapatkah halaman-halaman lain bisa dibuat seperti halaman HOME?
Jika halaman Home nya memiliki Page number, bisa kah Halaman-halaman lainnya juga memiliki Page Number...? kalo bisa, bagaimana caranya....? Tolong dijawab ya mas...

10 Mei 2011 08:35

Thanks Infonya Masbro............

6 September 2011 08:12

ijin nyimak bro!
:13

7 September 2011 09:02

siipp!!! mantap, ijin kopas, link sumber terpsang gan . .do follow. :12

20 Desember 2011 07:32

wah keren juga,mas request dunk tombol share selain addthis tapi yang keren punya ada gak yah?

28 Desember 2011 16:54

Keren Postingan nya Om..
Dah lama nyari sampe lupa.. ketemu nya disini.
Salam Kenal dan Sukses Selalu Ya Om.

19 Februari 2012 23:03

ok...bos. infonya menarik... lam kenal. link anda udah terpasang pada blog saya. mohon link back blog saya. ok trima kasih

22 Februari 2012 00:33

@DhicompOke sob...thanks kunjungannya :D

22 Februari 2012 00:34

@blog pendidikanSilahkan submit URL blog anda di: http://t4belajarblogger.blogspot.com/p/link-exchange.html
Thanks telah berkunjung :D

24 Februari 2012 19:55

kalo dibwh postingan gmn?

26 Februari 2012 00:38

@Ber217anSilakan baca postingan berikut:
http://t4belajarblogger.blogspot.com/2009/12/menampilkan-sesuatu-di-setiap-bagian.html
Semoga membantu :D

12 Mei 2012 05:01

thk gan tutorialnya, tolong kunjungi eaaa .....http://www.nurgonk.co.cc/

Poskan Komentar

Komentar anda sangat penting! Oleh karenanya saya sangat berterima kasih bagi anda yang tidak SPAMMING di sini. Komentar SPAM, mengandung SARA, dan menyinggung pihak lain akan saya hapus. Terima kasih telah berkunjung :D

[Tutup]

Submit Link