Sabuk Pelangsing
Rp.55.000 Beli Sekarang
Fuji Belt Magnetic
Rp.75.000 Beli Sekarang
Injoy Sandal Refleksi
Rp.105.000 Beli Sekarang

Mewarnai Tulisan Di Blog Dengan Background dan Border

Post by Zaenudin Saja on Jumat, 22 Oktober 2010
Mewarnai Tulisan Di Blog Dengan Background dan Border - Cara mewarnai tulisan, memberi warna background, memberi border, dan membuat scroll pada tulisan di blog.

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.

Setelah kode diatas (sebelum keterangan) di letakan pada halaman posting maka hasilnya akan seperti berikut:

Untuk bertukar link dengan blog ini silakan copy kode link berikut: SEO Friendly Blogger Template
kemudian pasang di blogroll hompage blog Anda
Jika tidak tahu cara memasangnya di blog Anda, ikuti cara berikut: 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


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.

2 komentar:

  1. nais infonya,,,mantap2 nni isi blognya,,,,buat ningkatin backlink ke blog kita,,,,mari kita gabung yuk diforum yg adem & nyaman,,,,dgn post dan kasi link sumber ke blog kita,,,otomatis bisa dpt backlink dah tu,,,,apalagi klo postnya banyak,,,,

    yg minat silakan meluncur ke http://persadatiga.com

    BalasHapus

Mohon maaf jika komentar anda ada yang belum atau tidak saya balas karena saat ini saya sedang jarang mengurus blog. Jika ada pertanyaan yang penting untuk saya jawab silakan sms atau email atau add ym saya yang ada di menu contact. Dan yang terakhir, mohon jika anda melakukan copy-paste dari blog saya harap agar menyertakan blog ini sebagai sumbernya dan mohon untuk tidak melakukan link spam dalam komentar. Terima kasih.

INFORMASI

Mohon kepada para pengunjung yang menghubungi saya melalui formulir kontak ataupun melalui telepon agar tidak bertanya tentang poker online ataupun judi bola online karena saya tidak pernah bermain apalagi membuka agen ataupun usaha poker/judi bola/atau jenis perjudian online lainnya.

Terima kasih.

Admin

Blog Archive

Total Page View

Copyright © ZAENUDIN DOT COM | Template design by Zaenudin | Privacy Policy