11/25/16

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.

Membuat Share Buttons Bawaan Blogger Berada Di Bawah Judul 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.

Baca Juga : Cara Membuat Related Post Simpel di Blogger

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

langkah 1


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.

Langkah 2

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.  

You might also enjoy reading

Subscribe

Daftarkan email Anda untuk mendapatkan Artikel terbaru pilihan dari Andito Blog

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Silahkan berkomentar sesuai dengan topik.