Cara Mengatur Posisi Gambar Blog dengan Kode Eksternal CSS

Tutorial CSS - Bila kalian perhatikan kode gambar blog diatas yang berwarna kuning, kode tersebut yang biasa penulis hapus untuk memperbaiki Nilai SEO Artikel Postingan Blog Penulis. Efek sampingnya, gambar Blog menjadi berada di samping kiri artikel.  Agar bisa mengatur posisi gambar blog sesuai selera dan tidak mengurangi Nilai SEO artikel Postingan Blog, penulis menggunakan Kode eksternal CSS yang mana kode eksternal CSS ini tidak berpengaruh buruk terhadap nilai SEO. Bagaimana Cara Mengatur Posisi Gambar Blog dengan Kode Eksternal CSS ? perhatikan cara nya berikut ini.

Kita mulai dengan menuju ke bagian tema template blog kemudian klik edit HTML. Sebelum kita mulai lebih lanjut,  pada Artikel Cara Mengatur Posisi Gambar Blog dengan Kode Eksternal CSS ini, Penulis membahas tiga cara pengaturan posisi gambar yaitu cara mengatur posisi gambar di tengah, posisi gambar di sebelah kiri dengan teks postingan blog di samping kanan dan Posisi gambar di sebelah kanan dengan teks postingan blog disamping kiri.

Kita lanjut lagi, setelah kita klik edit html template blog, Pertama-tama yang perlu kita lakukan yaitu Letakkan Salah satu  Kode Eksternal CSS yang ada pada gambar dibawah ini sebelum kode </head> dan </style>

/* Kode Eksternal CSS Mengatur Gambar Posisi Tengah*/
.post-body img{text-align:center;display:block;}

/* Kode Eksternal CSS Mengatur Gambar Posisi Kanan*/
.post-body img{float:right;display:block;padding: 0px 0px 0px 10px;}

/* Kode Eksternal CSS Mengatur Gambar Posisi Kiri*/
.post-body img{float:left;display:block;padding: 0px 10px 0px 0px;}

Setelah kalian letakkan salah satu kode Eksternal CSS diatas, maka posisi gambar postingan Blog yang sebagian kode tidak bergunanya sudah dihapus secara otomatis berubah sesuai kode CSS yang dipasang. dibawah ini hasil gambar blog yang posisi nya secara otomatis terbentuk dari kode eksternal CSS.



Demikianlah Artikel Tentang Cara Mengatur Posisi Gambar Blog dengan Kode Eksternal CSS, Semoga bermanfaat – Tutorial CSS.

Share this Cara Mengatur Posisi Gambar Blog dengan Kode Eksternal CSS article :

Facebook Twitter Google+

Artikel Terkait Cara Mengatur Posisi Gambar Blog dengan Kode Eksternal CSS

TENTANG PENULIS

Nanang Sugiarto

Penulis seorang Programmer Aplikasi Database Vb6 dan Blogger. Situs Web yang dibuat Penulis yaitu : Nanang Sugiarto WorkShop, Tutorial VB6 Sugiarto, Tutorial Microsoft Office Sugiarto, dan Seputar Pengetahuan Pangan.