Mengatasi Proses Defrag yang Bermasalah

|| || || Leave a komentar

Kadang-kadang, ketika kita sedang melakukan defrag hard disk, muncul pesan �Error Defragmenting Drive C, Windows cannot finish defragmentting this drive because it has encountered a problem. Click Help and carry out the instructions for running Scan Disk, and then try defragmenting again�. Setelah itu, proses defrag berhenti.

Jangan sobat langsung panik! Ikuti dulu saran yang diberikan Windows pada pesan kesalahan tadi, yakni menjalankan Scan disk untuk memeriksa kondisi harddisk. Begitu Scan disk selesai, coba defrag lagi. Apabila sobat sudah menjalankan apa yang disarankan oleh Windows, namun harddisk masih bermasalah defrag, ikuti trik ini dibawah ini:

1. Klik [Start] > [Settings] > [Folder Options�].
2. Pilih tab [View], kemudian klik opsi [Show all files].
3. Tekan [OK] untuk keluar dari jendela �Folder Options�.
4. Klik [Start] > [Find] > [Files or Folders].
5. Ketik �applog� pada kolom �Name:�, dan pada combo box �Look in:� pilih drive [C].
6. Beri tanda centang pada kotak [Include subfolders].
7. Lakukan pencarian dengan mengklik [Find now].
8. Setelah pencarian berakhir, hapuslah semua file yang ditemukan (kecuali folder C:-WINDOWS-applog) kemudian klik ganda folder applog dan hapus seluruh isi folder yang ada di dalamnya.
9. Tutup jendela pencarian dan jalankan kembali Disk Defragmenter.

Semoga dengan langkah yang saya sudah jelaskan diatas, dapat memberikan solusi untuk menangani Defrag Hard Disk yang Bermasalah. Selamat mencoba dan good luck!

Stop Dreaming Start Action

|| || || Leave a komentar

Anda pasti akan bingung dengan slogan Stop Dreaming Start Action ini. Tapi jangan bingung dulu karena dari kata kunci Stop Dreaming Start Action tersebut, anda bisa kembali belajar seo sekaligus mempunyai peluang membawa total hadiah 25 juta dengan catatan blog anda memenangkan semua peringkat dalam kontes nasional tersebut. Buat para pemula yang hanya mempunyai beberapa gelintir blog akan kebingungan memilih berkonsentrasi pada kontes seo yang mana? Kontes yang mulai start pada tanggal 20 Juni ini ternyata menyedot perhatian yang sangat besar untuk para pecinta seo diseluruh tanah air. Kalau anda tidak percaya coba ketikkan keyword Stop Dreaming Start Action dan akan terpampang didepan mata anda halaman demi halaman dalam Google.co.id yang sudah diisi dengan rapat oleh kata kunci tersebut.

Belajar SEO memang bisa lewat apa saja, dan inilah sebuah fenomena Action dari para praktisi SEO untuk semakin mempopulerkan SEO bagi masyarakat Indonesia. Jika dulu SEO hanya dipandang sebelah mata dan tidak pernah digubris kegunaannya, maka saat ini banyak orang berlomba-lomba untuk menggunakan dan mempraktekkan SEO (termasuk Rusli Zainal Sang Visioner). Jadi tidak ada salahnya jika lewat kontes SEO ini, kita bisa semakin mengukur kemampuan dan pengetahuan yang sudah kita miliki untuk terjun langsung pada sebuah persaingan yang sesungguhnya. Kita tidak akan pernah bisa tahu selama kita belum mencoba dan kita tidak akan pernah bisa mencoba selama kita tidak pernah melakukan Start Action.

Tapi dari tema Komitmen Stop Dreaming Start Action Untuk Masa Depan Yang Lebih baik yang diambil oleh kontes ini sepertinya akan banyak tulisan yang berbau motivasi dan semangat untuk tidak mudah menyerah. Dalam bahasa Indonesia arti kalimat Stop Dreaming Start Action adalah Berhenti bermimpi, mulai beraksi. Hal ini tentunya mengajak semua masyarakat Indonesia untuk berkerja keras dalam mencapai sebuah kesuksesan. Karena kesuksesan itu bukan datang dari mimpi tapi dari tekad, motivasi dan kinerja yang telah kita buat.

Kontes SEO Rusli Zainal Sang Visioner

|| || || Leave a komentar

Gubernur Riau Rusli Zainal ternyata memang sang pemimpin yang mempunyai tatapan Visioner sangat baik. Bukti pandangan visioner dari sang Gubernur adalah penyelenggaraan kontes seo dengan tajuk Rusli Zainal Sang Visioner yang berlangsung dari tanggal 12 Juni - 12 September pada Google.co.id dengan seabrek hadiah yang sangat menarik. Ketika banyak pemimpin masih menggunakan banner-banner dijalan untuk memperkenalkan namanya kepada masyarakat, maka Rusli Zainal sudah berpartner dengan Google dan memberikan kesempatan kepada semua petarung seo di Indonesia melakukan optimasi disertai dengan sebuah tulisan yang positif tentang Jati diri beliau dan kemajuan Riau pada umumnya. Inilah yang membuat Rusli Zainal sedikit berbeda dengan banyak pemimpin dan Gubernur di Indonesia lainnya.

Kontes SEO Rusli Zainal Sang Visioner sedikit berbeda dengan kontes yang biasanya kita ikuti. Sang Gubernur yang Visioner ini tidak membutuhkan link, banner atau apapun yang merujuk pada suatu website atau blog. Panitia hanya mengharapkan setiap peserta yang ingin mengikuti kontes bisa melakukan registrasi pada tempat yang telah disediakan. Perbedaan lainnya dari optimasi kali ini adalah tidak diperbolehkannya penggunaan nama pada domain atau subdomain blog yang diikutsertakan lomba seperti kata Visioner, Rusli Zainal ataupun Rusli Zainal Sang Visioner. Hal ini akan mencegah terjadinya deret nama kembar lagi seperti yang pernah terjadi pada kontes seo sebelumnya. Blog yang diikutkan dalam optimasi kata kunci Rusli Zainal Sang Visioner tidak boleh terdapat postingan yang berbau Pornografi, SARA atau hal-hal yang tidak diperkenankan oleh panitia.

Sebelum sobat mengikuti kontes SEO Rusli Zainal Sang Visioner, maka ada baiknya jika mengumpulkan informasi sebanyak-banyaknya terlebih dahulu mengenai jati diri Rusli Zainal agar postingan kita bisa menjadi sebuah postingan yang berimbang. Hal ini adalah upaya pencerdasan untuk kita sebelum melakukan review terhadap pribadi seseorang (apalagi yang belum kita kenal). Informasi yang telah kita dapatkan itu bisa menjadi sebuah wacana awal agar kita mengenal orang yang akan kita review melalui kontes SEO. Saya yakin para petarung SEO di Indonesia punya kecerdasan dalam menggunakan kemampuannya agar tidak bertabrakan demi sejumlah hadiah yang menggiurkan.

Itu sedikit informasi mengenai kontes seo terbaru yang mungkin bisa teman-teman ikuti. Karena blog ini telah melanggar beberapa ketentuan yang ada, maka sekarang duduk manis saja untuk melihat perlombaan seru SEO tingkat tinggi yang sebentar lagi akan dimainkan dengan sangat menarik oleh para pecinta SEO di seluruh Indonesia. Semoga kontes seo Rusli Zainal Sang Visioner bisa berjalan dengan baik hingga berakhirnya lomba tanpa gangguan yang berarti sehingga hadiah yang sudah dijanjikan bisa dirasakan manfaatnya oleh peserta yang ada.

Cara Menghilangkan Virus Mbah Surip

|| || || Leave a komentar

Virus VBS/Cryf.A. atau yang lebih terkenal dengan sebutan virus 'Mbah Surip' memang cukup merepotkan. Mulai dari disusupi album porno, CD/DVD Rom komputer korban juga dibuat selalu terbuka. Bagaimana cara untuk mengusir virus yang populer dengan lagu 'Tak Gendong' itu? Berikut adalah 7 langkah cara menyingkirkan dan menghapus virus mbah surip ini:

1. Matikan proses virus yang sedang aktif di memori. Untuk mematikan proses virus ini silahkan gunakan tools pengganti task manager seperti Currproses, kemudian matikan proses yang mempunyai product name 'Microsoft (r) Windows Script Hosta' dengan cara:

- Pilih [blok] proses yang mempunyai product name 'Microsoft (r) Windows Script Hosta'
- Klik kanan pada proses yang sudah di blok
- Pilih [Kill Selected Processes]

2. Blok agar file virus tidak dapat dijalankan untuk sementara selama proses pembersihan dengan menggunakan fitur 'Software Restriction Policiesa', fitur ini hanya ada di Windows XP/2003/Vista/2008. Untuk blok file tersebut lakukan langkah berikut:

