Cara Menciptakan Tag Typography Html Pada Blog

Tentunya mata anda tidak akan abnormal dengan tag atau sajian dengan style typography menyerupai pada gambar diatas bukan?
Anda juga dapat membuatnya kok ! penasaran? Scroll mouse anda ke bawah ya :)


Langsung saja kita ke tutorialnya ya :

1. Buka aplikasi menyerupai notepad, notepad ++ atau dreamweaver, terserah anda.
2. Kita buat file css nya terlebih dahulu.
3. File > New > Css (Dreamweaver)
4. Simpan dengan nama link.css
5. Upload filenya ke website anda, terserah pake apa, kalo aku pake google site, anda juga dapat mendaftar di google site Di sini
6. Kemudian kita buka blogger.com dan masuk ke Tata letak, tambahkan widget dan pilih html/text.
7. Masukkan Script Berikut.
8. Terus ganti "link css" dengan link css anda yang telah terupload, ganti tanda "#" dengan link sajian anda dan ganti goresan pena "Contoh" dengan nama sajian anda.
9. Setelah selesai, simpan widgetnya dan lihat blog.
10. Jika berhasil maka akan menyerupai ini kurang lebih.

    

11. Jika anda klik salah satu dari sajian tersebut maka anda akan berpindah halaman sesuai link yang anda masukkan tadi.

Sekian dari saya, Terimakasih

Semoga Bermanfaat.

Google + : https://plus.google.com/u/0/+esaprasetio
Twitter : http://twitter.com/aphriell_art
IG : @aphriel_art
Blog :
aprilartwork.blogspot.com for my artwork
aphriellart.blogspot.com for some tutorial
Email : aphriellart@gmail.com

Bagikan Artikel ini