• Posted by : Unknown Apr 25, 2012

    Salam bagi gan2 semua..
    Kali ini saya akan membahas tentang Cara Mengganti dan Menambah Style Font di Template Blogger.
    Mungkin gan sudah tau apa itu font, font adalah jenis atau gaya tulisan. Pada blogspot (blogger), gan bisa mengganti font pada template gan, namun jumlah jenis font sangat terbatas. Beberapa jenis font yang dimiliki blogger yaitu arial, courier, georgia, lucinda grande, times, trebuchet, verdana dan webdings. Jenis font ini kadang tidak sesuai dengan keinginan gan. Ada pasti ini memiliki font dengan gaya blog gan sendiri yang lebih stylis atau elegan. Untuk itu saya akan memberikan trik dan tips bagaimana kita bisa memperoleh
    bermacam-macam font untuk digunakan ditemplate gan. Simaklah tutorial berikut ini:

    1. Buka situs Google Web Font http://www.google.com/webfonts/#ChoosePlace:select
    2. Silahkan cari jenis font yang gan inginkan, tambahkan beberapa font dengan mengklik tombol Add to Collection.
    3. Klik tombol Use disebelah kanan bawah browser
     

    4.Kemudian kopi kode dari Google Font (kodenya seperti ini, kode ini hanya contoh saja tidak perlu gan copi):
    <link href='http://fonts.googleapis.com/css?family=Condiment' rel='stylesheet' type='text/css'>

    5. Pada template gan carilah kode seperti ini <![CDATA[/*
    6. Paste kode yang dikopi dari Google Web Font diatas kode <![CDATA[/*
    7. Tambahkan kode slash "/" yang berwarna merah pada akhir kode yang dipaste tadi sehingga terlihat seperti dibawah ini:
    <link href='http://fonts.googleapis.com/css?family=Condiment' rel='stylesheet' type='text/css'/>
    8. Sekarang anda tinggal mengganti font pada template anda. Saya akan memberikan contoh bagi anda untuk mengganti font header di template anda, caranya seperti berikut ini:
    9. Carilah kode #header h1 atau h2.postTitle {
    10. Setelah itu ganti font family yang tadi anda pilih, contohnya seperti dibawah ini:

     Kode awal pada template yang belum dirubah:

    #header h1{color:#00008B;font-size:26px;font-family: Arial ;font-weight:700;text-decoration:nnne;margin:0;padding:10px 0 0 10px}


     Kode setelah saya rubah:
    #header h1{color:#00008B;font-size:26px;font-family:'Condiment', cursive;font-weight:700;text-decoration:nnne;margin:0;padding:10px 0 0 10px}

    11. Setelah semua yang diatas sudah selesai. Simpan templatenya gan. Dan gan2 semua sudah bisa melihat hasilnya.
    Begitulah caranya kita menambahkan font baru ke template, bagaimana tertarik untuk membuatnya. Silahkan dicoba aja, tapi jangan lupa ikuti langkah di atas dengan baik dan ingat untuk back up template gan. 


    Sekian dulu pemberitahuan dari saya..
    See you in my next pages..
    Bye gan..!!

    Selamat mencoba..


    *jangan lupa komentarnya ya gan.. :D

    { 2 comments... read them below or Comment }

    Peraturan yang harus diikuti ketika membuat komentar :
    1. Tidak Membuat Link Aktif
    2. Tidak SPAM
    3. Menggunakan Bahasa Yang Sopan
    4. Tidak Berhubungan Dengan SARA, Seks, dan Judi

    Selamat Berkomentar..
    Terima Kasih Atas Kerjasamanya.. ^_^

    Show Konversi KodeHide Konversi Kode Show Emoticon

  • Copyright © 2013 - Nisekoi - All Right Reserved

    ANS Home Powered by Blogger - Designed by Johanes Djogan