- Klik menu [Start]
- Klik [Run]
- Pada dialog box [Run], ketik SECPOL.MSC kemudian klik tombol [OK]
- Pada layar [Local Security Policy], klik [Software restriction policies]
- Klik kanan pada [software restriction policies] dan pilih [Create new policies]
- Kemudian klik kanan di [Additional Rule], dan pilih [New Hash Rule].
- Di Kolom [File Hash], klik tombol [Browse] dan pilih file yang akan diblok. Pada kolom [File information] akan terisi informasi dari file tersebut secara otomatis.
- Pada Security Level pilih [Disallowed]
- Pada kolom 'descriptiona' isi deskripsi dari nama file tersebut (bebas),

3. Fix Registry dengan menjalankan file [FixRegistry.exe], silahkan download di alamat berikut http://www.4shared.com/file/117095567/3ea8e8ce/_4__FixRegistry.html

4. Hapus file induk virus yang telah dibuat. File induk virus ini akan disembunyikan. Jika file induk tersebut tidak dapat ditampilkan silahkan gunakan tools pengganti Windows Explorer seperti 'Explorer XP'. Silahkan download di alamat berikut: http://www.explorerxp.com/explorerxpsetup.exe. Setelah software tersebut di install, cari dan hapus file berikut: svchost.vbs, desktop.ini, drvconfg.drv. SHELL32.dll, %Drive%:\Album BOKEP\Naughty America dan C:\windows.

5. Tampilkan file [TaskMgr.exe/Regedt32.exe/Regedit.exe/CMD.exe/Logoff.exe] yang disembunyikan oleh virus, caranya:
- Start]
- Klik [Run]
- Ketik CMD kemudian klik tombol [OK]
- Pada layar 'Dos Prompt' pindahkan posisi kursor ke drive yang akan di periksa
- Ketik perintah ATTRIB regedit.exe kemudian klik tombol
- Kemudian ketik perintah saya yang membedakan hanya nama file yang akan ditampilkan yakni Taskmgr.exe, cmd.exe dan Logoff.exe

6. Untuk pembersihan optimal dan mencegah infeksi ulang silahkan install dan scan dengan antivirus yang up-to-date.
7. Jika komputer sudah benar-benar bersih dari virus, hapus rule blok file [WSCript.exe] yang telah dibuat pada langkah nomor 2, caranya:

- Klik menu [Start]
- Klik [Run]
- Pada dialog box [Run], ketik SECPOL.MSC kemudian klik tombol [OK]
- Pada layar [Local Security Policy], klik 2x [Software restriction policies]
- Klik [Additional Rule]
- Hapus Rule yang pernah Anda buat sebelumnya

Tips Meningkatkan Page Rank Per-Halaman Blog

|| || , || Leave a komentar

Kali ini saya hanya ingin sharing sedikit ilmu mengenai tips atau cara meningkatkan page rank blog perhalaman, serta mengapa page rank per-halaman itu penting? Karena perlu diketahui selain page rank dihitung berdasarkan dari jumlah backlink / tautan yang mengarah kedalam suatu situs atau blog, dan kemudian ditambah tingkat relevansi artikel dengan judul blog, akan tetapi algoritma page rank juga dihitung berdasarkan akumulasi dari jumlah per halaman blog, semakin bagus berarti semakin tinggi pula nilai Page Rank halaman index blog.

Coba sobat perhatikan beberapa halaman blog yang memiliki Page Rank 4 keatas pada halaman index nya !! dipastikan sebagian besar perhalaman postingnya rata-rata memiliki page rank, walaupun hanya nol. Dengan catatan bukan artikel terbaru atau baru saja dipublish dalam beberapa minggu terakhir, karena menurut yang saya ketahui bahwa update page rank perhalaman kurang lebih 2 minggu setelah artikel tersebut dipublish. Berikut ini saya akan berikan sedikit tips Menaikkan Pagerank Google Perhalaman Blog!

1. Buatlah Judul Posting/ Artikel Blog Memiliki Sedikitnya Satu Keyword
Karena ini merupakan patokan awal search engine untuk mengetahui topik apa yang akan dibahas nanti dalam artikel itu. Kalau tidak ada kata kunci nanti artikel milik sobat akan sulit ditemukan pada 10 besar halaman hasil pengcarian Google.

2. Isi Artikel Blog Relevan Dan Berhubungan Dengan Judul Posting
Artinya antara judul dan isi artikel saling berkaitan. Misalkan anda membuat judul �Tips Menjalankan Bisnis Affiliate� maka anda harus membahas dan memberikan seputar tips-tips bisnis online affiliate serta bagaimana kiat-kiat supaya penjualan produk bisnis online affiliate tersebut laku keras, meningkat tajam, dsb.

3. Usahakan Isi Posting Blog Memuat Minimal 3 Kata Kunci Dijudul Artikel
Nah ini pengalaman pribadi, karena ketika setelah saya mengecek salah satu dari beberapa halaman blog saya yang tidak memiliki page rank alias berstatus N/A, rata-rata semua artikelnya tidak memuat atau hanya berisi 1 kata kunci saja, sedangkan beberapa halaman yang mempunyai page rank rata2 isi artikel tersebut memiliki sedikitnya 2 kata kunci yg sama pada title/judul posting. Jadi intinya usahakan isi postingan anda disertai keywords yang sama dengan judul title post.

4. Pastikan Isi Artikel Mengandung 250 Kata atau Lebih
Karena menurut pendapat kebanyakan pakar webmaster mengatakan search engine lebih menyukai postingan yang mengandung lebih atau paling sedikit 250 kata. Semakin banyak jumlah kata pada blog anda maka akan mudah ditemukan oleh mesin pencari Google.

5. Keseimbangan Antara Outbound dan Inbound Link
Jika memberikan outbound link/ link keluar, hendaknya diimbangi dengan inbound link/ link yang masuk. Namun lebih bagusnya apabila sobat memiliki inbound link yang lebih banyak karena artikel blog yang sobat tulis akan lebih mudah ditemukan pada search engine. Selain itu sobat juga dapat memasang internal link dimana link yang sobat muat berasal dari posting-posting pada blog sobat. Hal ini tentunya akan memuat halaman artikel anda pada bagian pertama di daftar hasil pengcarian Google.

Tips Rahasia Memasang Iklan Google Adsense

|| || || Leave a komentar

Untuk meningkatkan penghasilan dari Google Adsense sobat harus menempatkan iklan pada posisi yang strategies. Arti strategis yang saya maksud disini yaitu iklan ditempatkan pada posisi yang tepat, mudah dijangkau dan menarik perhatian pengunjung untuk mengklik iklan tersebut. Pertanyaannya dimana posisi tersebut? Kali ini saya akan membuka rahasianya kepada sobat untuk memasang iklan Google Adsense pada posisi yang strategies sehingga dapat mengingkatkan penghasilan sobat. Berikut ini adalah beberapa tips yang saya kembangkan:

1. Hal pertama yang sobat perlu lakukan yaitu memilih format ads yang sesuai. Anda boleh pilih banners, skyscrappers, squares, link dan sebagainya. Sesuaikan ukuran iklan dengan ruang pada blog sobat. Untuk memasang iklan bergambar sobat dapat tempatkan pada sidebar, header, maupun footer. Iklan bergambar biasanya dapat menarik perhatian pengunjung apabila iklan tersebut mudah dilihat pada blog anda. Iklan bergambar biasanya terlihat lebih elegan dan berkesan sehingga pengunjung tertarik untuk melihat iklan tersebut.

2. Orang yang berinternet kebanyakannya ingin mencari informasi bukan untuk klik iklan. Ads yang dimasukkan harus diubah sesuai agar mengadaptasi dengan web. Kesimpulan utama kebanyakan Publishers/webmaster meletakkan ads yang disediakan Google secara by default. Mereka langsung tidak mengubahnya agar kelihatan lebih menarik dan dapat mengadaptasi dengan web seperti warna latar dan text. Pastikan border ads disamakan dengan warna latar web. Ubah warna sehingga ia kelihatan seperti sebagian dari link web anda. Click-Through juga dapat digandakan dengan membuang border ads. Pastikan juga warna text bagi ads sama seperti warna text web anda.

3. Jika sobat memilih iklan teks, maka posisi yang tepat untuk meletakkan iklan tersebut yaitu pada bagian atas dan bawah posting. Biasanya lebih banyak pengunjung yang secara tidak sengaja mengklik iklan teks pada bagian ini. Tentunya sobat perlu menyesuaikan karakter dari iklan teks agar tidak menyerupai sebuah iklan.

4. Yang terakhir rahasia ampuh dari saya yaitu buatlah Sticky Sidebar. Sobat dapat mencari tutorial cara membuat sticky sidebar pada google search engine. Sticky sidebar dapat memuat Google Adsense, dan hal tersebut tidak akan malanggar TOS dari Google. Sticky sidebar sesuai dengan namanya menerapkan fungsi scrolling apabila anda mengscroll halaman ke bawah atau keatas. Anda dapat mengatur pada posisi mana scrolling dimulai dan diakhiri pada blog anda. Jika sobat menampatkan iklan Google Adsense dengan menerapkan efek sticky sidebar maka akan menarik perhatian pengunjung untuk mengklik iklan tersebut.

