Mengatur posisi video di dalam posting Blogger

Ketika kita memasang video di dalam postingan blogger maka secara default blogger akan mengatur posisi video selalu di tengah postingan. Kondisi ini jelas sangat tidak enak dilihat karena banyak ruang kosong di samping kiri atau kanan video itu. Jika dalam postingan tersebut hanya berupa video saja mungkin posisi video tengah area posting memang itu yang diharapkan.

Tapi apabila postingan itu ada artikelnya maka posisi video di tengah menjadi kurang enak dilihat. Akan lebih asyik dipandang mata jika video kita atur posisinya agar menepi di kiri atau kanan artikel.

Sebagian blogger pemula mungkin tidak begitu mempedulikan akan hal ini, karena sudah memasangnya di blog dan bisa diputar saja sudah lumayan.

Namun ada hal terpenting bagi pengelola blog yang ingin memanjakan pembacanya sehingga keteraturan dan keserasian tampilan blog termasuk tata letak gambar atau video pun menjadi sangat perlu untuk ditertibkan.

Cara mengatur posisi video agar berada di tepi kanan atau kiri adalah sebagai berikut:

1. Pastikan memposting dalam mode HTML

2. Setelah meng-upload video di dalam posting blogger, akan didapat kode seperti ini :
<div class="separator" style="clear: both; text-align: center;">
<object width="320" height="266" class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://i.ytimg.com/vi/8hG9N4wpjvw/0.jpg"><param name="movie" value="http://www.youtube.com/v/8hG9N4wpjvw?f=user_uploads&c=google-webdrive-0&app=youtube_gdata" /><param name="bgcolor" value="#FFFFFF" /><embed width="320" height="266" src="http://www.youtube.com/v/8hG9N4wpjvw?f=user_uploads&c=google-webdrive-0&app=youtube_gdata" type="application/x-shockwave-flash"></embed></object></div>

3. Perhatikan Kode yang berwarna merah, jika menginginkan letak video di kiri artikel, ubah kode tersebut menjadi seperti ini:
<div class="separator" style="float:left;text-align:left;margin-right:10px">

4. Apabila menginginkan letak video di kanan artikel, ubah kodenya menjadi seperti ini:
<div class="separator" style="float:right;text-align:right;margin-left:10px">

Optimasi SEO mywapblog

Optimasi SEO mywapblog, perlukah?
Jawabnya sangat perlu sekali, kini pengguna mywapblog semakin banyak.

Entah kenapa mungkin sudah terlalu sering dengan blogspot dan wordpress sehingga mereka jadi bosan dan beralih ke blog versi wap.

Bagi para blogger yang sudah akrab dengan mesin pencari tentu tidak mengalami banyak kesulitan dalam mendongkrak posisi blognya. WP memang tidak diragukan lagi SEO-nya karena dilengkapi plugin untuk memudahkan penggunanya dalam mengoptimalkan posisi blog di Serp.

Pengguna blogspot-pun tidak mau ketinggalan, banyak para master blogger yang berhasil mendepak saingannya dengan script html dan CSS sebagai andalannya. Bagaimana dengan mywapblog apakah mau diam saja tidak mau berlomba meraih puncak?
Kalau menengok ke belakang apa tujuan seseorang membuat blog adalah agar tulisannya dapat segera dibaca oleh pengunjung. Dan ujung-ujungnya adalah SEO. Mywapblog sebuah platform blog versi mobile kini menjadi pelarian para blogger, termasuk saya sendiri sedang jatuh cinta sama mbak mywapblog.

Apalagi blog mobile wap ini sangat mudah untuk dijadikan ladang bisnis meraup dollar. Mywapblog sebagai alternative memonetize blog supaya menghasilkan uang. Sekarang banyak bertebaran adsense for mobile wap asal anda rajin googling banyak sekali dijumpai hal tersebut. Proses Approvasinya pun tak serumit Google Adsense. Sehingga dengan mywapblog yang telah dioptimasi dalam hal SEO, bisa dijadikan pilihan bijak bagi publisher yang tidak direstui mbah Google.

Agar blog mywapblog Seofriendly ada beberapa hal yang harus dibenahi

,

1. Tentukan keyword (kata kunci) yg akan di targetkan. Usahakan memilih keyword yang banyak dicari dan memiliki tingkat persaingan yg rendah.
2. Masukan keyword pada nama subdomain. Contoh:nama-keyword.mywapblog.com
3. Hindari penggunaan underscores (_) sebagai pemisah kata pada subdomain. gunakanlah tanda hypen (-) seperti yang di anjurkan oleh matt cutts (juru bicara google).
4. Gunakan keyword pada judul blog dan judul posting.
5. Gunakan tanda verticalbar (|) sebagai pemisah keyword atau kalimat pada judul blog dan judul posting.
6. Sebelum membuat posting, lakukan riset judul posting di pencarian google.
7. Sisipkan keyword pada awal atau akhir paragraf.
8. Cetak tebal, miring dan garis bawah pada kata atau kalimat yang menggandung keyword.
9. Usahakan tidak terlalu sering mengulang kata kunci. Cukup masuk 1-3 keyword saja.
10. Perhatikan juga kepadatan kata (keyword density). Berusahalah untuk tidak menggulang kata yg sama dengan menggunakan synonim(persamaan kata).
11. Gunakan tag h2 atau tag h3 untuk sub judul dalam posting.
12. beri link (tautan) pada kata / kalimat yang berhubungan dengan halaman lain.
13. link dengan text akan lebih baik daripada link dengan gambar.
14. Jika tedapat gambar, masukan keyword pada nama file dan jangan lupa untuk memasukan alternate text. Contoh
15. Lakukan verifikasi blog ke google webmaster tool.
16. Submit sitemap ke google.
17. Kabarkan pembaruan blog ke search engine dengan ping back.
18. Taruh link yg mengarah ke blog kita pada blog lain yg memiliki Pagerank tinggi.

Jadi kesimpulannya dalam membuat blog di mywapblog pun harus melakukan pembenahan segi seo sebelum tulisan dipublikasikan. Selamat berkarya.

