Membuat Tanda Tangan (Signature) pada Blog

Sewaktu saya asik2 googling, ketemu dengan 1 tutorial menarik untuk para Blogger yaitu membuat tanda tangan (signature) seperti yang dapat dilihat pada bagian bawah postingan ini. Tanda tangan ini dapat berupa nama kita ataupun tanda tangan kita hasil scan. Tanda tangan ini nantinya akan dipoles dengan beberapa style sesuai selera kita. Hmmm..menarik sih menarik tapi apa gunanya tanda tangan ini??

Tanda tangan ini nantinya akan ditaruh di bawah postingan kita yah,,untuk menunjukkan bahwa postingan tersebut memang asli kita yang menulisnya. Jadi kita harus bertanggung jawab atas apa yang kita tulis..Selain itu, tanda tangan ini berguna agar blog kita tampak lebih keren dan cool..hehehehe.. :D
Penasaran bagaimana cara membuatnya??

Let's check it out...

1. Bukalah situs http://www.mylivesignature.com dan klik "Click Here to Start"

2. Kemudian akan muncul 3 pilihan seperti gambar di bawah ini. Pilihan pertama adalah untuk membuat tanda tangan dengan format yang telah disediakan. Pilihan kedua untuk membuat tanda tangan dengan mouse. Pilihan ketiga adalah membuat tanda tangan dari hasil scan. Pada blog ini saya menggunakan plihan pertama karena lebih mudah..hehe..tapi pilihan terserah kepada Anda.



3. Silahkan masukkan nama ataupun ID yang Anda suka..



4. Kemudian ubah sesual selera Anda mulai dari ukuran, gaya tulisan, warna dan slope(kemiringan).

5. Stelah tanda tangan kita selesai maka klik "Want to use this signature?"



6. Kemudian klik "Generate HTML Code"



7. Kemudian dilanjutkan dengan mengklik "Generate A Code for my handwritten signature"

8. Nah tampak kode HTML pada text area. Copy semua kode tersebut



9. Kembali pada pengaturan blog Anda. Plih menu "Settings" --> "Formatting". Scroll ke bawah maka Anda akan melihat "Post Template". Paste kan kodenya ditext area tersebut.

Note : Jika di dalam text are tersebut sudah berisi kode
<span class="fullpost">

</span>

maka kode HTML tanda tangannya dapat di-paste-kan di bawah kode tersebut.

10. Save pengaturan Anda. Maka setiap Anda melakukan postingan tanda tangan tersebut sudah ada dibawah. Sebagai contoh hasilnya akan tampak seperti yang di bawah ini.

Semoga membantu.. :)

Menulis kode HTML pada postingan

Waktu membuat postingan n masukin kode HTML..dan setelah liat hasilnya..lo??kode HTMLnya kok g nampak yah?

Setelah mencari-cari infromasi akhirnya dapat juga beberapa cara. Ada cara manual yaitu dengan mengganti beberapa karakter pada kode HTMLnya tapi sepertinya akan sangat merepotkan..

tapi ternyata ada cara yang lebih mudah.

Caranya :
1. Bukalah situs http://centricle.com

2. Kemudian masukkan kode HTMLnya dan klik "Encode"



3. Nah..akhirnya nampak hasilnya..



4. Sebagai catatan, untuk mengembalikan kode tersebut ke semula klik saja tombol "Decode"

Semoga membantu.. :)

Membuat Read More pada template Classic

Ketika selesai memposting sebuah artikel n lihat hasil postingannya tiba2 aq nanya"koq panjang x y?apa g bisa dipersingkat?Hmm..kemudian terpikir untuk membuat frasa "Read More" atau "Baca Selengkapnya" di blog ini.

Katanya blogger sekarang udah ada fasilitas "read more"nya..tapi koq di blogq g ad y??di-anak tiri-kan kah?hmmm..gpp de..yg penting masih dikasi izin pake blog ne secara GRATIS..hihihihi..

Setelah browsing2 akhirnya nemu beberapa cara..n setelah dicoba ..gagal.. :(
n akhirnya...

1 jam kemudian (*gaya narator di Spongebob..:D)
akhirnya nemu caranya n setelah dicoba BERHASIL!!! plok..plok..
skrg sharing buat teman2 yg jg gagal spt saya..semoga membantu.. :)

Berikut ini caranya:

1. Login ke Blogger Anda seperti biasa..

2. Kemudian masuk ke Menu Design --> Edit HTML kemudian checklist pada Expand Widget Templates.

3. Cari kode berikut ]]></b:skin> dan pastekan kode dibawah ini tepat dibawah kode tadi

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

4. Sehingga kodenya menjadi seperti ini.

]]></b:skin>
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

5. Kemudian temukan kode

<p><data:post.body/></p>

atau

<data:post.body/>

kemudian paste-kan kode dibawah ini tepat dibawahnya

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

Kemudian Save
NB : Frasa "Read More" dapat diganti sesuai hati kita.

6. Kemudian klik Menu Settings ---> Formatting. Scroll ke bawah dan pada text area Post Templates pastekan kode di bawah ini

<span class="fullpost">

</span>

Kemudian Save..

7. Nah.. ketika kita akan membuat postingan maka akan langsung muncul kode tadi tetapi harus dalam mode "Edit HTML" bukan "Compose:. Untuk postingan yang kita ingin tampilkan dilayar tanpa harus mengklik "Read More" maka ditulis di atas kode <span class="fullpost"> sedangkan untuk postingan yang ingin kita potong ditulis di antara kode <span class="fullpost"> dan </span>


Contohnya:
Ketika selesai memposting sebuah artikel n lihat hasil postingannya tiba2 aq nanya"koq panjang x y?apa g bisa dipersingkat..ato dipasang frasa "Read More" atau "Baca Selengkapnya" di blog ini y?

<span class="fullpost">
Katanya blogger sekarang udah ada fasilitas "read more"nya..tapi koq di blogq g ad y??hmmm..gpp de..yg penting masih dikasi izin pake blog ne secara GRATIS..hihihihi..
</span>

Maka hasilnya akan seperti ini
Ketika selesai memposting sebuah artikel n lihat hasil postingannya tiba2 aq nanya"koq panjang x y?apa g bisa dipersingkat..ato dipasang frasa "Read More" atau "Baca Selengkapnya" di blog ini y?
Read More...

Selamat Mencoba... :)