Blogskom.com: October 2017

Archive for October 2017

Fungsi setiap menu pada blog yang sering digunakan

October 28, 2017 Add Comment

Fungsi setiap menu pada blog

Assalamu’alaikum.

Selamat pagi, siang, sore dan malam teman-teman semua dimanapun teman-teman berada walaupun diujung dunia sekalipun saya akan tetap mendo’akan semoga pada hari ini kita selalu diberi perlindungan oleh sang maha pencipta dari semua kegiatan yang ita lakuka dan setiap kegiatan yang akan kita lakukan jangan lupa untuk membaca Bismillahirrahmanirrahim.

Pada sebelumnya kita sudah membaha tentang apa yang harus dipersiapkan sebelum ngeblog dan apabila kita telah melengkapi semua persiapan tersebut sekarang kita tinggal memulainya, tetapi sebelum kita memulai untuk menulis sebaiknya kita harus mengenal menu-menu yang ada pada blog tersebut.

Menu-Menu Posting Blog berguna untuk membuat Artikel yang akan kita publish menjadi lebih menarik untuk ditampilkan sehingga membuat pengunjung blog akan terasa nyaman dengan melihat tampilan artikel yang sudah kita buat dengan memaksimalkan fungsi menu-menu posting pada blog buatlah artikel Anda sebagus mungkin mulai dari bahasa susunan kalimat dan tata letak gambar atau video bila ingin menambahkanya diartikel. Nah untuk itu mari kita langsung saja fungsi setiap menu dalam blog yang sering digunakan orang. Kita akan mengurutkannya seperti pada gambar dibawah ini.

1. Cospose dan HTML

Cospose adalah user interface berbasis WYSIWYG atau What You See is What You Get yang artinya apa yang kamu lihat itu yang kamu dapatkan. istilah lainya mode preview. Jadi apa yang kita ketikan pada halaman itu juga yang kita dapatkan pada hasilnya nanti.

HTML adalah User Interface berbasis script. Mode ini adalah kebalikan nya dari Cospose tadi disini kita memerlukan bahasa kode untuk menjalankannya. Misalnya kita memeerlukan tulisan miring atau bergaris bawah maka kita memerlukan kode tertentu untuk menulisnya.

2. Menu format huruf

Menu ini sama perisi kegunaannya pada MS atau microsoft word seperti memperbesar huruf, menentukan font atau jenis tulisan pada postingan, mempertebal huruf, membuat posisi miring pada huruf, garis bawah, warna furuf dan juga warna latar huruf.

3. Undo dan Redo

Undo dan redo ini sama halnya dengan undo dan repeat pada MS atau microsoft word cara menggunakan fitur ini yang lebih mudah adalah tekan aja tombol ctrl + Z untuk undo dan ctrl + Y untuk redo/repeat. kegunaan dari firtur ini adalah untk mengembalikan sesuatu apabila terhapus atau hilang.

4. Entri atau Judul Postingan

Kegunaan dari fitur ini adalah untuk memberi judul pada postingan yang aka kita pos intat buatlah judul postingan semenarik mungkin.

5. Menu Link, Gambar, Video, Spesial Characeters, Aligt, Bullet And Numbering

Link berguna untuk menghubungkan sebuah kata pada artikel lain misalnya baca juga atau klik disini. untuk caranya bisa klik disini.

Gambar berguna untuk memasukan gambar padapostingan kita. usahakan gambar yang kita masukan memiliki kaitan dengan postingen yang kita buat.

Video berguna untuk memasukan video ke postingan kita video bisa langsung dari yooutube atau juga bisa dari galeri kita.

Spesial Characeters memiliki fungsi yang sama dengan symbols pada microsoft word yaitu memberikan simbol-simbol tertentu yang terkait dengan postingan kita dan pada blog menu ini juga bisa menampilkan emotikon.

Alight adalah untuk mengatur posisi dari postingan kita dan pengaturan posisi ini samahalnya dengna pengaturan posisi pada microsoft word daya rata kiri, rata kanan, rata tengah dan rata kiri kanan.

Bullet and numbering adalah untuk memberikan tanda atau angka urutan pada postingan fitur ini sangat berguna apabila postingan kita mengandung tata cara sesuatu.

6. Label