Cara membuka situs terblokir pada modem geemobile

Situs tertentu menurut provider Indonesia dianggap perlu untuk dilakukan pemblokiran. Alasannya adalah untuk menjaga keamanan, menghindari computer dan penggunanya dari bahaya entah itu virus, scam, spam atau bahaya kebobrokan moral bangsa. Langkah memblokir situs tertentu di satu sisi berguna sekali agar terhindar dari hal-hal yang tidak diinginkan, di sisi yang lain juga perlu membuka situs yang terblokir. Tapi perlu diingat bahwa membuka situs tertentu yang terblokir adalah untuk kepentingan hal-hal positif.

Ketika seseorang mengakses internet menggunakan modem, biasanya oleh ISP telah dipasang filter untuk memblokir situs-situs yang dianggap berbahaya. Hal ini pernah dialami penulis sewaktu masih menggunakan USB modem CDMA dengan merek gee mobile ternyata terhadap situs anu tidak dapat dibuka. Ini hanya untuk ujicoba saja untuk memastikan aman tidaknya akses internet pada laptopku dimana di dalam keluarga masih ada anak di bawah umur.

Lantas bagaimana cara membukanya agar situs tersebut terbebas dari pemblokiran modem gee mobile, berikut ini tipsnya:

1. Tancapkan modem gee mobile anda
2. Klik settings
3. Klik DUN Profile, Klik New
4. Dalam hal ini saya memakai kartu Smartfren, maka isiannya sebagai berikut:
• Profile name : Anu (bisa diganti dengan kata yang lain)
• APN : (dikosongkan saja)
• User name : smart
• Password : smart
• Dial number : #777
5. Setelah itu klik Advanced settings
6. Pada DNS Setting, klik Static, lalu isi 4 kotak yang atas dengan angka 8888, dan 4 kotak yang bawah dengan 8844.

7. Lalu klik tombol confirm, kemudian klik save
8. Dan terakhir klik Set as default
9. Lanjutkan dengan mengklik tombol Connect

Catatan:
Penelusuran Google kini telah dilengkapi filter penelusuran, sehingga untuk bisa mengakses situs tertentu, tidak bisa dilakukan melalui kotak penelusuran melainkan harus mengetikkan alamat url situs tersebut di kotak address. Sehingga anda harus tahu dulu alamat situs yang akan akan dibuka.

Perbaiki Performa computer dengan CCleaner

Download CCleaner untuk memperbaiki Performa computer dengan CCleaner. Pengguna computer atau laptop pasti pernah mengalami rasa jengkel karena tidak normalnya kinerja windows dan terasa lambat. Kenapa computer / laptop berjalan lambat sebtulnya banyak sekali faktor penyebabnya. Yang sering terjadi adalah karena sudah penuhnya ruang hardisk oleh program dan file-file tidak penting. Setiap program yang terpasang di computer akan tercatat dalam system windows, apabila banyak software yang terinstal, tentu registry menjadi bertambah banyak.

Taukah anda bahwa setiap program yang telah terpasang di computer, meskipun telah di-uninstall belum seluruhnya bersih, tetapi masih meninggalkan register. Ketika berselancar dengan internet juga meninggalkan temporary file. Tidak hanya itu segala aktifitas di computer semuanya membentuk file temporary atau file recent. File-file tak berguna itu adalah sumber penyebab lambatnya kinerja windows, sehingga pengguna computer harus rutin membersihkannya agar performa computer tetap terjaga.

CCleaner merupakan salah satu tool (freeware) yang dapat mempercepat kinerja dari komputer kita, cara kerjanya ialah dengan membersihkan sisa – sisa file log yang “tidak berguna”, yang sudah dipastikan dapat memberatkan kinerja dari komputer kita, dengan menghilangkan file yang tidak berguna/missing tersebut sehingga dapat mempercepat proses eksekusi dan booting dari komputer itu sendiri, disamping dapat diandalkan untuk Windows Explorer, dan Juga Internet Explorer, CCleaner dapat membantu anda memperbaiki registry windows.

Menurut saya CCLeaner ini wajib dimiliki setiap komputer. Software ini meskipun ringan tapi sangat berguna.
Petunjuk menggunakan CCLeaner Untuk Menghapus Temporary Internet Files:

1. Pertama-tama anda harus mendownload dan menginstall CCleaner yang dapat anda download disini: Download CCleaner Full version
2. Setelah anda selesai menginstall CCleaner, sebelum anda memulai menjalankan CCleaner untuk membersihkan temporary internet files anda harus menutup aplikasi browser terlebih dahulu. Apabila tidak menutup browser akan keluar tanda peringatan yang berisi perintah untuk menutup browser terlebih dahulu. Setelah itu jalankan CCleaner dengan memilih START => All Programs => CCLeaner => CCleaner dan akan keluar box CCleaner.
3. Proses membersihkan temporary internet files dari computer kita akan ditandai dengan adanya tulisan “CLEANING COMPLETE”

Sekarang computer anda telah bersih dari temporary internet files yang ditinggalkan oleh website setiap kali kita menjelajah dunia maya. Dan CCleaner bisa digunakan untuk menghapus cache,history dan lain-lain. Bisa juga menghapus restore point,start up dan lain sebagainya. Jadi bahasa sederhananya CCleaner dapat menghapus registry yang rusak dan file temporer yang tak perlu.

Cara Mengganti Banner Group Facebook

Cara membuat / Mengganti banner Facebook. Facebook kini tampil dalam wajah baru, salah satu perubahan besar adalah pada group facebook kini menyediakan banner seperti header pada blog. Banner pada group facebook pada setingan awal memunculkan random foto anggota group. Akan tetapi foto tersebut dapat diubah dengan gambar banner sesuka hati.

Langkah-langkah membuat dan mengganti banner facebook group:

