-=Explore The World From Our Binary=-
 
HomeIndeksPendaftaranLogin

Share | 
 

 Cara Mengubah Judul Postingan Blog Menjadi Gambar

Topik sebelumnya Topik selanjutnya Go down 
PengirimMessage
Jiban
Corporal
Corporal


Jumlah posting : 159
Points : 390
Reputation : 7
Join date : 09.07.11

PostSubyek: Cara Mengubah Judul Postingan Blog Menjadi Gambar   Sun Jul 15, 2012 9:32 pm

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 :

Demo Judul Postingan Gambar

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.
Kembali Ke Atas Go down
 
Cara Mengubah Judul Postingan Blog Menjadi Gambar
Topik sebelumnya Topik selanjutnya Kembali Ke Atas 
Halaman 1 dari 1
 Similar topics
-
» Cara Mengubah Ini Jadi Seperti Ini?
» [ASK] Ganti kampas rem kok bunyi kresek2 di disc brake nya ya
» [WTA]Cara Turunin Riding Posisi (biar lebih nunduk)
» Gimana caranya jdi orang yg serius??
» ganti setang lebar buat ninnin......

Permissions in this forum:Anda tidak dapat menjawab topik
.:: Blackc0de Forum ::. :: Webmaster :: Blogspot-
Navigasi: