Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di die-silver.blogspot.com

Cara Memodifikasi Tulisan PAda Blog

Mempercantik tulisan atau kata-kata yang kita gunakan pada postingan kita tentu sangat penting untuk memanjakan pengunjung ke blog kita, agar pengunjung betah dan tidak sekedar lewat saja. Dengan keadaan blog yang ekspresif tentu pengunjung akan tertarik dan akan otomatis akan membaca postingan yang sudah kita buat. Dalam hal ini saya akan mencoba sharing kepada Anda tentang bagaimana ara memodifikasi tampilan huruf atau kalimat pada blog kita agar lebih menarik. Hal ini tidak sulit karena kita hanya memerlukan beberapa rumus HTML. Oke, langsung saja kita lihat beberapa pe-modifikasi-annya...

Cara Memberikan Tulisan dalam Mode Bold, Italic, dan Underlined:

  1. Untuk memberikan mode Italic kita hanya mengapitkan kalimat/kata di antara kode
    <i> ... </i>

  2. Selanjutnya, untuk memberikan mode Bold kita hanya mengapitkan kalimat/kata di antara kode
    <b> ... </b>
    Pada mode ini bisa juga menggunakan rumus HTML
    <strong> ... </strong>

  3. Terakhir, untuk memberikan mode Underlined kita hanya mengapitkan kalimat/kata di antara kode
    <u> ... </u>

Contoh :
  1. <i>contoh italic</i> ----> contoh italic
  2. <b>contoh bold</b> ----> contoh bold, atau
    <strong>contoh bold</strong> ----> contoh bold
  3. <u>contoh underlined</u> ----> contoh underlined


Cara Membuat Tulisan berwarna:
Pada trik ini ada dua cara karena menyesuaikan template yang menggunakan Read More pada HTML-nya menggunakan rumus <div> ... </div> atau <span> ... </span> . Saya akan membahas kedua-duanya
  1. Untuk yang menggunakan rumus <div> ... </div> pada 'Read More'nya, jika ingin memberi efek warna pada tulisan harus menggunakan rumus
    <span style="color: red;"> ... </span>
    Warna red bisa anda ganti sesuai keinginan Anda, misal yellow, purple, black, white, brown, orange, green, magenta, aqua, dsb.
  2. Nah, kemudian untuk template yang menggunakan rumus
    <span id="fullpost"> ... </span> atau
    <span class="full-post"> ... </span>
    Jika ingin memodifikasi tampilan tulisan jadi berwarna, menggunakan rumus
    <font color="red"> ... </font>
    Warna red bisa anda ganti sesuai keinginan Anda, misal yellow, purple, black, white, brown, orange, green, magenta, aqua, dsb.


Cara Mengatur Model dan Ukuran Huruf
  1. Dalam mengatur model huruf, kita akan kembali menggunakan rumus
    <font> ... </font>
    namun kita hanya menambahkan keterangan
    face="arial"
    ke dalam rumus tadi, menjadi
    <font face="arial"> ... </font>
    Untuk model huruf bisa Anda ganti sesuai keinginan Anda, misalnya ganti dengan Georgia, Courier, Times New Roman, dsb.
  2. Kemudian untuk mengatur Ukuran huruf, masih menggunakan
    <font> ... </font>
    Tapi kali ini kita menambahkan keterangan
    size="5"
    ke dalamnya sehingga menjadi
    <font size="5"> ... </font>
    Anda bisa mengganti angka 5 dengan yang Anda inginkan untuk mengatur ukuran huruf. Berikut saya kasih contoh ukuran:
    1 2 3 4 5 6
    Anda bisa mengira-ira sendiri, semakin besar angka maka huruf juga akan semakin besar. Jadi, gunakan sesuai kebutuhan saja.


Cara Membuat Tulisan Berkedip
Trik ini cuma menggunakan rumus
<blink> ... </blink>
untuk membuat tulisan menjadi berkedip (kayak bintang, hehe). Untuk contoh:
<blink>contoh kedip</blink>
maka akan menjadi seperti contoh kedip . Gampang kand? :D