1. Buat dulu Logo, Banner, Foto yang melambangkan Group anda dengan Software untuk desain gambar seperti Photoshop atau Coreldraw dan yang lainnya.
2. Ukuran Foto yang disarankan adalah Lebar = 720 Pixel Tinggi = 180 Pixel , bila menggunakan ukuran Inches Lebar = 10 Inches Tinggi = 2,5 Inches.
3. Setelah gambar jadi, Silahkan Login ke Akun Fb dan selanjutnya silahkan menuju Group yang telah anda buat.
4. Arahkan Kursor Pada pojok kanan Atas Group, dan kliklah ganti foto daan selanjutnya Klik unggah Foto.
5. Lihat hasilnya, kini Group FB anda jadi lebih ganteng.

Tips mendownload File yang dilewatkan ke Adfly

Banyak para blogger memanfaatkan jasa Adfly, umumnya untuk menyingkat URL. Setiap link yang dilewatkan ke Adfly secara otomatis akan dipendekkan tidak seperti biasanya. Memang di satu sisi menguntungkan pemilik blog, tapi di sisi lain sangat merepotkan pemburu informasi. Terutama bagi pemburu file gratisan dan tidak mau mengeluarkan kocek sudah barang tentu menjadi jengkel karena harus menunggu halaman Adfly terbuka dulu.

Akan tetapi hal ini memang harus dilakukan, karena sistem kerja Adfly memang begitu. Kalau sudah seperti ini mau tidak mau ya harus sabar menerima kenyataan kalau ingin mendapatkan file yang kita inginkan.

Cara mendownload file yang dilewatkan di Adfly adalah sebagai berikut :

1. Apabila anda mendownload sebuah file dan keluar gambar seperti dibawah ini, klik Skip AD

2. Tunggu sampai proses loading selesai
3. Maka anda akan dibawa keLink download file yang sebenarnya.

Tidak ada cara lain selain harus menjalankan tips tersebut dan sabar menerima kenyataan. Kan ada pepatah Orang sabar disayang Tuhan.
Selamat mendownload file di Adfly dengan penuh kesabaran.

Baca juga cara termudah dan tercepat download file di scribd.

Cara membatasi jumlah posting yang muncul pada label

Jumlah posting yang muncul pada halaman beranda atau homepage dapat dibatasi sesuai keinginan kita tanpa harus masuk ke edit html. Disini saya beranggapan bahwa anda telah dapat mengatur jumlah posting yang muncul di homepage.  Pembahasan kali ini terfokus pada cara membatasi jumlah posting yang akan ditampilkan ketika label diklik.

Jumlah postingan dalam label ketika diklik, secara default blogger tidak memberikan batasan.  Sehingga bila kita mempunyai artikel dalam satu label sejumlah 100 artikel maka berapa meter panjang blog kita. Tentu sangat tidak nyaman bagi pengunjung karena harus memutar-mutar scroll mouse yang sangat melelahkan.

Memang sih dengan adanya readmore dapat memotong artikel agar tidak ditampilkan seluruhnya, hanya beberapa kalimat saja tergantung pada dimana akan diletakkannya pemenggal paragraf (readmore). Tetapi masih tetap panjang bila setingan label masih default dan tidak kita batasi. Dan tentu saja akan menambah berat loading blog.

Nah untuk membatasi jumlah posting yang tampil dalam satu halaman ketika label diklik, perlu ditambahkan kode pembatas seperti di bawah ini.

+ &quot;?max-results=7&quot;

Angka 7 di atas menunjukkan berapa banyak jumlah posting yang ditampilkan per halamannya. Silakan ganti sesuai dengan keinginan Anda.

Sekarang akan kita praktekkan di template blog kita. Namun, sebelumnya pastikan bahwa Anda sudah memasang widget label di sidebar blog Anda. Anda bisa memilih label berbentuk daftar atau list atau bisa juga label yang berbentuk cloud.

Setelah selesai memasang widget label, selanjutnya adalah membatasi jumlah posting dalam label, caranya:

1. Masuk ke akun Blogger Anda.
2. Klik Rancangan > Edit HTML.
3. Klik Download Template Lengkap untuk mem-back up template. Hal ini dilakukan untuk mengantisipasi kalau nanti terjadi kesalahan dalam pengeditan.
4. Beri tanda centang pada Expand Template Widget.
5. Cari kode seperti di bawah ini. Gunakan Ctrl + F untuk memudahkan pencarian.

<ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span dir='ltr'>(<data:label.count/>)</span> </b:if> </li> </b:loop> </ul>

6. Tambahkan kode pembatas + &quot;?max-results=7&quot;
7. Sehingga hasilnya akan seperti di bawah ini.

<ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=7&quot;'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span dir='ltr'>(<data:label.count/>)</span> </b:if> </li> </b:loop> </ul>

8. Kode di atas adalah kode untuk label yang berbentuk list. Sedangkan untuk labelcloud, silakan cari kode seperti di bawah ini. Letaknya di bawah kode label list.
   

   <b:loop values='data:labels' var='label'>
   <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
   <b:if cond='data:blog.url == data:label.url'>
   <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
   <b:else/>
   <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
   </b:if>
   <b:if cond='data:showFreqNumbers'>
   <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
   </b:if>
   </span>
   </b:loop>

9. Tambahkan kode pembatas + &quot;?max-results=7&quot;
10. Maka hasilnya akan tampak seperti di bawah ini.
    

    <b:loop values='data:labels' var='label'>
    <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
    <b:if cond='data:blog.url == data:label.url'>
    <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
    <b:else/>
    <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=7&quot;'><data:label.name/></a>
    </b:if>
    <b:if cond='data:showFreqNumbers'>
    <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
    </b:if>
    </span>
    </b:loop>

11. Klik tombol SIMPAN TEMPLATE.
12. Selesai.

Cara di atas berlaku pada sebuah label yang diklik di widget label, baik label daftar atau label cloud. Namun, untuk link label yang terdapat di menu navigasi breadcrumbs dan post footer line, link label tersebut bila diklik masih menampilkan semua posting.

Nah, bila Anda ingin membatasi juga jumlah posting yang tampil pada label di kedua lokasi tersebut, silakan simak langkah-langkahnya di bawah ini.

