Home » » Cara Mengatur Dan Merapihkan Gambar di Sidebar

Cara Mengatur Dan Merapihkan Gambar di Sidebar

 
Ada empat hal yang harus dilakukan pada pengaturan ini: Pertama, lebar image harus disesuaikan dengan ukuran sidebar, kedua, lebar dan tinggi untuk semua image disamakan, ketiga, menghapus perintah enter (<br/>) yang terdapat pada banner, dan keempat, mengganti perintah enter tersebut dengan perintah margin supaya ada jarak antara image yang satu dengan image lainnya.

Menyesuaikan Ukuran
 
Setiap kolom, baik sidebar maupun blog-post, memiliki ukuran yang berbeda-beda. Untuk itu perlu dilakukan penyesuaian ukuran gambar (image) dengan ukuran kolom tersebut. Misalnya kita akan menempatkan 3 buah image secara berjajar pada sebuah sidebar yang lebarnya 400px, maka kita harus mengatur ukuran gambar menjadi sekitar 120px (360px:3), dengan asumsi bahwa lebar sidebar telah dikurangi oleh padding kiri-kanan sehingga menjadi sekitar 360px (tergantung pengaturan padding yang ada di CSS-nya).

Cara menuliskan perintahnya seperti ini: 
 <center>
<img style="border:0px; width:120px; height:50px;" src="URL image 1"/>
<img style="border:0px; width:120px; height:50px;" src="URL image 2"/>
<img style="border:0px; width:120px; height:50px;" src="URL image dst."/>
</center>
 
Perintah border:0px supaya gambarnya tidak dibingkai dan perintah center digunakan supaya gambar-gambar tersebut diletakkan di tengah-tengah jika masih ada ruang kosong di sebelah kanannya.

Mengatur Jarak
 
Ada sebagian sobat blogger yang menambahkan perintah enter (<br/>) pada script banner-nya supaya banner-nya diberi jarak dengan banner berikutnya. Padahal untuk memberi jarak, kita bisa menambahkan perintah margin-top (margin atas) atau margin atas-bawah dan kanan-kiri, misalnya seperti:

Memberi margin atas:
 
<center>
<img style="border:0px; width:120px; height:50px; margin-top:5px;" src="URL image 1"/>
<img style="border:0px; width:120px; height:50px; margin-top:5px;" src="URL image 2"/>
<img style="border:0px; width:120px; height:50px; margin-top:5px;" src="URL image dst."/>
</center>
 
 Memberi margin atas-bawah dan kanan-kiri: 
 
<center>
<img style="border:0px; width:120px; height:50px; margin:3px 1px;" src="URL image 1"/>
<img style="border:0px; width:120px; height:50px; margin:3px 1px;" src="URL image 2"/>
<img style="border:0px; width:120px; height:50px; margin:3px 1px;" src="URL image dst."/>
</center>
 
Perintah margin:3px 1px mengandung arti bahwa gambar akan diberi margin ke atas dan ke bawah sebesar 3px, serta ke kanan dan ke kiri sebesar 1px.

Angka-angka di atas bukanlah ukuran baku. Kamu bisa mengaturnya sesuai dengan image-image yang kamu pasang. Itu hanya sekedar contoh yang hasilnya bisa kamu lihat pada menu Banner Teman yang ada di bawah.

Nah, segitu aja sob, semoga bermanfaat
thanks to sumber
Anda sedang membaca artikel tentang Cara Mengatur Dan Merapihkan Gambar di Sidebar. Anda bisa bookmark halaman ini dengan URL http://rujakcemil.blogspot.com/2013/08/cara-mengatur-dan-merapihkan-gambar-di.html. Jika Anda menyukai Artikel di blog ini, Silakan masukkan email Anda di bawah ini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit.
Bagikan artikel ini :
Description: Cara Mengatur Dan Merapihkan Gambar di Sidebar
Rating: 4
Reviewer: Aditya Nugroho
ItemReviewed: Cara Mengatur Dan Merapihkan Gambar di Sidebar

Artikel Terkait

