DANIELSPUTRA - Cara Membuat Share Box Keren Dibawah Postingan Blog
- Sobat blogger pasti sudah sering melihat berbagai macam tombol share,
baik itu berupa widget atau yang berada pada artikel. Kali ini saya
ingin share sebuah kotak berbagi atau share box. Apa bedanya dengan
tombol share biasa? Bisa Anda lihat sendiri kalau share box lebih
lengkap dari pada tombol share pada umumnya. Share Box ini memiliki
fitur tambahan, seperti print, pdf, icon gambar, dan lain-lain. Bila
ingin mencobanya pada blog sobat, silahkan ikuti tutorialnya sampai
selesai.
1. Login ke blog sobat.
2. Langsung buka menu template dan pilih edit HTML
3. Silahkan gunakan Ctrl+F
Untuk mencari kode ]]></b:skin> atau </style>
Jika sudah menemukan kode tersebut, silahkan copy kode di bawah tepat sebelum kode di atas.
- Lihat kodenya disini
4. Setelah itu, copy kode di bawah ini di atas kode </head>
- Lihat kodenya disini
5. Nah, untuk memunculkan kotak share silahkan cari kode <data:post.body/>, biasanya terdapat lebih dari satu kode, pilih kode yang ke-3 lalu letakkan kode di bawah ini tepat di bawah kode <data:post.body/>.
- Lihat kodenya disini
Untuk mencari kode ]]></b:skin> atau </style>
Jika sudah menemukan kode tersebut, silahkan copy kode di bawah tepat sebelum kode di atas.
- Lihat kodenya disini
4. Setelah itu, copy kode di bawah ini di atas kode </head>
- Lihat kodenya disini
5. Nah, untuk memunculkan kotak share silahkan cari kode <data:post.body/>, biasanya terdapat lebih dari satu kode, pilih kode yang ke-3 lalu letakkan kode di bawah ini tepat di bawah kode <data:post.body/>.
- Lihat kodenya disini
6. Klik save dan lihat hasilnya
Note: Jika tidak muncul, silahkan letakkan kode HTML di bawah kode <data:post.body/> yang pertama atau yang ke-2.
Source : https://danielsputra.blogspot.com/2015/05/cara-membuat-share-box-keren-dibawah.html
0 komentar:
Posting Komentar