1. Lakukan langkah no. 1 - 4 pada langkah di atas.
2. Cari kode seperti di bawah ini  atau yang mirip dengan kode tersebut, yaitu kode untuk menu navigasi breadcrumbs.
   

   <div id='breadcrumbs'>
   Browse: <a expr:href='data:blog.homepageUrl'>Home</a> &gt; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
   <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> &gt; </b:if>
   </b:loop>
   </b:if> &gt; <a expr:href='data:post.link'><data:post.title/></a>
   </div>

3. Tambahkan kode pembatasnya, maka hasilnya seperti di bawah ini.
   

   <div id='breadcrumbs'>
   Browse: <a expr:href='data:blog.homepageUrl'>Home</a> &gt; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
   <a expr:href='data:label.url + &quot;?max-results=7&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> &gt; </b:if>
   </b:loop>
   </b:if> &gt; <a expr:href='data:post.link'><data:post.title/></a>
   </div>

4. Cari kode seperti ini di bawah ini atau yang mirip dengan kode tersebut, yaitu kode untuk label pada post footer line.
   

   <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
   <b:if cond='data:post.labels'>
   <data:postLabelsLabel/>
   <b:loop values='data:post.labels' var='label'>
   <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
   </b:loop>
   </b:if>
   </span> </div>

5. Kemudian tambahkan kode pembatasnya, maka jadinya akan seperti di bawah ini.
   

   <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
   <b:if cond='data:post.labels'>
   <data:postLabelsLabel/>
   <b:loop values='data:post.labels' var='label'>
   <a expr:href='data:label.url + &quot;?max-results=7&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
   </b:loop>
   </b:if>
   </span> </div>

6. Klik tombol SIMPAN TEMPLATE.

Mudah-mudahan dengan dibatasinya jumlah posting yang muncul dalam label dapat menjadikan tampilan blog lebih baik, pengunjung menjadi nyaman dan akan kembali lagi di kemudian hari.

Menghapus kode readmore yang tidak perlu

Readmore istilah kerennya adalah baca selengkapnya, yaitu sebuah link untuk memenggal paragraf. Postingan tidak ditampilkan secara penuh melainkan hanya sebagian kalimat saja yang muncul di halaman depan. Cara menggunakannya tidaklah sulit karena pada posting editor telah tersedia tombol untuk memenggal paragraf dan readmore pun segera tercipta.

