™Galery™

Cara membuat Halaman Maintenance Pada Blogspot, (Under Maintenance). Setelah kemarin saya membahas tentang Search Box Simpel dan Keren Untuk Blogspot, kali ini saya akan kembali membahas tentang tips dan trik blogspot. Dulu awalnya, saya pikir cuman di blog Wordpress saja yang bisa maintenis, eh maintenance maksude :)) Ternyata Blogspot-pun bisa.
Just to share saja sob, kebetulan saya  sudah lama tidak meng-update postingannya, jadi kali ini saya sempatkan untuk membahas tips dan trik blogspot again.
Biasanya saat kita sedang meng-edit blog (apapun itu) pasti gak mau kan keliahatan kalau blog kita sedang diperbaiki, syukur-syukur kalo gak keliatan errornya waktu edit, lah kalo ada?? malu n gak enak dilihat kan sob ?? Nah, untuk mengatasi hal tersebut kita sebagai blogger setia (Blogspot) tentunya ada caranya, yaitu dengan Mode Maintenance. Gak cuman Wordpress, Blogspot-pun bisa !! Hihihi (buat para master2 pastilah sudah gak asink lagi tentang hal ini, jd lewatin saja) :))

Oke, silahkan lihat demonya. Cara membuatnya-pun cukup mudah, hanya menggunakan kode CSS, pasti mudah dan gak ribet !! bila sobat memasang kode maintenance-nya, maka akan muncul creenshot seperti dibawah ini:

Bila tertarik untuk membuat Halaman Maintenance Pada Blogspot, silahkan ikuti langkah-langkah berikut:

1. Login ke akun blogger sobat
2. Masuk ke rancangan/design
3. Pilih Tata Letak
4. Edit HTML
5. Lalu cari kode berkut: ]]></b:skin> (gunakan Ctrl+F di keyboard sob),setelah ketemu tinggal letakkan kode CSS berikut tepat diatas kode ]]></b:skin>

