Membuat Tanda Tangan di Bawah Postingan Blog

http://www.ranirtyas.com/2017/01/membuat-tanda-tangan-di-bawah-postingan-blog.html


Sebetulnya minggu ini adalah minggu yang penuh kebaperan bagi saya, mungkin karena pengaruh dari hormonal ya. Beberapa kali saya mendapatkan nama saya di blog ini dipanggil dengan nama seseorang yang jauh lebih famous daripada saya (perasaan wanita tidak pernah bohong). Sumpah itu menjadikan saya baper sampai saya tulis di twitter.

Mau ganti nama juga tidak mungkin, karena nama ini spesial, orang tua yang ngasih. Ah mungkin kesalahannya di nama blog "Coretan Ran", karena Ran itu di situ ambigu, ini Ran siapa yang dimaksud? Kepikiran juga buat ganti nama blog Diary Rani biar kayak punya Mbak Ria Miranda gitu yang keceh, hahaha tetep aja ya idenya nyontek juga. Tetapi teman-teman pada bilang sebaiknya nama blog jangan diganti karena mempengaruhi SEO blog kita juga, apalagi kalau sudah terindeks di google, urusannya jadi panjang.

Terpikirlah buat membedakan sesuatu yang beda dari biasanya. Aha.. Membuat tanda tangan tapi aku kan sudah punya -___-". Salah sendiri sih kenapa inisial tanda tangan di blog ini cuma ditulis Ran yang mana masih ambigu Ran yang mana. Harus diganti nih, ditulis lengkap Rani R Tyas. Tetapi mau ngganti saya lupa naruhnya dulu di mana.. krik.. krik.. cuma ingat di bagian di bawah post body.

Weleh.. Ubek-ubek lagi karena dulu saya ngopinya kayaknya kalau nggak dari Mbak Handriati ya punyanya Riska Ngilan. Cuma saya tulis lagi lah (maaf ya postingan ini lebih ke sharing cara menulis tanda tangan via photoshop, LOL)

Kita buat tulisan tanda tangan dulu yuk di photoshop. Btw photoshop yang saya pakai ini PS CS3. Silakan teman-teman gunakan photoshop yang teman-teman punyai.

  1. Buat image di photoshop. Klik new image, pilih dengan background transparan
  2. Klik di sembarang tempat, lalu tulis menggunakan Horisontal Type Tool (T)
  3. Karena saya ingin menggunakan Queen Bee di depan nama saya jadi saya membutuhkan gambar Queen Bee yang saya copas dari WA 😂 jadi nanti selain membuka new image dengan background transparent, aku juga membuka image screenshut dari Queen Bee itu
  4. Kembali ke gambar tulisan tadi ya.. Pilih yang sesuai font yang kamu mau. Aku sih pakai Edwardian Script... Nggak ngerti kalau kata Mas Anang.
  5. Tulisan sudah selesai, kita copy Queen Bee nya agar berada di sebelah nama kita ya
  6. Gambar yang ada Queen Bee nya akan saya copy menggunakan Quick Selection Tool yang bentuknya kayak tongkat Ibu Peri itu lho.. Maaf saya mah nggak pakai Lasso Tool sesuai yang disarankan banyak pengguna photoshop, bukan karena kenapa-kenapa sih tapi karena lebih susah kalau pake Lasso Tool bok 😂
  7. Ayunkan tongkat sihir yang kita punya ke gambar Queen Bee yang sudah diperbesar 700X, quick selection tools ini bisa kita perbesar dan perkecil. tinggal pilih ukuran brush nya.
  8. Setelah semua selesai terklik, drag gambar Queen Bee menggunakan kursor ke image yang transparent tadi. Klik gambar kursor yang berada di sidebar kanan paling atas dulu ya.. Nama toolsnya Move Tools.
  9. Perbesar dan perkecil gambar Queen Bee agar serasi dengan nama kita dengan cara CTRL+T lalu perbesar dan perkecil sesuai kemauan kita.
  10. Simpan dengan format PNG ya, jika ada pilihan none/interlaced pilih saja yang interlaced jadi backgroundnya tetap transparan.


PS. Oh iya penggunaan CTRL+T juga berlaku untuk memperbesar/memperkecil tulisan kita lho. Pastikan menggunakannya sebelum melakukan copy dari gambar Queen Bee tadi.