Dengan kepintarannya banyak ahli blogger telah berhasil membuat readmore menjadi otomatis. Readmore yang seperti ini biasa disebut dengan auto readmore. Kalau sobat blogger mau tau apa itu auto readmore, baca saja disini (http://brugkembar.blogspot.com/2011/10/sukses-membuat-auto-readmore-atau-baca.html ). Namanya saja otomatis sehingga kita tidak perlu lagi repot-repot menentukan di kalimat mana dalam sebuah paragraf yang akan dipenggal.

Jika anda salah satu dari banyak pemilik blog yang memasang auto readmore, berarti readmore asli bawaan blogger yang masih melekat di dalam template menjadi mubazir keberadaannya. Oleh karena itu daripada tidak terpakai lebih baik dihapus saja. Penghapusan kode readmore yang tidak terpakai ini berdasarkan pengalaman saya tidak berakibat fatal karena sudah tergantikan oleh kode auto readmore.

Kode readmore yang tidak perlu tersebut adalah :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

Karena sekarang sudah tidak lagi memerlukan kode readmore, dan sudah diganti dengan kode auto readmore, maka tinggal dihapus saja kode tersebut di atas. Selamat belajar dan mencoba, semoga berhasil.

Merubah ukuran slide show pada widget blogger

Slide show menurut pengertian penghuni brugkembar adalah beberapa gambar atau foto yang ditampilkan secara bergantian. Tampilnya foto tersebut silih berganti secara berkala terus menerus, sehingga dapat menambah kecantikan blog.

Sudah banyak jago-jago blog yang telah menyuguhkan tutorial tentang cara membuat slide show untuk blog. Slideshow juga memiliki banyak model, namun dalam tutorial kali ini, saya tidak akan memberikan tutorial yang yang lengkap tentang cara buat slide show. Slideshow yang dimaksudkan disini adalah slideshow milik blogger. Apabila anda termasuk pengguna blogger blogspot, sudah pasti fitur widget slide show telah tersedia, silahkan tambahkan gadget baru lalu cari slide show pasti ketemu.

Slide show bawaan blogger setelah dipasang di blog, ukurannya sangat kecil panjangnya sekitar 150px dan tinggi 113px. Tentu hal ini kurang nyaman dilihat.  Oleh karena itu perlu merubah ukuran gambar slide show tersebut dan disesuaikan dengan ketersediaan lokasi tempat untuk meletakkan slide show.

Untuk merubah ukuran slide show widget blogger caranya adalah sebagai berikut :

1. Dalam hal ini saya menganggap anda telah menambahkan slide show, lalu ikuti cara berikut ini,
2. Masuk pada edit HTML template.
3. Amankan template (Download Full Template)
4. Klik kotak kecil bertuliskan Expand Widget Templates
5. Cari kode

   <div class='slideshow-container' expr:id='data:widget.instanceId + &quot;_slideshow&quot;'>

6. Setelah ketemu lalu ganti dengan kode ini

   <div class='slideshow-container' expr:id='data:widget.instanceId + &quot;_slideshow&quot;' style='width:250px; height:200px;'>

7. Terakhir klik save

Anda bebas merubah ukuran gambar slide show, caranya dengan mengganti angka 250px dan 200px disesuaikan dengan luas sidebar anda.
Lihat gambar dibawah ini untuk membedakan sebelum dan sesudah dirubah.

Slide Show ukuran asli	Slide Show modifikasi
sebelum dirubah	setelah dirubah

Memasang Adsense di kiri kanan artikel

Dalam memasang adsense harus memperhatikan tempat mana yang strategis. Tempat yang paling strategis adalah tempat yang sudah pasti akan dilihat orang, dan  diharapkan mendapat jumlah klik yang banyak. Kita semua tau bahwa iklan yang ditampilkan di dalam blog umumnya adsense PPC (Pay perclick) sehingga semakin banyak diklik semakin tebel pula kantong kita.

Salah satu tempat strategis untuk memasang adsense adalah di dalam postingan. Dan yang paling strategis adalah diantara artikel (di samping kiri atau kanan artkel).
Untuk memasangnya ikuti langkah berikut ini:

1. Download template anda dulu biar aman
2. Expand Widget Templates
3. Temukan kode <data:post.body/>
4. Masukkan kode berikut ini tepat di atas <data:post.body/>
   
   

   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div style='float:left;'>KODE ADSENSE ANDA YANG TELAH DIPARSE
   </div></b:if>

5. save.

Contoh pemasangan Kode Adsense Google di samping kanan artikel

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left;'>

<script type='text/javascript'>
&lt;!-- google_ad_client = "ca-pub-5249088243684876"; google_ad_host = "pub-5874554885855246"; /* 250x250, created 8/27/10 */ google_ad_slot = "5654775941"; google_ad_width = 250; google_ad_height = 250; //--&gt;
</script>
<script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'></script>

</div>
</b:if>

<data:post.body/>

Keterangan :

• Agar iklan berada di kanan artikel, ganti kode <div style='float:left;'> dengan <div style='float:right;'> 
• Bila berhasil, hasilnya seperti gambar di atas tadi.
• Tapi jika tidak berhasil, sebaiknya anda membaca:

Munculkan Adsense akibat PSA Google Iklan Masyarakat

Cara hilangkan link pada gambar header

Link pada gambar header  menurutku sangat mengganggu karena ketika kita sedang asik membaca postingan dan tanpa sengaja gambar header tersebut kena klik, maka browser akan mengembalikannya pada home page blog.  Sementara itu artikel belum sampai selesai dibaca, sudah kembali lagi ke halaman depan. Ini menyebabkan rasa tidak nyaman bagi pengunjung yang sedang asik membaca.

Untuk itu link yang menempel pada gambar header harus segera dihilangkan, caranya adalah sebagai berikut :

1. Masuk blogger
2. Desain
3. Edit html
4. Back-up template (Download Full Template)
5. Centang (Expand Widget Templates)
6. Cari kode   <div id='header-inner'>

Kode lengkapnya seperti ini :

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>

Pusatkan pandangan anda pada kode yang berwarna merah, lalu ganti kode tersebut dengan div

Jadi kodenya menjadi seperti ini :

<div id='header-inner'>
<div style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</div>

Setelah semua langkah dilaksanakan, jangan lupa disimpan / save.
Kini anda memiliki gambar header yang tidak ber-link sehingga bila diklik tidak akan kembali lagi ke halaman depan blog anda.

Cara mengetahui Spesifikasi Laptop windows7 anda

Biasanya orang ngecek spesifikasi komputer, melalui dxdiag. Caranya pertama klik start, kemudian Run dan ketikkan dxdiag, lalu enter, tunggu beberapa detik sampai komputer menampilkan informasi spesifikasi komputer secara lengkap. Saya beranggapan bahwa hal ini perlu dilakukan untuk mencegah terjadinya penipuan. Ingat teliti sebelum membeli adalah keputusan yang bijaksana.

Apalagi bagi yang baru pertama kali mempunyai komputer tentu perlu mengetahui spesifikasi komputer yang baru saja dibeli. Pada laptop generasi baru umumnya menggunakan OS Windows 7, sehingga jika belum terbiasa melihat tampilan serta tata letak menunya akan mengalami kesulitan untuk mendapatkan informasi spesifikasi laptop.

Bila anda hendak mengecek spesifikasi laptop, pada windows 7 bisa dicoba langkah-langkah berikut ini :

1. klik Windows explorer
2. klik folder Computer
3. klik tab System properties

Kalau ingin mendapatkan informasi yang lebih kumplit, caranya :

1. Klik start
2. Pada kotak search, ketik run lalu tekan enter
3. Ketikkan dxdiag lalu tekan enter

Kini anda telah mengetahui spesifikasi laptop baru anda.

Cara Mengganti Alamat URL blog

Alamat URL adalah link yang mengarah kepada dimana asal tulisan itu berada. Ada dua macam alamat URL yaitu URL home page dan URL postingan. Karena blog ini menggunakan mesin blogspot maka dalam hal ini pembahasan dibatasi pada URL dalam lingkup blogspot saja, agar pemahaman kita tidak melebar kemana-mana yang akhirnya akan membuat kita bingung sendiri.

Alamat URL home page adalah URL induk dimana apabila pengunjung mengetikkannya di adress bar browser, terbuka seluruh artikel yang pernah ditulis di blog tersebut. Bentuk URL home page mempunyai susunan seperti ini; http://www.namablog.blogspot.com/ atau juga bisa ditulis http://namablog.blogspot.com/ (contohnya URL blog ini beralamat http://www.brugkembar.blogspot.com/ atau http://brugkembar.blogspot.com/). Secara default blogspot menampilkan postingan pada home page sebanyak 7 (tujuh) artikel. Tetapi ini juga bisa dikostumisasi pada setting jumah artikel yang akan ditampilkan. Pemilik blog dapat menambah ataupun mengurangi sesuai keinginan.

Sedangkan URL postingan yaitu URL anak, artinya URL yang berada di dalam URL induk. URL posting bentuknya seperti ini; http://namablog.blogspot.com/judul postingan.htm (misalnya; http://brugkembar.blogspot.com/mengganti-alamat-url-blogspot.htm). Dari susunan tersebut bisa diketahui bahwa judul postingan selalu berada setelah URL induk. Secara kasat mata jelas terlihat URL postingan lebih panjang dibanding URL home page.

Sampai di sini saya anggap anda sudah mulai paham apa itu alamat URL home page. Selanjutnya tutorial saya teruskan kepada pembahasan bagaimana cara mengganti alamat URL Blogspot. Tetapi sebelumnya ada baiknya anda pertimbangkan dulu apakah perlu atau tidak URL yang telah dibuat dengan susah payah harus diganti dengan alamat URL yang baru.

Mengganti Alamat URL Blogspot bisa berdampak kepada trafic yang pernah diraih, karena dengan mengganti URL maka URL blog kita yang telah tersebar dimana-mana secara otomatis tidak berlaku lagi. Pengunjung setia juga akan kehilangan, dan menjadi susah melacak keberadaan blog anda. Sehingga disarankan blog yang sudah berusia lama sebaiknya jangan diganti alamat URLnya. Saran saya lebih bijaksana jika anda membuat blog baru lagi, apa sih susahnya tidak sampai 10 menit jadi.

Tetapi apabila anda berkeras hati mau Mengganti Alamat URL silahkan ikuti terus langkah-demi langkah yang akan saya uraikan berikut ini :
1. masuk login blogger
2. klik tab settings
3. klik publishing
4. Pada Blog*spot address diganti dengan nama blog yang baru
5. Tulis kode verifikasi pada kotak word verification
6. Save settings

Apabila URL yang baru belum ada orang lain yang memiliki maka akan muncul pesan sukses, dan jika belum berhasil, ganti dengan nama lain sampai berhasil.
Demikian cara mengganti alamat url blog, semoga anda berhasil mengganti URL blogspot dengan nama yang baru.

Cara Hilangkan Sidebar template blogger designer

Sekedar berbagi buat yang suka edit template blogger, kali ini saya ingin berbagi kebahagiaan atas kesuksesan eksperimen yang telah saya kerjakan dalam membangun blog roomantik. Merupakan kebanggaan tersendiri bagi saya manakala berhasil membuat blog dengan tampilan unik dan elegan. Blog itu mempunyai tampilan pada halaman posting berbeda dengan halaman utama blog.

Ternyata rahasianya adalah terletak pada teknik menghilangkan sidebar. Artinya pada blog tiga kolom dengan susunan sidebar-posting-sidebar, dapat dihilangkan sidebarnya sehingga halaman posting menjadi lebih lebar. Ketika berada di home, tiga kolom sedangkan setelah masuk halaman posting menjadi 2 kolom, unik bukan..?

Teknik menghilangkan sidebar blogger ada beberapa pilihan, silahkan dicoba barangkali script ini dapat membantu anda untuk menghilangkan sidebarnya. Tapi perlu diketahui pula bahwa setiap template memiliki koding yang berbeda. Dalam hal ini saya memakai template bawaan blogger, dan umumnya blogger template designer memiliki kode seperti yang saya tulis di bawah ini.

Cara untuk menghilangkan sidebar yaitu dengan mengkopi paste script berikut ini lalu pasangkan tepat di bawah kode ]]> </b:template-skin> dan jangan lupa disimpan. Eit hampir lupa, sebelum mengedit html sebaiknya dibackup dulu templatenya demi keamanan.

