SKAONE

Sistem navigasi yang baik dalam blog sangatlah diperlukan yang jelas2 dapat mempermudah pengunjung blog saat sedang menjelajahi isi blog kamu. Sistem navigasi ini bisa berupa Menu, baik horizontal maupun vertikal, atau berupa post yg dengan sedemikian rupa diubah menjadi halaman navigasi. Lalu, apa yg menarik dari Menu Horizontal Tab ini?


Menu Horizontal bisa menjadi alternatif buat Menu Vertikal biasanya dan bisa jadi ngebuat halaman
blog jadi lebih hemat. Melihat dari pentingya keberadaan nya, Menu Horizontal Tab biasanya diletakkan di tempat yg mudah dilihat pengunjung. Di bawah Header contohnya.

1. Langkah pertama, masuk ke Layout > Edit HTML.

2. Masukkan kode CSS ke dalam template, gampangnya letakkan di atas kode ]]></b:skin>

#navigation{font-size:110%;
height:2.2em;
line-height:2.2em;
margin:0 1px;
color:#999;
}
#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ccc;
white-space:nowrap;
}
#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #999;
}
* html #navigation a {width:1%;}
#navigation a:hover{
background:#ccc;
color:#fff;
text-decoration:none;
}

3. Selanjutnya cari kode ini:

<b:section class="header" id="header" maxwidgets="1" showaddelement=”no”>

Kalo engga ketemu cari section dengan class="header".
Lalu ubah menjadi:

<b:section class="header" id="header" maxwidgets="10" showaddelement="yes">

Ini dilakukan supaya kamu bisa memasukkan element di bawah bagian header blog kamu.

4. Lalu masuk ke Page Elements. Di bawah bagian Header, klik Add a Gadget. Pilih HTML/JavaScript

5. Masukkan kode2 ini ke dalamnya:

<div style="text-align: center;">
<div id="navigation">
<ul>
<li class="selected">
<a href="http://blogkamu.blogspot.com/">Home</a></li>
<li><a href="http://andika-skn.com/search/label/LABEL" >Link Label</a></li>
<li><a href="http://andika-skn.blogspot.com/">Blogroll Links</a></li>
</ul>
</div>
</div>

6. Klik save.


Menu horizontal tab sebaiknya diisi dengan link yg bisa menjadi 'pintu2' bagi artikel lainnya. Contohnya dengan link menuju label tertentu. Dan jangan juga mengisi nya dengan terlalu banyak link, tentunya bakal bikin jadi penuh nantinya.

Pas lagi2 jalan ke blognya O-OM, saya nemuin ada sebuah online tools yg bisa ngedesain menu, horizontal bisa.. vertikal apalagi. Namanya MyCSSMenu. Tools ini rasanya perlu dicoba, selain prosesnya yg mudah, pilihan menunya juga banyak.


Update:
Ok, menu sudah terpasang, terus bagaimana caranya nambah isi link ke dalam menunya?
Caranya mudah aja koq..
tinggal tambahkan:

<li><a href="LINK_YANG_DIINGINKAN" >Anchor text</a></a></li>

diantara <ul> dan </ul>. Ubah LINK_YANG_DIINGINKAN dengan link yang akan dimasukkan ke dalam menu dan ubah Anchor text sesuai link yang dituju.

Di waktu yang lalu saya pernah menulis tentang cara mengganti favicon standar dari Blogger/blogspot. Gunanya untuk branding blog kita karena dengan begitu blog kita punya 'sesuatu' untuk tampil beda. Tapi tulisan itu cara lama yang manual, karena sekitar pertengahan tahun lalu Blogger memperkenalkan cara mengganti favicon yang sangat mudah, yaitu dengan cara upload gambar yang sudah kita siapkan sebagai favicon. Bagaimana sih?






Nah sekarang bagaimana cara terbaru tadi? Gampang saja, memang paling mudah ditunjukkan dengan gambar. Karena kata orang, gambar mampu berbicara atau menjelaskan lebih banyak dari kata-kata.



Untuk mengganti favicon standar blogspot ada dua versi:
- Bila Anda yang memakai interface lama, klik Design | Page Elements
- Bagi Anda yang menggunakan interface baru, klik tab Layout 

Maka Anda akan melihat gambar yang lebih kurang seperti di bawah ini:
Sudah jelas kan? Anda tinggal klik Edit untuk mengupload favicon pilihan sendiri.
Sampai jumpa di postingan berikutnya...

 dan lihat hasilnya... 