Memberi Label pada postingan di Blog salah satu hal yang cukup penting yang harus dilakukan, penggunaan label ini berguna untuk mengelompokkan postingan di blog kita bedasarkan kategori-kategori tertentu. Contoh dari penggunaan label ini adalah #tutorial/cara. tetapi sebenarnya tanpa menggunakan tanda # pun juga tidak masalah.

7. Jadwal

Sebenarnya secara otomatis, tanpa kita ubah jadwal sebuah postingan tanggalakan terset secara sndirinya. Maka tulisan tersebut akan langsung tertayang dan bisa langsung dilihat oleh publik. Tetapi dengan adanya jadwal ini kita bisa mengatur jadwal penayangan kapan tulisan kita terpublis secara otomatis.

8. Tautan Permanen

Ada dua opsi pada fitur tautan permanen (Permalink) di menu setelan entri, yaitu :

URL Otomatis, Opsi ini digunakan apabila judul artikel anda tidak terlalu panjang, artinya, saat anda mengetikkan judul, tidak ada kata yang tepotong.

URL Khusus, Opsi ini digunakan apabila judul artikel panjang, kita sendiri yang menentukan bagaimana permalink untuk judul artikel.

Catatan : Untuk menggunakan Opsi URL Khusus, sebagai pemisah kata tidak diperbolehkan menggunakan spasi, tanda hubung yang diijinkan yakni, a-z, a_z, a.z.

Fitur tautan permanen juga mengijinkan adanya perbedaan judul artikel di blog dan alamat link judulnya, seperti dapat kita liat pada judul artikel ini, link dan judulnya sudah berbeda kan.

9. Lokasi

Lokasi berguna untuk memberitahukan kepada pembaca dimana posisi kita pada saat mengpost asrtikel tersebut.

10. Pilihan

Menu Pilihan ini berisi beberapa pilihan seperti pada gambar diatas pada menu ini kita bisa mengatur postingan yang kita punya tetapi biasanya orang menggunakan menu ini untuk menutup kolom komentar pada sebuah postingan.

11. Publikasi, Simpan, Pratinjau Dan Tutup

Publikasikan berguna untuk mempublis atau memposting tulisan yang kita buat

Simpan berguna untuk menyimpan tulisan kita sebagai draf dan ini sama halnya dengan CTRL + S.

Pratinjau berguna untuk mempreview atau melihat hasil dari tampilan postingan yang akan kita posting dan ini sangatlah penting dilakukan sebelum kita posting.

Tutup berguna untuk menutup halaman postingan dan secara otomatis disimpan sebagai draf

12. Halaman postingan

Halaman postingan ini sama halnya dengan halaman pada sebuah microsoft word dimana disini lah kita bisa ketik masukan gambar dan juga video.

Nah itulah 12 menu yang sering digunakan pada blog walaupun yang terakhir tidak termasuk dalam sebuah menu hehehehe. Nah semoga artikel kali ini bermanfa’at untuk kita semua saya zakky salam bloger minang.

wassalam.

Cara membuat link atau baca disini pada blog

October 28, 2017 Add Comment

Cara membuat link atau baca disini pada blog

1. Bukak bagian postingan pada blog user panel setelah itu entri baru.

2. Setelah masuk pada halaman selanjutnya buatlah kata ini baca disini atau klik disini.

3. setelah itu blok tulisan tersebut lalu klik bagian link.

4. Apabila sudah klik bagian link nah disinilah kita akan menghubungkan tulisan baca dinisi dengan tautan lain.

nah sekarang kita akan mencoba menghubungkan tulisan tersebut dengan facebook. sekarang bukak fecebook teman-teman. tetapi bagian profil ya. mengapa bagian profil karena bagian ini bisa dibukak oleh semua orang lalu copykan bagian link nya seperti pada gambar dibawah ini.

5. Setalah dicopykan lalu pastekan link tersebut pada kolom web address tadi seperti gambar dibawah ini.

6. Setelah itu ok lalu publis dan cobakan sendiri sensasinya.

note: pada jendela Edit Link terdapat 2 bagian yang terletak pada bagian bawah diatas Ok yaitu Open this link in a new windows dan juga add’rel=nofollow’ attribute. kedua tersebut memiliki fungsi yang berbeda yaitu yang pertama berguna untuk pada saat mengklik link tersebut brouser akan otomatis membuka tap baru untuk link tersebut tetapi yang kedua tidak, apabila kita mengklik link tersebut browser akan terbuka langsung pada halaman yang sama.

Cara Mudah Blog Segera Diterima Adsense Google

October 22, 2017 Add Comment