Tips dan Triks Google Adsense

|| || , || Leave a komentar

Buat yang belum apply Google Adsense (GA) atau sering ditolak apply di adsense, mungkin bisa memulai dengan menulis blog berbahasa Inggris di www.blogger.com. Buatlah beberapa artikel yang menarik, lalu tunggu hingga 1 - 2 Minggu, jika sudah baru apply GA. Langkah ini kemungkinan berhasil 90% dengan catatan situs anda bukan situs illegal (hacker, porno, download crack) dan sejenisnya serta situs juga harus sering di-update

Seperti yang saya katakan sebelumnya sebaiknya situs anda berbahasa Inggris kalau Indonesia atau campuran biasanya akan jarang keluar text adsnya Google, yg keluar 99% iklan layanan (bisa diakalin tapi melanggar TOS - Terms of servises) kecuali situs anda sudah tahunan (lebih dari 1 - 2 tahun) baru keluar iklan bahasa Indoesia atau terkadang iklan campuran (iklan berbahasa Indonesia dan Inggris).

Sobat jangan sekali-kali mencurangi Google karena cepat atau lambat anda pasti ketahuan, baca TOS terlebih dahulu karena tiap 3 - 6 bulan sekali pasti ada ketentuan yang diperbaharui. 90% yang punya GA pasti pernah melakukan kecurangan baik disengaja ataupun tidak, yang paling sering curang pasti akan di ban (dikeluarkan/dilarang) sedangkan yang jarang paling diperingatin terlebih dahulu.

Ingatlah untuk meningkatkan penghasilan dari Google Adsense maka sobat perlu meningkatkan trafik pengunjung. Bagi yang ingin meningkatkan traffic situsnya bisa memakai cara seperti tukeran link dengan sesama teman, gunakan forum dan jejaring social untuk mempromosikan blog dan tulisan anda, teruslah update situs dengan artikel yang menarik dan informatif untuk menarik minat pengunjung.

Hal terakhir yg paling penting adalah "jangan pernah menyerah" karena semua orang dan saya juga memulai dari nol. Segala sesuatu selalu ada permulaannya. Belajar dan bekerja keras adalah kunci utama kalau mau sukses di bidang ini dan saya juga masih melakukannya hingga hari ini.

5 Langkah Mudah Menjalankan Bisnis Affiliate

|| || || Leave a komentar

Dari kemarin mau bikin artikel tentang Bisnis Online tapi sayang-nya belum ada ide, lalu saya coba browsing ke situs luar sembari mencari inspirasi kemudian menemukan artikel menurut saya berguna buat pebisnis online yang baru mulai menjual produk serta ingin mengembangkan affiliate marketingnya. Artikel ini juga dapat nantinya dijadikan masukan untuk pengembangan bisnis online affiliate pada masa yg akan datang.

Dari artikel aslinya berjudul �5 Tips for Making Money with Affiliate Programs� saya mencoba sedikit menterjemahkan tetapi pastinya menurut cara saya sendiri. Berikut ini 5 Tips Sukses Menjalankan Program Bisnis online Affiliate..!

1.Relevansi Antara Pembaca, Produk dan Konten
Salah satu kunci untuk mendapatkan konversi tinggi ketika mempromosikan produk affiliate adalah sebisa mungkin menyesuaikan kebutuhan audiens anda, dengan produk yang anda promosikan dan konten dihasilkan dari blog anda. Misalkan Kita membuat ebook tentang �Sukses Bisnis Online Untuk Pemula�, maka kita harus membuat blog yang berisi konten tentang prinsip dasar Bisnis Online itu sendiri. seperti cara cepat mempromosikan web/ blog, tips dan trik bisnis online, tips mendatangkan banyak trafik/ pengunjung, strategi bisnis, jenis-jenis bisnis online, teknik bermain Forex, top keyword google adsense, menghasilkan uang dari bisnis PTC, dan masih banyak lagi.

2. Membangun Kepercayaan
Saya berfikir bahwa promosi affiliate yang paling ampuh adalah bekerja dengan blog dimana kita dapat berinteraksi secara langsung terhadap pengunjung dengan cara ini selain berpromosi kita juga akan mendapatkan banyak teman sesama blogger lainnya. Contoh: bila kita membaca artikel-artikel/ konten di blog seorang pe-bisnis online sukses dimana ia selalu memberikan masukan, nasihat, kaya informasi dan bermanfaat bagi pembaca-nya bukan tidak mungkin blog tersebut menjadi besar dengan demikian akan lebih mudah untuk menawarkan serta menjual produk affiliatenya.

3. Traffic Pengunjung
Ini penting!! Traffic bisa dimasukkan ke dalam kategory inti dari teknik marketing anda, karena semakin banyak trafik maka akan tinggi pula peluang penjualan bisnis/ produk anda. Untuk tips mendatangkan banyak traffic bisa dicari ke Search Engine, anda akan menemukan bagaimana cara, kiat dan tips menghasilkan lalu lintas (traffic) di web/ blog.

4. Perkuat Pesan Email (Autoresponder)
Buatlah sesering mungkin pesan terbaru pemasaran produk anda, tidak cukup hanya sekali, lakukanlah secara berkala dan teratur.

5.Posisi Iklan (Strategy Promosi)
Jangan terlalu berlebihan dalam menawarkan produk anda, seperti meletakkan banner produk setiap kali posting. Ini akan berdampak berkurangnya kredibilitas dan nilai jual dari harga produk yang akan ditawarkan. Lakukanlah secara professional.!!

Cara Menghemat Memori Firefox

|| || , || Leave a komentar

Kali ini akan kami jelaskan beberapa tips untuk menghemat memori firefox hingga 3x lipat, yang berarti akan meningkatkan performa firefox kesayangan anda. Langkah Pertama buka firefox, lalu pada ada address ketikkan about:config

1. Batasi kapasitas cache memori
Setiap kali Anda membuka sebuah halaman web, Firefox otomatis akan menyimpannya dalam cache memori. Secara default Firefox menggunakannya sebesar jumlah maksimal RAM yang Anda miliki. Itulah mengapa semakin banyak Anda membuka web, memori komputer Anda semakin habis. Untuk membatasinya tambahkan opsi: browser.cache.memory.capacity. Caranya klik kanan, New > Integer. Ketik browser.cache.memory.capacity, enter, masukkan angka 2048. 2048 disini artinya gunakan cache memori maksimal hanya 2 Mega. Anda bisa coba � coba dengan angka yang lain, namun usahakan merupakan kelipatan dari 1024.

2. Batasi kapasitas cache history
Sama seperti cache memori, hanya bedanya peruntukan cache disini oleh Firefox lebih ditujukan untuk mempercepat loading halaman saat Anda menekan tombol back dan forward pada browser. Apabila Anda jarang memakai back dan forward, ada baiknya Anda set dengan nilai kecil guna menghemat memori. Pada filter ketikkan: browser.sessionhistory.max_total_viewers, ubah nilai -1 menjadi 3. Default -1 artinya gunakan semaksimal RAM yang ada. hmm.. nilai default dari Firefox benar-benar rakus bukan?

3. Batasi kapasitas cache disk
Secara default Mozilla menset ukuran cache disk sebesar 50 Mega. Tentunya ini pemborosan memori. Mensetnya menjadi 2 MB dapat memberikan performa yang positif khususnya bagi komputer dengan memori dibawah 128 MB dan harddisk model lama. Pada filter ketikkan: browser.cache.disk.capacity, ubah nilai 50000 menjadi 2000.

4. Batasi extension/add-ons
Semakin banyak add-ons yang Anda gunakan, semakin besar RAM yang dihabiskan. Disable add-ons yang kurang Anda gunakan. Untuk membandingkan performa memori yang digunakan saat menggunakan dan tanpa add-ons dapat dilakukan dengan mencoba menjalankan Firefox pada kondisi safe-mode. Caranya dengan perintah: $ firefox -safe-mode. Pada pilihan yang muncul pastikan Anda beri tanda pada opsi: Disable all add-ons.

5. Disable Flash
Tahukah anda bahwa animasi flash yang di load saat Anda membuka web memakan resource RAM yang lumayan besar? Konsekuensinya adalah waktu loading menjadi lebih lambat dan berat. Bahkan pada plugin flash sebelum versi 9, resource RAM yang dipakai merupakan akumulasi dari jumlah flash yang dibuka sebelumnya. Ada baiknya anda disable flash. Silahkan download dan install flashblock addon pada menu tools> addon> get extension.

6. Disable download history
Sebaiknya anda nonaktifkan fitur history ini. Karena semakin banyak download history yang disimpan, maka akan menurunkan performa Firefox. Apalagi bila media penyimpannya pada media removeable seperti disket. Caranya mudah, pilih menu Tools > Options > Privacy. lalu hilangkan pilihan pada �Remember what I�ve downloaded�.

