Cara Membuat Catatan Pesan Himbauan Dengan Internal Links Di Atas Kolom Kotak Komentar Blog

Menanggapi salah satu pertanyaan Sobat Blogger dalam artikel saya sebelumnya yang berjudul Beberapa Cara Untuk Mempercepat Penayangan Halaman Blog tentang bagaimana cara membuat pesan himbauan di atas kolom kotak komentar, maka dalam artikel ini saya akan menguraikan cara yang digunakan untuk mengerjakan hal tersebut. Dimana sebenarnya teknik ini sudah banyak yang mengulas dan biasanya dimanfaatkan untuk membangun internal link pada sebuah blog. Namun demikian tidak ada salahnya bila saya mengulasnya kembali karena tidak jarang kalimat yang digunakan dalam internal link sebuah blog merupakan kalimat bawaan dari kustom template, sehingga dengan demikian nantinya dapat memudahkan dalam melakukan kustomisasi internal link sesuai dengan keinginan kita.

Sebelum kita bahas lebih lanjut, maka silakan Anda perhatikan terlebih dulu gambar di bawah ini.

Seperti yang tampak pada gambar di atas, dapat kita lihat bahwa bagian yang ditandai dengan tanda kotak dan ditunjukkan dengan tanda panah merupakan pesan himbauan yang tidak hanya berfungsi sebagai himbauan kepada pengunjung yang membaca dan atau menyalin artikel yang ada di blog ini, akan tetapi kalimat yang terdapat dalam pesan himbauan tersebut sebenarnya berfungsi ganda. Dimana fungsi yang lainnya adalah untuk membangun internal link untuk blog ini.

Oke, sekarang kita kembali pada pokok bahasan utama, yaitu tentang cara membuat pesan himbauan otomatis pada setiap artikel yang berisikan tautan internal di dalamnya. Akan tetapi di sini saya hanya akan memberikan contoh pembuatan pesan himbauan yang digunakan pada blog ini, sehingga nantinya Anda dapat melakukan kustomisasi pada kalimat yang akan digunakan sesuai dengan pesan himbauan yang akan ditampilkan di blog Anda.

Pertama, buka editor template dengan cara mengeklik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’ > ‘Expand Template Widget’.

Kedua, cari kode <div class='post-footer-line post-footer-line-3'> dan kemudian perhatikan bahwa beberapa baris di bawah kode tersebut terdapat kode </span> </div>. Nah, sisipkan kode berikut ini tepat di bawah kode </span> </div> tersebut.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div style='text-align: justify;'>
      <span class='Apple-style-span' style='color: #992211; font-size: x-small;'><b>Klik tombol "Like" atau "Suka" bila Anda suka dengan <a expr:href='data:post.url'>artikel ini</a>. Jangan lupa <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>poskan komentar</a> agar saya dapat berkunjung balik ke blog Anda. Jika Anda ingin membaca artikel lain dari <a href='http://eltelu.blogspot.com/'>blog ini</a>, maka silakan <a href='http://eltelu.blogspot.com/p/sitemap.html'>klik di sini</a> untuk membuka <a href='http://eltelu.blogspot.com/p/sitemap.html'>daftar isi</a>. Harap menyertakan dan mencantumkan <span style='color: #0b5394;'><data:post.url/></span> bila Anda menyalin dan atau meng-copy <a expr:href='data:post.url'>artikel ini</a>, dengan menggunakan kode di bawah ini. Terimakasih.</b></span>
   </div>
</b:if>

Ketiga, simpan template Anda.

Namun demikian sekali lagi perlu saya tekankan bahwasanya kode tersebut merupakan kode yang digunakan untuk membuat pesan pemberitahuan yang terdapat pada blog ini. Sehingga sebelum kode tersebut disisipkan dalam template, maka ada baiknya apabila disalin terlebih dulu ke Notepad dan kemudian lakukan penyesuaian, terutama untuk beberapa kode di bawah ini.

Pertama, ganti kode #992211 dan #0b5394 dengan kode warna yang sesuai dengan desain halaman blog Anda.

Kedua, ubah http://eltelu.blogspot.com/ sesuai dengan URL blog Anda.

Ketiga, ubah http://eltelu.blogspot.com/p/sitemap.html sesuai dengan URL halaman daftar isi yang terdapat pada blog Anda

Atau silakan pelajari dan pahami rangkaian kode yang digunakan dalam teknik tersebut, kemudian lakukan kustomisasi sesuai dengan kreativitas dan keinginan Anda.

Semoga berguna dan bermanfaat.

Salam.