Cara Mudah Blog Segera Diterima Adsense Google

Assalamu’alaikum.

Selamat pagi, siang, sore dan malam dimanapun anda berada walaupun diujung dunia sekalipun saya akan tetap mendo’akan semoga pada hari ini kita selalu diberi perlindungan oleh sang maha pencipta dari semua kegiatan yang ita lakuka dan setiap kegiatan yang akan kita lakukan jangan lupa untuk membaca Bismillahirrahmanirrahim.

Mengapa saya membuat artikel ini karena banyak dari teman-teman dikampus yang bertanya pada saya “kok blog saya di tolak oleh adsense ya? padahal udah berkali diajukan dan hasilnya sama tidak ada perubahan. Jawabanya cuman 1 apakah kebijakan dari google sudah dipatuhi dan syarat untuk menerima adsense sudah di penuhi.

Pada awalnya saya juga ditolak oleh google karena pada waktu itu blog saya masih bleng alias polos tanpa ada tambahan atau perubahan sedikit pun pada tema yang saya gunakan dan masih banyak artikel yang masih copy paste. Dan setelah saya menjelajahi mbah google dan mencari artikel yang bertema adsense ternyata banyak kesalahan yang sudah saya perbuat dan pada akhirnya saya pun mulai memperbaiki nya satu persatu. Dimulai dari penghapusan artikel copas dan sampai membuat navigasi.

Dan Allhamdulillah ketika saya mengajukan permohonan yang ke 2 kalinya dan pada waktu itu umur dari blog udah mencapai 8 bulan akhirnya diterima juga oleh google untuk memiliki akun adsense. Bagi teman-teman yang bingung blog mana yang saya maksut bisa di klik pada navigasi diatas yang bernama Teknlogi.

Syarat untuk adsense ini yang pertama adalah umur dari blog sudah mencapai 6 bulan, jumlah artikel sudah 60 dan sudah melengkapi semua persyaratan. Tetapi ada seorang dosen saya, dia sudah menerima adsense ketika umur blognya baru 5 bulan dan jumblah artikelnya pada waktu itu baru 20 Jadi kesimpulannya adalah apabila kita telah melegkapi semua persyaratan dari google kita sudah bisa mengajukan persyaratan untuk menerima adsense. oleh karena itu saya akan membagikan pengalaman saya dan kita akan membahas tuntas dalam 1 artikel saja dimulai dari awal sampai akhir, mari kita langsung saja.

1. Email

Mengapa harus Email karena sebelum kita punya blog kita akan mendaftar terlebih dahulu dan pendaftaran itu harus ada Email dan saya menganjurkan teman-teman untuk memakai Gmail karena Gmail adalah sarana kirim mengirim surat melalui jalur jaringan komputer (misalnya Internet) yang di kelola oleh google. bagi teman-teman yang belum ada Gmail bisa daftar disini

2. Baftar Blog

Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang berbentuk tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web. Mengapa harus blog bukanya wordpress kan keduanya sama aja? ya karena jawabanya sama dengan yang sebelumnya karena blog langsung dikelola oleh google karena kita akan mendaftar adsense google pada suatu saat jadi kita sebaiknya menghargai produk dari google tersebut. Bagi yang belum punya blog bisa daftar disini dan cara daftarnya sangatlah mudah kita hanya perlu memasukan email setelah itu kita akan masuk pada jendela baru seperti ini.

Setelah kita mengisi pendaftaran diatas kita hanya perlu mengkil bagian buat blog untuk menyelesaikan pendaftara.

3. Sesuaikan Tema

Apakah menyesuan tema sangat penting menurut saya iya karena temanyang sesuai menarik akan membuat anda dan pembaca menjadi nyaman. Anda jangan khwatir dibagian ini banyak teman yang dapat dipilih dan itu semua gratis.

4. Buat Desain Pada Header halaman Blog

Membuat desain header ini bertujuan untuk memperindah tampilan dari blog sehingga blog akan terlihat lebih profesional contohnya seperti ini.

Header ini tidak akan muncul secara sndirinya kita perlu mendisainya terlebih dahulu dan baru kita UPLOAD ke blog caranya klik disini

5. buat favicon atau icon blog

Kegunaan dari icon blog ini adalah untuk mengubah tampilan huruf B yang berwarna oren di bagian tap blog menjadi icon yang kita inginkan contohnya seperti ini.

