.jpg)
Panduan SEO dan Tutorial Blogspot pada posting kali ini akan menguraikan tentang cara memberi warna pada sebagian tulisan yang kita inginkan di sertai dengan pemberian border di sekelilingnya dan warna pada latar atau background tulisan di halaman blog.
Dalam menulis entri baru atau posting artikel di blog terkadang kita ingin memberikan tanda pada isi yang spesifik dalam tulisan yang kita buat misalnya tulisan yang memuat tutorial atau panduan membuat sesuatu. Sebagai contoh dapat Anda lihat pada halaman tukar link atau link exchange yang Saya buat sebelumnya. Pada halaman tersebut ada sebuah kotak/border yang berisi berupa tulisan kode html, text biasa dan tulisan yang terdapat link.
Tulisan dalam kotak/border tersebut di hiasi dengan warna tulisan dan background serta border yang mengelilinginya.
Nah pada tutorial seo blogspot kali ini yang menjadi bahan materinya adalah membuat tulisan seperti pada halaman tukar link tersebut yaitu cara mewarnai tulisan, memberi background, memberi border dan scroll yang kita buat di blog gratis blogspot agar terlihat lebih indah.
Untuk memulainya, silakan copy-paste kode dibawah ini ke halaman posting Anda kemudian isikan text atau kode html yang Anda ingin sisipkan dengan cara mengganti text yang ada di dalamnya:
<div style="overflow:auto; border: 5px solid #000000; margin: auto; padding: 3px; width: 90%; height: 300px; background-color: #00ffcc; text-align: left;">Untuk bertukar link dengan blog ini silakan copy kode link berikut: <font color="white"><a href="http://diarykudiblog.blogspot.com" target="new">Panduan Dan Tutorial Gratis</a></font>
<p align="center">
<font color="blue">kemudian pasang di blogroll hompage blog Anda</font></p>
<p><font color="red">Jika tidak tahu cara memasangnya di blog Anda, ikuti cara berikut</font>: <font color="yellow">klik Design, klik Page Element, klik Add a Gadget, pilih HTML/JavaScript, tempel atau paste kode html link blog ini pada kotak yang tersedia, beri judul Blogroll atau Link Lists, klik Save atau Simpan</font>
</div>
Keterangan:
overflow:auto; adalah untuk memberi scroll bar jika text terlalu panjang.
border: 5px adalah garis kotak yang mengelilingi tulisan, tebal atau tipisnya dapat Anda sesuaikan dengan merubah angka pixelnya, misalnya; 5px jadi 3px, 2px, dll.
solid #000000; adalah warna border yang dapat Anda sesuaikan dengan kode warna yang diinginkan.
<p align="center">di akhiri dengan </p> adalah kode untuk memberi paragraph dengan format text di tengah, posisi text bisa Anda rubah ke pinggir kiri atau kanan atau rata tengah dengan cara mengganti "center" dengan format yang Anda inginkan.
width: 75%; height: 100px; adalah lebar dan tinggi border.
Mudahkan caranya? Untuk membuat posting tentang contoh tulisan html yang ditampilkan di halaman seperti kode yang Saya tulis diatas perlu di parse terlebih dahulu jika tidak, maka yang muncul bukan kode htmlnya tetapi hasilnya. Untuk mengetahui cara menampilkan contoh kode html di halaman posting silakan di klik.
Source: Mewarnai Tulisan Di Blog Dengan Background dan Border http://www.zaenudin.com
