Hari Rabu lagi, artinya jadwalnya WednesBlog di blog saya. Kayanya cepet banget ya waktu, tau-tau udah Rabu lagi aja. Kayanya baru kemarin bikin postingan tentang 'Cara Membuat Laman' dan sekarang harus bikin postingan lagi. Tapi kalau bikin postingannya pakai cinta, Insya Allah bukan beban, ya.
Kali ini saya mau share cara mudah membuat signature di postingan. Saya juga tidak langsung tau caranya. Saya sempat cari-cari referensi dan akhirnya ketemu cara dari mbak Ari yang menurut saya paling simpel.
Untuk membuat signature pada postingan, kita memerlukan gambar. Kalau bisa gambarnya itu ada inisial nama kita atau nama blog. Kan, namanya juga signature jadi lebih baik ada ciri khas kita, seperti tanda tangan saja. Image signature bisa dibuat di photoshop, pixlr, atau aplikasi apa saja yang bisa digunakan untuk membuat gambar.
Setelah gambar tersedia, sekarang giliran memasangnya. Bukan dipasang manual ya, karena pasti akan sangat melelahkan tiap kali posting harus memasukkan signature juga. Jadi, kita akan memasangnya otomatis. Tiap kali kita membuat postingan, signature otomatis akan muncul di akhir paragraf. Yuk, ikuti langkah mudahnya.
1. Buat URL image signature yang sudah kita buat. Caranya bisa bermacam-macam. Bisa menggunkan photobucket atau lewat sebuah blogpost.
2. Lalu buka dashboard blogspot. Pilih Templete > Sesuaikan > Tingkat Lanjut/Advance > Add CSS
3. Di dalam kotak CSS, kita masukkan kode dibawah ini.
4. Ganti 'YOUR IMAGE URL' dengan URL dari image yang sudah kita buat.
5. Letak siganture bisa disesuaikan dengan selera. Mau diletakkan di kanan, kiri atau tengah. Kalau saya pakai ukuran 300px jadi posisinya ada di tengah. Kita bisa ubah ukurannya sesuai selera.
note : sebelum di apply ke blog ada baiknya kita perhatikan 'preview'nya di screen bawah. Pastikan bahwa posisi signature sudah tepat.
6. Apply to Blog/ Terapkan
Selesai deh. Gampang, kan. Jadi, nanti di tiap postingan otomatis akan ada signature yang kita buat. Signature ini juga akan jadi ciri khas blog kita. Makanya, kalau bisa buat siganture yang berbeda dan unik. Jika masih ada kesulitan, silakan tinggalkan komentar. Insya Allah akan saya jawab.
Selamat mencoba, ya.
1. Buat URL image signature yang sudah kita buat. Caranya bisa bermacam-macam. Bisa menggunkan photobucket atau lewat sebuah blogpost.
2. Lalu buka dashboard blogspot. Pilih Templete > Sesuaikan > Tingkat Lanjut/Advance > Add CSS
3. Di dalam kotak CSS, kita masukkan kode dibawah ini.
.entry-content:after {
content: url(YOUR IMAGE URL);
margin-left: 300px;
}
|
4. Ganti 'YOUR IMAGE URL' dengan URL dari image yang sudah kita buat.
5. Letak siganture bisa disesuaikan dengan selera. Mau diletakkan di kanan, kiri atau tengah. Kalau saya pakai ukuran 300px jadi posisinya ada di tengah. Kita bisa ubah ukurannya sesuai selera.
note : sebelum di apply ke blog ada baiknya kita perhatikan 'preview'nya di screen bawah. Pastikan bahwa posisi signature sudah tepat.
6. Apply to Blog/ Terapkan
Selesai deh. Gampang, kan. Jadi, nanti di tiap postingan otomatis akan ada signature yang kita buat. Signature ini juga akan jadi ciri khas blog kita. Makanya, kalau bisa buat siganture yang berbeda dan unik. Jika masih ada kesulitan, silakan tinggalkan komentar. Insya Allah akan saya jawab.
Selamat mencoba, ya.
Tapi kalo diakses di hp dg versi seluker gk keliatan ya signature nya. :)
BalasHapusIya, kalo pakai versi seluler ngga keliatan.
HapusKurang suka sih pake ginian, jadi berat lodingnya kalo ada yang liat dari hape
BalasHapusAku pakai, tapi ngga bikin berat pas dibuka karena pakai templete yang mobile friendly, responsive. Kadang, yang membuat berat si blog saat dibuka itu karena templetenya ga responsive atau foto dlm postingan terlalu besar ukurannya. CMIIW... ^__^
Hapuswah belum nyoba nih, masih belum punya foto yang apik hehehe
BalasHapusayooo bikin bikin ^___^
HapusDuh...kalo sudah pake css mulai pusing deh...hehehe
BalasHapustapi simpen ah...siapa tahu ntar mau nguplek uplek blog.. :))
awalnya memang gitu mbak ika, pusing liat kode kode. Etapi pas udah dimainin, malah nagih hahaha ^__^ dicoba yuuk ^__^
Hapusbookmarked dulu nanti balik lagi :). klo emak2 gaptek ini menemui kesulitan bs dihubungi langsung ya say :)
BalasHapusasiik di bookmark, dengan senang hati mau bantuuin mom of trio ini. Kita japri-japrian yaak ^__^
Hapusbookmark dulu ntar dicobain :)
BalasHapusyukk..yuuk.. dicoba :)
HapusGaada yang WP, Mbak? *kudet nih*
BalasHapusngga ngerti mbak put ^__^ maaf
HapusTerimakasih untuk ilmynya bunda hhhee
BalasHapussamasama mbak azha ^__^
HapusDulu pernah pakai siggy tapi kemudian males karena mau hemat space...sedikit demi sedikit jadi bukit
BalasHapusTapi nyoba sekali-sekali ah...TFS
iya.. bisa dicoba lah ^__^
HapusPengen banget pake signature, tapi gak bisa potosop bikin logo nya hihihii.. Bikinin donk makkk (request) ==> banyak maunya #kabur
BalasHapusnext time aku bikinin deh. Tapi tulisannya "Thank You" aja yaahhh hahahah ^__^
Hapusbelum praktek tapi bookmark dulu ya kak. makasi infonyaaa.
BalasHapussama sama mama fatih ^___^
HapusUciii...mamapir dung, udah terpasang tuh signature-ku :)
BalasHapusmakasyii yaa
tadi udah mampir lewat handphone, bagusssss bangettt signaturenya. Soal letak, mungkin karena mbak ophi pakai "related post" jadinya signature adanya di bawah 'related post' deh. Mesti dibuka dari html dulu nih kayannya. Ngeceknya dari situ
HapusMakasih ilmunyaa.. Kapan2 dipraktekkin kalo udah sempet hehe.. Judul blogku juga udah pake signature, soalnya :D
BalasHapusmakasih udah mampir mbak ^__^
Hapusterima kasih buat tipsnya mbak, ditunggu tips-tips ngeblog berikutnya, hehehe :)
BalasHapusaak.. aku dari dulu kok ya paling males yak pake signature begini, hueee
BalasHapusMakasih tipsnya mbak, kebetulan saya lagi nyari cara ini,,,,,
BalasHapuskeren nih mba... makin girly blognya....
BalasHapusdesain signature-nya cakep mbak Uci
BalasHapusMbak Uciiii aku nyoba berkeleus2 g berhasil2 T_T piye iki mbak...
BalasHapus