Jadi kegunaan lain dari mengubah gambar Icon tersebut adalah supaya blog tersebut lebih terlihat sempurna dan terlihat lebih elegan untuk caranya bisa klik disini.

6. Buat Gadget Sosial Media

Untuk membuat gadget ini kita perlu sebuah scrip HTML yang akan kita di pasangkan pada halaman blog, kegunaan dari gadget sosial media ini adalah apabila pengunjung blog anda ingin mengenal lebih jauh tentang anda dia bisa langsung mengklik gambar icon tersebut dan secara otomatis pengunjung tersebut akan menuju pada sosial media sesuai apa yang mereka klik contohnya seperti ini.

untuk caranya bisa klik disini.

7. Buat Gadget Google+

Dengan Widget Lencana Google Plus kita dapat memperoleh tambahan Followers dari halaman Blog. Sebenarnya dengan widget Google Plus Followers juga kita bisa memperoleh tamabahan Follower. Namun widget Lencana Google Plus ini mempunyai tampilan yang lebih rapi dan menarik karena tanpa menampilkan profil para followers.

Tidak hanya profil, di Google Plus juga ada Laman. Kita bisa membuat Lencana untuk profil dan laman. Karena Profil dan Laman adalah berbeda, maka terdapat 2 jenis lencana yaitu untuk Laman dan Profil. Pada lencana untuk profil terdiri dari link profil Google Plus dan tombol Follow. Maka memungkinkan pengunjung Blog untuk membuka halaman profil Google Plus kamu atau menjadi followers kamu langsung dari halaman Blog. Untuk cara membuat gadget ini klik disini.

8. Buat Pada Laman (About)

Kegunaan dari About ini adalah untuk menceritakan sedikit tentang blog yang sedang anda kelola jadi pembaca mngetehui apa tujuan dari blog tersebut untuk membuat Abotu ini sangat lah mudah dengan cara.

1. Klik bagian laman pada user blog.

2. Setelah itu laman baru, Nah disini lah kita akan menceritakan tetang tujuan blog tersebut dan dirasa sudah selesai kita hanya perlu mempuplisnya. kalau masih ragu bisa lihat gambar dibawah ini.

9. Buat Pada Laman (Contact)

Contact Us adalah sebuah halaman yang dibuat sebuah pengembang atau pembangun website/blog untuk memudahkan pengunjung saat ingin menyampaikan pendapat,kritik,pesan singkat, ide bahkan ada juga yang menawarkan untuk kerjasama kepada admin dan juga berfungsi sebagai upaya untuk meningkatkan kualitas dan kinerja dari pada website tersebut. untuk membuat laman contak ini bisa klik disini.

10. Buat Pada Laman (Disclaimer)

Pada dasarnya, Disclaimer mengandung pernyataan tentang 'penolakan' terhadap pertanggungjawaban atas opini yang disampaikan pengunjung. Disclaimer sering kita jumpai di website/blog professional.Disclaimer adalah pernyataan resmi dari administrator blog yang menjelaskan bahwa website/blog tersebut tidak dapat diganggu digugat.

Misalnya, anda meninggalkan komentar di postingan ini, maka tanggung jawab atas komentar anda bukan pada blog ini, melainkan sepenuhnya pada anda sendiri. Jadi blog ini tidak bertanggung jawab atas opini pengunjung. untuk membuat laman ini bisa klik disini.

11. Buat Pada Lanam (Privacy Policy)

Privacy Policy Adalah dokumen atau halaman yang menjelaskan kepada visitor web atau blog, tentang bagaimana Anda mengelola informasi yang Anda dapat dari mereka. Bahkan hal ini sangat disyaratkan oleh Paman Google untuk diletakkan dihalaman web atau blog Anda. Dengan kata lain Privacy Policy adalah kebijakan yang diberlakukan oleh sebuah blog atau web yang telah dibuat oleh pemilik atau pembuat situs itu sendiri. Hal ini dilakukan oleh para pemilik web atau blog sebagai syarat untuk menggeluti dunia internet. Bahkan ini adalah sebuah dasar yang harus dilakukan oleh pemilik web atau blog sebagai bukti bahwa blog atau web tersebut akan benar benar ditekuni dan akan menjadi lebih baik dalam perkembangnnya. Untuk membuatnya klik disini.

12. Buat Navigasi

Navigasi ini adalah untuk mempermudah pengguna untuk menjelajahi blog kita dan dengan adaya navigasi ini tampilan dari blog kita menjadi lebih profesional. untuk membuat navigasi bisa klik disini.