html { height: 100%; background: url(http://i865.photobucket.com/albums/ab218/1rd3/site-under-maintenance-kodeblogger.png) no-repeat center 50%; margin: 0; } body { display: none; } 

6. Jangan lupa Simpan Template.


Sip, sampai disini sobat udah bisa membuat Halaman Maintenance Pada Blogspot, melihat kode diatas jelaslah sangat simpel dan mudah dimengerti tentunya.
Silahkah ganti link image diatas (http://i865.photobucket.com/albums/ab218/1rd3/site-under-maintenance-kodeblogger.png) sesuai dengan kreasi sobat.

Today, we're pleased to announce that Blogger in Draft users can now add a customized favicon to their blog. Penjelasan singkat tentang cara baru dalam cara memasang Favicon di blog melalui Blogger In Draft. Untuk pengertian favicon sobat pastinya sudah banyak mengerti, seperti pada postingan saya sebelumnya, Cara mengganti/memasang Favicon, pada tread Kumpulan Trik/Hack Blogger, Favicon custom (gambar kecil yang ditampilkan di jendela browser atau tab) dan tentunya ini akan lebih mudah cara pemasangannya, cukup dengan melakukan langkah-langkah berikut:

1. dalam posisi Login di blogger sobat, langsung masuk ke http://draft.blogger.com.
lalu beri ceklis/centang (lihat gambar)


2. klik Design/Rancangan


3. Lalu lik Edit pada bagian Favicon (lihat gambar diatas)
4. Klik Browse dan Pilihlah gambar berekstensi .ico yang sobat punya dari komputer Sobat.
5. Terakhir Klik Save, dan lihat hasilnya.


Tambahan:
Peluncuran awal ini hanya mendukung file ico,. tapi Sobat dapat dengan mudah mengkonversi ke dalam file JPEG, PNG, atau berkas non-ico gambar dengan menggunakan software gambar Sobat sendiri. Ada juga banyak alat konversi online, dan Google Search cepat membawa beberapa pilihan seperti http://www.icoconverter.com/.

Nah, mudah kan, jadi kita tidak perlu repot-repot mengUpload gambar, memaang kode script'nya, cukup dengan langkah diatas, sobat sudah bisa mengganti Favicon Blog Sobat.
Untuk lebih jelasnya silahkan melihat langsung sumbernya di http://bloggerindraft.blogspot.com/

Sekian dari saya semoga bermanfaat, dan tinggalkan komentar bila mengalamai kesulitan. Thanks

Halo Sobat dimanapun Anda berada Sebelumnya lutfi oXside akan menanyakan kabar kalian semua.. apakah kalian baik-baik saja..? oke semoga baik-baik saja yah hari ini . Oke kita langsung saja ke topik pembicaraan kali ini yaitu lutfi oXside akan membahas tentang cara menambah gambar sebelum judul posting di blog Anda.
Lalu apa gunanya..
Gunanya Cuma untuk memperindah judul posting kita biar terkesan bagus dilihat oleh pengunjung blog Anda dan membuat blog Anda lebih Expresif .
Oke buat Anda yang pengen membuatnya silahkan ikuti cara dibawah ini..

Pertama-tama kita pastikan sudah log in ke blogger, setelah log in kita masuk menu Layout kemudian masuk menu Edit HTML

Lalu Cari Code CSS seperti dibawah ini yang mirip di blog Anda

.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;

Nah telah ketemu tambahkan Code semacam background:url(http://www.iconarchive.com/icons/mayosoft/aero-vista/TextoPlano-48x48.png) no-repeat left center; dan juda code height:48px; biar IE (internet Explore) bisa mengadaptasi jika di Mozilla Firefox tidak masalah tanpa code height, sehingga kurang lebih code CSSnya menjadi

.post h3 {
margin:.5em 0;
padding:48px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
height:48px;
background:url(http://www.iconarchive.com/icons/mayosoft/aero-vista/TextoPlano-48x48.png) no-repeat left center;

Setelah Anda tambah jangan lupa Atur paddingya agar gambarnya terlihat dengan ukuran yang sempurna... tapi jika Anda menggunakan Background yang saya kasih diatas paddingnya seperti ini padding:48px 0px 0px 45px;
Nah Code yang tercetak tebal dan merah diats adalah lokasi URL gambar, jika Anda ingin mencari koleksi gambar yang lainya Anda Bisa Cari di www.iconarchive.com.
Dan code height sesuaikan dengan tinggi background kamu.

Jika kamu belum mengerti padding silahkan baca Artikel yang ini dulu biar nanti posisinya terlihat sempurna.

Setelah Semua selesai dan beres tidak ada kesalahan lalu Simpan pengaturan Anda.. dan lihat hasilnya

Nah jika Gambarnya kurang terlihat utak atik saja paddingnya...

Oke saya kira cukup sekian jika ada pertanyaan silahkan lontarkan saja di kotak komentar..

 

Judul blog berguna untuk memberi informasi tentang blog kita dan sangat penting dalam search engine.. tapi jika di blogger judul blog tampak di header dan jika kita membuat background header yang kita buat sedemikian unik, bagus dan keren menurut kita akan mengganggu pemandangan background header kita...

Nah pada pembicaraan kali ini lutfi oXside akan membuat suatu tuorial sederhana untuk menghilangkan judul blog di header namun tidak hilang judul blog kita sebenarnya hanya saja tidak tampak pada header. Yupzz kemaren lutfi oXside udah pernah buat tutorial sederhana mengenai cara menghilangkan Tanggal posting tapi sekarang lutfi oXside akan membuat tutorial cara menghilangkan Judul Blog di header... oke langsung saja

Masuk menu Layout kemudian masuk Edit HTML kemudian cari Code di blog Anda yang mirip seperti dibawah

#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
}

nahh seperti halnya menghilangkan tanggal posting kita tambahkan Code Css visibility:hidden; Kedalam Css Diatas Sehingga kurang lebih menjadi seperti dibawah

#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
visibility:hidden;
}

 Jika Sudah Simpan pengaturanya....

sekian semoga bermanfaat.. jangan lupa isi komentar key