7. Load yang perlu saja
Secara default Firefox tanpa kita sadari merusaha melakukan pre-download pada link halaman web yang mungkin akan kita klik. Hal ini meniru taktik Google yang mencache terlebih dahulu result pertama dari link pencarian yang dia temukan. Tentu cara ini hanya memboroskan bandwdith, dan performa CPU. Untuk menonaktifkan fitur ini ketik pada filter: network.prefetch-next, klik dua kali, agar nilainya menjadi false.

8. Download dan segera tampilkan.
Tips ini mungkin berguna buat yang tidak sabaran. Umumnya firefox akan menunggu beberapa saat setelah download untuk mulai menampilkan halaman yang dituju. Untuk memaksa Firefox agar segera menampilkan halaman web yang didownloadnya Anda bisa menset nilai: nglayout.initialpaint.delay menjadi 0. Apabila belum ada silahkan klik kanan, new > integer > nglayout.initialpaint.delay

Tips untuk menghemat memori lainnya adalah dengan mengaktifkan fitur config.trim_on_minimize. Hanya saja fitur ini hanya efektif pada lingkungan Windows. Caranya klik kanan, new > boolean, ketikkan config.trim_on_minimize. Set nilainya True. Dengan cara ini setiap kali Firefox di minimize, otomatis memori yang di pakai akan dilepas / dibebaskan, sehingga dapat dipakai untuk proses aplikasi lainnya. Untuk melihat besar cache memory yang digunakan Firefox saat ini, dapat dilihat dengan mengetikkan about:cache pada url browser.

Membuat Back To Top dengan Efek Smooth Scroll

|| || , || Leave a komentar

"Back to Top" adalah salah satu fasilitas yang dapat digunakan pada blog untuk memudahkan pengunjung menavigasi halaman pada blog anda. Fungsi dari Back To Top yaitu mengantarkan kembali pengujung anda ke halaman paling atas. Penggunaan JQuery dengan fungsi ini dapat memberikan hasil scroll yang lebih baik, dalam hal ini scroll menjadi lebih smooth atau halus. Jika anda udah gak sabaran pengen membuatnya langsung aja dipraktekin...

1. Login ke blogger.
2. Pilih Rancangan -- Edit HTML
3. Masukan script jquery berikut ini diatas </head>
<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://blogtrikdantips-blogspot.googlecode.com/files/sed_back_to_top.js' type='text/javascript'/>
<script src='http://vianjb.googlecode.com/files/to%20top.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
/*
var defaults = {
containerID: &#39;moccaUItoTop&#39;, // fading element id
containerHoverClass: &#39;moccaUIhover&#39;, // fading element hover class
scrollSpeed: 1200,
easingType: &#39;linear&#39;
};
*/
$().UItoTop({ easingType: &#39;easeOutQuart&#39; });
});
</script>
5. Letakkan kode dibawah ini diatas kode ]]></b:skin>
#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
background:url(http://1.bp.blogspot.com/-jl2zCOaMrgc/T8R3jjBc44I/AAAAAAAADUo/fhv5oCrzd7E/s400/ui.totop.png) no-repeat left top;
}
#toTopHover {
background:url(http://1.bp.blogspot.com/-jl2zCOaMrgc/T8R3jjBc44I/AAAAAAAADUo/fhv5oCrzd7E/s400/ui.totop.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
7. Simpan template sobat dan lihat hasilnya.

Thumbnail Gallery dengan efek JQuery pada Heading dan Caption

|| || , || Leave a komentar

Untuk membuat blog anda lebih creative maka anda perlu membuat sesuatu yang berbeda. Kali ini Blog Trik dan Tips akan memberikan trik untuk membuat Thumbnail Gallery dengan efek JQuery pada bagian heading dan caption. Thumbnail Gallery menampilkan efek heading serta caption apabila cursor mouse anda berada diatas gambar. Untuk membuatnya sangat mudah. Ikuti saja langkah berikut ini:

1. Login ke blogger
2. Klik Rancangan -- Edit HTML
3. Centang Expand template widget
4. Masukan script berikut ini sebelum code </head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script>$(document).ready(function () {

// transition effect
style = 'easeOutQuart';

// if the mouse hover the image
$('.photo').hover(
function() {
//display heading and caption
$(this).children('div:first').stop(false,true).animate({top:0},{duration:200, easing: style});
$(this).children('div:last').stop(false,true).animate({bottom:0},{duration:200, easing: style});
},

function() {
//hide heading and caption
$(this).children('div:first').stop(false,true).animate({top:-50},{duration:200, easing: style});
$(this).children('div:last').stop(false,true).animate({bottom:-50},{duration:200, easing: style});
}
);

});</script>
5. Masukan kode CSS berikut sebelum ]]></b:skin>
<!--Jquery-Thumbnail-www.blogtrikdantips.blogspot.com-BEGIN-->
.photo {
/* relative position, so that objects in it can be positioned inside this container */
position:relative;
font-family:arial;
/* hide those extra height that goes beyong the size of this container */
overflow:hidden;
border:5px solid #000;
width:350px;
height:186px;
}
.photo .heading, .photo .caption {
/* position inside the container */
position:absolute;
background:#000;
height:50px;
width:350px;
/* transparency for different browsers */
/* i have shared this in my CSS tips post too */
opacity:0.6;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;

}
.photo .heading {
/* hide it with negative value */
/* it's the height of heading class */
top:-50px;
}

.photo .caption {
/* hide it with negative value */
/* it's the height of bottom class */
bottom:-50px;
}

/* styling of the classes*/
.photo .heading span {

color:#26c3e5;
top:-50px;
font-weight:bold;
display:block;
padding:5px 0 0 10px;
}
.photo .caption span{
color:#999;
font-size:12px;
display:block;
padding:5px 10px 0 10px;
}
<!--Jquery-Thumbnail-http://blogtrikdantips.blogspot.com-END-->

6. Simpan template sobat
7. Masuk ke Rancangan -- Elemen Laman. Kemudian tambahkan gadjet lalu pilih HTML Javascript. Masukan kode dibawah ini:
<div class="photo">
<div class="heading"><span>Judul Thumbnail Gallery</span></div>
<img src="http://4.bp.blogspot.com/_kmq5S6nnKMQ/SlX3s-xJYOI/AAAAAAAAAV8/cEOKCUQoyL4/s200/konversi.jpg" width="340px" height="175" alt="" />
<div class="caption"><span>Tulislah Caption Thumbnail Gallery Disini</span></div>
</div>
Keterangan:
- Kode berwarna merah diatas adalah judul thumbnail gallery
- Kode berwarna ungu adalah gambar thumbnail gallery
- Kode berwarna hijau adalah lebar dan tinggi (ukuran) thumbnail gallery
- Kode berwarna biru adalah caption thumbnail gallery

8. Simpan gadjet sobat dan lihat hasilnya

Membuat Slide Show dan Caption - JQuery

|| || , || Leave a komentar

Penerapan JQuery pada blog kini semakin populer, salah satunya yaitu membuat efek Slide Show dan Caption. Slide show ini akan menampilkan beberapa gambar dan caption (deskripsi singkat dari gambar tersebut. Gambar dan caption akan ditampilkan bergantian. Trik ini mudah diterapkan pada blog dan biasanya digunakan untuk menampilkan foto serta informasi yang menarik untuk dilihat oleh pengunjung. Untuk melihat demonya KLIK DISINI. Jika sobat ingin membuat Slide Show dan Caption ikuti triknya dibawah ini:

1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Centang Expand template widet
4. Masukan script dibawah ini setelah kode <head>:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
//Execute the slideShow, set 6 seconds for each images
slideShow(3000);
});
function slideShow(speed) {
//append a LI item to the UL list for displaying caption
$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');

//Set the opacity of all images to 0
$('ul.slideshow li').css({opacity: 0.0});
//Get the first image and display it (set it to full opacity)
$('ul.slideshow li:first').css({opacity: 1.0});
//Get the caption of the first image from REL attribute and display it
$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));
//Display the caption
$('#slideshow-caption').css({opacity: 0.7, bottom:0});
//Call the gallery function to run the slideshow
var timer = setInterval('gallery()',speed);

//pause the slideshow on mouse over
$('ul.slideshow').hover(
function () {
clearInterval(timer);
},
function () {
timer = setInterval('gallery()',speed);
}
);
}
function gallery() {

//if no IMGs have the show class, grab the first image
var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first'));
//Get next image, if it reached the end of the slideshow, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));
//Get next image caption
var title = next.find('img').attr('title');
var desc = next.find('img').attr('alt');

//Set the fade in effect for the next image, show class has higher z-index
next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);
//Hide the caption first, and then set and display the caption
$('#slideshow-caption').animate({bottom:-70}, 300, function () {
//Display the content
$('#slideshow-caption h3').html(title);
$('#slideshow-caption p').html(desc);
$('#slideshow-caption').animate({bottom:0}, 500);
});
//Hide the current image
current.animate({opacity: 0.0}, 1000).removeClass('show');

}
//]]>
</script>
<style type='text/css'>
ul.slideshow {
list-style:none;
width:600px;
height:240px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
font-family:Arial,Helvetica,Trebuchet MS,Verdana;
;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:500;
}
ul img {
width:600px;
height:240px;
border:none;
}
#slideshow-caption {
width:600px;
height:70px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:16px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}
</style>

