Tutorial Blog Untuk Pemula
  • 1. Panduan membuat blog
  • 2.Cara Mengatur/setting blog
  • 3.Membuat Text berjalan
  • 4.Cara memposting artikel
  • 5.Cara membuat Text Area
  • 6.Cara membuat menu dropDown
  • 7.Cara memasang Metta Tags
  • 8.Cara memasang jam di Blog
  • 9.Cara memasang Feed Di Blog
  • 10.Cara Membuat Email Subscribe Form dengan Feedburner
  • 11.Cara Menghilangkan Judul Blog
  • 12.Mengubah Title Blog dengan Title Postingan
  • 13.Cara menampilkan widget hanya di halaman depan
  • 14.Cara Membuat Refresh di Blog
  • 15.Cara Mengimpor Blog Ke Catatan Facebook
  • 16.Apa Siih Peringkat Alexa..?
  • 17.Mengatasi Blogspot yang di hapus Blogger
  • 18.Membuat Pagging Di Blogspot
  • 19.Membuat pesan Selamat Datang dan Selamat tinggal Di Blog
  • 20.Cara Membuat Form Contact via E-mail Untuk Blog
  • 21.Mengatur Huruf dan Warna di blogger
  • 22.Cara Memasang Tombol Facebook Share Dalam Postingan Blog
  • 23.Buat Tulisan Bergaya Web Secara Online
  • 24.Pasang User Online Status
  • 25.Cara Memasukan Video Di dalam postingan
  • 26.Cara membuat atau mengganti Favicon Di Blog
  • 27.Cara Menampilkan Form Komentar Hanya di Postingan Tertentu
  • 28.Cara Mengubah Tampilan Kursor Blog
  • 29.Cara MeMbuat Banner Animasi Untuk Blog
  • 30.Memasang Tombol Like Facebook Di Blog
  • 31.Pasang Fasilitas Print di Blog
  • 32.Pasang Icon Emotions Upin dan Ipin di Komentar Blog
  • 33.Membuat Tulisan terbalik Di Blog
  • 34.Cara Menampilkan kode HTML di Postingan
  • 35.Cara Pasang Recent Post
  • 36.Cara membuat Search Box pada Blog
  • 37.Daftar Situs Social Bookmarking Dofollow
  • 38.Cara Membuat Menu di Blogspot dengan List-O-Matic
  • 39.Mengganti Template Di Blogger
  • 40.Cara Daftar di Search Engine
  • 41.Apa siih Google Page Rank..??
  • 42.Menambahkan Search Engine di blog
  • 43.Pasang Pelacak IP Address di Blog
  • 44.Pasang Widget Top Artikel
  • 45.Tips membuat Blog Lebih menarik
  • 46.Membuat Tulisan Yang Dicoret pada postingan
  • 47.Cara mendaftar Google Sitemap
  • 48.Fitur Fitur baru Dari Blogger.com
  • 49.Cara Pasang Recent Post dengan Thumbnails
  • 50.Menghilangkan Icon Obeng dan Tang / Quick edit Blogger
  • 51.Cepat Terindeks di Search Engine
  • 52.Membuat Drop Cap( Tulisan bergaya Koran )
  • 53.Membuat Tanda Tangan(Signature) Online
  • 54.Membuat Gambar ASCII
  • 55.Cara Upload Foto Ke Photo Bucket
  • 56.Cara Memasang Widget Visitor Di Blog
  • Seputar SEO (Search Engine Optimezed)

    Minggu, 13 Maret 2011

    Membuat Drop Cap( Tulisan bergaya Koran )


    Pada suatu waktu,temenku nannya,gimana siih cara buat tulisan yang Kaya Di koran untuk di tempatkan di postingan blog / website..?? mungkin buat temen-temen yang ahli di bidang web programming mungkin perkara yang mudah,tapi bagi yang gak bisa web programming khususnya HTML dan CSS mungkin akan kebingungan,nah dari itu aku mau kasih tau cara membuat tulisan yang Bergaya koran Atau Drop Cap pada postingan Blog..makanya jangan pindah chanel..pantengin teruss.
    Contoh tampilan tulisan Drop Cap:


    Dreamweaver Adalah salah satu software yang banyak di gunakan oleh para web programing di seluruh dunia untuk mendesain dan menulis script programing


    Nech langkah-langkahnya untuk membuat kaya yang di atas:
    1.Masuk Ke Akun Blog anda dengan ID Anda

    2.Klik menu Layout

    3.Klik Edit HTML

    4.Pada kotak Edit HTML paste kan kode berikut persis di atas kode ]]></b:skin>

    5.Klik ADD TO BLOG pada menu HTML


    .awal {
    float:left;
    color: #000000;
    background:#ffffff;
    line-height:80px;
    padding-top:1px;
    padding-right:5px;
    font-family:times;
    font-size:100px;
    }


    6.jika anda ingin memakai/memasangkan drop cap pada postingan,maka diawal anda harus mengetikan:

    <span class="awal">huruf awal </span>
    Untuk penerapannya :

    <span class="awal">D </span>reamweaver Adalah salah satu software yang banyak di gunakan oleh para web programing di seluruh dunia untuk mendesain dan menulis script programing


    Hasilnya seperti pada contoh di atas..
    Semoga bermanfaat…………………..

    Ingin artikel Blog ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan.

    Masukan Alamat Email Anda :
    Postingan yang Berhubungan

    0 komentar:

    Posting Komentar

    Download buku Yang Bermanfaat

    Gabung bersama kami

     
    Copyright  2011 @ Johan Untuk Perempuan || Johan507-berbagi.blogspot.com