Cara Membuat Tulisan Dicoret
Sama dengan rumus-rumus lainnya yang cuma diapit antara kode-kode yang diperlukan. Untuk kali ini kode yang diperlukan adalah
<strike> ... </strike>
Contohnya
<strike>cotoh coret</strike>
maka akan jadi contoh coret

Cara Membuat Tulisan Berada di Tengah
Tutorial ini menggunakan kode rumus
<center> ... </center>
Untuk contoh, penulisannya adalah
<center>contoh tengah</center>
dan hasilnya pasti Anda sudah bisa mengetahuinya :D

Oke, Selamat Berkreasi...!!!

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di die-silver.blogspot.com
Gunakan Tombol berikut untuk menyimpan halaman :
Cara Memodifikasi Tulisan PAda Blog
menjadi format PDF dan lebih maksimal jika terdapat kesalahan koneksi atau yang lainnya.

..::Artikel Menarik Lainnya::..

5 comments:

Dodi Faedlulloh July 21, 2009 at 5:28 PM  

Kang saya mau naya ko di menu posting blog sy (blogspot) jadi berubah icon2nya cuma ada cetak tebal,cetak miring, upload gambar ma video ms periksa ejaan ...
gimana cara ngebalikinnya seperti semula ?? biar menganti fonts, warna, dll .
sebelumnya sy ucapkan terimakasih ya mas ...

kalau bisa jawabnya di blog saya , sekali lagi terimakasih.

belly July 21, 2009 at 11:41 PM  

wow.. boleh juga ni..!
thanks info nya!

Aristia July 23, 2009 at 2:11 PM  

Thanks atas ilmunya, tak coba euy...

processor July 23, 2009 at 6:48 PM  

Maksih dah berbagi.....

Denny July 27, 2009 at 11:54 PM  

maaf mas ardy, saya menyanggah postingan ini.
pemakaian <span style= dan pemakaian <font sepertinya bermasalah dalam artian itu dapat di gantikan dengan fungsi ID atau CLASS dan semua itu letaknya di CSS bukan di HTML :D

Contohnya <div id='test'> dan di akhiri dengan </div> untuk tagnya bisa disesuaikan misalnya div, span, p, maupun table.

mungkin ada bisa test html atau css anda atau mungkin SEO anda di

http://raven-seo-tools.com/seo-analyzer

atau

http://validator.w3.org

Post a Comment

Silahkan menuliskan komentar anda pada opsi Google/Blogger untuk anda yang memiliki akun Google/Blogger.

Silahkan pilih account yang sesuai dengan blog/website anda (LiveJournal, WordPress, TypePad, AIM).

Pada opsi OpenID silahkan masukkan URL blog/website anda pada kotak yang tersedia.

Atau anda bisa memilih opsi Nama/URL, lalu tulis nama anda dan URL blog/website anda pada kotak yang tersedia.

Jika anda tidak punya blog/website, kolom URL boleh dikosongi atau dapat juga diganti dengan email anda.

Gunakan opsi 'Anonim' jika anda tidak ingin mempublikasikan data anda. (sangat tidak disarankan). Jika komentar anda berupa pertanyaan, maka jika anda menggunakan opsi ini tidak akan ditanggapi. Lebih baik anda gunakan pilihan dibawah ini:

Jika ingin komentar anda tidak dipublikasi, silahkan klik disini.

Terima kasih, komentar anda sangat berarti untuk die-silver.blogspot.com
:a: :b: :c: :d: :e: :f: :g:
:h: :i: :j: :k: :l: :m: :n:

newer post older post home

About Me

My Photo
ardi33
Sangat bercita-cita menjadi seorang webmaster yang selalu dapat memberikan yang terbaik dan bermanfaat kepada semua orang, dan sekarang sedang dalam tahap pembelajaran yang tak kenal lelah!!!
View my complete profile

Stats

Blog Rank:Powered by  MyPagerank.Net
Traffic Rank:Alexa Certified Site Stats for http://die-silver.blogspot.com
Online Visitor:
Blogger Template by Ardi33.Web.id.
Originally Die Silver Template Edited by TemplateZone