Pasti semua dari anda yang para blogger mempunyai tombol shares di blog anda. Karena tombol share lah yang memungkinkan bertambahnya pengunjung dari website anda karena artikel anda bisa dikenal berbagai orang, sehingga pengunjung menjadi bertambah. tombol share juga terdiri dari beberapa variasi atau bentuk ada yang ditengah artikel ada yang dibawah judul dan ada juga yang di akhir artikel. Nah pada kesempatan ini saya berbagi tentang Tutorial untuk membuat tombol share yang sangat keren dan pastinya bisa menarik perhatian dari pengunjung anda.
Untuk hasilnya bisa dilihat tombol share di Blog saya ini jika anda berminat untuk membuat tombol share button seperti ini langsung saja simak langkah-langkah berikut ini :
jika anda terkendala dalam pembuatannya bisa dikomentari sehingga saya bisa membantu
maaf jika dalam tutorial ini tidak ada gambarnya :). Tapi saya usahakan membuat dengan kata-kata sehari-hari sehingga anda lebih mengerti
sekian dan terima gaji !!!
Untuk hasilnya bisa dilihat tombol share di Blog saya ini jika anda berminat untuk membuat tombol share button seperti ini langsung saja simak langkah-langkah berikut ini :
- Daftar di situs addthis.com menggunakan akun email google anda dan pilih lokasi Indonesia
- Lalu klik tombol register
- Setelah mendaftar anda akan dibawa ke halaman dashboard
- Ngopi dulu gan supaya pikiran lebih tenang !!!
- Setelah itu pilih tab Tools,lalu pilih tombol + add new tools
- Nah pada bagian ini ada banyak pilihan ada Share Button, Related Post, Follow button dll. Karena kita belajar share button maka kita klik share Button
- Setelah itu anda akan dihadapkan untuk memilih bagaimana gaya dari tombol share button yang akan anda buat tersebut. Jika anda mau membuat disamping silahkan pilih floating, jika ingin berada ditengah artikel anda pilih inline,jika membuat pop-up juga bisa tinggal pilih popup. pada bagian ini saya memilih floating Share button, karena di template saya ini sudah mempunyai tombol share dibagian bawah artikel
- Lalu pilih continue
- Lalu akan dihadapkan pada settingan posisi share button.saya memilih sebelah kiri untuk pengunjung dari komputer dan hide untuk pengunjung yang dari mobile atau handphone.
- Lalu pilih berapa beberapa media sosial yang akan menjadi tombol share button anda
- Anda juga bisa memilih desain pada tab design
- Setelah selesai tinggal klik Save & Continue
setelah itu kita akan disuruh untuk mengcopy sebuah code yang harus kita pasang pada blog kita
kurang lebih codenya seperti itu copy code tersebut sebelum tag </body>
caranya yaitu masuk ke blogger.com lalu >> TEMA >> Edit HTML >> Cari Tag </body> lalu copas sebelum tag </body> tersebut lalu klik simpan tema.
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5a258bdbd8daa190"></script>
caranya yaitu masuk ke blogger.com lalu >> TEMA >> Edit HTML >> Cari Tag </body> lalu copas sebelum tag </body> tersebut lalu klik simpan tema.
Setelah disimpan anda bisa refresh atau muat ulang kembali blog anda maka akan tampak sebuah floating share button di sebelah kiri. menarik bukan?jika anda terkendala dalam pembuatannya bisa dikomentari sehingga saya bisa membantu
maaf jika dalam tutorial ini tidak ada gambarnya :). Tapi saya usahakan membuat dengan kata-kata sehari-hari sehingga anda lebih mengerti
sekian dan terima gaji !!!
ConversionConversion EmoticonEmoticon