Wednesday 25 October 2017

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 :

menambahkan-signature-pada-blogspot
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.


12 comments:

  1. Info yang sangat bermanfaat.. Boleh ni kapan" dicoba..

    Hatur nuhun..

    ReplyDelete
  2. Yey..akhirnya dapet juga mbak..tutorialnya..

    ReplyDelete
  3. Untuk pasang foto dari Google drive harus pakai kode HTML dan disertakan link URL fotonya mbak Yeni.

    ReplyDelete
  4. Cobain ah..
    Tutorial bermanfaat syekali..

    ReplyDelete
  5. Owh gitu toh, baru tahu.. tfs mba

    ReplyDelete
  6. nyari artikel ini akhirnya dapet juga. pengen bongkaran template lagi bisa makin kece badai. hihihi. makasi ya mbaa..

    ReplyDelete
  7. Selama ini aku kira masukin manual satu-satu per postingan. Hehe. Ternyata otomatis diedit dari template

    ReplyDelete
  8. Trimakasih sharenya mbak. Pengen nyoba bikin nih. Izin noted yaa mbak :))

    ReplyDelete
  9. Kapan kapan dicoba ah. Thanks infonya Mbak

    ReplyDelete
  10. maksih infonya

    dicoba dulu ya

    https://tipshukumislam.blogspot.com/2018/06/kewajiban-terkait-si-mayit.html#gpluscomments

    ReplyDelete

Terimakasih sudah berkunjung dan meninggalkan pesan, senang dapat sharing dengan Anda :)