Menghilangkan Sidebar Kanan dan kiri

<b:if cond='data:blog.pageType == "item"'>
<style>
.main-inner .columns {
padding-left: 0px !important;
padding-right: 0px !important;
}
.main-inner .fauxcolumn-center-outer {
left: 0px !important;
right: 0px !important;
}
.main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer {
display: none !important;
}
</style>
</b:if>

Menghilangkan Sidebar Kanan

<b:if cond='data:blog.pageType == "item"'>
<style>
.main-inner .columns {
padding-left: 0px !important;
padding-right: 0px !important;
}
.main-inner .fauxcolumn-center-outer {
left: 0px !important;
right: 0px !important;
}
.main-inner .fauxcolumn-right-outer, .main-inner .column-right-outer {
display: none !important;
}
</style>
</b:if>

Menghilangkan Sidebar Kiri

<b:if cond='data:blog.pageType == "item"'>
<style>
.main-inner .columns {
padding-left: 0px !important;
padding-right: 0px !important;
}
.main-inner .fauxcolumn-center-outer {
left: 0px !important;
right: 0px !important;
}
.main-inner .fauxcolumn-left-outer, .main-inner .column-left-outer {
display: none !important;
}
</style>
</b:if>

Sukses membuat auto readmore atau baca selengkapnya

Kemaren saya sempat dipusingkan sewaktu membuat posting, sudah capek-capek mengetik setelah dipubish eh.. jadi berantakan tampilan home nya. Lalu kuedit lagi postingan tersebut karena read more atau dalam bahasa kita disebut Baca selengkapnya. Tentu hal ini sangat menyita waktu harus tau dulu di bagian mana paragraf itu hendak dipenggal.

Memang sih dalam blogspot sudah disediakan preview namun sering kali tampilanya berbeda dengan tampilan sesungguhnya. Apalagi bila dalam postingan disertakan readmore, pasti ketika dipreview yang muncul adalah tampilan posting satu halam penuh, sedangkan readmorenya tidak nampak.

Dalam hati terbesit pemikiran apakah ada cara lain agar ketika membuat artikel kita tidak perlu lagi memasang readmore.? Ternyata jawabannya ada, yaitu dengan jalan meletakkan script auto readmore ke dalam template. Sehingga secara otomatis paragraf akan terpenggal sendiri kalimatnya apabila telah menempati ruang posting yang telah kita seting lebar dan tingginya.

Banyak veri auto readmore tapi dari beberapa sumber yang pernah kubaca dan kucoba, script inilah yang paling cocok diterapkan ke dalam template blogku.

Karena keberhasilan tersebut maka patut disyukuri bagi saya untuk sharing dengan anda di blog ini. Mudah-mudahan dapat berguna bagi kita semua.

Auto readmore dapat dipasang melalui langkah berikut ini :
Copy-paste script berikut tepat DI BAWAH </head> (gunakan Ctrl+F):