K
eterangan: kode berwarna merad adalah tinggi dan lebar slideshow dan caption, sobat dapat sesuaikan atau merubahnya sesuai dengan ukuran image yang ingin ditampilkan.

5. Simpan Template sobat
6. Masukan kode berikut ini pada gadjet sobat, caranya masuk ke Rancangan --Elemen Laman, tambahkan gadjet lalu pilih HTML/Javascript
<ul class="slideshow">
<li><a href="http://blogtrikdantips.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgJIlq-AfSIyL0SWD33iZOmOASdfG41zUe0okVsxJ_QIdAX8WLrSSkGeeCpR2FX_eAqByls4Z36yzX997_C9q8-5VEnDp7O-sOla-RxjRS_-98be5rGFhOhKOeOy4PuVkLVsKCRW8kPrk/s1600/1.jpg" title="This is featured post 1 title" alt="Replace This Text With Your Featured Post 1 Description." /></a></li>

<li><a href="http://blogtrikdantips.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL0eVyIc2DQxxfAO2qYTliVrrHMtPu0_k6T6cWQBuVU5Vxpz-lRs-3o05cx4d-Kieq_JMWGb-7PLT07r7t1g_UCBNOD50URdcvQbeSz8qvY2NjePtTo0zA8nQ6LXuIUb-Ukya6kDZC1dk/s1600/2.jpg" title="This is featured post 2 title" alt="Replace This Text With Your Featured Post 2 Description." /></a></li>

<li><a href="http://blogtrikdantips.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLtoj6QvQIlks8DpwWZsJzeKRdwdObU6JNVPIwcnlaUiX44pRk13mqWZ9_Y737Pl_joBTgsMpA-fZ2QuCfswYXROt5bEIjrUwOcSOkrUTpxz71AQS6UCNKRN0teHUJX73ZsEhYSbqVcMI/s1600/3.jpg" title="This is featured post 3 title" alt="Replace This Text With Your Featured Post 3 Description." /></a></li>

<li><a href="http://blogtrikdantips.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFrsMxlK-xR9-UlptRrogbe3zM4fEQlMrOr8dLnBTdsRZqZrxeAJU0dSyCUU29lYf7LhRO_xi36BdDwhoDnexhJGTFzyH8SXTYJRwuNlA6JryxbJwKEDEeDXmHzonFINDj55zMw087ovY/s1600/4.jpg" title="This is featured post 4 title" alt="Replace This Text With Your Featured Post 4 Description." /></a></li>
</ul>
Keterangan: Ubahlah alamat url, url gambar, dan caption diatas sesuai keinginan sobat

7. Simpan gadjet dan lihat hasilnya

Membuat Efek List Menjorok di Blog

|| || , || Leave a komentar

Apakah anda sudah pernah melihat sebuah list yang menjorok. List ini akan menjorok ke dalam apabila cursor mouse berada diatas posisi list tersebut. Kita bisa membuat list tersebut didalam postingan dengan efek menjorok. Oke mungkin kalian sudah penasaran apa itu list yang menjorok. Blog Trik dan Tips akan memberikan trik ini. Berikut ini adalah langkah untuk membuatnya:

1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Cari kode ini: </b:skin>
4. Paste kode dibawah ini setelah kode </b:skin>
<script type='text/javascript'>
function lm_toRight(obj) {
obj.marginValBackUp = parseInt(obj.style.marginLeft);
obj.style.marginLeft = (obj.marginBackUp + 5).toString() + "px";
}
function lm_restore(obj) {
obj.style.marginLeft = obj.marginBackUp.toString() + "px";
}
</script>
Keterangan:
- Sobat dapat mengatur seberapa jauh list tersebut menjorok ke dalam dengan mengubah angka kode berwarna merah

5. Untuk membuat list tersebut maka jangan lupa untuk memasang tag <li> seperti dibawah ini pada tulisan yang ingin dibuat efek tersebut
<li onmouseover='lm_toRight(this)' onmouseout='lm_restore(this)'>
Selamat mencoba semoga berhasil!!!

Menghilangkan Judul Gadjet pada Blog

|| || || Leave a komentar

Ada beberapa template bawaan blogger atau template modifikasi yang mana apabila kita tidak menulis judul gadjet lalu menyimpan gadjat tersebut, maka akan mengeluarkan pesan "harap perbaiki kesalahan pada form ini". Hal ini menunjukan bahwa sobat tidak boleh menyimpan gadjet tersebut dalam keadaan tanpa judul. Padahal jika kita memasang script animasi, dll, judul gadjet tidak perlu ditampilkan karena akan mengganggu penampilan blog anda. Untuk itu sobat perlu melakukan beberapa perubahan pada template. Ingin tau caranya, ikuti langkah dibawah ini:

Cara 1.
1. Masuk ke Rancangan -- Edit HTML
2. Carilah ID gadjet yang ingin dihapus contohnya: HTML1, HTML2, HTML atau Menu1, Menu2, dll. Jika sudah kopi ID gadjet yang ingin dihapus.
3. Tambahkan kode dibawah ini sebelum kode ]]></b:skin>, Untuk kode dibawah ini jangan lupa untuk menyisipkan ID gadjet yang telah dikopi
#HTML1.title, #HTML2.title, #HTML3.title {
display:none
}
4. Simpan template sobat

Cara 2.
1. Masuk ke Rancangan -- Edit HTML
2. Centang Expand Widget Template
3. Carilah kode seperti dibawah ini:
<!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if>
4. Ubah kode diatas sehingga terlihat seperti dibawah ini:
<h2 class='title'><data:title/></h2> </b:if>
5. Simpan template sobat

Cara 3.
1. Masuk ke Rancangan -- Elemen Laman
2. Tambahkan gadjet lalu pilih HTML/Javascript
3. Masukkan judul gadjet dengan kode berikut: <h2></h2>
4. Cobalah tulis isi gadjet dibawahnya
5. Terakhir simpan gadjet sobat

Sobat dapat menerapkan salah satu dari 3 cara diatas untuk menghilangkan tulisan error "harap perbaiki kesalahan pada form ini". Sekian dari trik saya semoga bermanfaat.

Cara Memasang HTML Encoder di Langsung di Blogspot

|| || , || Leave a komentar

Jika sobat menulis artikel mengenai tutorial bloging, maka sobat akan sering menggunakan fasilitas HTML encoder. Selama ini Blog Trik dan Tips menggunakan HTML Encoder yang dibuat sendiri, kalau sobat ingin tau caranya bisa dilihat DISINI.

Tapi kini ada cara lain untuk memudahkan kita menggunakan fasilitas HTML encoder langsung dari situs Blogger-Blogspot. Tentunya hal ini akan memudahkan sobat lebih cepat dan mudah untuk membuat posting jika berurusan dengan kode-kode HTML. Cara memasangnya pada blogspot cukup mudah saja, silahkan dicoba jika tertarik untuk memasangnya. Berikut langkah memasangnya:

1. Download Greasemonkey 0.8.20090123.1 pada situs https://addons.mozilla.org/en-US/firefox/addon/748
2. Instal dan restart browser anda kembali
3. Kemudian install JavaScript http://userscripts.org/scripts/source/42696.user.js

4. Coba lihat di menu posting, pasti akan muncul tombol "HTML Encode Selection".
5. Untuk memparse kode HTML, sobat login ke blogger kemudian buatlah posting baru.
6. Pilihlah tab Edit HTML di samping tab Tulis
7. Untuk memparse kode HTML, maka anda hanya menghighlight kode HTML yang ingin diparse dan klik tombol HTML ENCODE SELECTION


Kode-kode tersebut kemudian akan diparse tanpa sobat menunggu proses loading. Selamat mencoba dan good luck!!!

Cara Membuat Headline News Keren pada Blog

|| || , || Leave a komentar

Blog Trik dan Tips akan membahas salah satu trik yaitu bagaimana cara membuat headline news. Pasti yang udah sering dengarin berita di televisi udah tau apa itu headline news. Tapi headline news di tv beda dong ama yang dibuat di blog. Sesuai dengan namanya headline news ini memuat judul-judul posting yang sobat terbitkan. Sobat dapat memasang headline news diatas atau dibawah blog. Headline news akan berhenti bergerak apabila cursor mouse anda berada diatas link judul posting. Oke langsung aja kita membuatnya:

