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 == "item"'><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.
Info yang sangat bermanfaat.. Boleh ni kapan" dicoba..
ReplyDeleteHatur nuhun..
Yey..akhirnya dapet juga mbak..tutorialnya..
ReplyDeleteUntuk pasang foto dari Google drive harus pakai kode HTML dan disertakan link URL fotonya mbak Yeni.
ReplyDeleteCobain ah..
ReplyDeleteTutorial bermanfaat syekali..
Keren neh mba, bisa dicobain
ReplyDeleteOwh gitu toh, baru tahu.. tfs mba
ReplyDeletenyari artikel ini akhirnya dapet juga. pengen bongkaran template lagi bisa makin kece badai. hihihi. makasi ya mbaa..
ReplyDeleteSelama ini aku kira masukin manual satu-satu per postingan. Hehe. Ternyata otomatis diedit dari template
ReplyDeleteTrimakasih sharenya mbak. Pengen nyoba bikin nih. Izin noted yaa mbak :))
ReplyDeletewaahhh... aku mau coba juga ah Mbak
ReplyDeleteKapan kapan dicoba ah. Thanks infonya Mbak
ReplyDeletemaksih infonya
ReplyDeletedicoba dulu ya
https://tipshukumislam.blogspot.com/2018/06/kewajiban-terkait-si-mayit.html#gpluscomments