Pada hari ini saya akan posting Cara Pasang Saving/Power Save Mode di Blogger berdasarkan permintaan teman saya di sekolah yang menanyakan tentang cara membuat energy saving berikut adalah tampilannya....

www.clocklink.com

Berikut cara memasang widget Jam di blogger

1. Pertama kunjungi www.clocklink.com
2. lalu klik pada menu Gallery (disitu kita bisa memilih kategori-kategori yang ingin kita pilih)
3. sebagai contoh kategori analog kita pilih,
4. kemudian klik view html tag pada kotak di bawah jam yang kita pilih lalu akan timbul halaman baru di window baru. disitu nanti kita ada ketentuan-ketentuan yang memakai bahasa inggris,
5. langsung aja kita pilih accept
6. Selanjutnya kita diminta memilih warna (color), {time zone untuk Waktu Indonesia Bagian Barat sebaiknya memilih JOG : Jogyakarta Indonesia Time (GMT + 07.00)} serta jangan lupa tuliskan ukuran (size) jam agar sesuai dengan sidebar tempat meletakan jam itu nantinya. Dapat juga diatur kemudian.
7. Copy seluruh kode HTML kemudian disimpan di komputer kita contoh pada notepad.

Langkah selanjutnya kita menuju blog kita

1. Silahkan login ke blogger dengan ID anda
2. Klik Tata Letak
3. Klik tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik tanda plus (+) untuk HTML/Javascript
6. Copy paste kode yang kita taruh di notepad tadi ke dalam kolom konten yang tersedia
7. selesai

jika sudah berhasil akan tampak seperti dibawah ini :

 2. Klik Tambah Gadget / Add A Gadget


3. Pilih Gadget Html/JavaScript


4. Masukkan kode cursor yang sudah saya sertakan di bawah ini

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy7B0R83AbEH0ekVKNyJP3Ip3LsfkcMo6jHC43nT8p5EBtbNMERZPMt-XYZO4uEDNXXscKf_yeUFh98gYpp2aN34ckmql7DGyFkMgn5nn7uwosHkH9iVz_4dffdfl6BO_duZseUxi9CCIB/s1600/cursor.gif"), auto;}
</style>

Catatan: Silakan rubah tulisan yang saya beri warna Biru dengan url gambar cursor yang kamu suka. Jika kamu menggunakan semua kode yang saya tuliskan di sini (tanpa mengganti bagian yang saya beri warna Biru) maka cursornya terlihat seperti in:

Atau sobat bisa juga dengan gambar gif ini :

Agar corsornya bisa permanen walaupun diarahkan kelink silakan gunakan kode seperti dibawah ini :

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy7B0R83AbEH0ekVKNyJP3Ip3LsfkcMo6jHC43nT8p5EBtbNMERZPMt-XYZO4uEDNXXscKf_yeUFh98gYpp2aN34ckmql7DGyFkMgn5nn7uwosHkH9iVz_4dffdfl6BO_duZseUxi9CCIB/s1600/cursor.gif"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy7B0R83AbEH0ekVKNyJP3Ip3LsfkcMo6jHC43nT8p5EBtbNMERZPMt-XYZO4uEDNXXscKf_yeUFh98gYpp2aN34ckmql7DGyFkMgn5nn7uwosHkH9iVz_4dffdfl6BO_duZseUxi9CCIB/s1600/cursor.gif"), auto;}
</style>

Cara Mudah Membuat Blog Pribadi Gratis di Blogger | Tulisan kali ini saya khususkan buat sobat2 yang masih awam tentang cara mudah membuat blog gratis untuk pribadi di blogger.com. Jadi jika sobat sudah expert dalam hal membuat blog, mau baca silahkan mau mengabaikan juga silahkan,, karena cara ini khusus untuk yang benar-benar belum paham membuat blog gratis.
Sebenarnya ada banyak sekali layanan blog gratis yang bisa kita pakai, tetapi untuk yang belum bisa membuat blog lebih baik membuat blog di blogger.com saja, karena menurut saya blogger.com sangat cocok sekali untuk yang baru belajar. Untuk cara membuat blog gratis di layanan seperti wordpress dan blogdetik insya Allah akan saya bahas ditulisan yang lainnya.
OK, sekarang kita mulai saja bagaimana cara mudah membuat blog pribadi gratis di blogger.com :
1. Syarat pertama yang harus sobat lakukan untuk membuat blog di blogger.com adalah mempunyai akun email di gmail.com. Dengan mempunyai email di gmail.com bukan blogger.com saja yang bisa diakses tapi semua fasilitas dari google bisa di pakai. untuk membuat akun email gmail silahkan ketikkan gmail.com dibrowser sobat, atau klik disini.
Lalu klik buat akun.

