Komputer Teknologi

Memang banyak tool yang bisa dimanfaatkan dalam melakukan custom atau edit template blogger, namun bagi saya salah satu tool yang bagus dipakai untuk melakukan custom template blogger ialah teks editor Notepad++.

Dalam mengedit template blogger khususnya yang masih baru terkadang sangat membingungkan, ini disebabkan karena terlalu banyaknya kode-kode tag CSS, HTML maupun JavaScript pada template blogger. Jadi untuk mengatasi itu semua kita bisa menggunakan Notepad++ ini sebagai teks editor untuk mengedit template.

Notepad++ sangat membantu karena tool yang satu ini sudah mengenal kode CSS maupun HTML jadi ketika kita melakukan pengeditan template blogger sangat mudah karena kita akan dibantu salah satunya seperti pada bagian kode pembuka maupun penutup, untuk contohnya seperti gambar berikut :

Seperti pada gambar diatas, untuk template blog ini ketika saya mengklik kode <b:includable id='nextprev'> maka secara otomatis teks editor notepad++ memberikan efek juga pada bagian kode </b:includable>, yang dalam hal ini memberitahukan sampai dimana kode tersebut mengatur kode-kode tag yang lain.

Dari contoh yang ada itu hanya sebagian saja namun masih banyak lagi fungsi Notepad++ yang bisa membantu kita dalam melakukan pengeditan template blogger.

Tips : Notepad++ ini sangat bagus jika digabungkan dengan fitur “Inspect Elements” atau “Periksa Elemen” yang ada pada Google Chrome untuk digunakan dalam melakukan pengeditan template blogger, untuk melihat apa yang bisa dilakukan dari fitur google chrome ini sobat bisa melihat postingan pada artikel memanfaatkan fitur google chrome untuk mengedit template blogger.

Karena sebagian teman-teman ada yang menanyakan cara membuat menu navigasi di blogger atau blogspot, jadi artikel ini sengaja saya buat sesuai dengan janji saya untuk membantu kawan-kawan.

Untuk cara mudah membuat menu navigasi baik itu yang berbentuk Vertical (atas ke bawah) atau Horizontal (kiri ke kanan), sobat bisa memanfaatkan salah satu tool yang tersedia yang secara otomatis mengcreate scrip css serta html menu untuk di pasang pada blog sobat hanya cukup dengan beberapa ketikan dan klak klik saja. Untuk langkah-langkah pembuatan menu di blogger dengan menggunakan tool ini, silahkan disimak di bawah ini yah :

Langsung tuju ke tool otomatisnya di http://www.accessify.com/tools-and-wizards/developer-tools/list-o-matic/, dan akan tampak form webnya seperti

Dari gambar step 1 di atas yang perlu dilakukan ialah mengisi data-data menu apa saja yang akan ditampilkan untuk contoh blog Komputer Teknologi ini saya membuat dua menu yaitu menu Home yang megarah ke url http://meambo.blogspot.com/ dan menu Bisnis yang mengarah ke link label http://meambo.blogspot.com/search/label/Bisnis

Jika sobat sekalian ingin menampilkan menu lebih dari dua cukup dengan mengklik Add Top Level Navigation Item, sedangkan jika ingin menambahkan Sub Level Menu dari salah satu Top Level Menu yang ada, cukup dengan mencentang kotak kecil (Check Box) pada This link contains sub-level navigation (optional),

Jika sudah lengkap lanjutkan ke step 2 dengan mengklik tombol I’m done, Show me the styles dan akan tampil form seperti gambar dibawah

Seperti pada gambar diatas tentukan menu yang akan dibuat apakah model Horizontal atau Vertical dan jangan lupa tentukan pula jenis style tampilannya yang berada pada kotak yang ber scroll. Jika sudah lanjutkan lagi dengan mengklik tombol Show me the markup, dan secara otomatis akan tampil form yang berisi kode css dan html yang diperlukan untuk mebuat menu diblogger.

Ambil kode css dan html tersebut dan simpan sementara misalnya di notepad.

Sekarang tugas yang perlu dilakukan yaitu ke tahap pemasangan kedua scrip yang telah diperoleh tadi ke template blog sobat dengan cara :

Wah capek juga nih buat tutorial membuat menu navigasi blogger panjang banget, dari penjelasan yang ada saya rasa sudah cukup lengkap dan bisa dimengerti jika di simak baik-baik, namun jika ada sebagian kawan-kawan yang belum mengerti, jangan ragu untuk ditanyakan!.

Sekalian bagi yang belum pasang, untuk memudahkan pengunjung me navigasi tiap-tiap halaman diblog kita, bisa juga memasang Navigasi breadcrumbs seperti pada postingan saya sebelumnya di Pasang Navigasi Breadcrumb di blogger.