Sekarang kita akan membuat gambar tersebut selalu berada di bawah postingan blog kita, jadi seperti tanda-tangan di blog kita.


Buat new post di blogspot kita. Kosongan ya. Terus masukkan image yang sudah kita simpan gambarnya tadi. Sekarang klik yang edit html, cari URL Link gambar kita, punyaku berupa https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFLRWiO-iaay1HcWsNCpIBMDUwMAsyj85M40rQQ0kIAeGxAkcHJRrUL3b5voPgFvlHXLHhQNwR5wT0EAY0WHHxa7zPZlZZcRg7D4B0VNCfDy8T2MgUqe8zPgbqLax5UDhyJViWXvj_NjzR/s1600/TTD+BLOG+NEW+COMPLETE.png
copy URL tersebut dan simpan di notepad terlebih dahulu, Oh iya gambar tersebut sebaiknya jangan dihapus ya postingan kita, jadi masih berupa draft.

Sekarang kita akan mengedit html template kita. Sebelum mengutak-atik, sebaiknya simpan dulu ya template kita dengan mendonwload template kita terlebih dahulu.

Di bagian dashbord pilih yang Template lalu edit html

Cari bagian  <data:post.body/> dengan cara CTRL+F di bagan template. Biasanya ada beberapa <data:post.body/> di bagan template tersebut, silakan teman-teman coba copy satu persatu dan lihat di mana yang cocok. Kebetulan punya saya sih yang <data:post.body/> yang kedua. Copy kode berikut di bawah kode tersebut.

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='text-align: left;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFLRWiO-iaay1HcWsNCpIBMDUwMAsyj85M40rQQ0kIAeGxAkcHJRrUL3b5voPgFvlHXLHhQNwR5wT0EAY0WHHxa7zPZlZZcRg7D4B0VNCfDy8T2MgUqe8zPgbqLax5UDhyJViWXvj_NjzR/s1600/TTD+BLOG+NEW+COMPLETE.png' style='border: none;'/></div></b:if>

Ganti URL link (berwarna merah) dengan URL link image yang sudah teman-teman copy di notepad tadi ya. 

Oh iya karena saya ingin mengganti tanda tangan di blog saya menjadi sebelah kanan, maka di bagian <div style='text-align: left;'> saya ganti left nya menjadi right.

 Setelah itu simpan template kita. Sekarang di setiap postingan blog kamu ada tanda tangannya.

Selamat memproses blognya menjadi lebih spesial ya meski mungkin akan masih ada orang yang keliru memanggil nama kita dengan nama seseorang yang lebih cantik dan famous *lalu kemudian baper lagi*.

6 komentar

  1. Ah ga juga og, aku malah bulak balik klik blog ini tanpa kuatir lupa siapa coretan ran #cieh hahhaha
    Uda branding dikau mb ran, pede ajaaa hehehhe
    Tapi aku mau ah coba mraktekin dulu di blog dummy gimana bikin signature itu

    BalasHapus
    Balasan
    1. iya kah? alhamdulillah kalau Nita udah hapal dengan diriku *ketjup

      Hapus
  2. ganti nama blog bisa ngaruh ke seo? duh, nama blog saya udah berkali-kali ganti Mbaa, dari Bawine Mangada, trus irawatihamid.com, trus Irawati Hamid, trus sekarang jadi IRAWATIHAMID.COM (pake huruf kapital) huhuhu baru taru kalo ngaruh :(

    btw selain pake photoshop ada aplikasi lain gak Mba untuk buat tanda tangan? saya gaptek banget sama photoshop

    BalasHapus
    Balasan
    1. pake apa ya mbak? asal bisa membuat background di belakangnya transparan bisa kali mbak cuma aku belum ketemu yang bisa begini selain photoshop.

      Hapus
  3. Tawone ora ngentupan to mba?

    BalasHapus

Thank you for stopping by 🥰

Terima kasih untuk tidak berkomentar menggunakan URL ARTIKEL and please jangan tinggalkan link hidup ya, sayang 😘

Sharing is caring, tapi aku bakalan sedih banget kalau tulisanku di copy paste buat blogmu. So, klik tombol share aja ya
(゚▽^*)☆

Lalu.. Demi bisa berkomentarlah secara ksatria, silakan berkomentar menggunakan akun Google ya 😁😁😁