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:
- Untuk memberikan mode Italic kita hanya mengapitkan kalimat/kata di antara kode
<i> ... </i> - 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> - Terakhir, untuk memberikan mode Underlined kita hanya mengapitkan kalimat/kata di antara kode
<u> ... </u>
Contoh :
- <i>contoh italic</i> ----> contoh italic
- <b>contoh bold</b> ----> contoh bold, atau
<strong>contoh bold</strong> ----> contoh bold - <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
- 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. - 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
- Dalam mengatur model huruf, kita akan kembali menggunakan rumus
<font> ... </font>
namun kita hanya menambahkan keteranganface="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. - Kemudian untuk mengatur Ukuran huruf, masih menggunakan
<font> ... </font>
Tapi kali ini kita menambahkan keterangansize="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 . 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
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,
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.
Cara Memodifikasi Tulisan PAda Blog
menjadi format PDF dan lebih maksimal jika terdapat kesalahan koneksi atau yang lainnya.
Trik Blog
- Masalah Pada Kotak Komentar
- Memberi Penomoran Pada Daftar yang Ditulis
- Editor Baru untuk Posting di Blogspot
- Mengganti Tulisan Read More dengan Gambar
- Cara Mengembalikan Blog yang Terhapus
- Cara Setting Domain Berbayar di Blogspot Tanpa Hosting
- Cara Membuat Status YM Sendiri
- Cara Membuat Read More Menggunakan Span-id
- Cara Memasang Emoticon di Atas Kotak Komentar
- Hosting Gratis 000webhost.com Mengalami Problem
- Cara Membuat Spoiler di Blog
- Cara Memasang Gadget Online Visitor
- Cara Berkomentar yang Baik dan Benar
- Membuat Menu Dropdown Dan Variasinya
- Pasang Alert di Blog Sebagai Pesan Penutup
- Cara Membuat Daftar Isi Pada Blog
- Cara Membuat Tabel Pada Blog
- Mempercantik Tampilan Judul Posting pada Label
- Membuat Huruf Posting Bergaya Koran
- Cara Pasang Statistik dan Tracker
- Cara Menampilkan Recent Comments
- Cara menghilangkan Tang dan Obeng
- Memodifikasi Tampilan Artikel Berlangganan Feedburner
- Memasang Widget Artikel Terkait/Related Post pada Blog
5 comments:
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.
wow.. boleh juga ni..!
thanks info nya!
Thanks atas ilmunya, tak coba euy...
Maksih dah berbagi.....
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.