Cara Mudah Membuat Tanda Tangan Otomatis Di Postingan Blog

Lama gak share seputar blog, kali ini saya mau bagikan salah satu cara membuat blog kamu jadi makin ketjeh! Salah satunya dengan menambahkan atau membubuhkan tanda tangan kamu di setiap postingan blog kamu. Tanda tangan ini semacam watermark, jadi setiap selesai memposting maka kamu akan melihat tanda tangan atau watermark itu di postingan kamu. Dari beberapa yang saya lihat di situs para blogger, tanda tangan otomatis di postingan blog biasanya berupa nama mereka dengan sedikit ornamen khas blognya. Ornament ini bisa berupa doodle atau desain khas blognya, atau ada juga yang tidak menggunakan ornament apa-apa, hanya nama yang diketik dengan font sama dengan font yang dipakai di blognya.

Seperti apa sih penampakannya? Kamu bisa cek disini. Pada akhir postingan saya sudah tertanda tangan secara otomatis, cantik kan? Hehe. Nah, kalau temen-temen juga mau buat seperti itu supaya blognya makin cantik, simak dulu tutorialnya berikut ini:

Cara Membuat Tanda Tangan Otomatis Di Blog

Sebelum mulai ke tutorialnya, jangan lupa untuk siapkan desain tanda tangan kamu yang sudah berbentuk file PNG. Untuk membuat desain tanda tangan ini bisa menggunakan Photoshop, atau photo editor online seperti Photobucket atau PicMonkey. Kalau kamu mau lebih simple bisa gunakan random design saya dengan meng-copy link gambar dibawah ini.

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZJ9OGe7MSjVg92Um4fdrtOx2jHWC2VDsw1GvmkgYz-v8EWwj_nD4SDbCDfuaKkUcpmbzI2F2AExdGBrp3dL4vZ39sy4rw9mUdFdxmOvLIpAi1fPbbR00AsZ6CpNufYo-twLkBvLvvaA/s1600/design1.png"

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy7QcF84kuKtokfrT-fVzQSQFqqbpbWuMhaflXJyh2GxhWcm6F9QeEnN5aHeerKIsfeB2BHdWYkYmuRYL_ArXqIfMpg2MC8epI7x_HGOhFl3Osn09qbCQPU6Dw55WAPBrNqtmL7oQ7bA/s1600/design2.png"

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAHITNVgVcieR4gPVJ6Hbv8gZzmyciCGUXCvirgR7ItoNuAw3b1r1HvaangLPxXjxn7bYwAIEoyyQzJB62ASniyRM0dYAFBTWxb4XB6fjqyYUppAJrT85PIt9i_tIh6djbKJhCBzCe6A/s1600/design3.png"

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggGjlqxTLAGvwkbufYbuX3p7Iom1uSC3cmuoE0DAZMlI4zepghPH0zMY2kXo3s10DT1dF_SLxN5BgaoYhIwWHDjsRyh_XffrkJd_otPd3hkMho9pVEwhTn6WbbNIupMGQG4760JMUQew/s1600/design4.png"

Baca juga: CARA MEMBUAT LINK GAMBAR

Are You Ready? Lanjut ke tutorial pemasangannya.

• Langkah pertama yang harus kamu lakukan adalah buka blog kamu dan masuk ke halaman Template kemudian klik Edit HTML dan cari kode berikut ini: <div class=’post-footer’> . Untuk lebih mudah mencarinya dengan mengetikkan Ctrl + F lalu copy kode dan klik enter.

• Langkah kedua setelah kamu menemukan kode ini <div class=’post-footer’> kemudian salin kode dibawah ini tepat diatas kode tersebut.

<img src="http://Your-Link-Image.png" border="0" alt="your photo name"/>

• Langkah ketiga sebelum kamu save, apabila kamu ingin membuat jarak antara tulisan dengan tanda tangan maka kamu bisa tambahkan kode berwarna hijau dibawah ini tepat diatas kode ini: <img src="http://Your-Link-Image.png" border="0" alt="your photo name"/> 
• Kode: <br/><br/>

Jadi akhirnya akan seperti ini kodenya

“<br/><br/>

<img src="http://Your-Link-Image.png" border="0" alt="your photo name"/>

<div class=’post-footer’>”

Penasaran? Silakan diterapkan :) saya berharap semoga tutorial ini bisa membantu temen-temen yang sedang mempercantik blognya. Jangan lupa tinggalkan komentar kalau ada yang ingin ditanyakan atau ingin tutorial lainnya seputar blog supaya bisa saya buat segera. Terima kasih sudah berkunjung ke Not A Planning Blog.