Masih seputar seo nih kawan-kawan, memang kalau berbicara tentang seo rasanya tidak akan ada habisnya, bahkan dari hari-kehari akan banyak bermunculan tehnik-tehnik terbaru.

Dalam meningkatkan search engine optimization pada halaman blog memang banyak caranya, namun salah satu tehnik tersebut yang bisa diterapkan ialah bagaimana cara melakukan optimasi pada file-file image atau gambar. Memang tehnik seperti ini tidak terlalu besar pengarunya, namun tidak menutup kemungkinan dengan menerapkannya bisa membantu dalam hal peningkatan trafik dari blog kesayanga kita.

Karena google tidak mengetahui gambar apa yang dipasang pada sebuah konten maka yang perlu dikalukan ialah dengan memasang tag alt atau title yang fungsinya memberitahukan gambar apa yang kita letakkan pada halaman blog. Tidak hanya itu, tag ini berfungsi sebagai alternatif ketika dalam keadaan tertentu file gambar tidak dapat ditampilkan pada halaman web browser maka teks yang ditelakkan pada tag alt atau title lah yang akan ditampilkan.

Untuk contoh pemasangan tag alt dan title sebagai berikut

<img alt="Komputer Teknologi" title="Komputer Teknologi" src="http://linkgambarsobat.jpg"/>

Dari scrip diatas tinggal ubah saja teks yang berwarna merah sesuai dengan tema gambar yang di tampilkan atau sesuai judul content artikel sobat juga bisa, sedangkan teks yang berwarna biru tinggal ubah saja sesuai dengan link gambar yang ditampilkan.

Semoga dengan adanya artikel ini dapat membantu buat rekan-rekan blogger sekalian dalam melakukan penerapan SEO Untuk File Images atau Gambar, OK.

Kebetulan baru daftarin blog Komputer Teknologi ini ke Technorati dan berhasil melakukan claim dengan code CAG4SUPUHY2A sebagai code token untuk melakukan verifikasi, namun ada sedikit kekecewaan bahwa sekarang ternyata Technorati melakukan pembaruan yang memfokuskan pada weblog berbahasa inggris dan tidak lagi sepenuhnya mendukung blog berbahasa non iggris.

Yah jadi mau diapalagi karena technorati sudah mengeluarkan keputusan tersebut terpaksalah saya berhenti berharap banyak sama technorati meskipun sudah berhasil daftar dan melakukan claim, Dari keterangan info yang diberikan bahwa technorati saat ini tidak lagi mengindeks posting dari situs non-bahasa Inggris untuk mencari atau perhitungan otoritas, untuk melihat ketentuan dari technorati sendiri sobat bisa langsung situsnya saja di sini.

Bagaimana menurut kawan-kawan yang blognya masih menggunakan bahasa non inggris dan sudah mendaftar ke technorati, apa masih ngandalin technorati sebagai web directory yang dapat meningkatkan trafik pengunjung?

Nih bagi kawan-kawan yang senang memanfaatkan file image atau gambar baik itu sebagai programmer untuk keperluan pembuatan aplikasi berbasis desktop maupun seorang blogger untuk keperluan desain template blognya dan lain-lain, rasanya aplikasi compress image sangat diperlukan. Ini bertujuan mencaga kualitas size dari aplikasi maupun blog, bayangkan saja kalau semuanya hampir menggunakan file image sebagai interfacenya, wah bisa jadi sangat berat tuh.

Untuk itu saya sedikit memberikan tool compress images yang saya buat sendiri menggunakan Visual Basic .Net 2005, meskipun aplikasi ini masih membutuhkan pengembangan baik dari segi interface maupun fitur-fiturnya tapi saya rasa untuk pemanfaatan fungsinya sudah cukup baik, tool ini fungsinya bukan untuk mengecilkan ukuran tinggi dan lebar pixel sebuah gambar lho, tapi berfungsinya untuk mengecilkan size ukura bite gambar dengan tetap menjaga kualitas serta tinggi dan lebar pixel gambar.

Oh ya hampir lupa aplikasi compress images atau picture ini juga yang selalu saya gunakan untuk pembuatan aplikasi berbasis desktop maupun untuk desain interface dari template blog Komputer Teknologi ini serta beberapa blog saya yang lain juga.

Untuk mencoba aplikasi ini sobat bisa mendownloadnya di blog saya di sini.

Info sedikit yah : karena aplikasi ini dibuat dengan menggunakan Visual Basic .Net 2005 yang dimana aplikasi yang dibuildnya membutuhkan Net Framework 2.0, jadi sobat yang operating systemnya belum terinstall Net Framework 2.0 baiknya di install dulu. Untuk Operating System Windows Vista dan Seven (7) tidak ada masalah karena sudah terintegrasi dengan OS tersebut, kecuali hanya untuk Widows XP saja.