Postingan

Menampilkan postingan dengan label CSS

Cara Mudah Membuat Menu Navigasi Dengan CSS Tab Designer

Gambar
Buat blogger yang tampilan blognya masih perlu penambahan menu navigasi sebagai sarana untuk mempermudah pengunjung melihat konten atau isi di blog anda, Tapi anda masih bingung ingin membuat menu navigasi seperti apa yang pas dan menarik ? Disini saya akan memberikan alternative bagi anda yang belum mendapatkan menu navigasi yang sesuai dengan selera anda anda tidak perlu repot mendesain menu navigasi dari awal sampai akhir , anda cukup menggunakan program dari CSS Tab designer ini semuanya bisa dilakukan dengan sangat mudah. Khusus bagi anda yang ingin membuat navigasi vertikal maupun horizontal yang super cepat dengan hasil yang bagus dan profesional anda bisa menggunakan program CSS Tab Designer V 2.0. Program CSS Tab Designer V 2.0 ini akan membantu anda membuat berbagai macam navigasi baik vertical maupun horizontal dengan cara yang cukup cepat dan mudah kaena program CSS Tab Designer V 2.0 telah menyediakan beragam macam menu navigasi vertikal dan horizontal dengan banyak pi

Modifikasi Search Box Auto Hide Dengan Background

Gambar
Memasang kotak pencarian atau search box di blogger akan memberikan kemudahan bagi pengunjung untuk mencari dan melihat postingan di blog anda. Dan untuk kali ini saya coba memposting cara membuat search box menggunakan Auto Hide denga menambahkan backkground warna ataupun background image. Untuk Auto Hide tentunya anda sudah jadi saya tidak perlu menjelaskan lagi. Untuk search box sebenarnya dari blogger sendiri sudah menyediakanya. namun kita tidak bisa meng custom tampilan dari search box tersebut ataupun merubahnya. Tapi dengan cara di bawah ini anda bisa merubah tampilan dari search box di blog anda. Contoh search box auto hide seperti di bawah ini Langsung saja pada pokok bahasan membuat atau me - modifikasi search box auto show hide. Masuk ke Blogger Pilih Tata Letak ( Rancangan ) - Tambah Gadget - HTML/JavaScript Masukan Kode HTML di Bawah ini. <style type="text/css"> #searchboxo{ background:#f3f3f3; border:1px solid #6B7171 ; width:240px; height:25px; ma

Mengganti Judul posting Dengan Text Shadow

Untuk kali ini sya mencoba memberikan tips atau cara membuat teks shadow pada judul posting, mungkin blogger semua sudah mengenal atau mengetahui penggunaan teks shadow ini jadi saya cuma melengkapi saja. Langsung saja : Text shadow Pada Judul posting Langkah pertama masuk pada blog anda lanjukan pada Tata Letak - Edit HTML Cari kode seperti ini .post h3{ Lalu masukan kode text shadow di bawah ini di bawah kode .post h3{ text-shadow: 2px 1px 7px ; hasil Text nya akan seperti ini. Text shadow Pada Judul posting Di bawah ada beberapa jenis atau model dari text shadow yang bisa anda gunakan. text-shadow: 2px -2px 4px; hasil Text nya akan seperti ini. Text shadow pada Judul posting text-shadow: 2px 2px 0px; hasil Text nya akan seperti ini. Text shadow pada Judul posting text-shadow: -1px -1px white, 1px 1px #333; hasil Text nya akan seperti ini. Text shadow pada Judul posting Silahkan anda pilih beberapa jenis teks shadow yang ada di atas. Anda juga bisa Mengcustomize dari jenis text

Membuat Navbar Menu Secara Online Dengan Graphic Navbar Generator

Gambar
Navbar atau Navigasi Bar adalah sebuah Navigasi atau Menu yang di gunakan untuk menyimpan Link Link Menu pokok atau penting di Blog atau Website. Navigasi ini bisa berbentuk Vertical ataupun Horizontal . Navigasi Bar ini bisa dibuat dengan menggunakan image ataupun background warna saja dengan berbagai macam variasi. Di Postingan sebelumnya saya pernah membahas bagaimana Cara Membuat Menu Horizontal Yang Simple dan Cantik. silahkan di baca baca dulu untuk flash back memory anda. Kalau sudah silahkan lanjukan bacanya. Untuk kali ini saya akan memberikan informasi cara membuat Navbar atau Menu Navigasi ini secara online, yaitu dengan menggunakan Pasilitas dari Graphic navbar Generator . Graphic Navbar Generator ini menyediakan pasilitas pembuatan Navbar secara online, Sehingga Anda tidak perlu repot repot untuk membuat sebuah Navbar Menu. Baik Navbar verical maupun horizontal. Anda tinggal memilih Navbar yang sudah disediakan dengan banyak pilihan yang menarik, lihat screen shoot gam

Modifikasi Tampilan Template Dengan Ronded Corner

Gambar
Membuat 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 mem