2 komentar:

  1. Keren gan artikelnya, saya harap agan bias lebih berkreasi lagi dengna artikel barunya. Oh iya gan klo bisa jangan membuat artikel tutorial semua, kalo bias bikin artikel tips seperti artikel Panduan Cara Cepat Hamil, Buku Panduan Cara Cepat Hamil, Panduan Lengkap Cara Cepat Hamil, Cara Cepat Hamil, Buku Cara Cepat Hamil, Buku Cepat Hamil, Tips Cepat Hamil, Solusi Agar Cepat Mengandung dan tips – tips lainnya gan…biasanya artikel tips itu banyak yang cari dan bias meningkatkan pengunjung dari blog agan.
    selain itu di samping artikel-artikel seperti di atas. Saat ini kan blogger Indonesia sudah menjamur tetapi mereka tidak tahu cara membuat blog yang benar dan mengoptimalkan blognya di serp google. Coba posting juga tentang blogging dan seonya, coba posting seo seperti kata kunci Search Engine Optimizer, Belajar Search Engine Optimization, Search Engine Optimization Indonesia, Cara Menggunakan Seo, Belajar Seo Online, Cara Menggunakan Seo, Meningkatkan Seo Website, Belajar Seo Website, Cara Buat Seo, Cara Belajar Seo dan lainnya. Biar pada blogger Indonesia buka sekedar blogger biasa namun juga blogger berkualitas.

    Terimakasih.
    Semoga komentar saya bermanfaan khususnya buat admin dan pembaca setiap dari artikel ini.

    BalasHapus
    Balasan
    1. saya mengucapkan banyak terimakasih kepada MBAH KABOIRENG yang telah menolong saya dalam kesulitan,ini tidak pernah terfikirkan dari benak saya kalau nomor yang saya pasang bisa tembus dan ALHAMDULILLAH kini saya sekeluarga sudah bisa melunasi semua hutang2 kami,sebenarnya saya bukan penggemar togel tapi apa boleh buat kondisi yang tidak memunkinkan dan akhirnya saya minta tolong sama MBAH KABOIRENG dan dengan senang hati MBAH KABOIRENG mau membantu saya..,ALHAMDULIL LAH nomor yang dikasi MBAH KABOIRENG semuanya bener2 terbukti tembus dan baru kali ini saya menemukan dukun yang jujur,jangan anda takut untuk menhubungiya jika anda ingin mendapatkan nomor yang betul2 tembus seperti saya,silahkan hubungi MBAH KABOIRENG DI 082=322=212=111 ingat kesempat tidak akan datang untuk yang kedua kalinga dan perlu anda ketahui kalau banyak dukun yang tercantum dalam internet,itu jangan dipercaya kalau bukan nama MBAH KABOIRENG KLIK TOGEL 2D 3D 4D 6D DISINI











      saya mengucapkan banyak terimakasih kepada MBAH KABOIRENG yang telah menolong saya dalam kesulitan,ini tidak pernah terfikirkan dari benak saya kalau nomor yang saya pasang bisa tembus dan ALHAMDULILLAH kini saya sekeluarga sudah bisa melunasi semua hutang2 kami,sebenarnya saya bukan penggemar togel tapi apa boleh buat kondisi yang tidak memunkinkan dan akhirnya saya minta tolong sama MBAH KABOIRENG dan dengan senang hati MBAH KABOIRENG mau membantu saya..,ALHAMDULIL LAH nomor yang dikasi MBAH KABOIRENG semuanya bener2 terbukti tembus dan baru kali ini saya menemukan dukun yang jujur,jangan anda takut untuk menhubungiya jika anda ingin mendapatkan nomor yang betul2 tembus seperti saya,silahkan hubungi MBAH KABOIRENG DI 082=322=212=111 ingat kesempat tidak akan datang untuk yang kedua kalinga dan perlu anda ketahui kalau banyak dukun yang tercantum dalam internet,itu jangan dipercaya kalau bukan nama MBAH KABOIRENG KLIK TOGEL 2D 3D 4D 6D DISINI

      Hapus

 
DMCA.com
Copyright © 2013. Rujakcemil-Blog - All Rights Reserved
Proudly powered by Blogger

Log In Blogger