Cara Pasang Tombol Share Di Template SimpleUp Bung Franki

Cara Pasang Tombol Share Di Template SimpleUp Bung Franki – Anda punya website atau blog? jika ya, tentu anda ingin sekali memiliki tampilan yang baik. Apa itu kriteria tampilan blog yang baik?

Ada perubahan gaya tampilan blog dari tahun ketahun. Setahu saya, dulu blog yang baik itu, blog yang memiliki banyak aksesoris, atribut, bahkan tak jarang kita temukan blog yang dilengkapi dengan jam (emang pengunjung lupa waktu? hehehe)

Selain itu, dahulu tampilan blog tidak bersahabat dengan tampilan handphone (meski sekarang masih ada yang kayak gini)

Dulu, tampilan dekstop, juga tampil secara penuh di HP. Akibatnya? ya tulisannya jadi kecil-kecil, dan harus di zoom dulu.

Cara Pasang Tombol Share Di Template SimpleUp Bung Franki

Cara Pasang Tombol Share Di Template SimpleUp Bung Franki
Cara Pasang Tombol Share Di Template SimpleUp Bung Franki

Oke, itu dulu, tapi tidak dengan sekarang, ada perubahan tampilan blog kekinian. Katanya sih, kriteria template blog modern harus :

  1. Responsive, artinya tampilan blog secara otomatis dapat sesuai dengan gadget/ perangat apapun, mulai Handphone, Tablet, hingga desktop.
  2. Fastloading, artinya dapat diakses dengan cepat, tanpa menunggu lama akibat banyaknya render dan pemanggilan kode java script
  3. Simple, artinya tidak neko-neko, tidak banyak atribut dan widget yang dipasang, semisal pemasangan gambar pada widget, Oclock / Jam, Kalender, data pengunjung dan lains sebagainya.

Nah, salah satu template blogspot yang memiliki ketiga kriteria utama tersebut, adalah SimpleUp, yang dibuat oleh Bung Franki. Penasaran? silahkan lihat saja klik SimpleUp

Baca Juga :  Alasan Kenapa Jangan Pernah Pakai Template Wordpress Nulled

Nah bagi yang sudah pakai template ini, coba perhatikan adakah tombol share whatsapp? tidak ada kan?

Padahal tombol bagi ke pesan instan whatsapp ini cukup penting. Mengapa? ya sekali lagi agar artikel kita banyak dikunjungi. Betul kan?

Selain itu, tombol share whatsapp juga berfungsi mempermudah para pengunjung untuk membagikan ke group-group whatsapp, tanpa harus meng-copypaste linknya.

Sekilas Tentang Template SimpleUp Untuk Blogspot Dari Bung Franki

Template ini cukup ringan, bahkan untuk blog yang baru dibuat, dan pakai template ini, untuk tampilan desktop, tampilannya bisa mencapai 100%, sementara untuk tampilan mobile sekitar 80%

Artinya, selain responsive, simple, loadinya juga cepat. Mengapa? biasanya template yang beginian tidak banyak memberikan render kode dari luar.

Hebatnya lagi, CTR blog anda bisa naik lho? tidak percaya? seilahkan buktikan sendiri.

Bagaimana Dengan Pengunjung? apakah akan berkurang? saya sendiri pernah menggunakan theme SimpleUp ini, dan memang awalnya pengunjung tidak terdeteksi di Google Analiytic, tapi setelah saya cari solusinya, akhirnya ketemu, dan kembali normal.

Saya sendiri akan jelaskan, mengapa google analytic bermasalah pasca ganti template dan bagaimana pula cara menatasinya.

Dua Pilihan Template SimpleUp, Gratis dan Berbayar

Dari situs resminya, SimpleUp memiliki dua varian, ada yang gratis, ada yang berbayar. Tentu untuk versi gratis, banyak sekali batasannya.

Lantas berapa harga versi berbayarnya? saat tulisan ini dibuat harganya sekitar Rp 110 ribuan, dengan ketentuan seperti gambar di bawah ini:

Okelah, dari uraian diatas, kali ini saya akan berbagi caranya untuk anda, cukup simple kok, seperti nama theme nya.

Cara Pasang Tombol Share WA di Template SimpleUp

Seperti biasa, login terlebih dahulu ke dashboard blog anda, kemudian pilih Themedan klik edit HTML pertama-tama copas kode berikut ini :

Baca Juga :  Cara Riset Kata Kunci Agar Lebih Efektif Dan Banyak Pengunjung

<li><a class=’wa’ expr:href=’&quot;whatsapp://send?text=&quot; + data:post.title + &quot;%20%2D%20&quot; + data:post.url’ onclick=’window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;’ rel=’nofollow’ target=’_blank’ title=’Share on Google+’><i class=’fa fa-whatsapp’/></a></li>

Pasang kode di atas, di bagian <div class=’share_btn’><ul> (gunakan CTRL+F)

Disana anda akan menemukan banyak sekali kode-kode dari media sosial lainnya, seperti Facebook, Twitter, Google+ dan lain sebagainya.

Pasang saja kode diatas, diantara kode media sosial lainnya, ingat, pemasangan harus setelah kode lainnya, yang sudah ditutup dengan kode </li>

Contoh, jadinya akan seperti ini :

Setelah itu, kita akan memasang kode CSSnya, caranya mudah, copas kode di bawah ini :

.share_btn li a.wa{background:#01C501}

Dan pasang tepat dibawah kode .share_btn li a.gp{background:#dc4a38}, jadinya seperti ini :

Terakkhir klik Simpan, dan lihat hasilnya.

Oke, demikianlah tutorial pemasangan tombol share WA di template SimpleUp, semoga bisa manfaat.

Leave a Comment

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Hit Enter
Follow Us
On Facebook
On Twitter
On GooglePlus
On Linkedin
On Pinterest
On Rss
On Instagram