Modifikasi Tampilan Template Dengan Ronded Corner

ronded cornerMembuat ronded corner pada template mungkin akan mempercantik tempilan dari blog itu sendiri di bandingkan hanya dengan menggunakan Kotak persegi saja tapi tentunya bukan berarti template yang menggunakan kotak persegi jelek , Untuk selera dan penilaian setiap orang tentunya berbeda-beda.

Ok langsung saja pada pokok pembahasan, kali ini saya akan memberikan tips cara merubah tampilan template anda dengan menggunakan ronded corner. Sebagai conton anda bisa lihat blog saya yang ini www.chulection.blogspot.com .

Sebelumnya Sebagai tambahan saya akan menjelaskan sedikit tentang bagian-bagian dasar dari template itu sendiri.

Bagian Bagian Dasar dari Template :
  • Yang pertama Background : Ini merupakan lapisan paling bawah dari sebuah template.
  • Yang kedua Outer Wraper : Ini merupakan lapisan kedua di atas background.
  • yang ketiga Header - Main Wraper - Sidebar - Dan Footer : Ini merupakan lapisan paling atas dari sebuah template.
Header mempunyai posisi di bagian atas .
Main wraper mempunyai posisi di Bagian tengan untuk posting .
Side bar Biasanya disamping kiri atau kanan atau juga kiri dan kanan.
Dan fotter Ditempatkan paling bawah.

Untuk Tips kali ini saya mencoba memberikan tips membuat ronded corner pada bagian outer-wraper atau bagian diatas background dan di bawah main wraper .

Sekarang buka blog anda.
Masuk pada Tata Letak dan pilih Edit HTML.
Sekarang anda cari Kode html di bawah ini.

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background:#fff;
border:1px solid #04B4AE;
width: 660px;
margin:15px auto;
padding:0px;
text-align:$startSide;
font: $bodyfont;
}
Kode diatas merupakan kode standar dari template minima. sekarang anda ganti kode di atas dengan kode di bawah ini.
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background:#fff;
border:8px solid #04B4AE;
-moz-background-clip:-moz-initial; -moz-background-origin:-moz-initial; -moz-background-inline-policy:-moz-initial; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px;
width: 660px;
margin:15px auto;
padding:15px;
text-align:$startSide;
font: $bodyfont;
}
Sekarang coba previwe atau pratinjau terlebih dahulu, Kalau sudah cocock silahkan di simpan.
Anda bisa merubah lebar atau widht-y , warna background ataupun border nya sesuai keinginan anda.Selamat mencoba.

Komentar

Unknown mengatakan…
ini sobat.mau nanya,kalo di tempatku tu yang buat halaman posting yang warna coklat muda,yang ada widget Serach nya tu lho gmn cara naikinnya?..tu namanya apa ya? outer wrapper kah?
19 Juli, 2010 02:23
Horier mengatakan…
ini kan untuk keseluruhan sob dan sudah aku coba cuman gag cocok, kalo untuk body posting itu gimana yah bisa jadi rounder corner kaya template ini??
16 Mei, 2011 01:55
Posting Komentar

Postingan populer dari blog ini

Motion Tween dan Shape Tween

Gambar
Mengenal lebih dalam mengenai Motion Tween dan Shape Tween , Pada program flash terdapat 2 (dua) jenis animasi yaitu Animasi Motion Tween dan Animasi Shape Tween . 1.Motion Tween Motion Tween adalah pergerakan suatu objek dari keadaan awal sampai keadaan akhir. sebagai contoh anda ingin menggerakan suatu bola dari kiri ke kanan, dengan adanya motion tween kita bisa menggunakan sedikit objek tanpa harus membuat banyak objek, untuk contoh animasi Tween bisa anda lihat gambar dibawah ini. 2.Shape Tween Shape Tween adalah perubahan bentuk dari suatu objek ke objek lain. untuk Shape Tween objek yang dianimasikan harus berjenis Shape, untuk ukuran file yang dihasilkan Shape Tween lebih besar dibandingkan motion Tween.
Read more »

Motion Graphic atau Bumper

Gambar
Mungkin banyak diantara kita yang bertanya apa sebenarnya arti dari motion grafic . Dari beberapa artikel yang pernah gw baca semuanya tidak ada yang spesifik menjelaskan arti dari motion grafic. tapi dari semua dapat dirangkum apa arti dari motion grafic tersebut. Pengembangan dari seni graphic design yaitu motion design , konteksnya adalah motion graphic sebagai film, video atau computer animation. Termasuk di dalamnya adalah tipografi dan grafis yang bisa dilihat sebagai titles untuk film, pembuka program televisi, bumper dan elemen-elemen grafis yang muncul di layar kaca. Kemudian web-based animation, channel id berupa logo tiga dimensi yang merupakan identitas sebuah stasiun televisi. Juga bagian-bagian di dalam iklan televisi. Apapun yang muncul sebagai graphic design dalam media elektronik audio visual adalah pekerjaan yang dilakukan oleh motion designer. Secara tidak disadari oleh pemirsa awam, bahwa karya motion design muncul di media elektronik dengan porsi yang cukup besar.
Read more »

Jadikan Blogging Sebagai Sarana Ibadah Di Bulan Suci Ini + Baner Gratis

Alhamdullilah tidak terasa bulan Ramadhan akan datang kembali. Rasanya baru kemaren ngejalanin bulan puasa, begitu nikmatnya hidup ini sampai sampai setahun sudah terlewati dan bertemu lagi dengan bulan penuh Berkah, Rahmat dan Ampunan ini yaitu bulan suci Ramadhan. Kayanya sekarang waktu yang tepat untuk kita saling memberikan maaf kepada orang orang terdekat kita Orangtua, Kaka, Adik, saudara, Teman dan semuanya yang kita kenal tidak terkecuali dengan teman di dunia online ini seperti para Blogger tentunya. Di Postingan ini saya meminta maaf kepada blogger semua yang slalu setia datang,numpang lewat, kesasar, ataupun buang sampah di blog ini, Yang mungkin ada tulisan atau postingan di blog ini yang menyinggung perasaan blogger semua. ataupun komentar saya di blog anda yang kurang berkenan di hati para blogger, Dengan tulus Saya meminta maaf yang sebesar besarnya.....!!! SELAMAT MENJALANKAN IBADAH PUASA 1431 H SMOGA DI BULAN RAMADHAN SEKARANG INI KITA DIBERIKAN KEKUATAN UNTUK MENJALA
Read more »