1. Login ke blogger
2. Klik Rancangan -- Elemen Laman
3. Tambahkan gadjet anda dan pilih HTML/Javascript
4. Kopi kode berikut ini dan paste pada gadjet sobat
<script type="text/javascript">
var hn_url_blog="http://blogtrikdantips.blogspot.com";
var hn_jumlah_post= 15;
var hn_warna_latar="#CCFEBF";
var hn_warna_garis="#FEF9BF";
var hn_posisi="top";
var hn_tampilkan_judul=true;
var hn_backlink= true;
</script>
<script src="http://blogtrikdantips-blogspot.googlecode.com/files/headline_news_marquee.js"></script>
Keterangan:
var hn_url_blog = URL blog
var hn_jumlah_post = jumlah judul artikel posting yang ditampilkan
var hn_warna_latar = warna latar belakang headline news
var hn_warna_garis = garis border headline news
var hn_posisi = posisi headline news
var hn_backlink = bila ingin backlink ditampilkan

5. Ganti url (kode berwarna biru) dengan url blog sobat
6. Simpan gadjet sobat!!

Cara Membuat Breadcrumb Navigasi di Blog

|| || ,, || Leave a komentar

Breadcrumbs adalah sebuah petunjuk atau navigasi yang menginformasikan keberadaan posisi postingan yang aktif. Breadcrumb biasanya membentuk posisi horizontal yang terletak dibawah judul posting. Breadcrumb dapat berupa susunan link yang menghubungkan sebuah posting sesuai dengan beberapa kategori dalam posting tersebut. Breadcrumbs juga membantu pengunjung untuk menelusuri jalur yang telah dilaluinya sampai berada di posisi saat ini sehingga penggunjung dengan mudah dapat kembali ke halaman sebelumnya. Pada kesempatan ini saya akan memberikan trik kepada sobat blogger cara membuat breadcrumb pada blog. Berikut adalah caranya:

1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Centang Expand Widget Template
4. Letakan kode dibawah ini sebelum kode <b:includable id='main' var='top'>
<b:includable id='breadcrumbs' var='post'>
<!-- Breadcrumb by www.blogtrikdantips.blogspot.com -->
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
You are here:
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> >
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
> <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrumb -->
</b:includable>
5. Cari kode ini atau sejenisnya: <b:if cond=�data:post.dateHeader�>
6. Letakan kode dibawah ini sebelum kode pada langkah 5.
<b:include data='post' name='breadcrumbs'/>
7. Tambahkan kode dibawah ini diatas kode ]]></b:skin>
.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}
9. Simpan template sobat dan lihat hasilnya

Cara Membuat Sexy Bookmark di Blog

|| || , || Leave a komentar

Bookmark kini sekarang menjadi suatu trend untuk mempromosikan blog dan meningkatkan SEO. Tidak dipungkiri lagi jika banyak blog yang menempatkan sosial bookmark seperti facebook, twitter, digg dan lain sebagainya. Bookmark ternyata bisa ditampilkan lebih sexy....tapi seperti apa ya? Seperti gambar dibawah ini bookmark yang akan kita buat. Dari pada banyak omong mending langsung kita praktekin saja.

1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Centang Expand widget template (jangan lupa untuk backup template blog anda)
4. Carilah kode ini: ]]></b:skin>
5. Kopi kode dibawah ini dan letakan kodenya diatas kode ]]></b:skin>

div.sexy-bookmarks { height:54px; background:url(http://img709.imageshack.us/img709/57/sharing.png) no-repeat left bottom;position:relative; width:540px }

div.sexy-bookmarks span.sexy-rightside { width:17px; height:54px; background:url(http://img709.imageshack.us/img709/57/sharing.png) no-repeat right bottom; position:absolute; right:-17px }

div.sexy-bookmarks ul.socials { margin:0 !important;padding:0 !important; position:absolute; bottom:0;left:10px }

div.sexy-bookmarks ul.socials li { display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:48px !important; cursor:pointer !important; padding:0 !important }

div.sexy-bookmarks ul.socials a { display:block !important; width:48px !important; height:29px !important;f ont-size:0 !important; color:transparent !important}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover { background:url(http://img406.imageshack.us/img406/9198/sexyy.png) no-repeat !important }

.sexy-furl { background-position:-300px top !important }
.sexy-furl:hover { background-position:-300px bottom !important }
.sexy-digg { background-position:-500px top !important }
.sexy-digg:hover { background-position:-500px bottom !important }
.sexy-reddit { background-position:-100px top !important }
.sexy-reddit:hover { background-position:-100px bottom !important }
.sexy-stumble { background-position:-50px top !important }
.sexy-stumble:hover { background-position:-50px bottom !important }
.sexy-delicious { background-position:left top !important }
.sexy-delicious:hover { background-position:left bottom !important }
.sexy-yahoo { background-position:-650px top !important }
.sexy-yahoo:hover { background-position:-650px bottom !important }
.sexy-blinklist { background-position:-600px top !important }
.sexy-blinklist:hover { background-position:-600px bottom !important }
.sexy-technorati { background-position:-700px top !important }
.sexy-technorati:hover { background-position:-700px bottom !important }
.sexy-myspace { background-position:-200px top !important }
.sexy-myspace:hover { background-position:-200px bottom !important }
.sexy-twitter { background-position:-350px top !important }
.sexy-twitter:hover { background-position:-350px bottom !important }
.sexy-facebook { background-position:-450px top !important }
.sexy-facebook:hover { background-position:-450px bottom !important }
.sexy-mixx { background-position:-250px top !important }
.sexy-mixx:hover { background-position:-250px bottom !important }
.sexy-script-style { background-position:-400px top !important }
.sexy-script-style:hover { background-position:-400px bottom !important }
.sexy-designfloat { background-position:-550px top !important }
.sexy-designfloat:hover { background-position:-550px bottom !important }
.sexy-syndicate { background-position:-150px top !important }
.sexy-syndicate:hover { background-position:-150px bottom !important }
.sexy-email { background-position:-753px top !important }
.sexy-email:hover { background-position:-753px bottom !important }

6. Paste kode ini dibawah kode
<data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='sexy-bookmarks'>

<ul class='socials'>

<li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-syndicate'><a href='http://feeds.feedburner.com/blogtrikdantips' title='Subscribe to RSS'/></li>

</ul>

<span class='sexy-rightside'/></div>
</b:if>

Keterangan:
- Ganti id feedburner (kode berwarna biru) dengan id feedburner milik sobat

7. Simpan template anda dan lihat hasilnya.

Membuat Slide Iklan atau Slide Foto pada Blog

|| || ,, || Leave a komentar

Pengen punya slide iklan atau slide foto gallery? Anda dapat menampilkan beberapa jenis iklan dalam bentuk slide yang akan bergerak. Iklan akan ditampilkan bergantian dan akan berhenti ketika cursor mouse berada tepat diatas iklan tersebut. Trik ini sedikit rumit buat blogger yang masih newbie. Berikut ini saya akan berikan langkah-langkah cara membuat slide iklan tersebut:

1. Login ke blogger
2. Masuk ke Rancangn -- Edit HTML
3. Jangan lupa untuk memback up template sobat
4. Centang Expand Widget Template
5. Cari kode ini ]]></b:skin>
6. Letakan kode dibawah ini diatas kode ]]></b:skin>
.carousel{
float:left;
margin: 0;
padding:0px;
}

.carousel .widget {
width: 720px;
background:#c4d5ec;
margin: 0;
padding:0;
}

.carousel h2{
display:none;
}
.stepcarousel{
position: relative;
overflow: scroll;
width: 765px;
height: 160px;
}

.stepcarousel .belt{
position: absolute;
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left;
overflow: hidden;
margin: 5px 20px 5px 0px;
width: 140px;
}

.stepcarousel .panel img{
float: left;
background:#940f04;
margin: 5px;
padding:5px;
border:1px solid #ccc;
}

.stepcarousel .panel img:hover{
background:#ffffff;
}
.quickedit{display:none}

#under_header{
opacity: 100;

}

Keterangan:
- Kode berwarna biru diatas adalah ukuran slide iklan atau carousel. Soabt dapat sesuaikan dengan lebar sidebar apabila ditempatkan pada area tersebut.

7. Letakan kode dibawah ini dibawah kode ]]></b:skin>
<script src='http://blogtrikdantips-blogspot.googlecode.com/files/slide_gallery1.js' type='text/javascript'/>
<script src='http://blogtrikdantips-blogspot.googlecode.com/files/slide_gallery2.js' type='text/javascript'/>
8. Simpan template sobat

Selanjutnya kita akan menambahkan widget slide gallery tersebut pada elemen halaman atau pada pada sidebar blog sobat