2. Setelah sobat klik akan muncul formulir untuk diisi dengan data-data sobat termasuk no handphone sobat. Setelah semua data di isi klik langkah selanjutnya.
3. Setelah itu pilih pesan teks, negara indonesia, dan klik kirim kode verifikasi. Selanjutnya sobat akan menerima sms kode verifikasi dari google untuk di isi dilangkah berikut ini.
Setelah dimakukka kodenya klik verifikasi.
4. Selanjutnya memasukkan foto profil sobat, tapi dalam tahap ini optional. sobat bisa langsung memasukan foto profil atau tidak. kalau ingin melewatinya langsung saja klik Langkah berikutnya.
5. Pada langkah selanjutnya langsung saja klik Lanjutkan ke Gmail.
6. Maka akan langsung muncul tampilan depan akun gmail sobat seperti ini.
7. Sampai tahap ini akun gmail sobat telah selesai dibuat. kini saatnya untuk membuat blog pribadi pertama sobat.. sudah siap ?? silahkan Klik Blogger.com untuk memulai membuat blog.
8. Sobat akan diminta kembali password yang masukkan di gmail tadi. Lalu klik Masuk.
9. Selanjutnya sobat akan diminta mengisi data untuk profil blog sobat. Disini ada dua pilihan, pilihan 1 jika sobat ingin membuat profil blog dari profil google +. pilihan 2 jika sobat hanya ingin membuat profil untuk blog saja tanpa dihubungkan dengan akun google +.
Google + adalah layanan google yang lumayan baru, akun ini seperti halnya facebook. Saya sarankan pilihan 1 saja. 
10. Pada langkah berikutnya langsung saja klik tingkatkan untuk melanjutkan.

11. Klik tombol Ikuti jika sobat ingin bergabung dengan laman tersebut. Setelah itu klik Lanjutkan

12. Masukkan data dan foto profil sobat, tapi tidak diisipun  tidak apa2. Lalu klik Selesai.

13. Pada tahap selanjutnya klik Lanjutkan ke blogger.

14. Setelah itu sobat akan langsung ke halaman dashboard blog sobat.. tapi blog belum dibuat.
untuk memulai membuat blog, silahkan sobat klik Blog Baru yang ditunjukan di nomor 1 pada gambar diatas, pada nomor 2 akan tampil blog yang sudah sobat buat. pada nomor 3 adalah tempat mengatur blog sobat. salah satunya adalah untuk mengubah tampilan dashboard ke tampilan lama. Ok selanjutnya setelah sobat klik Blog Baru akan muncul form baru seperti dibawah ini.
terlihat pada gambar diatas ada beberapa nomor, sengaja supaya mudah untuk dijelaskan.
pada no 1 Masukkan nama untuk blog sobat, untuk ini terserah mau di isi apa, nama pribadi pun bisa. untuk nomor 2 ini adalah untuk alamat blog sobat, seperti contoh diatas adalah blogger-naz.blogspot.com. pada pengisian nomor dua tunggu hingga ada tanda checklist berwarna biru seperti diatas. untuk nomor 3 adalah pilihan desain halaman blog sobat, silahkan pilih sesuai selera. selanjutnya klik Buat blog.
15. Setelah selesai maka blog sobat sudah dibuat. 

untuk mulai menulis silahkan klik tombol bergambar pensil.

pada contoh diatas judul postingan saya adalah "Post Pertama Ku".. dengan isi postingan " Hallo sekarang saya punya blog gratisan. Ini adalah postingan pertama ku" dan dengan kategori "Coretanku".. sobat bebas mau mengisinya dengan apa saja..
Jangan lupa setelah selesai,, klik Publikasikan untuk menampilkan postingannya..
16. setelah itu coba lihat hasilnya dengan klik Lihat blog.
 Coba kita lihat postingan dari contoh yang saya buat tadi..


gambar yang terakhir adalah tampilan dari blog yang sudah dibuat dengan judul blog "Blogger Naz" dan postingan dengan judul "Post Pertama Ku"...
Nah itulah kira2 langkah membuat blog, membuat postingan sampai mempublikasikan hasil postingan.. Hasil blog ini masih sederhana tampilannya,, jika sobat ingin lebih bagus lagi, silahkan kreasikan sendiri imajinasi sobat. inilah akhir dari tutorial Cara Mudah Membuat Blog Pribadi Gratis di Blogger. semoga sukses
By : Maz Blogger