Cara Membuat Share Buttons Bawaan Blogger Berada Di Bawah Judul Posting
Mungkin dari sobat blogger yang masih menggunakan template default, ada yang berkeinginan untuk memindahkan Share Buttons bawaan dari Blogger menjadi di bawah Judul posting artikel kita. atau barangkali anda ingin memasangnya menjadi 2 share buttons yaitu di bawah judul posting dan di akhir posting.
Untuk membuat share buttons berada di bawah judul posting atau membuatnya menjadi 2 share buttons bukanlah hal yang mustahil. Anda tidak perlu menambah kode cukup memindahkan kode yang telah ada.
Nah jika anda ingin memindahkannya silahkan anda simak tutorialnya di bawah ini :
1. Pertama anda login ke blog anda.
2. Jangan lupa backup template blog anda.
3. Selanjuttnya anda masuk ke bagian 'Edit HTML' lalu cari kode '<b:includable id='post' var='post'>'. Setelah anda berhasil menemukan kode tersebut, selanjutnya anda scroll mouse anda pelan-pelan kebawah lalu cari kode seperti di bawah ini :
Jika anda mengalami kesulitan mencari kode di atas sebaiknya anda lihat gambar dibawah ini
4. Selanjutnya anda blok kode tersebut seperti gambar di atas lalu klik kanan pada mouse lalu klik cut. Setelah di cut kemudian anda cari kode '<div class='post-header-line-1'/>'. Untuk menemukan kode tersebut anda tinggal scroll mouse anda pelan-pelan ke atas.
5. setelah anda menemukan kode '<div class='post-header-line-1'/>' anda enter terlebih dahulu sehingga akan ada ruangan antara '<div class='post-header-line-1'/>' dan </div>. lalu anda copy kode yang tadi anda cut tepat di atas </div> .
Maka untuk penempatan kodenya akan seperti ini gambar di bawah ini.
6. Silahkan anda klik 'Pratinjau' untuk melihat perubahan yang anda lakukan. Jika telah ada perubahan selanjutnya anda tinggal klik Simpan/Save.
Untuk membuatnya menjadi dua, anda jangan menghapus kode yang pertama, dan cukup mengcopynya. Maka share buttons bawaan dari blogger tersebut akan berada dibawah judul posting dan diakhir posting.
Demikian tutorial Cara Membuat Share Buttons Bawaan Blogger Berada Di Bawah Judul Posting. semoga postingan ini dapat membantu anda dalam mempercantik blog anda. Jika anda mengalami kesulitan jangan segan-segan untuk berkomentar dibawah. selamat mencoba.
Untuk membuat share buttons berada di bawah judul posting atau membuatnya menjadi 2 share buttons bukanlah hal yang mustahil. Anda tidak perlu menambah kode cukup memindahkan kode yang telah ada.
Nah jika anda ingin memindahkannya silahkan anda simak tutorialnya di bawah ini :
1. Pertama anda login ke blog anda.
2. Jangan lupa backup template blog anda.
3. Selanjuttnya anda masuk ke bagian 'Edit HTML' lalu cari kode '<b:includable id='post' var='post'>'. Setelah anda berhasil menemukan kode tersebut, selanjutnya anda scroll mouse anda pelan-pelan kebawah lalu cari kode seperti di bawah ini :
<!-- share buttons -->
<div class='post-share-buttons goog-inline-block'>
<b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
</div>Jika anda mengalami kesulitan mencari kode di atas sebaiknya anda lihat gambar dibawah ini
4. Selanjutnya anda blok kode tersebut seperti gambar di atas lalu klik kanan pada mouse lalu klik cut. Setelah di cut kemudian anda cari kode '<div class='post-header-line-1'/>'. Untuk menemukan kode tersebut anda tinggal scroll mouse anda pelan-pelan ke atas.
5. setelah anda menemukan kode '<div class='post-header-line-1'/>' anda enter terlebih dahulu sehingga akan ada ruangan antara '<div class='post-header-line-1'/>' dan </div>. lalu anda copy kode yang tadi anda cut tepat di atas </div> .
Maka untuk penempatan kodenya akan seperti ini gambar di bawah ini.
6. Silahkan anda klik 'Pratinjau' untuk melihat perubahan yang anda lakukan. Jika telah ada perubahan selanjutnya anda tinggal klik Simpan/Save.
Demikian tutorial Cara Membuat Share Buttons Bawaan Blogger Berada Di Bawah Judul Posting. semoga postingan ini dapat membantu anda dalam mempercantik blog anda. Jika anda mengalami kesulitan jangan segan-segan untuk berkomentar dibawah. selamat mencoba.