1. Masuk ke Rancangan -- Elemen Laman
2. Tambah gadjetkan lalu pilih HTML/Javascript
3. Masukan kode dibawah ini pada gadjet tersebut
<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs panelclass: 'panel', //class of panel DIVs each holding content autostep: {enable:true, moveby:1, pause:3000},
panelbehavior: {speed:500, wraparound:false, persist:true},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKH8mO-RanxdhVin8V1K3vgwNTbcHK42Y3bdMU0rIivlZGIOZzZQv8MZqhQlzzkVpBzFRIGyd1gV2l2k4CsKI-FGwlBNhodypvT6GCimNyAGm2NLYnOKLx6PtMwbXdOuTzQ-TZUTrZI0ej/', 30, 60 ], rightnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDdENqaSRbkCCQzTDyzq_d4BUEhCKBwxyxnfeB1-1u76Y8oyLll1bmeaQuLM-3Wqu1BbAgnHclKzTML87d7DeC4z2nsaHPFwWaF2naVMskTd7z5RkoT6XH9h7yavZtPmJQ-fJV2a_qj9Fm/', -55, 60 ]},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
</script>
<div id="mygallery" class="stepcarousel">
<div class="belt">

<div class="panel">
<a href="URL LINK ANDA">
<img src="URL GAMBAR ANDA" width="100px" height="135px" title="KLIK DI SINI" /></a>
</div>

<div class="panel">
<a href="URL LINK ANDA">
<img src="URL GAMBAR ANDA" width="100px" height="135px" title="KLIK DI SINI" /></a>
</div>

<div class="panel">
<a href="URL LINK ANDA">
<img src="URL GAMBAR ANDA" width="100px" height="135px" title="KLIK DI SINI" /></a>
</div>

<div class="panel">
<a href="URL LINK ANDA">
<img src="URL GAMBAR ANDA" width="100px" height="135px" title="KLIK DI SINI" /></a>
</div>

<div class="panel">
<a href="URL LINK ANDA">
<img src="URL GAMBAR ANDA" width="100px" height="135px" title="KLIK DI SINI" /></a>
</div>

<div class="panel">
<a href="URL LINK ANDA">
<img src="URL GAMBAR ANDA" width="100px" height="135px" title="KLIK DI SINI" /></a>
</div>

<div class="panel">
<a href="URL LINK ANDA">
<img src="URL GAMBAR ANDA" width="100px" height="135px" title="KLIK DI SINI" /></a>
</div>

Keterangan:
- Kode berwarna merah adalah url gambar iklan pada slide
- Kode berwarna hijau adalah url link iklan pada slide

4. Simpan gadjet sobat dan lihat hasilnya!

Cara Memasang Iklan Setelah Read More

|| || || Leave a komentar

Mungkin anda pernah bertanya begini: "Kok iklan saya belum juga diklik oleh pengunjung ya?" Nah pertanyaan itu seringkali dijawab dengan berbagai macam jawaban yang berbeda-beda, misalnya trafik anda yang sedikit, blog anda belum populer, penempatan iklan kurang strategis, dll sebagainya. Oke kali ini Blog Trik dan Tips akan memberikan solusi untuk anda meningkatkan penghasilan dari iklan ppc. Tentunya hal ini berkaitan dengan penempatan iklan anda pada blog.

Apabila anda menempatkan iklan di tempat yang strategies pengujung akan sesering mungkin mengklik iklan anda. Blog trik dan tips pada kesempatan ini akan membahas mengenai penempatan iklan dalam postingan setelah read more (baca selanjutnya) diklik. Penempatan iklan dalam posting biasanya sering diklik dibandingkan dengan menempatkan iklan di sidebar, footer dan header. Oke langsung aja kita praktekin:

1. Login ke blogger.
2. Pilih Rancangan, lalu klik Edit HTML
3. Jangan lupa membackup template anda.
4. Beri tanda centang pada Expand widget template
5. Cari kode readmore seperti dibawah ini:
<b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style> <p><data:post.body/></p>
<a expr:href='data:post.url'>.:. Read More..</a>
</b:if>
6. Sisipkan kode yang berwarna dibawah ini, pada kode diatas sehingga terlihat seperti ini:
<b:if cond='data:blog.pageType == "item"'>

<div style='float:up;'>
--Kode Iklannya simpan disini--
</div>

<style>.fullpost{display:inline;}</style> <p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style> <p><data:post.body/></p>
<a expr:href='data:post.url'>.:. Read More..</a>
</b:if>
Keterangan:
- Kode warna biru adalah posisi iklan dalam posting blog. Anda dapat menubahknya sesuai selera, misalnya ganti down (iklan dibawah) right (iklan disamping kanan), left (iklan disamping kiri).

7. Masukkan kode iklan anda pada kode berwarna hijau diatas
8. Terakhir jangan lupa untuk menyimpan template anda.

Cara Membuat Tooltips Otomatis di Blog

|| || , || Leave a komentar

Tooltips adalah kotak yang menampilkan informasi dari link anda ketika cursor mouse berada tepat diatasnya. Kali ini kita akan membuat sebuah tooltip seperti pada gambar disamping ini. Tooltip yang saya buat ini akan menampilkan informasi mengenai judul link dalam sebuah kotak. Jika sudah gak sabaran langsung saja dipraktekin...

