Cara Mengubah Judul Postingan Blog Menjadi Gambar

Cara Mengubah Judul Blog Menjadi Gambar di Blogger, kali ini Blogging With Me akan membagi tutorial tentang Mengubah Judul Postingan/blog menjadi gambar. Postingan ini saya buat untuk kk dwinkha yang kepingin judul postinganya menjadi gambar. Belum terbayang kan gmna bentuknya ? saya juga belum tau, makanya kita liat ke TKP :

[You must be registered and logged in to see this link.]

Langkah langkahnya adalah sebagai berikut :
Masuk ke Blogger coy
Pilih ajja Rancangan -- Edit Html -- centang Expand Widget template.

Kemudian bagi yang belum punya font, silahkan pilih font di [You must be registered and logged in to see this link.] kalau sudah menemukan font yang cocok klik font tersebut dan [You must be registered and logged in to see this image.]

Jika sudah selesai didownload Extract file tadi menggunakan winrar, sehingga didapatkan font dengan extensi Ttf.

Kemudian Gunakan Font Generator untuk mengconvert font yang kita download tadi , silahkan klik Font Generator.
Setelah melakukan proses convert maka akan mendapatkan Javascript font yang harus didownload dan upload ke Hosting anda.

Kemudian letakkan kode berikut sebelum kode </body>


<script src='http://cayun-code.googlecode.com/files/cufonyui.js' type='text/javascript'/>
<script type="text/javascript" src="NamaFont.font.js"></script>
<script type="text/javascript">
Cufon.replace('h1', {textShadow: '#fff -1px -1px, #333 1px 1px'});
Cufon.replace('h2', { textShadow: '#000 1px 1px, #666 -1px -1px' });
Cufon.replace('h3', {textShadow: '#000 1px 1px, #999 -1px -1px' });
</script>

ganti kode yang berwarna merah tersebut dengan Javasript font anda yang udah diupload tadi di hostingan anda.

Kemudian Save Template.


ini font yang kk Pilih tadi silahkan pasang sebelum kode

Code:

</body>
<script src='http://cayun-code.googlecode.com/files/cufonyui.js' type='text/javascript'/>
<script type="text/javascript" src="http://cayun-code.googlecode.com/files/SF_Burlington_Script_700.font.js"></script>
<script type="text/javascript">
Cufon.replace('h1', {textShadow: '#fff -1px -1px, #333 1px 1px'});
Cufon.replace('h2', { textShadow: '#000 1px 1px, #666 -1px -1px' });
Cufon.replace('h3', {textShadow: '#000 1px 1px, #999 -1px -1px' });
</script>

save aja Langsung kak.

Semoga bermanfaat, maaf penjelasanya agak ribet.