Huft, berhubung seminngu lagi sekolah kami mengadakan ulangan or evaluasi, jadi mungkin seminggu atau lebih acara bloggingnya di istirahatkan dl. Namum ne aq masih sempat membuat 1 posting.. baca yah...
Setelah posting cara menghilangkan navbar dan auto hide navbar. Maka posting saya kali ini masih mengenai navbar, yaitu memperpendek atau mengecilkan navbar..
Langsung ajj yah,
1. Login ke blogger.
2. Pilih layout truz ke menu Edit HTML
3. tambah kan kode berikut di atas kode ]]>
#navbar-iframe {repeat; width:900px; margin:0px auto 0px; padding:0px; overflow:hidden}
tulisan hijau menunjukan ukuran, makin besar angkanya, makin besar juga ukuran navbarnya..
selesai..
Mudah kan..
Saatnya istirahat..
Byeeeeee... Read More..
Sabtu, 05 Juni 2010
Selasa, 01 Juni 2010
Cara mencari Blogger sekota
Kali ne, posting saya bertujuan utk memudahkan para blogger biar bisa blogwalking ke mana2, tanpa tersesat. Kita bisa mencari blog-blog yg sesuai dgn keinginan kita, misalkan mencari para blogger yg sama hobynya dgn ktia, se-kota dgn kita, dsb..
Sebenarnya tips ini saya dapat dari blogger yg sudah senior(sory boz lupa namanya.)
Langsung aja, tinggal kunjungi link d'bawah ini
http://www.blogger.com/profile-find.g?t=l&loc0=ID&loc1=kalimantan+tengah&loc2=Buntok
tapi kita harus sedikit merubahnya.
Ne qhu kasih detailnya.
Id = Untuk indonesia, tapi saya krg tau kode buat negara lain.
Kalimantan+tengah = utk provinsinya(harus ditambah tanda +)
buntok = untuk kota yg ingin dituju.
Bagaimna ??
mudah kan, dgn gt kita bsa blogwalking ke blogger-blogger sekota dgn kita..
Tp low diperhatikan di dalam kota buntok, kebanyakan pemilik blognya dari siswa*****(disensor) bukan dari siswa SMK 1 Buntok.. Huft, payaaah.. Read More..
Sebenarnya tips ini saya dapat dari blogger yg sudah senior(sory boz lupa namanya.)
Langsung aja, tinggal kunjungi link d'bawah ini
http://www.blogger.com/profile-find.g?t=l&loc0=ID&loc1=kalimantan+tengah&loc2=Buntok
tapi kita harus sedikit merubahnya.
Ne qhu kasih detailnya.
Id = Untuk indonesia, tapi saya krg tau kode buat negara lain.
Kalimantan+tengah = utk provinsinya(harus ditambah tanda +)
buntok = untuk kota yg ingin dituju.
Bagaimna ??
mudah kan, dgn gt kita bsa blogwalking ke blogger-blogger sekota dgn kita..
Tp low diperhatikan di dalam kota buntok, kebanyakan pemilik blognya dari siswa*****(disensor) bukan dari siswa SMK 1 Buntok.. Huft, payaaah.. Read More..
Sabtu, 29 Mei 2010
cara membuat blog terindeks di google
Alhamdulillah...
Akhirnya blog qhu udah ter'indeks di google, bagi pengguna blog kampungan seperti saya, ter'indeks di google ajj udah sangat bersyukur.. Bukan heran low saya sgt bersyukur jika blog saya yg minim variasi sudah ter'indeks di search engine terkenal.. :-D
tapi saya pikir, masih banyak blog dari temen yg masih belum ter'indeks, jadi saya engga terlalu kampungan. :-D
Bagi blog kamu yg belum ter'indeks google, nih qhu kasih tips'x..
Pertama, daftar'in ajj dulu blog kamu di google. caranya, daftar ajj di situs ini http://www.google.com/addurl/
Kedua, isi ajj kolom-kolom yg tersedia.
Ketiga, tunggu 1-2 minggu sambil cek blog anda di google, caranya masukin ajj alamat blog kamu di search engine itu. Low ada, berarti blog anda sudah ter’indeks.
Nah, mudah kan.. :-)
tapi yg perlu km tw, google sangat tidak suka dgn ada'nya penjiplakan, jadi buatlah posting dari pikiranmu sendiri, biarpun jelek, yg penting hasil karya sendiri.. Oce. Read More..
Akhirnya blog qhu udah ter'indeks di google, bagi pengguna blog kampungan seperti saya, ter'indeks di google ajj udah sangat bersyukur.. Bukan heran low saya sgt bersyukur jika blog saya yg minim variasi sudah ter'indeks di search engine terkenal.. :-D
tapi saya pikir, masih banyak blog dari temen yg masih belum ter'indeks, jadi saya engga terlalu kampungan. :-D
Bagi blog kamu yg belum ter'indeks google, nih qhu kasih tips'x..
Pertama, daftar'in ajj dulu blog kamu di google. caranya, daftar ajj di situs ini http://www.google.com/addurl/
Kedua, isi ajj kolom-kolom yg tersedia.
Ketiga, tunggu 1-2 minggu sambil cek blog anda di google, caranya masukin ajj alamat blog kamu di search engine itu. Low ada, berarti blog anda sudah ter’indeks.
Nah, mudah kan.. :-)
tapi yg perlu km tw, google sangat tidak suka dgn ada'nya penjiplakan, jadi buatlah posting dari pikiranmu sendiri, biarpun jelek, yg penting hasil karya sendiri.. Oce. Read More..
Kamis, 27 Mei 2010
Cara teraman mengganti template blog
Bagi anda yang mau mengganti template blogger, sebaiknya pikir-pikir lebih dulu. Jika kita mengganti template dgn template yg di sediakan oleh blogger, itu adalah cara yg paing aman, akan tetapi template yg di sediakan sgt sedikit dan biasa. Namun sekarang sudah banyak situs-situs penyedia template blog, gratis pula. Akan tetapi tidak jarang banyak blog yg menjadi rusak.
Kali ini saya akan memberi tips bagaimana cara teraman mengganti template blog dari situs-situs penyedia template blog selain dari pihak bligger..
Pertama, backup dulu template lama anda, caranya masuk ke menu “layout -> edit HTML”, truz klik “download full template”. Truz simpan filenya.
Kedua, backup juga elemen-elemen yg penah anda install. Caranya, masuk ke menu “page element”. Di sana, akan di tampilkan elemen-elemen yg terpasang dlm blog anda. Truz copy semua kode HTML nya, caranya klik tombol edit di semua element, truz copy satu-satu dan paste kan di notepad atau MS. Word.
Ketiga, jika anda sudah mempunyai template yg siap untuk di pasang yang biasanya ber-ekstensi “xml”, kembali lagi ke menu “edit HTML”. Truz klik tombol brows dan cari file template yg anda punya dan pilih upload.
Keempat, biasanya anda mendapat konfirmasi, itu artinya elemen-elemen anda akan di hapus. Klik ajj tombol “confirm & save..
Kelima, kalau sudah selesai proses upload, preview dulu blognya, kalau tidak ada masalah simpan templatenya..
Keenam, kembalikan elemen-elemen yg sudah anda copy tadi di menu “page element”
Kini anda telah selesai mengganti template tanpa resiko yg besar..
Semoga bermanfaat Read More..
Kali ini saya akan memberi tips bagaimana cara teraman mengganti template blog dari situs-situs penyedia template blog selain dari pihak bligger..
Pertama, backup dulu template lama anda, caranya masuk ke menu “layout -> edit HTML”, truz klik “download full template”. Truz simpan filenya.
Kedua, backup juga elemen-elemen yg penah anda install. Caranya, masuk ke menu “page element”. Di sana, akan di tampilkan elemen-elemen yg terpasang dlm blog anda. Truz copy semua kode HTML nya, caranya klik tombol edit di semua element, truz copy satu-satu dan paste kan di notepad atau MS. Word.
Ketiga, jika anda sudah mempunyai template yg siap untuk di pasang yang biasanya ber-ekstensi “xml”, kembali lagi ke menu “edit HTML”. Truz klik tombol brows dan cari file template yg anda punya dan pilih upload.
Keempat, biasanya anda mendapat konfirmasi, itu artinya elemen-elemen anda akan di hapus. Klik ajj tombol “confirm & save..
Kelima, kalau sudah selesai proses upload, preview dulu blognya, kalau tidak ada masalah simpan templatenya..
Keenam, kembalikan elemen-elemen yg sudah anda copy tadi di menu “page element”
Kini anda telah selesai mengganti template tanpa resiko yg besar..
Semoga bermanfaat Read More..
Senin, 17 Mei 2010
Pengertian JPG, BMP, dll
PSD (Photoshop Document)
Format file ini merupakan format asli dokumen Adobe Photoshop. Format ini mampu menyimpan informasi layer dan alpha channel yang terdapat pada sebuah gambar, sehingga suatu saat dapat dibuka dan diedit kembali. Format ini juga mampu menyimpan gambar dalam beberapa mode warna yang disediakan Photoshop. Anda dapat menyimpan dengan format file ini jika ingin mengeditnya kembali.
BMP (Bitmap Image)
Format file ini merupakan format grafis yang fleksibel untuk platform Windows sehingga dapat dibaca oleh program grafis manapun. Format ini mampu menyimpan informasi dengan kualitas tingkat 1 bit samapi 24 bit. Kelemahan format file ini adalah tidak mampu menyimpan alpha channel serta ada kendala dalam pertukaran platform. Untuk membuat sebuah objek sebagai desktop wallpaper, simpanlah dokumen Anda dengan format file ini. Anda dapat mengkompres format file ini dengan kompresi RLE. Format file ini mampu menyimpan gambar dalam mode warna RGB, Grayscale, Indexed Color, dan Bitmap.
EPS (Encapsuled Postcript)
Format file ini merupakan format yang sering digunakan untuk keperluan pertukaran dokumen antar program grafis. Selain itu, format file ini sering pula digunakan ketika ingin mencetak gambar. Keunggulan format file ini menggunakan bahasa postscript sehingga format file ini dikenali oleh hampir semua program persiapan cetak. Kelemahan format file ini adalah tidak mampu menyimpan alpha channel, sehingga banyak pengguna Adobe Photoshop menggunakan format file ini ketika gambar yang dikerjakan sudah final. Format file ini mampu menyimpan gambar dengan mode warna RGB, CMYK, Lab, Duotone, Grayscale, Indexed Color, serta Bitmap. Selain itu format file ini juga mampu menyimpan clipping path.
JPG/JPEG (Joint Photographic Expert Group)
Format file ini mampu mengkompres objek dengan tingkat kualitas sesuai dengan pilihan yang disediakan. Format file sering dimanfaatkan untuk menyimpan gambar yang akan digunakan untuk keperluan halaman web, multimedia, dan publikasi elektronik lainnya. Format file ini mampu menyimpan gambar dengan mode warna RGB, CMYK, dan Grayscale. Format file ini juga mampu menyimpan alpha channel, namun karena orientasinya ke publikasi elektronik maka format ini berukuran relatif lebih kecil dibandingkan dengan format file lainnya.
GIF (Graphic Interchange Format)
Format file ini hanya mampu menyimpan dalam 8 bit (hanya mendukung mode warna Grayscale, Bitmap dan Indexed Color). Format file ini merupakan format standar untuk publikasi elektronik dan internet. Format file mampu menyimpan animasi dua dimensi yang akan dipublikasikan pada internet, desain halaman web dan publikasi elektronik. Format file ini mampu mengkompres dengan ukuran kecil menggunakan kompresi LZW.
TIF (Tagged Image Format File)
Format file ini mampu menyimpan gambar dengan kualitas hingga 32 bit. Format file ini juga dapat digunakan untuk keperluan pertukaran antar platform (PC, Machintosh, dan Silicon Graphic). Format file ini merupakan salah satu format yang dipilih dan sangat disukai oleh para pengguna komputer grafis terutama yang berorientasi pada publikasi (cetak). Hampir semua program yang mampu membaca format file bitmap juga mampu membaca format file TIF.
PNG (Portable Network Graphic)
Format file ini berfungsi sebagai alternatif lain dari format file GIF. Format file ini digunakan untuk menampilkan objek dalam halaman web. Kelebihan dari format file ini dibandingkan dengan GIF adalah kemampuannya menyimpan file dalam bit depth hingga 24 bit serta mampu menghasilkan latar belakang (background) yang transparan dengan pinggiran yang halus. Format file ini mampu menyimpan alpha channel.
TGA (Targa)
Format file ini didesain untuk platform yang menggunakan Targa True Vision Video Board. Format file ini mampu menyimpan gambar dengan mode warna RGB dalam 32 bit serta 1 alpha channel, juga Grayscale, Indexed Color, dan RGB dalam 16 atau 24 bit tanpa alpha channel. Format file ini berguna untuk menyimpan dokumen dari hasil render dari program animasi dengan hasil output berupa sequence seperti 3D Studio Max. Read More..
Format file ini merupakan format asli dokumen Adobe Photoshop. Format ini mampu menyimpan informasi layer dan alpha channel yang terdapat pada sebuah gambar, sehingga suatu saat dapat dibuka dan diedit kembali. Format ini juga mampu menyimpan gambar dalam beberapa mode warna yang disediakan Photoshop. Anda dapat menyimpan dengan format file ini jika ingin mengeditnya kembali.
BMP (Bitmap Image)
Format file ini merupakan format grafis yang fleksibel untuk platform Windows sehingga dapat dibaca oleh program grafis manapun. Format ini mampu menyimpan informasi dengan kualitas tingkat 1 bit samapi 24 bit. Kelemahan format file ini adalah tidak mampu menyimpan alpha channel serta ada kendala dalam pertukaran platform. Untuk membuat sebuah objek sebagai desktop wallpaper, simpanlah dokumen Anda dengan format file ini. Anda dapat mengkompres format file ini dengan kompresi RLE. Format file ini mampu menyimpan gambar dalam mode warna RGB, Grayscale, Indexed Color, dan Bitmap.
EPS (Encapsuled Postcript)
Format file ini merupakan format yang sering digunakan untuk keperluan pertukaran dokumen antar program grafis. Selain itu, format file ini sering pula digunakan ketika ingin mencetak gambar. Keunggulan format file ini menggunakan bahasa postscript sehingga format file ini dikenali oleh hampir semua program persiapan cetak. Kelemahan format file ini adalah tidak mampu menyimpan alpha channel, sehingga banyak pengguna Adobe Photoshop menggunakan format file ini ketika gambar yang dikerjakan sudah final. Format file ini mampu menyimpan gambar dengan mode warna RGB, CMYK, Lab, Duotone, Grayscale, Indexed Color, serta Bitmap. Selain itu format file ini juga mampu menyimpan clipping path.
JPG/JPEG (Joint Photographic Expert Group)
Format file ini mampu mengkompres objek dengan tingkat kualitas sesuai dengan pilihan yang disediakan. Format file sering dimanfaatkan untuk menyimpan gambar yang akan digunakan untuk keperluan halaman web, multimedia, dan publikasi elektronik lainnya. Format file ini mampu menyimpan gambar dengan mode warna RGB, CMYK, dan Grayscale. Format file ini juga mampu menyimpan alpha channel, namun karena orientasinya ke publikasi elektronik maka format ini berukuran relatif lebih kecil dibandingkan dengan format file lainnya.
GIF (Graphic Interchange Format)
Format file ini hanya mampu menyimpan dalam 8 bit (hanya mendukung mode warna Grayscale, Bitmap dan Indexed Color). Format file ini merupakan format standar untuk publikasi elektronik dan internet. Format file mampu menyimpan animasi dua dimensi yang akan dipublikasikan pada internet, desain halaman web dan publikasi elektronik. Format file ini mampu mengkompres dengan ukuran kecil menggunakan kompresi LZW.
TIF (Tagged Image Format File)
Format file ini mampu menyimpan gambar dengan kualitas hingga 32 bit. Format file ini juga dapat digunakan untuk keperluan pertukaran antar platform (PC, Machintosh, dan Silicon Graphic). Format file ini merupakan salah satu format yang dipilih dan sangat disukai oleh para pengguna komputer grafis terutama yang berorientasi pada publikasi (cetak). Hampir semua program yang mampu membaca format file bitmap juga mampu membaca format file TIF.
PNG (Portable Network Graphic)
Format file ini berfungsi sebagai alternatif lain dari format file GIF. Format file ini digunakan untuk menampilkan objek dalam halaman web. Kelebihan dari format file ini dibandingkan dengan GIF adalah kemampuannya menyimpan file dalam bit depth hingga 24 bit serta mampu menghasilkan latar belakang (background) yang transparan dengan pinggiran yang halus. Format file ini mampu menyimpan alpha channel.
TGA (Targa)
Format file ini didesain untuk platform yang menggunakan Targa True Vision Video Board. Format file ini mampu menyimpan gambar dengan mode warna RGB dalam 32 bit serta 1 alpha channel, juga Grayscale, Indexed Color, dan RGB dalam 16 atau 24 bit tanpa alpha channel. Format file ini berguna untuk menyimpan dokumen dari hasil render dari program animasi dengan hasil output berupa sequence seperti 3D Studio Max. Read More..
Minggu, 16 Mei 2010
Membuat Tulisan Berjalan Pada Address Bar
Jika Anda ingin memodifikasi tampilan blog Anda, salah satunya bisa dengan membuat title blog berjalan atau bergerak di address bar atau browser Anda. Jadi judul blog Anda di address bar browser Anda atau pengunjung akan nampak berjalan tidak diam seperti defaultnya. Jika Anda ingin membuat title blog berjalan di address bar browser, silahkan ikuti langkah sederhana berikut ini :
1. Sign In ke Blog Anda
2. Kemudian Pilih Layout/ Tata letak
3. Lalu Pilih Edit HTML
4. Kemudian Cari kode </head> dengan Ctrl+F agar mudah
5. Letakkan kode dibawah ini di atas kode </head>
KETERANGAN:
Ganti tulisan "ZUCHI'S BLOG & Tips dan trik blog" Sesuai yang anda inginkan
DAN semoga berhasil Read More..
1. Sign In ke Blog Anda
2. Kemudian Pilih Layout/ Tata letak
3. Lalu Pilih Edit HTML
4. Kemudian Cari kode </head> dengan Ctrl+F agar mudah
5. Letakkan kode dibawah ini di atas kode </head>
ZUCHI’S BLOG
KETERANGAN:
Ganti tulisan "ZUCHI'S BLOG & Tips dan trik blog" Sesuai yang anda inginkan
DAN semoga berhasil Read More..
Mengganti Icon Pada Addres Bar
Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar. Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :
Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>
<link href='http://kendhin.890m.com/sonictrik.gif' rel='SHORTCUT ICON'/>
ganti huruf yang berwarna hijau dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing, tinggal cari aja di google. Read More..
Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>
<link href='http://kendhin.890m.com/sonictrik.gif' rel='SHORTCUT ICON'/>
ganti huruf yang berwarna hijau dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing, tinggal cari aja di google. Read More..
Rabu, 12 Mei 2010
Membuat Google Flag Translator Di Blogger
Aduh,, para pengunjung kita yang dari luar Indonesia pasti repot ya kalau harus terjemahin blog kita ke bahasa lain. Melihat hal ini aku punya solusi nya nih.
Sekarang aku mau berbagi widget sama kalian, widget kali ini bernama Google Flag Translator, Fungsi dari widget ini adalah untuk memudahkan pengunjung blog menterjemahkan blog kita ke bahasa lain(tergantung bahasa yang di sediakan).
Tampilan widget tersebut kira-kira seperti di bawah ini:
Berminat dengan widget itu ??
Caranya gampang, Loggin ke blogger anda, truz kembali ke blog saya dan klik tmbol di bawah ini:
Kalau sudah, tinngal klik tombol install..
Selesai… Read More..
Sekarang aku mau berbagi widget sama kalian, widget kali ini bernama Google Flag Translator, Fungsi dari widget ini adalah untuk memudahkan pengunjung blog menterjemahkan blog kita ke bahasa lain(tergantung bahasa yang di sediakan).
Tampilan widget tersebut kira-kira seperti di bawah ini:
Berminat dengan widget itu ??
Caranya gampang, Loggin ke blogger anda, truz kembali ke blog saya dan klik tmbol di bawah ini:
Kalau sudah, tinngal klik tombol install..
Selesai… Read More..
Kursor blogger bertabur bintang
Kalian lihat kursor di blog ku ??
Waaah, keren banget ya.. ke manapun kursor nya pergi, pazti meninggalkan bintang..
Mau blog kalian seperti blog aq ??
Caranya gampang, loggin ke blog kalian, trus pilih warna bintangnya, tinggal klik tombol install..
tapi daftar dulu... klik di sini untuk daftar !!!!
setelah mendaftar, pilihlah bintang yang kalian mau...
untuk bintang warna merah
untuk bintang warna biru
untuk bintang warna hijau
untuk bintang warna putih
Selesai
Coba lihat blog kalian, keren kan... Read More..
Waaah, keren banget ya.. ke manapun kursor nya pergi, pazti meninggalkan bintang..
Mau blog kalian seperti blog aq ??
Caranya gampang, loggin ke blog kalian, trus pilih warna bintangnya, tinggal klik tombol install..
tapi daftar dulu... klik di sini untuk daftar !!!!
setelah mendaftar, pilihlah bintang yang kalian mau...
untuk bintang warna merah
untuk bintang warna biru
untuk bintang warna hijau
untuk bintang warna putih
Selesai
Coba lihat blog kalian, keren kan... Read More..
Minggu, 09 Mei 2010
Auto-Hide Navbar
Selain Menghilangkan Navbar ada solusi lain yang lebih baik, yaitu Auto Hide Navbar, dan trik ini tidaklah melanggar TOS Blogger karna Navbar masih terdapat pada Blog, hanya saja Hilang-Timbul(Auto Hide).jika anda tertarik dengan Auto Hide Navbar ini.
Berikut Langkah-langkahnya
1.Masuk ke blog anda, klik link Layout,lalu klik link Edit HTML.
2.Lalu carilah kode berikut ini(tag Body { )
body {
font: 100% Arial, Helvetica;
background: #000000;
color: #333;
}
3.Ketikan Kode berikut di Atasnya
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
4.Kode keseluruhanya seperti ini
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {
font: 100% Arial, Helvetica;
background: #000000;
color: #333;
}
5.jika sudah klik SAVE TEMPLATE
Selesai Read More..
Berikut Langkah-langkahnya
1.Masuk ke blog anda, klik link Layout,lalu klik link Edit HTML.
2.Lalu carilah kode berikut ini(tag Body { )
body {
font: 100% Arial, Helvetica;
background: #000000;
color: #333;
}
3.Ketikan Kode berikut di Atasnya
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
4.Kode keseluruhanya seperti ini
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {
font: 100% Arial, Helvetica;
background: #000000;
color: #333;
}
5.jika sudah klik SAVE TEMPLATE
Selesai Read More..
Menghilangkan Navbar di blog
Navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS atau hal-hal yang dianggap merugikan orang lain.
Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.
Nah, bagaimana menghilangkan Navigation Bar?
Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.
1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout --> Edit HTML
3. Copy script berikut ke dalam tag head
#navbar-iframe {
display: none !important;
}
contohnya sebagai berikut :
-----------------------------------------------
Blogger Template Style
Name: Picture Window
Designer: M'zuchi D'chyld
URL: www.screamo-zuchi.blogspot.com
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
4. Kemudian simpan.
Selamat Mencoba.....!! Read More..
Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.
Nah, bagaimana menghilangkan Navigation Bar?
Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.
1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout --> Edit HTML
3. Copy script berikut ke dalam tag head
#navbar-iframe {
display: none !important;
}
contohnya sebagai berikut :
-----------------------------------------------
Blogger Template Style
Name: Picture Window
Designer: M'zuchi D'chyld
URL: www.screamo-zuchi.blogspot.com
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
4. Kemudian simpan.
Selamat Mencoba.....!! Read More..
Selasa, 06 April 2010
cara menghilangkan gambar obeng dan tang pada blog
Pernah melihat gambar seperti ini di blog kamu?
Nah itu adalah gambar Obeng dan Tang.Fungsinya buat Quick Edit, biar ringkas, terus cepat kalo kita mau ngedit. emang sih sebenernya bagus, tapi itu ngebuat blog kita jadi kurang enak dilihat.
Nah untuk menghilangkan gambar tersebut, gampang. Caranya :
1. Klik kustomisasi, terus klik tata letak, terus klik page laman, terus klik EDIT HTML.
2. Coba cari code html kayak gini ]]></b:skin biar gampang nemuinnya tekan 'Ctrl+F'.
3. Kalo sudah nemuin code tsb, coba copy code html yang dibawah ini, tepat diatas code html yg ini ]]></b:skin
Kode HTML menghilangkan Obeng dan Tang yaitu:
.quickedit{
display:none;
}
4. Kalo sudah, coba Simpan Template. Selesai Read More..
Nah itu adalah gambar Obeng dan Tang.Fungsinya buat Quick Edit, biar ringkas, terus cepat kalo kita mau ngedit. emang sih sebenernya bagus, tapi itu ngebuat blog kita jadi kurang enak dilihat.
Nah untuk menghilangkan gambar tersebut, gampang. Caranya :
1. Klik kustomisasi, terus klik tata letak, terus klik page laman, terus klik EDIT HTML.
2. Coba cari code html kayak gini ]]></b:skin biar gampang nemuinnya tekan 'Ctrl+F'.
3. Kalo sudah nemuin code tsb, coba copy code html yang dibawah ini, tepat diatas code html yg ini ]]></b:skin
Kode HTML menghilangkan Obeng dan Tang yaitu:
.quickedit{
display:none;
}
4. Kalo sudah, coba Simpan Template. Selesai Read More..
Sabtu, 03 April 2010
Mengubah Alamat Blog Menjadi domain CO.CC
Buat temen-temen blogger yang pengen setting custom domain tapi blum tau caranya, berikut ini ada cara praktis, mudah, dan GRATIS untuk men-setting sub-domain blog kita dari NAMA.blogspot.com menjadi NAMA.co.cc.
So, jika kita hendak mempromosikan blog kita, friendster, atau link kita tidak perlu memberikan alamat sub domain yang panjang. Kita cukup memberikan alamat domain co.cc kita sendiri yang tentunya akan lebih unik dan ringkas. Misalnya, alamat blog anda adalah scream-zuchi.blogspot.com menjadi scream-zuchi.co.cc. Cukup menarik.
Caranya :
1. Pertama, silakan mendaftar dulu di webnya CO.CC. Caranya KLIK DISINI.
2. Kedua. Klik Create an Account Now.
3. Ketiga. Isi formulir biodata dengan bener.
4. Klik kotak kecil (centang) yang ada disamping tulisan “I accept the Terms of Service”. Trus klik Create an Account now.
5. Setelah itu, kita akan berada di halaman Manage Domain. Klik Saja Getting a New Domain >>.
6. Sekarang kita sudah sampai pada tahap pemilihan nama domain. Ketik di field yang tersedia alamat domain yang anda inginkan. Tentu saja sesudah www dan sebelum co.cc. Anda bisa menggunakan nama Anda atau apa saja terserah Anda. Misalnya scream-zuchi, sehingga nanti alamatnya akan menjadi www.screamo-zuchi.co.cc.
note: jika alamat yang anda maksud sudah tidak tersedia (not availabe atau already registered), maka silakan cari nama domain yang lain.
Oke, anggaplah domain yang anda maksud available/tersedia secara free/gratis, seperti contoh berikut ini:
Silakan langsung klik saja Continue to Registration.
7. Maka kita akan tiba di halaman “Your new nomain has been successfully registered“
Bersamaan dengan ini, co.cc telah mengirimi Anda email ke alamat email Anda yang berisi sama dengan yang sedang Anda lihat. Yaitu pemberitahuan suksesnya pendaftaran domain baru yang sekaligus peringatan bahwa Anda harus segera men-set up domain tersebut selambat-lambatnya 48 jam dari sekarang. Oke, langsung klik Set Up saja.
8. Kini kita kembali tiba di halaman Manage Domain, lebih khususnya lagi di halaman set up domain baru kita. Dalam contoh ini adalah www.screamo-zuchi.co.cc. Pada tutorial ini, kita hanya akan menggunakan fasilitas URL Forwarding saja. Sementara Zone Records dan Manage DNS akan dibahas pada tulisan berikutnya, InsyaAllah. Just klik [3. URL Forwarding]. maka akan terlihat tampilan seperti berikut:
Redirect to: isi dengan alamat blog anda. [contoh: www.screamo-zuchi.blogspot.com].
Page Title: Judul blog Anda [contoh: screamo].
Frame: Pilih URL Hiding [jika butuh informasi lebih, silakan klik petunjuk yang ada dibawah pilihan itu].
Meta Description: Penjelasan ringkas tentang isi/tema blog Anda. [contoh: screamo berisi tentang kumpulan tips trik komputer, mulai dari perakitan hardware, tips-trik software, informasi virus dan antivirus, tips-trik internet, dan juga konfigurasi jaringan].
Meta Keywords: Kata kunci yang terdapat di blog anda. [contoh: computer, komputer, internet, virus, antivirus, software, softwares, hardware, trik]. .
Setelah mengisi semua data di atas, silakan klik Set Up.
Maka selesailah custom domain blogspot kita dengan fasilitas URL Forwarding dari co.cc.
Semoga bermanfaat.. (screamo zuchi) Read More..
So, jika kita hendak mempromosikan blog kita, friendster, atau link kita tidak perlu memberikan alamat sub domain yang panjang. Kita cukup memberikan alamat domain co.cc kita sendiri yang tentunya akan lebih unik dan ringkas. Misalnya, alamat blog anda adalah scream-zuchi.blogspot.com menjadi scream-zuchi.co.cc. Cukup menarik.
Caranya :
1. Pertama, silakan mendaftar dulu di webnya CO.CC. Caranya KLIK DISINI.
2. Kedua. Klik Create an Account Now.
3. Ketiga. Isi formulir biodata dengan bener.
4. Klik kotak kecil (centang) yang ada disamping tulisan “I accept the Terms of Service”. Trus klik Create an Account now.
5. Setelah itu, kita akan berada di halaman Manage Domain. Klik Saja Getting a New Domain >>.
6. Sekarang kita sudah sampai pada tahap pemilihan nama domain. Ketik di field yang tersedia alamat domain yang anda inginkan. Tentu saja sesudah www dan sebelum co.cc. Anda bisa menggunakan nama Anda atau apa saja terserah Anda. Misalnya scream-zuchi, sehingga nanti alamatnya akan menjadi www.screamo-zuchi.co.cc.
note: jika alamat yang anda maksud sudah tidak tersedia (not availabe atau already registered), maka silakan cari nama domain yang lain.
Oke, anggaplah domain yang anda maksud available/tersedia secara free/gratis, seperti contoh berikut ini:
Silakan langsung klik saja Continue to Registration.
7. Maka kita akan tiba di halaman “Your new nomain has been successfully registered“
Bersamaan dengan ini, co.cc telah mengirimi Anda email ke alamat email Anda yang berisi sama dengan yang sedang Anda lihat. Yaitu pemberitahuan suksesnya pendaftaran domain baru yang sekaligus peringatan bahwa Anda harus segera men-set up domain tersebut selambat-lambatnya 48 jam dari sekarang. Oke, langsung klik Set Up saja.
8. Kini kita kembali tiba di halaman Manage Domain, lebih khususnya lagi di halaman set up domain baru kita. Dalam contoh ini adalah www.screamo-zuchi.co.cc. Pada tutorial ini, kita hanya akan menggunakan fasilitas URL Forwarding saja. Sementara Zone Records dan Manage DNS akan dibahas pada tulisan berikutnya, InsyaAllah. Just klik [3. URL Forwarding]. maka akan terlihat tampilan seperti berikut:
Redirect to: isi dengan alamat blog anda. [contoh: www.screamo-zuchi.blogspot.com].
Page Title: Judul blog Anda [contoh: screamo].
Frame: Pilih URL Hiding [jika butuh informasi lebih, silakan klik petunjuk yang ada dibawah pilihan itu].
Meta Description: Penjelasan ringkas tentang isi/tema blog Anda. [contoh: screamo berisi tentang kumpulan tips trik komputer, mulai dari perakitan hardware, tips-trik software, informasi virus dan antivirus, tips-trik internet, dan juga konfigurasi jaringan].
Meta Keywords: Kata kunci yang terdapat di blog anda. [contoh: computer, komputer, internet, virus, antivirus, software, softwares, hardware, trik]. .
Setelah mengisi semua data di atas, silakan klik Set Up.
Maka selesailah custom domain blogspot kita dengan fasilitas URL Forwarding dari co.cc.
Semoga bermanfaat.. (screamo zuchi) Read More..
Kamis, 01 April 2010
MENGUBAH ALAMAT BLOGGER
Bagi anda yang mau mengubah alamat (URL) blog yang anda miliki tidaklah sulit. Hanya perlu diingat jika mengganti alamat blog tidak bisa bebas. Artinya sebagai pengguna Blogger yang diberikan secara gratis anda hanya bisa mengganti host-nya saja. Sedang nama domainnya tetap blogspot.com. Saya ambil contoh semua alamat blog sdr http://rafy.blogspot.com. rafy adalah nama host-nya. Nah, nama host inilah yang dapat diganti. Sehingga alamat blog itu menjadi, misal http://styles.blogspot.com.
Langkah-langkahnya sebagai berikut :
1. Masuk ke account blogger anda. Klik disini
2. Masukkan username dan password account anda.
3. Pada halaman Panel Kontrol klik Pengaturan .
4. Pilih tab Publikasikan.
5. Pada Alamat Blog Spot tentukan nama alamat (dalam kotak) baru blog.
6. Dapat juga nama yang dipilih dicek dengan Tergantung Ketersediaan
7. Kemudian klik SIMPAN PENGATURAN .
8. Selesai !!!!
Mudah kan….
By : screamo-zuchi ;-) Read More..
Langkah-langkahnya sebagai berikut :
1. Masuk ke account blogger anda. Klik disini
2. Masukkan username dan password account anda.
3. Pada halaman Panel Kontrol klik Pengaturan .
4. Pilih tab Publikasikan.
5. Pada Alamat Blog Spot tentukan nama alamat (dalam kotak) baru blog.
6. Dapat juga nama yang dipilih dicek dengan Tergantung Ketersediaan
7. Kemudian klik SIMPAN PENGATURAN .
8. Selesai !!!!
Mudah kan….
By : screamo-zuchi ;-) Read More..
Selasa, 30 Maret 2010
Cara Menuliskan Script Dalam Artikel Blog
Untuk menuliskan script/kode kedalam artikel blog memang ada tekniknya sendiri, karena jika kita menuliskannya dengan cara yang biasa maka yang akan muncul kemudian di blog tidaklah seperti dengan apa yang kita tuliskan.
Misalnya gini, jika kita menuliskan kode <head> dengan cara yang biasa maka hasilnya tidak akan muncul dalam postingan karena kode tersebut langsung diterjemahkan kedalam bahasa HTML.
Jadi untuk menuliskan kode <head> maka yang seharusnya dituliskan supaya bisa muncul kode tersebut adalah ini <head>;. Nah terus bagaimana kalau ada banyak kode yang harus kita posting?
Mau tahu bagaimana caranya menuliskan kode-kode tersebut ke dalam blog?
Ada beberapa cara untuk menuliskan kode-kode tersebut kedalam blog, diantaranya yaitu:
Cara Pertama :
- Gunakan software-software web design, misalnya Macromedia Dreamwaver, Microsoft Frontpage, Namao Web Editor. Atau bisa juga dengan software-software blogtools seperti post2blog dll.
- Trus tuliskan semua kode pada area design, kemudian copy kode-kode tersebut dari area HTML Code. Nha kode-kode dalam area HTML Code tersebut lah yang harus diposting.
Cara Kedua :
- Buka situs ini http://centricle.com/tools/html-entities, trus isikan kode-kode kamu kedalam kotak yang disediakan, nha kalo sudah tekan tombol "Encode", nha maka kamu akan mendapatkan script baru untuk diposting di blog kamu.
Mudah kan…
Mau tau lebih banyak, tunngu postingan selanjutnya… ;-) Read More..
Misalnya gini, jika kita menuliskan kode <head> dengan cara yang biasa maka hasilnya tidak akan muncul dalam postingan karena kode tersebut langsung diterjemahkan kedalam bahasa HTML.
Jadi untuk menuliskan kode <head> maka yang seharusnya dituliskan supaya bisa muncul kode tersebut adalah ini <head>;. Nah terus bagaimana kalau ada banyak kode yang harus kita posting?
Mau tahu bagaimana caranya menuliskan kode-kode tersebut ke dalam blog?
Ada beberapa cara untuk menuliskan kode-kode tersebut kedalam blog, diantaranya yaitu:
Cara Pertama :
- Gunakan software-software web design, misalnya Macromedia Dreamwaver, Microsoft Frontpage, Namao Web Editor. Atau bisa juga dengan software-software blogtools seperti post2blog dll.
- Trus tuliskan semua kode pada area design, kemudian copy kode-kode tersebut dari area HTML Code. Nha kode-kode dalam area HTML Code tersebut lah yang harus diposting.
Cara Kedua :
- Buka situs ini http://centricle.com/tools/html-entities, trus isikan kode-kode kamu kedalam kotak yang disediakan, nha kalo sudah tekan tombol "Encode", nha maka kamu akan mendapatkan script baru untuk diposting di blog kamu.
Mudah kan…
Mau tau lebih banyak, tunngu postingan selanjutnya… ;-) Read More..
Pasang Widget Penterjemah
Memasang widget translator pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini).
Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lho.
Cara membuatnya
1. Login ke Blogger dan pilih menu "Tata Letak"
2. Kemudian klik pada "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian paste kan script berikut ini kedalamnya.
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>
5. Kemudian simpan.
selesai…
Coba sekarang lihat blogmu maka ada tampilan seperti ini :
Read More..
Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lho.
Cara membuatnya
1. Login ke Blogger dan pilih menu "Tata Letak"
2. Kemudian klik pada "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian paste kan script berikut ini kedalamnya.
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>
5. Kemudian simpan.
selesai…
Coba sekarang lihat blogmu maka ada tampilan seperti ini :
Read More..
Jumat, 26 Maret 2010
Cara Menambah Musik Player Di Blog
Awalnya saya tidak tertarik membuat postingan ini,karena menurut saya tidak efektif jika tambah /pasang lagu di blog dan jauh lebih baik memutar winamp di komputer sambil buat blog daripada memutar lagu secara online. tetapi karena ada beberapa teman yang menanyakan cara menambah atau memasang lagu ke blog, akhirnya saya buat juga postingan cara tambah lagu di blog ini.
Tetapi sebagai pertimbangan buat teman-teman sebelum menambah lagu ke blog:
1. Blog akan menjadi lebih berat, sehingga waktu loading atau membuka halaman lebih lambat
2. Robot google tidak suka dengan blog yang berat loadingnya, jadi jika tujuan anda untuk optimasi seo maka jangan tambah atau pasang lagu di blog anda.
Buat yang tertarik pasang lagu di blog bisa lakukan prosedur berikut:
1. Buka situs layanan mp3 online
2. Copy kode html yang tersedia
3. Logn ke account blogger anda
Pilih Dashboard -> tata letak -> elemen halaman
Pilih Tambah Gadget
4. Pilih html/java script
5. Masukkan kode yang anda perleh dari website layanan lagu online ke kotak teks html/javascript
Klik Simpan
6. Buka blog anda, jika sukses maka akan muncul widget mp3 player di blog anda. Untuk memulai lagu anda bisa tekan tombol play seperti di winamp. Untuk menyembunyikan playlist tekan tombol PL.
Read More..
Tetapi sebagai pertimbangan buat teman-teman sebelum menambah lagu ke blog:
1. Blog akan menjadi lebih berat, sehingga waktu loading atau membuka halaman lebih lambat
2. Robot google tidak suka dengan blog yang berat loadingnya, jadi jika tujuan anda untuk optimasi seo maka jangan tambah atau pasang lagu di blog anda.
Buat yang tertarik pasang lagu di blog bisa lakukan prosedur berikut:
1. Buka situs layanan mp3 online
2. Copy kode html yang tersedia
3. Logn ke account blogger anda
Pilih Dashboard -> tata letak -> elemen halaman
Pilih Tambah Gadget
4. Pilih html/java script
5. Masukkan kode yang anda perleh dari website layanan lagu online ke kotak teks html/javascript
Klik Simpan
6. Buka blog anda, jika sukses maka akan muncul widget mp3 player di blog anda. Untuk memulai lagu anda bisa tekan tombol play seperti di winamp. Untuk menyembunyikan playlist tekan tombol PL.
Read More..Kamis, 18 Maret 2010
menambah gadget jam pada blogmu
jam sangat penting dalam kehidupan kita. dimanapun kita butuh jam sebagai penunjuk waktu,, bahkan saat kita blogging.. saya akan membahas cara untuk membuat atau menambah gadget jam pada blog kita..
pertama-tama kita membuka alamat tautan yang menyediakan gadget jam untuk blog, salah satunya di http://www.clocklink.com/ setelah masuk webnya,, sekarang kamu buka tab gallery, nah disana banyak sekali gadget jam. sekarang kamu tinggal pilih gadged jam yang kamu sukai atau pilih lewat kategorinya,,, seperti gambar di bawah ini:
nah untuk menambahkannya ke blog kamu tinggal klick button view html tag di bawah jam yang kamu pilih,, setelah kamu klik maka akan muncul agreement, pilih aja accept.
apabila kamu telah mengklik accep maka akan muncul gambar seperti ini:
di gambar itu ada source kodenya,, kamu tinggal copy aja dan masukkan di gadget html/java script di blog kamu,,, oke kan,,,
sekarang kita bisa liat jam di blog kamu,, horeeee :-)
by : Zuchi.screamo Read More..
pertama-tama kita membuka alamat tautan yang menyediakan gadget jam untuk blog, salah satunya di http://www.clocklink.com/ setelah masuk webnya,, sekarang kamu buka tab gallery, nah disana banyak sekali gadget jam. sekarang kamu tinggal pilih gadged jam yang kamu sukai atau pilih lewat kategorinya,,, seperti gambar di bawah ini:
nah untuk menambahkannya ke blog kamu tinggal klick button view html tag di bawah jam yang kamu pilih,, setelah kamu klik maka akan muncul agreement, pilih aja accept.
apabila kamu telah mengklik accep maka akan muncul gambar seperti ini:
di gambar itu ada source kodenya,, kamu tinggal copy aja dan masukkan di gadget html/java script di blog kamu,,, oke kan,,,
sekarang kita bisa liat jam di blog kamu,, horeeee :-)
by : Zuchi.screamo Read More..
Cara memperlebar halaman blog di blogspot
Mungkin bagi anda yang masih awam, pasti anda akan bertanya-tanya bagaimana yah caranya memperlebar halaman blog...??..gimana yah...?saya sendiri kesulitan...!!..heheheh gak ko'..kali ini saya akan memberitahukan caranya kepada anda yang masih belom bisa...
Pertama-tama anda harus masuk/login ke blog anda sendiri masuk ke menu edit HTML nah..di situlah anda bisa mengedit ukuran halaman blog anda.. Mungkin dari sebagian besar template default yang disediakan blogger, tidak semuanya memeliki lebar halaman yang penuh. Rata – rata setiap template masih memiliki ruang untuk dimanfaatkan baik untuk memperlebar sidebar, ataupun halaman posting. Kali ini saya akan coba memberikan sedikit gambaran tentang memperlebar halaman blog. Cuma, cara ini akan lebih pas jika diaplikasikan di template minima, yaitu template default blogger. Tapi…tidak menutup kemungkinan juga dapat diaplikasikan di template default blogger yang lainnya. Oke….berikut penjelasannya.
Sebelumnya, silahkan cari kode css #outer-wrapper. Untuk lebih mudah dalam pencarian code css tekan saja ctrl+f lalu ketikkan kode yang di cari. Kalo sudah ketemu, maka akan tampak kode seperti berikut :
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Penjelasan :
#outer-wrapper --> kode untuk lebar halaman blog.
#main-wrapper --> kode untuk lebar postingan blog
#sidebar-wrapper --> kode untuk lebar sidebar blog.
Untuk merubah lebar halaman blog, temen2 tinggal mengganti angka – angka yang terdapat pada setiap kode css diatas. Semakin besar angkanya, maka halaman blog pun semakin lebar. Contoh : Misalnya, temen2 ingin mengganti lebar halaman blog menjadi 950 pixel. Maka silahkan ganti jumlah angka pada tag width untuk kode css #outer-wrapper menjadi --> 950px; Sehingga hasilnya seperti dibawah ini :
#outer-wrapper {
width: 950px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
Nah…setelah mengganti kode #outer-wrapper, jangan lupa untuk mengganti kode tag width pada #main-wrapper dan #sidebar-wrapper juga. Karena jika tidak diganti maka jarak antara halaman posting dan sidebar blog akan sangat lebar. Untuk mengantisipasinya, rubah juga angka pada tag width #main-wrapper dan #sidebar-wrapper menjadi 500px untuk #main-wrapperdan 400px untuk #sidebar-wrapper. Sehingga menjadi :
#main-wrapper {
width: 500px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 400px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Untuk merubah lebar kolom pada #main-wrapper dan #sidebar-wrapper, harus sesuai dengan lebar kolom pada #outer-wrapper. Misalnya, lebar halaman blog 950px maka jumlah dari lebar postingan dan sidebar blog harus kurang dari 950px. Hal ini dikarenakan supaya postingan blog dan sidebar blog tidak berdempetan dan mempunyai jarak antara keduanya. Jarak antara postingan dan sidebar bisa disesuaikan dari 30px s.d 50px.
Nah…setelah merubah lebar bagian blog diatas, ada satu bagian lagi yang harus dirubah yaitu bagian bawah blog. Temen2 tinggal mencari kode #footer-wrapper dan rubah angka pada tag width-nya menjadi sama dengan lebar halaman blog (#outer-wrapper).
nah..jika anda sudah mengedit semua code-code diatas maka anda bisa langsung save template tersebut,,Tapi lebih baik sebelum anda mau nge-save template tersebut lihat dulu hasil perubahan dengan mengklik pratinjau/preview. Jika memang sudah sesuai baru di save. Jika belum temen2 tinggal klik bersihkan edit/clear edit untuk mengembalikan perubahan2 yang telah terjadi pada template........selamat mencoba yah.....pantang menyerah...!!!!
Cara Mengganti Warna/Gambar Background Blog
Biasanya ada beberapa orang yang masih kesulitan dalam Mengganti Warna/Gambar Background Blog...gimana yach caranya..???jangan diambil pusing kaleeee!!! emang kalo orang udah bisa dia bilang gampang, tapi klo belum tau..bikin otak jadi panas....(panas!!knalpot kalee)heheheh...dulu saya seperti kalian semua ko' sebenarnya saya orangnya ga' pinter banget..jadi kalo kurang lengkap keterangan saya mohon maaf yach... kita semua juga sedang belajar sama2 cari ilmu, jadi kita saling sharing aja...
langsung aja tanpa basa-basi dan panjang lebar...untuk pertama kalinya background itu adalah latar belakang suatu bidang, jika kita berbicara mengenai blog, background itu sendiri bisa berupa warna ataupun gambar.
mau tau caranya mengganti warna/gambar background blog..?
baca saja caranya di bawah ini,
jika anda ingin merubah background body blog anda
silahkan anda kasih tanda centang atau cecklist "expand template widget" di editor html blog anda setelah itu carilah code CSS yang seperti ini :
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
lihat code CSS di atas pada bagian background ( $bgcolor ) yang artinya anda bisa mengedit warna dari editor " font and colors " pada blog anda.. caranya anda cukup login ke blogger kemudian pilih pilihan menu " layout " dan pilih lagi menu " font and colors " ... nah di editor " font and colors " tersebut anda bisa mengubah warna background blog anda sesuai dengan kemauan anda. jika di blog anda tidak ada code ($bgcolor), seperti dalam kurung tersebut, maka anda harus mengubah warna dari background blog anda secara manual yaitu tinggal menambahkan kode warna yang anda ketahui,... misalkan
background: #cf020b; ( code warna #cf020b yang berarti berwarna merah ),
background: #ffffff ( code warna #ffffff yang berarti warna putih ),
background: #000000 ( code warna #000000 yang berarti warna hitam ),dll....
waktu penulisannya jangan lupa tambahkan tanda (#) sebelum angka atau huruf (contoh = #ffffff), ga' usah tanda kurung yah...!! itu cuma contoh
jika anda ingin mengganti background dengan warna warni, ataupun juga dengan gambar... misalkan foto anda sendiri itu juga bisa ko'
caranya pada code CSS yang bertuliskan ( background:#......; ) cukup anda ganti dengan
background: url('alamat url foto anda taruh sini');
contoh = background: url(http://h1.ripway.com/rendrapranata/background.jpg);
tapi kalau anda ingin mengganti background, anda harus punya alamat hosting dulu caranya and harus sign up di alamat hostingan tersebut misalnya alamat yang saya gunakan untuk hosting sekarang seperti http://www.ripway.com
sekarang jika anda ingin mengganti background bagian sidebar blog anda..
yang harus anda cari adalah code CSS sbg berikut
#sidebar-wrapper {
width: 345px;
float: $endSide;
border:2px solid red;
background:#fff;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
seperti code CSS di atas, (background:#fff;) artinya background berwarna putih, jika anda ingin mengubah dengan warna lain silahkan ganti code css (#fff) dengan code warna lain, ataupun bisa anda ubah dengan background gambar foto anda, caranya sama dengan cara sama dengan yang saya jelaskan di atas tadi...
begitupun untuk mengubah background bagian main, caranya sama dengan yang di atas.. anda tinggal mencari code css seperti di bawah ini
#main-wrapper {
width: 600px;
float: $startSide;
border:2px solid red;
background:#fff;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
(caranya sama dengan yg sudah di jelaskan di atas)
mungkin cuma segitu yang bisa saya jelaskan maaf jika penjelasnya kurang jelas yah...tapi itu sudah saya jelaskan sedetil mungkin....selamat mencoba!!!!
Cara Membuat Blog dengan Blogger.com
Pengertian BlogBlog merupakan singkatan dari “web log” adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Posting-posting tersebut seringkali dimuat dalam urutan secara terbalik (isi terbaru dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs web semacam itu biasanya dapat diakses oleh semua pengguna internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut (di kutip dari “Wikipedia Indonesia”).
Untuk membuat blog, pertama-tama yang kita harus lakukan adalah mendaftar di salah satu blog service. Blog service yang sudah menyediakan pilihan bahasa Indonesia adalah wordpress dan blogspot. Pada kesempatan kali ini saya ingin membahas tentang cara membuat blog dengan menggunakane blog service www.blogger.com.
Langkah-langkah membuat blog antara lain sebagai berikut :
* Langkah pertama silakan kunjungi http://www.blogger.com maka akan tampil form seperti di bawah ini :
* Langkah kedua Setelah Anda klik tanda panah besar yang bertuliskan CIPTAKAN BLOG ANDA, maka akan muncul formulir seperti yang ada pada gambar dibawah ini
Isikan semua data yang diminta untuk menciptakan sebuah account google. Beri tanda centang pada kotak penerimaan persyaratan, sebagai tanda bahwa anda menyetujui persyaratan yang tela h anda isi di atas. Kemudian klik tombol LANJUTKAN.
* Langkah ketiga memberi nama blog dengan mengisi pada kolom Judul Blog dan Alamat Blog anda. Kemudian klik tombol LAJUTKAN. Seperti gambar di bawah ini.
* Langkah ke empat pilih sebuah bentuk template yang anda suka. untuk memilih template anda harus menekan tombol yang bulat, Lalu tekan tombol LANJUTKAN. Seperti gambar dibawah ini.
Nah langkah-langkah membuat blog udah selesai......uaaaaagh capek...sekarang anda tinggal posting, pengaturan dan tata letak, kali ini anda harus mencari cara2nya sendiri hehehehehe...banyak ko' di om Google!! Read More..
Untuk membuat blog, pertama-tama yang kita harus lakukan adalah mendaftar di salah satu blog service. Blog service yang sudah menyediakan pilihan bahasa Indonesia adalah wordpress dan blogspot. Pada kesempatan kali ini saya ingin membahas tentang cara membuat blog dengan menggunakane blog service www.blogger.com.
Langkah-langkah membuat blog antara lain sebagai berikut :
* Langkah pertama silakan kunjungi http://www.blogger.com maka akan tampil form seperti di bawah ini :
* Langkah kedua Setelah Anda klik tanda panah besar yang bertuliskan CIPTAKAN BLOG ANDA, maka akan muncul formulir seperti yang ada pada gambar dibawah ini
Isikan semua data yang diminta untuk menciptakan sebuah account google. Beri tanda centang pada kotak penerimaan persyaratan, sebagai tanda bahwa anda menyetujui persyaratan yang tela h anda isi di atas. Kemudian klik tombol LANJUTKAN.
* Langkah ketiga memberi nama blog dengan mengisi pada kolom Judul Blog dan Alamat Blog anda. Kemudian klik tombol LAJUTKAN. Seperti gambar di bawah ini.
* Langkah ke empat pilih sebuah bentuk template yang anda suka. untuk memilih template anda harus menekan tombol yang bulat, Lalu tekan tombol LANJUTKAN. Seperti gambar dibawah ini.
Nah langkah-langkah membuat blog udah selesai......uaaaaagh capek...sekarang anda tinggal posting, pengaturan dan tata letak, kali ini anda harus mencari cara2nya sendiri hehehehehe...banyak ko' di om Google!! Read More..
Langganan:Postingan (Atom)
Mengenai Saya
- khie tubrers
- Aku hanya orang biasa yang diciptakan oleh Allah untuk mempertanggungjawabkan apa yang telah aku lakukan didunia.