1. Login ke blogger
2. Masuklah ke Rancangan -- Edit HTML
3. Carilah kode <body>
4. Paste kode dibawah ini dibawah kode <body>
<script src='http://blogtrikdantips-blogspot.googlecode.com/files/wb.js'/>
<a href='http://www.warungbebas.com' id='wb_ttauth'>Created by Warung Bebas </a> <a href='http://www.blogtrikdantips.blogspot.com'>Modify by Blog Trik dan Tips</a><script type='text/javascript'>//<![CDATA[
wb.tooltip_setting =
{
func : "Tooltip",
top : 5,
left : 5,
maxw : 300,
speed : 20,
timer : 40,
endalpha : 95,
alpha : 0,
style_plus : "#tt{border:3px dashed #778899;background:#4db2b3}#ttcont{background:#e6fffa;color:#000000}"
};
//]]></script><script src='http://blogtrikdantips-blogspot.googlecode.com/files/wb_tooltips.js'/>
<script src='http://blogtrikdantips-blogspot.googlecode.com/files/wb_autotooltips.js'/><!-- pembuka warungbebasautotooltip --><div id='warungbebasautotooltip'>
5. Paste kode dibawah ini diatas kode </body>
</div><!-- penutup warungbebasautotooltip --><script type='text/javascript'>wb.$_auto_tooltip(&#39;warungbebasautotooltip&#39;);</script>
6. Terakhir simpan templatenya

Coba lihat hasilnya pada halaman blog anda, pasti akan muncul tooltip yang sangat keren. Selamat mencoba!!!

Cara Hapus Garis Tepi Kotak Iklan Kumpul Blogger

|| || || Leave a komentar

Jika anda pernah memasang iklan kumpulblogger pada blog, maka anda pasti binggung bagaimana cara menghilangkan garis tepi kotak iklan tersebut. Kadang garis tepi yang dipasang membuat halaman blog menjadi kurang menarik. Selain itu garis tepi kadang membuat iklan yang diklik lebih sedikit. Sayangnya anda tidak dapat hilangin garis tersebut pada situs kumpulblogger.com seperti pada situs ppc lainnya. Untuk menghilangkan garis tepi tersebut, saya akan memberikan trik yang mudah dan cepat untuk anda. Berikut adalah langkahnya:

1. Login ke Blogger
2. Masuk ke Rancangan -- Edit HTML
3. Kopi kode dibawah ini:
.garping,.garpinghor {
border: none !important;
}
.garping table,.garpinghor table {
border:#FFFFFF solid 1px !important;
background-color:#FFFFFF !important;
}
.garping td,.garpinghor td{
color:#000000 !important;
background-color:#FFFFFF !important;
font-family:arial !important;
font-weight: !important;
font-style: !important;
}
.garping a,.garpinghor a{
color:#000080 !important;
font-family:arial !important;
font-weight: !important;
font-style: !important;
}
.garping a:hover,.garpinghor a:hover{
color:#FF0000 !important;
}
5. Cari kode ini
<b:skin><![CDATA[/*
6. Paste kode yang telah dikopi (warna biru) dikode nomor 5, seperti ini
<b:skin><![CDATA[LETAKAN KODENYA DISINI/*
7. Simpan template anda dan lihat hasilnya....

Semoga tutorial ini bermanfaat dan selamat mencobanya! Good Luck!

Cara Membuat Buku Tamu Tersembunyi di Blog

|| || , || Leave a komentar

Jika blog anda sudah tidak ada ruang untuk menampilkan buku tamu atau anda sudah bosan dengan penampilan buku tamu yang ala kadarnya, maka anda harus coba tutorial berikut ini yaitu membuat buku tamu tersembunyi. Buku tamu tersembunyi yang saya maksud adalah buku tamu yang disembunyikan dibagian samping halaman blog anda, dan akan muncul ketika anda mengklik tombol buku tamu atau sebaliknya akan tutup jika anda mengklik tombolnya kembali. Untuk cara membuatnya sangat mudah ikuti langkahnya dibawah ini:

1. Login ke blogger
2. Masuk ke Rancangan -- Elemen Laman
3. Tambahkan Gadjet lalu pilih HTML/JavaScript
4. Masukan kode berikut ini:
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://1.bp.blogspot.com/-Q5TgNw6u0_M/T7s_czTIedI/AAAAAAAADTM/xTgzEQV5Dfs/s400/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

<!-- Ganti ini dengan kode buku tamu kamu -->

<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di sini:
<a href="http://blogtrikdantips.blogspot.com/2009/09/membuat-buku-tamu-tersembunyi.html">
(Blog Trik dan Tips)
</a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

6. Ganti kode berwarna merah diatas dengan kode buku tamu anda.
7. Simpan gadjet tersebut

Demikian langkah-langkah untuk membuat buku tamu tersembunyi. Selamat mencoba!!!!

Membuat Efek Halaman yang Melengkung (Page Peel)

|| || , || Leave a komentar

Efek peel page adalah efek dimana ujung halaman melengkung ketika cursor mouse berada tepat diatasnya. Efek ini seringkali digunakan untuk menarik perhatian pengunjung mengklik gambar iklan dibalik lekungan halaman. Efek ini juga dapat digunakan untuk berbagai macam tujuan misalnya untuk mengarahkan pengunjung ke sebuah blog atau website.

Efek ini seringkali digunakan untuk mempercantik dan memperindah blog. Ini adalah salah satu efek yang saya sukai dan saya merekomendasikan sobat blogger untuk mencobanya. Jika sobat ingin tau cara membuatnya ikuti langkahnya dibawah ini:

1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Centang pada Expand Template Widget
4. Kopi script dibawah ini dan letakan diatas kode
<b:skin><![CDATA[
<script src='http://blogtrikdantips-blogspot.googlecode.com/files/page_peel.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({width: '307px',height: '319px'}, 500);
} , function() {
$("#pageflip img").stop()
.animate({width: '50px',height: '52px'}, 220);
$(".msg_block").stop()
.animate({width: '50px',height: '50px'}, 200);
});
});
</script>
5. Cari kode ini
]]></b:skin>
6. Letakan kode dibawah ini tepat diatas kode ]]></b:skin>
#pageflip {
position: relative;
}
#pageflip img {
border: none;
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(http://3.bp.blogspot.com/-gdg7o8HCtqA/T547peqhuTI/AAAAAAAADPg/REelXg1UcHM/s220/DSC01465.JPG) no-repeat right top;
text-indent: -9999px;
}
Keterangan:
- Kode berwarna merah adalah gambar latar belakang page peel. Sobat dapat menggantinya dengan gambar yang lain.

7. Letakan kode dibawah ini tepat dibawah kode
<body>
<div id='pageflip'>
<a href='http://blogtrikdantips.blogspot.com/' target='_blank'>
<img alt='' src='http://2.bp.blogspot.com/-Wb14xiN0KPc/T7sJg5sldPI/AAAAAAAADS8/vtmXQM0CMuo/s400/page_peel_image.png'/>
<span class='msg_block'/>
</a>
</div>
Keterangan:
- Kode berwarna biru adalah link yang akan mengarahkan pengunjung ke sebuah halaman (sobat dapat menggantinya)

8. Simpan template sobat dan lihat hasilnya

Selamat mencoba dan semoga berhasil....!

Membuat Floating Header atau Strip Header di Blog

|| || , || Leave a komentar

Pada posting sebelumnya saya telah memberikan trik mengenai cara membuat strip ad footer atau statis footer. Kali ini kita akan melakukan trik sedikit berbeda yaitu membuat strip header atau floating header. Strip header ini akan terlihat seperti navigation bar ala blogger. Apabila anda mengscroll halaman ke bawah maka strip header tersebut akan ikut ke bawah. Pada strip header ini anda dapat memasang pesan, iklan dan lain sebagainya. Tertarik bagaimana cara membuatnya, ikuti triknya dibawah ini:

1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Lalu kopi dan paste kode berikut sebelum kode ]]></b:skin>
/*-- mta bar (blogtrikdantips.blogspot --*/
#mta_bar{background:#000; border-bottom:2px solid #111; z-index:100; top:0; left:0; width:100%; overflow:auto; position:fixed; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px; padding-left:0; padding-right:0; padding-top:7px; padding-bottom:4px;z-index:10000;opacity: 0.9;filter: alpha(opacity: 90);}
* html #mta_bar{position:absolute; /*IE6 hack*/width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px":body.clientWidth+"px")}
#mta_bar .center{float:left; text-align:center; font-family:Verdana,Arial; font-size:13px; font-weight:bold; font-style:normal; color:#FFFFFF; width:65%}
#mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:13px; font-weight:normal; font-style:normal; color:#FFFFFF; width:20%}
#mta_bar .right{font-family:verdana,Arial,Helvetica,sans-serif; float:right; text-align:center; font-weight:normal; font-size:10px; letter-spacing:0; width:30px; white-space:nowrap}
#mta_bar .right a{font-size:10px; color:#FFFFFF; text-decoration:none}
#mta_bar .right a:hover{font-size:10px; color:#80ff00; text-decoration:none}
#left_bar a{background:url('http://1.bp.blogspot.com/-go6gSY549SM/T7r7hZ7fMUI/AAAAAAAADSs/qyppABFiMHI/s400/FaceBook.png') no-repeat; text-decoration:none; color:#FFFFFF; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar a:hover{text-decoration:none; color:#80ff00}
#left_bar2 a{background:url('http://1.bp.blogspot.com/-go6gSY549SM/T7r7hZ7fMUI/AAAAAAAADSs/qyppABFiMHI/s400/FaceBook.png') no-repeat 2px; text-decoration:none; color:#FFFFFF; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar2 a:hover{text-decoration:none; color:#80ff00}
#to_top{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRgMXH-Oh998gqGtXQIv5XDzA94W7xPm2rrIx_wA4yh8GjU0FZz4aWaF29jUZu8k2kzuyaVLU2fJLDBWC2FZSaxmBQEd-C88SGMa2c8H3KGwSEgImpV5z2fhP_lIegh6daPgKdLtfgPQ4/s1600/delete.png) no-repeat scroll 0%; position:absolute; /*this replaces float - fixes thanks to blognya anak bone ofhttp://iananakbone.blogspot.com*/height:18px; width:19px; margin:0 0 0 900px; /*this was updated*/padding:9px 5px}
#anima_sudut2 a:link {
color:#000000;
}
#anima_sudut2 a:visited {
color: #FFFFFF;
text-decoration:none;
}
#anima_sudut2 a:hover {
color: #000000;
}
#to_top a{padding:8px}
a.tip {position:relative}
a.tip span {
display:none;
padding:5px;
z-index:100;
background:#000;
color:#fff;
text-decoration:none;
width:200px; /* lebar tooltip */
height:auto;
-moz-border-radius:2px;
-webkit-border-radius:2px
}
a:hover.tip {
font-size:99%;
cursor:pointer
}
a:hover.tip span {
display:block;
position:absolute;
-moz-opacity:0.7;
opacity:0.7;
top:-40px;
left:auto;
right:-2px;
bottom:auto;
line-height:14px;
font-size:12px;
font-weight:normal;
}
.menu{
border:none;
border:0px;
margin-left:35px;
padding:0px;
font-size:13px;
}
.menu ul{
background:#000000;
height:2px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
padding:0px;
}
.menu li a{
background:#000000;
color:#80ff00;
display:block;
font-weight:normal;
line-height:30px;
margin:0px;
padding:0px 10px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
background: #212121;
color:#80ff00;
text-decoration:none;
}
.menu li ul{
background:#000000;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:180px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
margin:0px;
padding:0px;
width:180px;
}
.menu li:hover li a{
background:none;
}
.menu li ul a{
display:block;
height:30px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
background:#212121 center left no-repeat;
border:0px;
color:#80ff00;
text-decoration:none;
}
.menu p{
clear:left;
}

Keterangan:
- Kode warna merah berfungsi untuk membuat warna kelihatan transparant
- warna ungu adalah alamt url gambar

4. Masukan kode dibawah ini diatas kode </head>
<script src='http://blogtrikdantips-blogspot.googlecode.com/files/strip_ads_header.js' type='text/javascript'/>
5. Letak kode dibawah ini dibawah kode <body>
<div id='mta_bar'>
<div id='left_bar2'>
<span class='left'>
<a href='http://www.facebook.com/blogtrikdantips' target='_blank'>Login to Facebook</a></span></div>
<div id='left_bar'>

<span class='center'><a href='http://www.facebook.com/blogtrikdantips' target='_blank;'>Ayo Gabung Facebook Kami Sekarang !!!</a></span></div>

<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;o-om.com.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://1.bp.blogspot.com/-6gSK0-wxx08/T7r6a23RZ1I/AAAAAAAADSg/IwsfjZEo3-4/s400/delete.png' style='cursor:hand;cursor:pointer;'/></span></div>
6. Hapus kode berwarna merah lalu gantikan dengan url facebook sobat
7. Simpan template sobat

Selamat mencoba...semoga berhasil..!!!