Tutorial ini penting sekali buat yang suka memiliki blog keren dan menarik karena bisa melakukan pengaturan sendiri tanpa harus menggunakan bantuan orang lain. Penulis pribadi sangat terbantu dengan adanya layanan seperti ini karena selain memudahkan, semua bagian bisa kita atur dengan mudah tanpa harus paham soal bahasa pemrograman sama sekali. Selain itu, semua jenis cms dan platform blog bisa menerapkan teknik ini, baik Blogspot, WordPress, Joomla, Drupal dan lain sebagainya.
Sebelum melakukan otak-atik blog, pastikan kalo kamu telah membaca tulisan Cara Mudah Mempercantik Blog dan Cara Mengganti Template Blog, biar blog kamu jadi lebih keren.
Manfaat Melakukan Inspect Element
Sebelum mulai mengikuti cara yang kami jelaskan di bawah, ada baiknya kamu tau juga apa tujuan dari melakukan otak atik dengan cara ini, yaitu :
*) Meniru model pengaturan blog orang lain, seperti pada warna, tata letak dan semua ukuran pada bagian-bagian templatenya. Dengan mengetahui apa warna yang diterapkan pada sebuah blog maka kita bisa langsung melakukan hal yang sama.
*) Merubah tampilan blog sendiri – Biasanya untuk melakukan ini maka kita harus tahu dulu dimana letak kodenya. Dalam hal ini bagian “Rules” yang bisa anda baca penjelasannya di bawah.
Dengan dua fungsi di atas saya kira sudah cukup untuk menyulap tampilan blog anda jadi lebih baik dan keren. Tapi disarankan kalau misalanya menggunakan Blogger maka baiknya ganti dulu templatenya dengan yang sudah lumayan baik, dan jangan mengedit langsung pada template bawaannya karena akan sangat sulit untuk mendapatkan hasil yang diinginkan.
1. Pertama kali kamu harus kunjungi sendiri blogmu, tanpa login sama sekali. Selanjutnya letakkan kursor Mouse pada bagian yang akan kamu ketahui kodenya dan akan diubah nantinya, baik warna, ukuran dan letaknya.
2. Setelah kursor tepat berada pada bagian yang diinginkan, kemudian klik kanan pada Mouse dan akan muncul pilihan menu seperti gambar di bawah ini:
3. Tinggal pilih “Inspect Element (Q)”. Pada contoh di atas kita menggunakan Mozilla Firefox sehingga jika anda menggunakan Browser yang sama maka menunya juga tentunya akan sama seperti di atas.
4. Selanjutnya, secara otomatis di bagian bawah layar akan muncul separuh halaman yang memperlihatkan beberapa kode html dan kode lainnya yang bisa jadi petunjuk anda untuk melakukan pengaturan di bagian html template blog anda. Perhatikan gambar di bawah:
Keterangan:
Rules : Menampilkan style css dan dari kode yang ditampilkan akan memudahkan kita mencari letaknya di dalam template. Misalnya tampak code seperti di bawah ini:
#footer-widgets {
font-size: 13px;
line-height: 22px;
Nah, untuk menemukannya maka cukup buka di bagian mana yang anda meletakkan kursornya sebelum melakukan klik kanan sebagaimana dijelaskan pada nomor 2 di atas. Misalnya saja, di bagian Footer, maka bagi pengguna WordPress maka yang dibukan adalah “Footer php.”
*) Computed : Berisi kode html seperti jenis font dan warna tulisan yang digunakan. Tapi pada bagian ini tidak bisa dijadikan acuan untuk mencari kode yang akan dirubah karena tidak menyebutkan ID dari kodenya.
*) Fonts : Di sini juga kita hanya bisa mengetahui apa jenis huruf yang digunakan tapi tidak bisa dijadikan sebagai bantuan untuk mencari letak pengaturannya. Tapi jika kita ingin meniru jenis huruf yang digunakan oleh blog lain makan cara ini tepat sekali dilakukan.
*) Box model : Untuk mengetahui lebar dan tinggi dari bagian yang kita inspeksi, misalnya saja pada kolom tulisan postingan. Dengan mengetahui ukurannya maka bisa membantu kita dalam menentukan seberapa lebar gambar atau iklan yang bisa kita terapkan di dalamnya.
*) Animations : Bagian ini diabaikan saja karena jarang memperlihatkan kode, kecuali kalau yang di-inspeksi memang dalam bentuk video atau animasi.
5. Pastikan login ke blog anda untuk mencari kode yang anda lihat pada Inspect Element di atas. Baik pengguna Blogspot maupun WordPress kurang lebih pengaturannya sama karena harus dilakukan di bagian pengaturan html template. Khusus di WordPress, pertama login dulu ke Dashboard blogmu, setelah itu di Menu Appearance pilih menu “Editor”
Setelah blog kamu sudah keren untuk dipromosikan, maka selanjutnya bagaimana blog dan artikel menjadi mudah untuk dicari orang, yaitu Cara Membuat Template Blog SEO Friendly dan Cara Artikel Blog Tampil di Google.
sumber : www.caraspot.com
SAYA INGIN BERBAGI CERITA KEPADA SEMUA ORANG BAHWA MUNKIN AKU ADALAH ORANG YANG PALING MISKIN DIDUNIA DAN SAYA HIDUP BERSAMA ISTRI DAN 3 BUAH HATI SAYA SELAMA 10 TAHUN DAN 10 TAHUN ITU KAMI TIDAK PERNAH MERASAKAN YANG NAMANYA KEMEWAHAN,,SETIAP HARI SAYA SELALU MEMBANTIN TULANG BERSAMA SUAMI SAYA UNTUK KELUARGA SAYA NAMUN ITU SEMUA TIDAK PERNAH CUKUP UNTUK KEBUTUHAN HIDUP KELUARGA SAYA..AKHIRNYA AKU PILIH JALAN TOGEL INI DAN SUDAH BANYAK PARA NORMAL YANG SAYA HUBUNGI NAMUN ITU SEMUA TIDAK PERNAH MEMBAWAKAN HASIL DAN DISITULAH AKU SEMPAT PUTUS ASA AKHIRNYA ADA SEORANG TEMAN YANG MEMBERIKAN NOMOR AKI KORO,,SAYA PIKIR TIDAK ADA SALAHNYA JUGA SAYA COBA LAGI UNTUK MENGHUBUNGI AKI KORO DAN AKHIRNYA AKI KORO MEMBERIKAN ANGKA GHOIBNYA DAN ALHAMDULILLAH BERHASIL..KINI SAYA SANGAT BERSYUKUR MELIHAT KEHIDUPAN KELUARGA SAYA SUDAH JAUH LEBIH BAIK DARI SEBELUMNYA,DAN TANDA TERIMAH KASIH SAYA KEPADA AKI KORO SETIAP SAYA DAPAT RUANGAN PASTI SAYA BERKOMENTAR TENTAN AKI KORO…BAGI ANDA YANG INGIN SEPERTI SAYA SILAHKAN CALL; +6285222846347 ,ATAU KUNJUNGI BLOG AKI KORO SILAKANG KLIK (#RAMALAN TOGEL 2D 3D 4D 5D 6D#)
BalasHapusSAYA INGIN BERBAGI CERITA KEPADA SEMUA ORANG BAHWA MUNKIN AKU ADALAH ORANG YANG PALING MISKIN DIDUNIA DAN SAYA HIDUP BERSAMA ISTRI DAN 3 BUAH HATI SAYA SELAMA 10 TAHUN DAN 10 TAHUN ITU KAMI TIDAK PERNAH MERASAKAN YANG NAMANYA KEMEWAHAN,,SETIAP HARI SAYA SELALU MEMBANTIN TULANG BERSAMA SUAMI SAYA UNTUK KELUARGA SAYA NAMUN ITU SEMUA TIDAK PERNAH CUKUP UNTUK KEBUTUHAN HIDUP KELUARGA SAYA..AKHIRNYA AKU PILIH JALAN TOGEL INI DAN SUDAH BANYAK PARA NORMAL YANG SAYA HUBUNGI NAMUN ITU SEMUA TIDAK PERNAH MEMBAWAKAN HASIL DAN DISITULAH AKU SEMPAT PUTUS ASA AKHIRNYA ADA SEORANG TEMAN YANG MEMBERIKAN NOMOR AKI KORO,,SAYA PIKIR TIDAK ADA SALAHNYA JUGA SAYA COBA LAGI UNTUK MENGHUBUNGI AKI KORO DAN AKHIRNYA AKI KORO MEMBERIKAN ANGKA GHOIBNYA DAN ALHAMDULILLAH BERHASIL..KINI SAYA SANGAT BERSYUKUR MELIHAT KEHIDUPAN KELUARGA SAYA SUDAH JAUH LEBIH BAIK DARI SEBELUMNYA,DAN TANDA TERIMAH KASIH SAYA KEPADA AKI KORO SETIAP SAYA DAPAT RUANGAN PASTI SAYA BERKOMENTAR TENTAN AKI KORO…BAGI ANDA YANG INGIN SEPERTI SAYA SILAHKAN CALL; +6285222846347 ,ATAU KUNJUNGI BLOG AKI KORO SILAKANG KLIK (#RAMALAN TOGEL 2D 3D 4D 5D 6D#)