13. Mendaftar Web Master Tool

Fungsi google webmaster tools adalah

· Membantu dalam hal SEO : Anda dapat menggunakan fitur “Search Analytics” di google webmaster untuk mengoptimalkan SEO blog. Di halaman tersebut disajikan beberapa data diantaranya keyword hasil pencarian orang, klik, impresi, CTR hingga posisi artikel Anda di SERP.

· Memonitor Backlinks

· Mendapatkan pemberitahuan dari kemungkinan adanya permasalahan di situs kita ataupun kemungkinan pelanggaran yang dilakukan oleh situs kita.

· Mendapatkan data pengindeksan

· Mendapatkan informasi kompatibilitas situs dengan perangkat mobile.

Dari pada kalian punsing apa maksud dari 5 fungsi diatas lebih baik daftar dulu dan nantik kalian akan ngerti sendiri tentang fungsi dari web master tool ini untuk daftar klik disini.

14. Pasang kode Google Analytic di blog

Manfaat atau fungsi dari tool google analytic ini adalah untuk memberikan laporan detail tentang pengunjung blog. Dengan menggunakan alat ini kita bisa mengetahui jumlah pengunjung perhari, perminggu atau perbulan. untuk memasangnya klik disini.

15. Memunculkan Menu Penghasilan

Untuk membuat kita lebih semangat dalam ngeblog mungkin icon ini bisa menunjang semangat tersebut tetapi jangan terlalu berambisi karena nantik bisa kecewa, jadi nikmatilah prosesnya anggap saja penghasilan itu adalah sebagian kecil manfa'at dari ngeblog. Mengapa menu tersebut tidak keluar secara otomatis karena monu ini hanya tersedia dalam bahasa inggris cara untuk memunculkan menu ini klik disini.

16. Buat Artikel Original NO COPAS

Nah apabila sudah melakukan langkah diatas sekarang kita hanya perlu untuk membuat artikel yang bermanfaat dan yang pastinya tidak COPAS dari blog lain. Dilema yang sering terjadi dilapangan adalah Banyak orang yang pada minggu pertama atau bulan pertama dia bisa ngepost dalam satu hari 3 sampai 5 artikel sekalipun dan pada akhirnya dia kehabisa ide dan mengalami fakum. Menurut saya yang lebih baik untuk ngepost adalah 1 kali sehari tetepi rutin dari pada sekali banyak dan pada akhirnya fakum. Triknya begini apa bila anda mendapatkan 5 sumber dalam satu hari jangan dipost sekaligus tetapi sisihkan untuk hari esok jadi 5 sumper bisa untuk 5 hari dan begitu seterusnya jadi kita tidak akan kehabisan ide. ok (Y)

Nah itulah 16 langkah dalam persiapan sebelum mndaftar adsense semoga artikel ini bermanfa’at untuk kita semua. artikel ini saya buat sesuai pengalaman saya jadi kalau ada yang kurang bisa komen dibawah dan jika adakesalan juga bisa komen dibawah, mungkin hanya sekian dulu saya zakky salam bloger Minang.

wassalam

Cara membuat gadget sosial medi

October 22, 2017 Add Comment

Cara membuat gadget sosial media

1. klik bagian tata letak setelah itu klik pada bagian tambahkan gadget.

2. Setelah itu cari gadget yang bernama HTML/JavaScript setelah ketemu klik pada tanda tambah.

3. Setelah diklik kita akan masuk pada jendela baru dan pada judul tulis sosial media dan pada konten copykan script dibawah ini.

sehingga akan menjadi seperti pada gambar dibawah ini, setelah itu simpan.

Note: pada bagian https://www.facebook.com/zakky.rakhmad ubah dengan alamat link sosial media anda masing-masing cara melihatnya seperti pada gambar dibawah ini.

copikan alamat tersebut lalu copykan pada script alamat sosial yang tadi dan begitulah seterusnya.

Buat Pada Lanam (Privacy Policy)

October 22, 2017 Add Comment

Buat Pada Lanam (Privacy Policy)

1. Kunjungi situs privacypolicyonline

2. Setelah itu kita akan masuk pada sebuah formulir seperti pada gambar dibawah ini.

3. Setelah selesai klik bagian generate policy

4. Setelah itu scroll kebawah sampai menemukan generate HTML for this page lalu copykan script yang ada pada halaman tersebut.