<!-- Auto read more script -http://brugkembar.blogspot.com- Start -->
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes-dengan gambar,no-tanpa gambar
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(thumbnail_mode == "yes") {
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script -http://brugkembar.blogspot.com- End -->

Yang berwarna merah adalah jumlah dan ukuran tampilan, summary_noimg=jumlah karakter tanpa gambar, summary_img=jumlah karakter dengan gambar, sedangkan img_thumb_height dan img_thumb_width adalah ukuran gambar (dalam pixel). Ubahlah sesuai dengan keinginan.

Kemudian cari <data:post.body/> (gunakan Ctrl+F), dan GANTI dengan:

<!-- Auto read more -http://brugkembar.blogspot.com- Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Read More >></a>
</b:if>
</b:if>
<!-- Auto read more -http://brugkembar.blogspot.com- End -->

Pengaturan lainnya :
Ganti Read More >> dengan kata-kata yang diinginkan misalnya “Baca selengkapnya”.
Apabila menginginkan kalimatnya rata kanan dan kiri, lihat bagian ini pada script kedua di atas. Jika auto readmore sudah dipasang, cari dengan Ctrl + F:
<div expr:id='&quot;summary&quot; + data:post.id'>
Untuk membuat teks di post summary dlm readmore justify, tambahkan style css ini ke dalam tag: style='text-align:justify;'
sehingga menjadi:

<div style='text-align:justify;' expr:id='&quot;summary&quot; + data:post.id'>

Semoga berguna, and happy blogging.

Seluruh Halaman post tanpa sidebar

Tips ini berlaku untuk template blogger baru yaitu untuk menghilangkan sidebar di setiap postingan, dengan catatan :

1. Apabila template anda terdiri sidebarkiri-posting-sidebarkanan (3 kolom), maka sidebar kanan jadi hilang.
2. Jika template anda terdiri dari post-sidebarkanan, maka yang hilang juga sidebar kanannya.

Yang saya tulis disini adalah kode pada template dari salah satu blog saya yang menggunakan template asli bawaan blogger. Kalau anda memakai template yang sudah dimodif tentu kodenya beda dengan apa yang saya tuliskan. Dan bila ada kesamaan, maka suatu keuntungan bagi anda karena saya menulis tips Seluruh Halaman post tanpa sidebar ini sudah melalui ujicoba berulang kali. Jadi kemungkinan berhasilnya lebih banyak.
Baiklah langsung saja kita mulai cara agar Seluruh Halaman post tanpa sidebar :

1. Copy kode warna merah berikut ini dan pasang di bawah kode]]> </b:template-skin>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>.main-inner .columns { padding-right: 0; } .main-inner .fauxcolumn-center-outer { right: 0; _width: expression(this.parentNode.offsetWidth - parseInt(&quot;$(main.column.left.width)&quot;) + &#39;px&#39;); } .main-inner .fauxcolumn-right-outer { width: 0px; } .main-inner .column-right-outer { width: 0px; margin-right: 0; display: none; } </style></b:if>

2. Save, atau simpan

Kini anda memiliki blog yang Seluruh Halaman postingnya tanpa sidebar
Selamat berkarya.

Batas maksimal blog dalam satu akun blogger

Tidak ada ruginya memiliki akun blogger, karena blogger dengan blogspotnya telah memberikan serba unlimited bagi para penggunanya. Artinya tidak ada batasan berapapun jumlah blog yang dibuat, jumlah postingan, jumlah komentar dan lain sebagainya.

Syarat utama dalam pembuatan blog adalah anda harus mempunyai email (Gmail), apabila anda belum punya cepatlah mendaftar agar anda dapat membuat blog sebanyak-banyaknya. Contohnya saya ini mempunyai blog lebih dari sepuluh, dan semuanya menggunakan akun yang sama.

Berapa sih batas maximal blog yang dibuat dalam satu akun blogger ?
Untuk menjawab Batas maximal blog dan ugarampainya dalam satu akun blogger, berikut ini saya posting keterangan yang saya ambil dari Blogger Bantuan.
Silahkan disimak baik-baik

Jumlah Blog Dalam Satu Akun
Anda dapat membuat blog sebanyak yang Anda inginkan dalam satu akun blogger.

Jumlah Postingan
Tidak ada batasan untuk jumlah postingannya, juga blogger tidak akan menghapus postingan Anda kecuali Anda hapus secara manual baik sudah di publish atau masih sebagai draft.

Ukuran Postingan
Tidak ada batasan mengenai ukuran postingan. Jadi Anda bisa membuatnya sangat panjang atau sangat berat. Namun perhatikan juga point berikutnya.

Ukuran Halaman
Untuk halaman utama blog dan halaman arsip dibatasi hingga 1 MB. Ini dapat menampung ratusan halaman teks.

Jumlah Komentar
Satu posting dapat menampung sangat banyak komentar. Jika Anda menyembunyikan komentar yang ada, masih tetap disimpan di akun Anda dan bisa ditampilkan sewaktu-waktu kecuali Anda hapus permanen manual.

Jumlah Foto
Memiliki batas hingga 1GB. Setiap foto yang di masuk postingan Anda akan otomatis masuk ke album Picasa.

Ukuran Gambar
Jika Anda posting menggunakan selular, maka masing-masing foto maksimal seberat 250K.

Anggota Tim
Dibatasi maksimal 100 orang untuk tiap blog.

Jumlah Label
Setiap blog maksimal memiliki 2000 label berbeda dan setiap postingan dibatasi maksimal 20 label.

Deskripsi Blog
Saat Anda set deskripsi blog di akun blogger Anda, Anda hanya bisa masukkan maksimal 500 Karakter.

About Me/Tentang Saya
Untuk informasi diri Anda, dibatasi hingga 1200 karakter.

Profil Minat dan Favorit
Di kolom isian profil blogger, selain about me Anda juga bisa isikan berbagai data seperti minat dan favourite. Masing-masing kolom dibatasi hingga 2000 karkater.

Sumber : Support Blogger
http://www.google.com/support/blogger/bin/answer.py?hl=en&answer=42348

Penulisan internal link yang baik

Anda tentu sering menjumpai link rujukan dalam sebuah blog, dimana link tersebut mengarah kepada artikel serupa dalam blog tersebut. Link rujukan itulah yang dinamakan internal link.

Contohnya link yang diawali dengan kata "baca:" dan diikuti dengan link ke postingan yang lain tetapi masih dalam satu blog.

Contoh penulisan kode internal link yang kurang baik:
<a href="http://brugkembar.blogspot.com/2011/06/hiasi-header-dengan-floating-unique.html">Header dengan unik topnav</a>

sedangkan kode penulisan internal link yang baik adalah sebagai berikut:
<a href="/2011/06/hiasi-header-dengan-floating-unique.html">Header dengan unik topnav</a>

Pada URL kita tidak perlu menyertakan http://brugkembar.blogspot.com.

Dengan penulisan seperti ini otomatis link akan mengikuti akar domain yang berbeda jika kita suatu saat mengganti domain. Contoh kode penulisan untuk home:
<a href="/">Home</a>

Pada URL hanya dituliskan / yang berarti alamat link adalah akardomain ditambah /. Jika domain blog tempat link tersebut adalah http://brugkembar.blogspot.com, maka tujuan link menjadi http://brugkembar.blogspot.com/, jika domain tempat link tersebut adalah http://google.com, maka tujuan link adalah http://google.com/

Cara penulisan seperti ini adalah cara yang baik dan efektif, karena  jika kita suatu saat nanti mengganti domain karena suatu alasan, maka link otomatis mengikutinya, dan kita tidak harus mengeditnya satu persatu.

Daftar font-family blogger yang banyak digunakan

Salah satu elemen penting dalam sebuah informasi yang disampaikan melalui bahasa tulisan yaitu font. Font memberikan warna tersendiri terhadap keserasian dari desain web. Terkadang template yang sudah dibuat dengan susah payah tidak cocok dengan font-family yang akan digunakan.

Dalam pemilihan font untuk template blogger harus mempertimbangkan support-tidaknya browser yang digunakan. Menurut banyak pihak browser Mozilla firefox adalah satu-satunya browser yang lebih unggul dari sekian banyak browser yang ada. Dan perlu diingat bahwa tidak semua orang menggunakan browser Mozilla sehingga tidak menutup kemungkinan apabila orang tersebut menjelajahi blog akan mendapatkan tampilan yang tidak teratur hanya karena salah memilih font-family.

Sebetulnya ada banyak font-family blogger yang bisa diterapkan ke dalam template blog. Tetapi dari sekian banyak font-family hanya beberapa font saja yang banyak digunakan oleh pemilik blog khususnya blogspot.

Daftar font-family blogger yang banyak digunakan tersebut diantaranya :

KODE :	Bentuk Font :
font-family:Arial;	Arial
font-family:Arial Narrow;	Arial Narrow
font-family:Arial Unicode MS;	Arial Unicode MS
font-family:Cataneo BT;	Cataneo BT
font-family:Comic Sans MS;	Comic Sans MS
font-family: Courier;	Courier
font-family:Courier New;	Courier New
font-family:Cursive;	Cursive
font-family:Dauphin;	Dauphin
font-family:Georgia;	Georgia
font-family:Helvetica;	Helvetica
font-family:Helvetica Neue;	Helvetica Neue
font-family:Lucida;	Lucida
font-family:Lucida Console;	Lucida Console
font-family:Lucida Sans;	Lucida Sans
font-family:Monospace;	Monospace
font-family:Monotype Corsiva;	Monotype Corsiva
font-family: Sans serif;	Sans serif
font-family:Sans-serif;	Sans-serif
font-family:MS Sans serif;	MS Sans serif
font-family:Square721 BT;	Square721 BT
font-family:Tahoma;	Tahoma
font-family:Times New Roman;	Times New Roman
font-family:Trebuchet;	Trebuchet
font-family:Trebuchet MS;	Trebuchet MS
font-family:Frutiger;	Frutiger
font-family:Droid Serif;	Droid Serif
font-family:Geneva;	Geneva
font-family:Fantasy;	Fantasy
font-family:Palatino Linotype;	Palatino Linotype
font-family:Impact;	Impact
font-family:Calisto MT;	Calisto MT

Hiasi header dengan The floating unique topnav

Mungkin sobat bloger bertanya apa itu the floating unique topnav, yaitu sebuah tab navigasi yang dipasang diatas header. Sebenarnya aku bingung mau diberi nama apa navigasi ini, namun demikian sobat boleh menyebutnya apa saja terserah anda, yang pasti menurutku tab ini unik dan lain dari pada yang lain.
Penasaran? Lihat demonya.

Lihat Demo

Sudah jelas kan..? Kenapa dikatakan The unique karena tab navigasi ini sungguh berbeda dari navbar yang telah ada sebelumnya. Dengan warna dasar hitam dan efek hover jika disorot mouse akan menampilkan gambar bintang berwrna ungu yang berkedip. Di bagian tepi kanan sengaja saya pasang kaligrafi Basmalah sebab saya bangga sebagai orang Islam.

The floating unique topnav ini takkan lenyap dari pandangan mata pengunjung meski scroll mouse diputar ke atas atau ke bawah, sehingga sangat menarik bila dipasang di template blog.

Satu lagi keunikan yang dimiliki The floating unique topnav yaitu pada border-bottom diberi sentuhan warna kuning dengan efek blur yang akan menyala bila templatenya berwarna gelap (seperti hitam pekat misalnya).

Bagaimana cara memasang The floating unique topnav ke dalam template?
Ada syarat yang harus anda penuhi yakni Navbar bawaan blogger harus dilenyapkan, kenapa harus dihapus karena bila navbar blogger masih terpasang akan tertutup oleh The floating unique topnav tersebut. Sehingga keberadaan navbar blogger menjadi mubadzir. Mengenai bagaimana cara menghapus navbar blogger saya anggap anda telah dapat melakukannya.

Syarat yang lain adalah bahwa anda disarankan memakai template dengan warna dasar gelap agar tampilannya lebih kontras dan menarik. Mengenai syarat ini sebenarnya bukanlah syarat yang mutlak, sebenarnya template gelap ataupun terang tidaklah menjadi persoalan serius dengan catatan anda tau kode warna.

Nah itulah sedikit gambaran tentang The floating unique topnav.
Bila anda tertarik dan berkeinginan untuk memilikinya, silahkan download kode dan cara pemasangannya.

Download kode The floating unique topnav