BLOG SEO ENGINE

Sebagai seorang Blogger tentu kita sering kali mencoba mencari cara bagai mana untuk memberi sentuhan-sentuhan kreatif kedalam blog sehingga terlihat menarik. Banyak cara yang dapat kita gunakan untuk mempercantik Blog, seperti Menambah beberapa Widget yang telah disediakan Blogspot maupun buatan sendiri. Tips dan Trik Untuk Mempercantik tampilan blog bisa banyak kita temukan di berbagai blog, hal ini menunjukkan bahwa banyak para blogger yang menginginkan Blognya terlihat cantik dan rapi.

Jika sebuah blog yang memiliki banyak artikel yang menarik untuk dibaca, tetapi akibat dari penampilan blog yang kurang tertata dengan rapi dapat membuat minat si pengunjung akhirnya tidak jadi untuk membaca artikel postingan yang ada pada blog tersebut. dan Sebaliknya, Sebuah Blog Memiliki artikel yang minim dan tidak terlalu terpokus pada materi tetapi karena penamilan blog terlihat cantik dan tertata rapi, ini membuat pengunjung akan semakin betah berada di dalam blog.

Nah, Untuk itu disini saya ingin membuat satu artikel postingan yang dapat mempercantik Blog anda dengan "Membuat Border Gambar di Postingan Blog". Caranya sangat mudah, hanya perlu sedikit mengedit HTML postingan Gambar.

Berikut ini "Cara Membuat Border Gambar" di Postingan Blog :

Image Awal :

Image dengan Border :

1. Upload Gambar (Images) yang ingin anda masukkan Kedalam Postingan Artikel Blog anda.

2. Edit HTML Gambar (Images) yang telah anda Upload dengan Code Berikut ini :

<img border="0" height="145" width="215" style="float:left;border:3px solid #555;padding:4px;margin:0 20px 10px 0;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_L7IHXu6tgweXSgpVM3NPdpM-cAAzyURl6NiqO9BtOpQXt2Z0qeAF5UfEv-h94kjwJXhDdnZ6-q7lqY8zYWh_fDaZ15sgqAxg8FhY5EZZYjsD6nEVS_Qo79ryAtqAJ8nU_XnQ6apqD98/s320/Sukarno.png" />

Keterangan :

Kode HTML :

style="float:left;border:3px solid #555;padding:4px;margin:0 20px 5px 0;

float:left; » Digunakan apabila gambar diletakkan di posisi sebelah kiri. Apabila gambar disebelah kanan, kode HTML menjadi : float:right;

Padding » Digunakan untuk membentuk jarak antara gambar dan bingkai gambar. Besaran dalam pixel (px), dimana semakin besar maka jaraknya bertambah lebar.

Margin » Digunakan untuk membentuk jarak antara bingkai gambar dan segala sesuatu di sekitarnya (gambar ataupun teks). margin:0 20px 5px 0; digunakan untuk gambar pada posisi sebelah kiri, sedang apabila di sebelah kanan maka bentuk kode menjadi : margin:0 0 5px 20px; Sekian Dulu "Tips Cara Membuat Border Gambar di Postingan Blog" yang dapat anda terapkan kedalam blog anda.