Tutorial Membuat Signature Disetiap Akhir Artikel Pada Blogspot

Assalamualaikum Wr. Wb.

Hai, aku tuh mupeng banget tiap kali liat tampilan blog temen-temen blogger lain yang selalu ciamik dan sedap dipandang. Banyak dari mereka yang menambahkan signature ditiap akhiran artikel yang ditulis dengan menggunakan semacam tanda tangan sebagai identitas si pemilik blog tersebut. Demi kepengen pasang signature ala-ala aku sendiri, akhirnya aku beranikan diri untuk bertanya kepada salah satu temen blogger. Ternyata oh ternyata ada banyak cara untuk membuat signature pada akhiran artikel blogspot secara otomatis. Cara tersebut antara lain dengan menambahkan widget signature atau dengan menambahkan kode HTML pada template blogspot.

Setelah mencoba untuk menggunakan cara pertama ternyata aku gagal karena biasanya widget signature adalah bawaan dari tema sedangkan tema yang aku pakai adalah tema gratisan yang tidak ada fasilitas tersebut. Alhamdulillah cara kedua berhasil aku terapkan di blogku dan hasilnya adalah sebagai berikut :

Signature ala-ala Ibu Rafa

Ada yang tertarik membuat signature juga di blogspotnya? 

Okey deh biar tidak lupa aku bakalan tulis tutorial siangkatnya disini yah. Berikut ini langkah-langkah yang harus kita lakukan :

1. Membuat signature ala-ala blogger yang menjadi ciri khas/identitas blog kita

Bagi yang pandai memainkan photoshop atau corel draw maka kita bisa membuatnya disana sesuai dengan kreativitas masing-masing. Gambar yang sudah jadi bisa disimpan dalam format .png

2. Menyimpan gambar signature di Image Hosting Site dan ambil URL-nya

Langkah tersebut dapat dilakukan dengan meng-upload gambar signature pada photobucket atau flickr kemudian setelah gambar berhasil di-upload maka kita ambil url image-nya (Aku mencoba upload di google drive dan menggunakan url-nya, namun tidak berhasil muncul).

3. Backup Blogger Template 

Untuk mengantisipasi jika terjadi kerusakan pada template kita, maka alangkah baiknya sebelum melakukan insert code baru kita lakukan backup template. Caranya adalah dengan klik menu Template > Backup/ Restore > Download Full Template.

4. Menambahkan code signature image

Langkah selanjutnya adalah menambahkan signature image diakhir artikel kita dengan cara klik menu Template > Edit HTML. Cari code berikut :

<div class='post-body entry-content'>

<data:post.body/>

Dan pastekan code berikut dibawah <data:post.body/> :

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='text-align: center;'><img src='URL SIGNATURE IMAGE' style='border: none;'/></div></b:if>

5. Save Template

Setelah kode selesai ditambahkan langkah selanjutnya adalah menyimpan tema. 

5. Finish

Waalaikumsalam Wr. Wb.