5. Setelah dicopy masuk pada user panel blog lalu pilih babian laman setelah itu laman baru dan tukar dari kompose menjadi HTML setelah itu copikan script yang tadi di copykan.

kalau keluar tanda peringatan pilih aja bagian perbaiki setelah itu publis.

Membuat Menu Navigasi

October 22, 2017 Add Comment

Membuat Menu Navigasi

1. Pertama , silahkan masuk ke editor template terlebih dahulu

2. Kemudian Pasang kode css berikut , tepat diatas kode ]]></b:skin> atau </style> cara mencari lebih mudah adalah tekan CTRL + F pada keyboard

/* NAVIGATION MENU 2 */

.toggleMenu{display:none;background:#E73138;padding:0 15px;height:48px;line-height:48px;color:#fff!important}

#nav{font:normal bold 12px Arial,sans-serif;background:#333333;text-transform:uppercase;height:48px;line-height:48px}

.nav-menu2{background:#333333;list-style:none;margin:0 0 0 0;*zoom:1;float:left}

.nav-menu2:before,.nav-menu2:after{content:" ";display:table}

.nav-menu2:after{clear:both}

.nav-menu2 ul{list-style:none;margin:0 0 0 0;width:12em}

.nav-menu2 a{display:block;padding:0 15px}

.nav-menu2 li{position:relative;margin:0 0}

.nav-menu2 > li{float:left}

.nav-menu2 > li > a{display:block;height:48px;line-height:48px;color:#ffffff;box-shadow:0 4px 0 #333333 inset}

.nav-menu2 > li > a.active{background:#222222;box-shadow:0 4px 0 #E73138 inset}

.nav-menu2 > li:hover > a{background:#222222;box-shadow:0 4px 0 #E73138 inset}

.nav-menu2 li ul{background:#fff;display:block;position:absolute;left:0;z-index:10;visibility:hidden;opacity:0;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;border:1px solid #d9d9d9;border:1px solid rgba(217,217,217,1);box-shadow:0 0 2px rgba(0,0,0,0.2)}

.nav-menu2 li li ul{left:100%;top:-1px}

.nav-menu2 > li.hover > ul{visibility:visible;opacity:10}

.nav-menu2 > li > ul:before{content:"";width:0;height:0;position:absolute;bottom:100%;left:20px;border-width:8px;border-style:solid;border-color:transparent transparent #fff transparent;display:block}

.nav-menu2 li li.hover ul{visibility:visible;opacity:10}

.nav-menu2 li li a{display:block;color:#333;position:relative;z-index:100;line-height:32px}

.nav-menu2 li li a:hover{background:#f0f0f0}

.nav-menu2 li li li a{background:#fff;z-index:20;color:#333}

.nav-menu2 li .parent:after{content:"\f107";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px}

#search-form{background:#333333;float:right;margin:0 0;width:200px}

#search-form table{width:100%;margin:0 0 0 0}

#search-form td.search-box{padding-right:30px}

#search-form input#search-box[type="text"]{background:#ffffff;height:36px;line-height:36px;margin:5px 0 5px 10px;padding:0 10px;width:99%;color:#666666;border:none}

#search-form input#search-button[type="submit"]{font-family:FontAwesome;background:#E73037;color:#ffffff;height:36px;line-height:36px;margin:5px 10px 5px 0;padding:0 12px;border:none;outline:none;transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s}

#search-form input#search-button[type="submit"]:hover{background:#222222;cursor:pointer}

#search-form input#search-box[type="text"]:focus{background:#eee;outline:none}

3. Untuk memanggil kode css diatas silahkan pasang htmlnya , caranya pasang kode dibawah ini tepat dibawah kode </header>

<li><a href='http://blogskomcom.blogspot.co.id/p/privacy-policy.html'>Privacy Policy</a>

<ul>

</ul>

</li>

<li>

<ul>

</li>

</ul>

</li>

<li><a href='http://blogskomcom.blogspot.co.id/p/contact-us.html'>Disclaimer</a></li>

<li><a href='http://blogskomcom.blogspot.co.id/p/about.html'>About us</a></li>

<li><a href='http://blogskomcom.blogspot.co.id/p/contak.html'>Contact us</a></li>

<li><a href='http://zakky67.blogspot.co.id/'>TEKNOLOGI</a></li>

</ul>
</nav>

Jika sudah silahkan save template