Cara Mudah Cari Backlink Berkualitas

Backlink yang berkualitas?? Sapa yang gak mau?? banyak cara untuk mendapatkan backlink berkualitas entah itu koment di blog berPR tinggi apalagi yang dofollow (Just a Blog ini dofollow dan sangat diizinkan meninggalkan link asal tidak T.E.R.L.A.L.U ^_^) submit ke sosial bookmark, submit ke artikel directories, tukeran link dll. List2 blog dengan backlink berkualitas juga sudah banyak yang posting. Ada cara mudah untuk mendapatkan backlink berkualitas tanpa bersusah2 brosing dengan keyword "backlink berkualitas" dan klik sana klik sini. Cara ini mungkin sobat2 sekalian udah tau yaitu lewat informasi Link di Alexa. Jika sobat mengecek blog sobat lewat Alexa, ada keterangan Sites Linking In dan itu merupakan informasi backlink yang masuk ke blog sobat.

Terus gimana cara mendapatkan informasi backlink yang bagus??

Sobat cukup masukkan aja alamat blog yang menurut sobat populer. Misalnya DheTemplate - Daily Free Blogger Templates, halah... Sobat masukkan alamat DheTemplate di Alexa dan akan terliat di informasi Sites Linking In untuk DheTemplate ada sebanyak 50 (sampe saat ini), lalu klik Sites Linking In tersebut
Dari informasi itu, nanti akan terliat backlink yang masuk ke DheTemplate dari mana saja. Ada 2 keterangan yang menyatakan backlink yang masuk, yaitu :
1. Nama blog, misalnya Technorati: Web Services For Bloggers
2. Alamat URL langsung, misalnya id.answers.yahoo.com/question/index?qid=20100824231509AACFGiH

Dari contoh diatas, emang bener, DheTemplate.com ada tapi ada juga tadi saia cek yang terdapat di Link Alexa tapi DheTempalte.com tidak ada.

So, kumpulin blog2 yang menurut sobat populer, cek di Alexa untuk liat backlinknya, copy dan paste url.nya lalu ikutlah berkoment ria jika itu sebuah blog. Tapi jika itu sebuah forum ato submit directory, gak ada alahnya untuk daftar untuk dapet backlink berkualitas


Pic : webtoolsandtips.com

Modifikasi Facebook Fans Page - Ubah tampilan Facebook Fans Page Anda

Modifikasi Facebook fans page sobat biar lebih menarik. Tampilan facebook fans page dari sananya cuma di beri 2 pilihan yaitu Light dan Dark. Liat aja tampilan Facebook fans page DheTemplate - Daily Updates Free Blogger Templates :


Tentunya kurang menarik, bukan? Bagaimana jika dimodifikasi??

Berikut ini langkah2 memodifikasi tampilan Facebook fans page
1. Cari nomer ID facebook fans page sobat.
Sobat bisa liat di browser. Tampilannya seperti ini : http://www.facebook.com/pages/DheTemplatecom/155560907838878 (perhatikan yang aku tebalin)

2. Copy dan paste kode berikut
<div style="padding:5px 5px 5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxY5RSFtKq4cqdfSW3Fn5bcYMr6JJYPkBQGbTOC-fuU1y1AvSBI09Td-Nx-Yx9beHmO-ldP0xokJQqkNKG-r9Ds92NoMRq5URL1bRY94fwaZLDMWko62qAsgKFQFQz19n-ANHMwRfbzLch/s1600/body.png)repeat;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow:inset 0 0 0px #666;-webkit-box-shadow:inset 0 0 3px #666;box-shadow:inset 0 0 3px #666;"><script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US" type="text/javascript">
</script>
<script type="text/javascript">
FB.init("b9786c0131cf453efe57a93566925d73");
</script>
<fb:fan connections="8" css="http://dl.dropbox.com/u/13718116/CSS/fanboxstyle.css" height="200" logobar="0" profile_id="155560907838878" stream="0" width="260" class=" FB_fan FB_ElementReady"></fb:fan>
<span >Widget by : <a href="http://developers.facebook.com/">Facebook</a> n <a href="http://www.rindastemplates.com/">Miss Rinda</a></span>
</div>

Note :
Warna merah : Ganti dengan background sobat
Warna biru : Jumlah tampilan fans. Sobat bisa atur 5, 8, 10, 15 ato yang lain
Warna hijau : Ubah dengan nomer ID Facebook fans page sobat (liat angka 155560907838878 diatas)
Warna orange : ganti lebar dan tinggi facebook fans page disesuaikan dengan keinginan sobat

Jika sudah, tampilan sobat akan seperti di DheTemplate.com ini


** Sumber trik ini dari postingan Miss Rinda. Makasih Miss Rinda :-)
** Sobat bisa ubah css.nya sesuai dengan keinginan sobat

Kamu Kok Jahat Cihh...

Ketika kamu datang, hati dan jantungku dag dig dug gak karuan terlebih lagi aku pernah dapat hal yang serupa darimu beberapa hari lalu. Dan bener saja, kata2m langsung menusuk jantungku dan membuatku terdiam sesaat. Berpikir jauh dan bertanya2 dalam hati ;
"Ada apa lagi ini?? Apa yang salah lagi dengan diriku?? Apakah aku mennyakitimu (lagi)?? Apakah ada hal yang aku langar dari perjanjian dan syarat2 tertulismu??"

from Gmail no-reply@gmail.com
to atozet18[at]gmail[dot]com
date 2 June 2011 16:56
subject Your account will be blocked
Important mainly because of the people in the conversation.

hide details 16:56 (3 hours ago)

Hello,

Your profile will be blocked in response to a complaint received by the administration 06/01/2011

According to provision 13.3 of Terms, Google may at any time, terminate its Services for account.

You can refute the statement, by following this link:
https://www.googlemail.com/accounts/ServicesLogin/unblock.html?ID=462032572

This complaint has not been rejected for 5 days, your mail account will be blocked.
Complaint ID: 462032572.


Google Team

Setelah sebelumnya aku mendapatkan "teguran" darimu akan TOS Adsense, hari ini aku dapat email dari "Google" yang menyatakan akun Gmailku akan di block karena laporan orang.

Bodohnya aku, tidak cek dengan teliti dan langsung klik aja link yang ada. Ternyata suruh login lagi dan dengan santenya karena kuatir, langsung login lagi !! Saat mulai sadar dan bisa berpikir jernih, aku coba untuk cari tau siapa yang kirim. Apakah dari Google.com asli atokah Google2an??

1. Google Support
Dari keterangan yang aku dapat di link ini, email seperti itu adalah Phising email untuk mencuri akun kita. Dari sini aku langsung ganti paswot

2. Detail email
Lalu aku coba buka Detail email dan bandingkan dengan detail email dari Google asli. Kebetulan malamnya aku dapat email dari Google Webmaster soal fitur Google +1 dan ternyata beda.

Original detail email Google seperti ini :
Return-Path: <3vJDmTQsKCIE1ry-stwjuq3lttlqj.htrfyt4jy6Dlrfnq.htr@scoutcamp.bounces.google.com>
Received-SPF: pass (google.com: domain of 3vJDmTQsKCIE1ry-stwjuq3lttlqj.htrfyt4jy6Dlrfnq.htr@scoutcamp.bounces.google.com designates 10.236.191.202 as permitted sender) client-ip=10.236.191.202;
Authentication-Results: mr.google.com; spf=pass (google.com: domain of 3vJDmTQsKCIE1ry-stwjuq3lttlqj.htrfyt4jy6Dlrfnq.htr@scoutcamp.bounces.google.com designates 10.236.191.202 as permitted sender) smtp.mail=3vJDmTQsKCIE1ry-stwjuq3lttlqj.htrfyt4jy6Dlrfnq.htr@scoutcamp.bounces.google.com; dkim=pass header.i=3vJDmTQsKCIE1ry-stwjuq3lttlqj.htrfyt4jy6Dlrfnq.htr@scoutcamp.bounces.google.com
Received: from mr.google.com ([10.236.191.202])

Dari Google2an :
Received: by 10.205.82.199 with SMTP id ad7mr507835bkc.152.1307008576829;
Thu, 02 Jun 2011 02:56:16 -0700 (PDT)
Return-Path:
Received: from mainserver10.beget.ru (mainserver10.beget.ru [81.222.198.175])
by mx.google.com with ESMTPS id j5si1484068bkt.48.2011.06.02.02.56.16
(version=TLSv1/SSLv3 cipher=OTHER);
Thu, 02 Jun 2011 02:56:16 -0700 (PDT)
Received-SPF: softfail (google.com: domain of transitioning musali@mainserver10.beget.ru does not designate 81.222.198.175 as permitted sender) client-ip=81.222.198.175;
Authentication-Results: mx.google.com; spf=softfail (google.com: domain of transitioning musali@mainserver10.beget.ru does not designate 81.222.198.175 as permitted sender) smtp.mail=musali@mainserver10.beget.ru
Received: from musali by mainserver10.beget.ru with local (Exim 4.72)

** Perhatikan yang tulisan tebal

Mas musali owh.. mas musali. Kamu kok jahat cih... Mau coba2 curi akunku

Untuk sobat yang pernah mendapatkan email sejenis, untuk lebih berhati2 lagi dengan link yang disertakan. Teliti lebih lanjut dulu, jangan seperti aku tadi


Pic : blog.trendmicro.com

** Ihh... lebay dweeehh... (bweeenn... :P)

Menyembunyikan Judul Widget Pada Blog

Tadi saya coba utak-utik template tapi ada yang "sedikit aneh" yang saya temui dan itu tidak seperti biasanya. Ketika saya mau menambahkan element HTML/Javascript, selalu diminta untuk memberikan judul pada widget tersebut (lihat gambar untuk lebih jelas). Hal ini tidak saya temui sebelumnya kemarin2 ketika mau menabahkan elemen baru HTML/JavaScript, tidak "diharuskan" ada judul. Awalnya saya merasa ada yang salah dengan hal tersebut karena yang saya utak-utikadalah template baru yang saya buat. Saya merasa ada yang salah dengan kode pada template saya.



Kemudian saya coba dengan template yang sudah saya buat sebelumnya yaitu Layer Blue template untuk mengecek apakah hal diats juga terjadi pada template lama (sebelum saya tau soal ini) dan ternyata hal tersebut juga berlaku. Dan akhirnya terjawab sudah kebingungan saya akan Judul widget yang harus ada.

Lha terus bagaimana apabila widget yang kita tambahkan tidak harus ada judulnya??

Untuk membuat judul tidak muncul pada widget yang kita tambahkan, sobat cukup menambahkan kode sederhana seperti berikut :

1. Beri judul widget yang akan sobat tambahkan. aya misalkan widget yang ditambahkan adalah HTML/JavaScript dengan judul New Template
2. Masuk ke Design, Edit HTML dan cari widet baru yang sobat tambahkan tadi maka kode widget tersebut akan seperti ini :

<b:widget id='HTML10' locked='false' title='New Templates' type='HTML'/>

Perhatikan yang saya beri warna merah.

3. Lalu tambahkan kode berikut

#HTML10 h2 {
display:none;
}

diatas kode ]]></b:skin>


4. Save

Judul widget HTML10 (dengan judul New Template) tidak akan muncul pada blog sobat.


Contoh diatas adalah contoh untuk widget HTML/JavaScript. Jika sobat menambahkan widget Label, profil atau yang lain, tinggal sesuaikan saja.

Hati-Hati Compress CSS Template

Untuk meningkatkan loading blog, salah satunya dengan compress CSS. Compress CSS adalah hal yang sudah umum dalam dunia blog dan hampir semua blogger melakukannya. Dan dari sekian banyak CSS compressor online, hati2 dengan online CSS compressor dari CSSCompressor.com. Kenapa?? Ini adalah sedikit pengalaman saya ketika compress CSS.

Seperti yang kita tau, tidak semua kode CSS berjalan baik dan mulus di semua browser terutama untuk Internet Explorer. Disini saya menggunakan perbandingan antara Mozilla Firefox dan Internet Explorer 7 karena saya membuat template blog menggunakan Firefox dan hanya pada IE7 tampilan template tersebut "sedikit aneh". Untuk mengakali supaya tampilan template made in ireng_ajah di IE bisa lebih sempurna dan hampir sama dengan tampilan pada Firefox 3.6, saya menggunakan tambahan kode khusus untuk IE7. Contoh :

Misalkan kode CSS untuk bagian sidebar-wrapper seperti ini :

#sidebar-wrapper {
width: 320px;
float: right;
margin: 10px 0 0;
.margin-top:20px; /* IE7 */
}

Ketika template tersebut dibuka dengan Firefox, hasilnya sempurna seperti yang kita inginkan tetapi ketika dibuka dengan IE7, tampilan tersbut tidak sempurna karena ternyata jarak (margin) terlalu dekat dan untuk mengakalinya, ditambahkan kode khusus untuk IE7 yaitu kode yang berwarna merah tersebut.

Kode tersebut berfungsi supaya ketika blog dengan kode template seperti itu dibuka dengan IE7, besarnya margin pada bagian sidebar adalah 20px dan bukan 10px.

Lalu apa hubungannya dengan CSSCompressor.com??

Berikut ini adalah hasil dari compress CSS kode template bagian sidebar diatas menggunakan online CSS compressor dari CSS Compressor dibandingakan dengan dari YaHoo Yui dan CSSDrive

1. CSSCompressor didapat :
#sidebar-wrapper{width:320px;float:right;margin:20px 0 0}

2. YaHoo Yui didapat :
#sidebar-wrapper{width:320px;float:right;margin:10px 0 0;.margin-top:20px;}

3. CSSDrive didapat :
#sidebar-wrapper{ width:320px; float:right; margin:10px 0 0; .margin-top:20px; /* IE7 */}

Tampak untuk hasil dari CSSCompressor.com pada bagian margin menjadi margin:20px 0 0 dimana kode margin 20px 0 0 adalah kode margin bagian atas untuk IE dan jika hasil compress tersebut diaplikasikan pada template, maka tampilan blog pada Firefox akan berubah karena kode asli untuk margin: 10px 0 0;

Untuk hasil dari YaHoo Yui dan CSSDrive sendiri tidak masalah. Kode untuk Firefox dan IE masih utuh. Yang membedakan adalah ratio compress saja.

Selama ini saya sering compress CSS menggunakan CSSCompressor karena ratio hasil compress-nya paling besar, hehehehehe.. Dan untuk mengakalinya, saya edit pada bagian kode yang terdapat kode untuk IE.

Bagaimana dengan sobat sendiri?? Tiap blogger punya favorit tool sendiri untuk compress CSS templatenya tetapi jika sobat mengalami kasus seperti diatas dimana yang tadinya sebelum di compress tampilan blog sempurna baik itu di Firefox dan IE tetapi malah "jepat" setelah kode CSS di compress, bisa jadi penyebabnya seperti diatas.


Note : Setingan compress standar dan bawaan langsung dari css compressor online

Pic : http://www.anythingleft-handed.co.uk/media.html

Mengatur Kode CSS Dan JavaScript Untuk Mempercepat Loading Blog

Banyak cara untuk mempercepat loading blog. Pada postingan saya sebelumnya tentang mempercepat loading blog dengan menggunakan eksternal link kode CSS, sekarang bagaimana mempercepat loading blog dengan mengatur tampilan kode CSS dan JavaScript. Sebelumnya, saya berharap sobat membaca postingan jenis dan fungsi kode untuk mengatur tampilan widget blog karena berkaitan dengan postingan ini.

Secara umum, susunan kode template blog seperti berikut :

<b:skin><![CDATA[/*

CSS code

]]></b:skin>

</head>

Kode HTML

</body>
</html>


Untuk mempercantik blog, kemudian ditambahkan widget baru. Saya contohkan misalnya sobat ingin menambahkan widget Feature Content image slideshow.

Biasanya kode Feature Content tersebut terdiri dari 2 kode yaitu kode CSS dan kode JavaScript.
Untuk kode CSS, penempatan kodenya diatas kode

]]></b:skin>

dan untuk kode JavaScript biasanya ditempatkan di bawah kode

]]></b:skin> alias diatas kode

</head>


Struktur kode HTML untuk Feature Content biasanya seperti berikut :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='feature-content'>
<b:section class='feature' id='feature' preferred='yes'>
<b:widget id='HTML30' locked='false' title='Feature Content='HTML'/>
</b:section>
</div>
</b:if>

* Perhatikan yang berwarna merah
* Saya menggunakan kode <b:if cond='data:blog.pageType != &quot;item&quot;'> sebagai contoh salah satu kode untuk menampilkan widget blog hanya pada main post dan label post saja. Beberapa widget Feature Content yang saya temui di template2 modifikasi menggunakan kode <b:if cond='data:blog.pageType == &quot;index&quot;'>. Untuk jenis dan fungsi kode yang lain bisa diliat pada postingan saya yang ini


Widget Feature Content sendiri biasanya hanya muncul pada main post dan label post saja dan akan hilang pada single post tetapi jika sobat melihat dari View Page Source (pada single post) kode CSS dan JavaScript Feature Content tersebut masih akan terlihat dan ini akan dianggap sebagai kode yang tetap ada didalam template blog. Bukankah itu akan mempengaruhi berat dan loading blog?? Terlebih lagi jika kode CSS dan JavaScript (terutama kode JavaScript) Feature Content tersebut besar.

Untuk mengakalinya, sobat bisa menggunakan trik sederhana ini.

1. Kode CSS.
Seperti yang saya tulis diatas, kode CSS Feature Content biasanya diletakkan diatas kode

]]></b:skin>

Sekarang, pindahkan kode tersebut menjadi dibawah kode

]]></b:skin>

dengan susunan kode seperti berikut :

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

Kode CSS Feature Content disini

</b:if>
</style>

2. Kode JavaScript
Untuk kode JavaScript, tambahkan kode yang berwarna merah pada kode JavaScript tersebut sehingga susunannya akan seperti berikut :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script src='URL-JAVASCRIPT-CODE' type='text/javascript'/>
</b:if>

Save.

Sekarang sobat baca salah satu postingan sobat (single post) dan liat dari View Page Source. Kode CSS dan JavaScript untuk Feature Content tidak akan terbaca dan itu berarti mengurangi berat blog yang tentunya juga berpengaruh pada loading blog sobat.


Note :
- Perhatikan yang berwarna merah.
- Penggunaan kode <b:if cond='data:blog.pageType != &quot;item&quot;'> antara kode CSS, kode JavaScript dan untuk kode HTML harus sama.


Cara ini juga bisa digunakan untuk kode Auto Readmore. Auto Readmore biasanya juga hanya tampil pada main post dan label post saja. Jadi, tinggal tambahkan kode yang berwarna merah dibawah ini sehingga menjadi menjadi

<b:if cond='data:blog.pageType != &quot;item&quot;'>

Kode Auto Readmore

</b:if>


Untuk widget yang lain pun juga bisa. Yang penting dalam penggunaan cara ini adalah tau jenis dan fungsi kode untuk mengatur tampilan widget blog. Disamping itu juga, ada kode ato widget blog yang tadinya muncul tapi kemudian menghilang atau dari menghilang, kemudian baru muncul.

Semoga bermanfaat.

Jenis dan Fungsi Kode Untuk Mengatur Tampilan Widget Blog

Jika sobat melihat template Face Off Magajah, tampak ada beberapa widget yang muncul dan menghilang. Template tersebut menggunakan kode untuk mengatur tampilan widget blog supaya bisa muncul dan menghilang baik itu pada main post, label post maupun pada single post. Berikut ini beberapa jenis kode dan fungsinya untuk mengatur tampilan widget blog muncul dan menghilang.

1. <b:if cond='data:blog.url == data:blog.homepageUrl'>
Kode ini berfungsi untuk menampilkan widget blog hanya pada main post saja alias akan menghilang ketika sobat mengklik Label Post atau membaca postingan secara keseluruhan.
Untuk contoh penggunaan kode ini, klik disini. Header pada contoh blog tersebut akan menghilang dan berganti header lain ketika sobat mengklik label post atau membaca postingan secara keseluruhan (single post)

2. <b:if cond='data:blog.url != data:blog.homepageUrl'>
Kode ini berfungsi untuk menampilkan widget blog pada label post dan single post (membaca postingan secara keseluruhan).
Untuk contoh klik disini pada tampilan label post dan disini untuk tampilan single post

3. <b:if cond='data:blog.pageType != &quot;item&quot;'>
Kode ini berfungsi untuk menampilkan widget blog pada main post dan label post dan akan menghilang ketika membaca postingan secara keseluruhan (single post).
Untuk contoh penggunaan kode ini bisa diliat disini untuk tampilan main post dan disini untuk tampilan label post.

4. <b:if cond='data:blog.pageType == &quot;item&quot;'>
Kode ini berfungsi untuk menampilkan widget blog hanya pada single post saja alias ketika sobat membaca postingan secara keseluruhan dan tidak akan muncul pada main post atau label post.
Penggunaan kode ini dapat sobat liat pada blog ini dibagian Footer. Kolom footer di blog ini baru muncul apabila sobat membaca seluruh postingan.

5. <b:if cond='data:blog.pageType == &quot;index&quot;'>
Fungsi kode ini sama dengan fungsi kode pada nomer 3.

Perbedaan fungsi kode nomer 1 dan nomer 5 (= nomer 3) pernah saya posting dipostingan ini.

Penerapan kode2 diatas bisa dilakukan dengan 2 cara.
1. Langsung pada widget tersebut.
Cara ini langsung pada widget masing2 yang hendak diatur tampilannya. Misalkan sobat mau menambahkan widget HTML/Javascript dibagian sidebar. Jika sudah, jangan lupa untuk centang Expand Widget Templates.

Kode widget HTML/Javascript aslinya akan tampak seperti ini.

<b:widget id='HTML30' locked='false' title='Link Sobat' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

* Perhatikan yang saya kasih warna merah

Kemudian, sobat ingin menambahkan kode nomer 4. Sobat harus mengedit kodenya menjadi seperti berikut ini.

<b:widget id='HTML30' locked='false' title='Link Sobat' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h2 class='title'><data:title/></h2>

<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

* Perhatikan yang saya kasih warna merah.

Kelebihan cara ini adalah tampilan widget tersebut akan tetep muncul di layout (page element) sehingga memudahkan ketika kita mau menambahkan widget yang lain dibagian sidebar tersebut tetapi cara ini terbilang susah untuk widget selain HTML/Javascript seperti Profil karena kode tambahan tersebut gak tau (saya belum tau) harus diletakkan/disisipkan dimana.

2. Semua widget/kelompok
Untuk lebih jelasnya, perhatikan contoh berikut ini. Saya misalkan pada bagian Sidebar.

Kode2 widget pada sidebar tanpa klik Expand Widget Templates akan tampak seperti ini (saya menggunakan kode nomer 4 sebagai contoh) :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML81' locked='false' title='' type='HTML'/>
<b:widget id='HTML33' locked='false' title='Search This Blog' type='HTML'/>
<b:widget id='HTML63' locked='false' title='My Service' type='HTML'/>
</b:section>
</div>
</b:if>

* Perhatikan warna merah. Komposisi cara 2 ini harus dimulai dengan kode diatas dan diakhiri dengan kode </b:if>.

Umumnya cara yang ini sering dipakai untuk kode nomer 1, 3, dan 5 karena tampilan sidebar masih akan nampak pada layout (Page ELement). Jika sobat menggunakan cara ini untuk kode nomer 2 dan 4, maka tampilan sidebar sobat tidak akan muncul di Page Element seperti pada template Face Off Magajah. Tapi cara ini mempunyai kelebihan karena widget yang bisa diatur tampilannya tidak terbatas pada widget HTML/Javascript saja yang sudah umum. Untuk widget2 lainpun seperti Label, Profil, termasuk juga header dan main-wrap (widget postingan) dll bisa langsung diterapkan tanpa perlu pusing2 harus ditaruh dimana kode2 diatas didalam widget tersebut.

Menemukan Kembali Widget Blog yang Hilang

Seorang blogger tanpa ganti2 template kayanya kurang afdol, haiah.. Termasuk saya, hehehehe.. Gak tau udah berapa kali saya mengganti template Just a Blog ini. Gak ketinggalan pula, ketika mengganti template dengan yang baru, widget ato kode2 yang nempel di template lama lupa gak di simpen dulu padahal template yang baru udah nempel permanen di blog. Lha terus gimana?? Apa bisa mencari widget yang hilang tersebut?? Bisa, yaitu dengan memanfaatkan fungsi yang pada mbah Google yaitu Tembolok.

Kejadian widget yang belum aku simpen ketika ganti template baru pernah saya alami. Daripada login satu persatu untuk mendapatkan widget tersebut, saya memanfaatkan fungsi tembolok pada mbah Google. Fungsi tembolok sendiri jika saya artikan adalah sebagai media penyimpanan data atas semua yang beredar di internet dalam waktu tertentu. Kenapa saya katakan dalam waktu tertentu?? Karena data tersebut mengikuti perubahan yang terjadi pada blog atau web kita. (bener gak ya artinya..??)

Kembali ke masalah menemukan kembali widget blog yang hilang karena ganti template

Berikut ini adalah screenshot template saya yang lama, sebelum saya menggunakan template ini memanfaatkan fungsi tembolok pada mbah Google untuk menemukan kembali widget blog saya yang lupa tidak saya simpen ketika ganti template ini.

Tampak keterangan : Gambar ini adalah jepretan laman seperti yang ditampilkan pada tanggal 28 Des 2009 00:52:46 GMT.

Pada tampilan dengan menggunakan tembolok tersebut, sobat bisa menemukan kembali widget ato kode blog yang hilang dengan cara View Page Source dan tinggal cari aja dibagian mana kode ato widget yang hilang tersebut karena pada tampilan tersebut, kode2 ataopun data widget (data blog) masih sama seperti ketika belum mengganti template seperti pada keterangan diatas.

Google Site Sebagai Web File Hosting

Postingan saya ini berkaitan dengan postingan sebelumnya yaitu mempercepat loading blog dengan cara yang mudah dimana sobat Iskandaria menanyakan tentang Google Site sebagai file hosting.

Saya asumsikan kalo sobat mempunyai akun Gmail karena untuk mendaftar Google Site harus mempunyai akun Gmail dulu. Masalahnya, sekarang kalo mau membuat akun Gmail baru susah karena harus mengirim nomor telp sobat untuk mendapatkan kode verifikasi yang akan dikirim lewat sms ke nomor telp sobat tersebut (saya katakan susah karena saya belum pernah berhasil dengan cara yang baru ini. Berulang kali saya masukkan nomer telp saya untuk mendapatkan sms kode verifikasi tetapi sms dari Gmail yang berisi kode verifikasi yang saya harapkan gak pernah datang, hikss..hikss..) tapi untungnya kemarin2 saya sudah punya 3 akun Gmail, hehehehehe... (ada yang lebih dari 3 akun Gmailnya??)

Berikut ini langkah2 menjadikan Google Site sebagai tempat file hosting. Saya menggunakan akun Gmail saya yang lain dalam hal ini.

1. Jika sobat belum pernah masuk ke Google Site dengan akun Gmail sobat, maka akan muncul tampilan seperti berikut :

klik gambar untuk memperbesar

Sobat tinggal masukkan saja password akun Gmail sobat.

2. Muncul tampilan baru. Klik Create Site

3. Akan muncul tampilan baru. Pilih Blank Template (pilih template yang lain juga tidak masalah tapi kalo saya Blank template karena hanya untuk menyimpan file2 saja) dan isi kolom Name your site sesuai keinginan sobat

4. Jika sudah, muncul tampilan baru lagi dan klik Create Page. Create Page ini seperti Label pada postingan blog. Sobat bisa buat Page baru (lagi) untuk mengelompokkan jenis2 file yang sama.
Misalkan Create Page-nya dengan nama Template

5. Jika sudah akan muncul tampilan seperti berikut


In adalah tampilan utama untuk mengupload file dan sebagai gudang filenya. Misalnya, sobat pengen mengupload file css blog sobat, sobat klik saja Attachment dan browse dimana file file css tersebut disimpan dikomputer sobat.

File yang terupload ke Google Site akan mempunyai 2 link, yaitu Remove dan Download. Untuk menggunakan file css tersebut di blog sobat, tinggal kopi saja linknya yang ada pada file tersebut dengan cara klik kanan pada link Remove ato Download. Link filenya akan seperti dibawah ini

http://sites.google.com/site/irengajah/template/testing.css?attredirects=0&d=1

Untuk menggunakan, hapus saja tulisan yang berwarna merah seperti contoh diatas sehingga cukup seperti in saja yang dipakai

http://sites.google.com/site/irengajah/template/testing.css

Ada yang ketinggalan tentang cara untuk mempercepat loading blog. Jika blog sobat menggunakan file css atau file javascript untuk widget blog sobat dimana file tersebut ditempatkan dibawah kode ]]></b:skin>, misalnya untuk widget related post, tabview, slider image atau yang lain, usahakan file2 tersebut berada dalam satu alamat web file hosting yang sama. Kenapa?? Karena dengan file hosting yang berbeda, bisa jadi alamat server file hosting tersebut juga berbeda dan jika koneksi salah satunya sedang bermasalah, tentunya juga akan menggangu loading blog kita. So, akan lebih baik jika file2 tersebut berasa dalam 1 alamat.

Disamping itu juga, jika suatu widget mempunyai beberapa kode file, misal slideshow1.js, slideshow2.js, ada baiknya file2 tersebut digabung menjadi 1, misalnya menjadi slideshow.js


Note :
- Ada penurunan ukuran blog lagi setelah saya menggabungkan file javascript untuk menu accordion jika dibandingkan hasil pada postingan mempercepat loading blog padahal sudah ada tambahan 5 postingan

- Link diatas juga berlaku untuk file2 yang ingin sobat bagi ke orang lain untuk di download. Tinggal masukkan saja linknya pada file yang akan dibagikan.

- Google Site juga bisa digunakan sebagai sarana ngeblog juga seperti Blogger atau WordPress tapi saya belum pernah mencobanya

- Google Site buat saya sendiri lebih handal terutama dalam hal koneksi servernya jika dibandingkan file hosting yang lain karena tau sendiri, Mbah Google yang punya gitu loh..

Mempercepat Loading Blog

"Sebuah cara yang mudah untuk mempercepat loading blog dengan hanya memindah penempatan suatu file tetapi cara ini mempunyai efek yang cukup signifikan untuk meningkatkan loading blog"

Blog yang berat bisa membuat tidak nyaman pengunjung yang datang. Banyak cara yang bisa dilakukan untuk mempercepat. Jika sebuah web ato menggunakan WordPress, bisa saya katakan lebih mudah mengaplikasikan trik-trik mempercepat loading blog. Akan tetapi saya pribadi menggunakan Blogpost yang gratisan sebagai media untuk ngeblog. Kebanyakan postingan yang membahas mempercepat loading blog khususnya untuk Blogpsot yang saya temui berkutat pada masalah seperti :
1. compress file css, javascript
2. penggunaan widget2 yang tidak perlu lebih baik tidak usah dipakai
3. script2 pemutar musik, animasi, flash/multimedia
4. penggunaan image/banner

Ada hal yang kurang dan menurut saya, hal tersebut penting karena sangat bermanfaat dan efeknya dalam mempercepat loading blog termasuk signifikan. Jika sobat lihat kode blog ini lewat view page code, akan tampak bahwa diatas kode ]]></b:skin> tidak ada deretan susunan file css template ini. Kenapa?? karena file css template ini sudah saya ganti menjadi sebuah linknya saja dimana file css tersebut saya upload ke Google Site dan saya hanya mengkopi link file tersebut dan menaruhnya bersama kode javascript seperti pada gambar dibawah ini.

Perhatikan yang saya garis bawah merah (klik gambar untuk memperbesar)

Awalnya saya mencoba setelah melihat demo2 WordPress theme yang hanya mencantumkan link file css. Terus saya coba untuk mengaplikasikan ke blog ini. Kemudian iseng ngetes kecepatan loading blog saya menggunakan tool dari seocentro, dan hasilnya ternyata bagus untuk blog saya alias berat blog berkurang. Saya coba untuk blog saya yang lain, Blogger Template by ireng_ajah juga sama. Ada pengurangan berat yang cukup signifikan dengan cara tersebut.

Berikut ini hasil perbandingan sesudah dan sebelum menggunakan cara tersebut pada Just a Blog dan Blogger Template by ireng_ajah.

1. Just a Blog

Screenshot loading blog Just a Blog dengan file css diatas kode ]]></b:skin>

Screenshot loading blog Just a Blog dengan file css yang diambil hanya linknya saja.

2. Blog Tree Blogger Template

Screenshot loading blog Free Blogger Template dengan file css diatas ]]></b:skin>

Screenshot loading blog Free Blogger Template dengan file css yang diambil hanya linknya saja.

Perhatikan yang saya garis bawah merah (klik gambar untuk memperbesar)

Just a Blog yang awalnya 99847 bytes menjadi 93366 bytes (berkurang 6000an bytes)

Blogger template by ireng_ajah yang awalnya 61747 bytes menjadi 53911 bytes (berkurang 7000an bytes)

Suatu penurunan berat blog yang cukup signifikan, bukan??


Bagaimana caranya??

Cukup cut dan paste file css blog sobat ke Notepad. Jangan lupa filenya di simpan dalam bentuk .css. Kalo sudah, upload dan kopi url file css tersebut. Perlu diperhatikan juga web file hostingnya cari yang sudah terbukti akan hal koneksi. Jangan sampai ketika dikunjungi malah tidak bisa mengakses blog gara2 koneksi web file hostingnya tidak stabil, apalagi sering macet. Kalo saya memakai fasilitas dari Google Site untuk segala urusan upload file2 saya.

Jika sudah, letakkan url file css tersebut di bawah kode ]]></b:skin>
dengan susunannya seperti ini :

<link href='URL-FILE-CSS' rel='stylesheet' type='text/css'/>

Repotnya jika memakai cara diatas adalah ketika mau edit2 blog karena harus buka dulu file cssnya dan upload lagi tapi saya pikir gak terlalu jadi masalah karena ngedit2 blog juga gak tiap hari ini, hehehehehhee...

(emang tiapa hari apa yang mau di edit reng..??)

Selain trik diatas, hal sepele tetapi bermanfaat dalam meningkatkan loading blog yaitu dalam hal penulisan link alamat web/blog. Diusahakan untuk setiap link alamat web/blog yang ada di blog sobat untuk memakai tanda "/" (tanpa tanda kutip) alias garis miring pada akhir link alamat web/blog tersebut. Misalnya

http://blogcenti.blogspot.com/

Tanda "/" pada akhir alamat itu sebagai identitas untuk web server bahwa link tersebut langsung menuju kesasar alamat tersebut. Biasanya link2 tersebut menjadi link pada menu blog atau link blog lain yang tukeran link.

Untuk trik dan tips meningkatkan loading blog yang lain, bisa mengunjungi alamat ini dimana salah satunya seperti trik diatas.


Tapi kecepatan loading blog seringkali terbentur akan tampilan blog. Kadang untuk mengejar tampilan blog yang bagus, indah, tidak lagi peduli akan kecepatan blog. Selera tiap blogger emang berbeda tetapi jika kecepatan dan keindahan blog berjalan beriringan, bukankah itu sesuatu yang lebih baik??


Update tanggal 17-01-2010

Ada yang ketinggalan tentang cara untuk mempercepat loading blog. Jika blog sobat menggunakan file css atau file javascript untuk widget blog sobat dimana file tersebut ditempatkan dibawah kode ]]></b:skin>, misalnya untuk widget related post, tabview, slider image atau yang lain, usahakan file2 tersebut berada dalam satu alamat web file hosting yang sama. Kenapa?? Karena dengan file hosting yang berbeda, bisa jadi alamat server file hosting tersebut juga berbeda dan jika koneksi salah satunya sedang bermasalah, tentunya juga akan menggangu loading blog kita. So, akan lebih baik jika file2 tersebut berasa dalam 1 alamat.

Disamping itu juga, jika suatu widget mempunyai beberapa kode file, misal slideshow1.js, slideshow2.js, ada baiknya file2 tersebut digabung menjadi 1, misalnya menjadi slideshow.js

Ada penurunan ukuran blog lagi setelah saya menggabungkan file javascript untuk menu accordion jika dibandingkan hasil pada postingan mempercepat loading blog padahal sudah ada tambahan 5 postingan


Update tanggal 23-01-2010

Apabila template blog sobat masih menggunakan Variable Definitions untuk file css-nya, maka trik ini tidak akan berfungsi. Untuk keterangan lebih lanjut soal Variable Definitions, ada pada postingan ini


Update 28-03-2010

Just a Blog dan Free Blogger Template Ajah sebagai contoh diatas sudah ganti template lagi tetapi masih menggunakan cara diatas


Note :
- Sudah susah2 ngutak-ngutik blog supaya kecepatan blog lebih baik tetapi jika kecepatan akses yang akses blog kita termasuk lemot, jangan salahkan yang punya blog lho.. hehehehehehehe...

- Gambar di atas diambil sebelum postingan ini (ya iyalah.. piye tho kowe ki reng..??)

Cek Kolom Komentar Dengan Tes Komentar

Membuat template itu sebisa mungkin bisa berfungsi dengan baik di semua browser yang umum digunakan, baik itu pake Mozilla Firefox, Google Chrome, Internet Explorer, Opera maupun Safari (5 browser ini yang biasa saya gunakan untuk mengecek kevalidan dari template yang saya buat).

Disamping itu juga, ukuran template juga harus sesuai ketika template tersebut digunakan.
Salah 1 untuk mengecek ukuran template pada kolom komentar yaitu dengan melakukan tes komentar pada tempate tersebut. Ukuran tinggi kolom komentar pada template2 bawaan blogger adalah 410px.

Sebelum saya posting ini, saya coba cek template buatan saya untuk testing komentar. Saya login Blog make Mozilla Firefox. Template yang jadi bahan tes untuk komentar adalah Template Petak Umpet. Ukuran kolom komentar sudah saya edit n ganti menjadi 250px dengan settingan komentar yaitu Embedded below post dan Show word verification for comments? adalah Yes. Sebagai admin (dalam posisi login), tes komentar pada tempate berjalan baik dan tidak ada hambatan baik itu ketika komentar dengan akun Blog maupun Name/URL bahkan Anonymous. Postingan komentar juga langsung terpublish saat itu juga dan tanpa verifikasi kode dulu.

Kemudian saya coba pake browser Google Chrome dan melakukan tes komentar lagi pada template yang sama, yaitu Template Petak Umpet memakai Name/URL. Apa yang terjadi?? Kolom komentar menjadi seperti dibawah ini. Ada kode verifikasi dan yang "lebih aneh" buatku tampak kolom komentar mempunyai scroll. (untuk IE juga sama)

Screenshot 1. Kolom komentar ukuran 250px

Lalu saya kembali ke Mozilla dan saya ganti ukuran tinggi komentar dari 250px ke 400px dan hasilnya seperti ini ketika saya coba komentar dalam posisi tidak login pake browser Google Chrome

Screenshot 2. Kolom komentar ukuran 400px

Sebenarnya gak masalah juga jika tampilan kolom komentar seperti pada screenshot 1 karena selera tiap blogger berbeda. Disamping itu, dengan screenshot 1, juga bisa mengirit tempat pada template seperti pada gambar di bawah ini.

Screenshot 3. Tampilan awal komentar ukuran 250px

Screenshot 3. Tampilan awal komentar ukuran 400px

Tetapi jika Blogger yang bersangkutan adalah blogger yang suka dengan tampilan "bersih" tanpa ada scroll, bisa tidak merasa nyaman untuk dirinya dan juga untuk pengunjung yang akan memberi komentar di blognya

Kejadian seperti diatas hanya terjadi jika settingan komentar di setting berada di bawah postingan dan ada verifikasi kode kalo mau kasih komentar.

Jika sobat telanjur memilih dan suka settingan komentar berada dibawah postingan dengan verifikasi kode dulu tetapi tidak ingin tampilannya seperti pada screenshot 1, sobat tinggal ganti ukuran tinggi komentar menjadi 400px. Caranya :

- Masuk ke Layout, trus edit HTML.
- Jangan lupa centang Expand Widget Templates
- Cari kode di bawah ini

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

- Ganti ukuran yang berwarna merah sesuai keinginan sobat.
- Simpan

Cara ini juga bisa untuk mengatasi kolom komentar dimana harus pencet TAB pada keyboard untuk masuk ke button Poskan Komentar

* Ukuran tinggi 400 adalah ukuran minimal komentar tidak mempunyai scroll dengan browser Firefox. IE maupun Chrome. (saya coba pake 380, Firefox dan Chrome beres tapi IE tidak)

Merubah tampilan hp

Hmm.. Tampilan hp pada gambar diatas lebih keren ato malah norak?? Itu adalah tampilan hp dipadu dengan kaleng softdrink bekas. Gak sengaja aku dapet dari hp orang, halah.. yang kebetulan dibuat tampilannya seperti itu. Cara buatnya (bagi yang mau buat..halah...) cukup mudah. Bahan2 yang diperlukan yaitu, kaleng softdrink bekas, selotip, stereofoam, gunting/cutter dan hp tentuya.

Langkah2nya :

1. buat lobang pada kaleng softdrink bekas dengan ukuran sesuai dengan ukuran hp.

2. pada bagian bawah hp, atas dan bawah atau ditengah, tempelkan stereofoam dengan selotip. Tebalnya stereofoam disesuaikan dengan posisi hp pada kaleng supaya sama dengan permukaan kaleng. Hal ini untuk mencegah hp jeblos ketika keypad di pencet.

3. Jika sudah, rekatkan hp dengan kaleng pada bagian pinggir2nya dan atas dan bawah dengan selotip kira2 sampai kuat merekat.

Biar lebih rame, bisa ditambah tempelan stiker pada kaleng dan gantungan seperti pada gambar.

Thank buat adikku Yuli sebagai sumber postingan

Meningkatkan Trafik Page View Blog 3x Lipat

Membuat blog yang berkualitas gak lepas dari konten atau isi blog yaitu artikel postingan. Postingan yang bermanfaat bagi orang lain atau mengundang ketertarikan orang untuk membacanya biasanya blognya selalu ramai. Tentu saja ini berpengaruh pada trafik page view blog. Tetapi hal seperti ini bisa aku katakan "biasa" saja jika page view besar karena postingan yang bagus dan berkualitas. Kenapa aku sebut "biasa" saja?? Wajar, orang mencari sesuatu karena itu bermanfaat, karena itu menarik perhatiannya. Dan sangat wajar jika orang yang mempunyai blog dengan postingan yang bermanfaat atau itu menarik perhatian orang untuk membacanya mempunyai page view yang besar.

Bagaimana jika kita gak bisa membuat konten yang sekiranya bermanfaat atau mengundang rasa ketertarikan orang lain untuk membacanya?? (postingan yang biasa2 ajah seperti Just a Blog). Wahh..kayanya bakalan sulit untuk mendapatkan pengunjung maupun page view yang besar. Tapi gak usah berkecil hati. Blog itu gak cuma soal postingan saja tetapi juga soal cara mengatur tampilan/layout blog dan dengan mengatur layout blog yang bagus dan efektif, kita bisa meningkatkan page view blog, bahkan 3x lipat walaupun blog kita termasuk blog yang sepi pengunjung. Yupp..menghack layout untuk meningkatkan trafik page view, hohohohohohooo...

Sebelum aku teruskan bagaimana membuat itu menjadi mungkin, aku minta sobat untuk melihat contoh blog ini dulu.

Yupp..apa yang bisa sobat tangkap dari tampilan awal blog tersebut?? Cuma ada Tag Cloud, Twitter, Subcribe Post dkk, iklan Adsense dan kolom Search. (tampilan Home ini aku sebut 1 halaman)

Setelah itu coba sobat klik salah satu kategori pada Tag Cloud, misal Free Money. Hampir sama dengan tampilan awal, cuma bedanya Tag Cloud hilang dan yang muncul adalah postingan pada kategori Free Money. (aku sebut 1 halaman lagi)

Sekarang coba sobat klik salah 1 judul dari kategori tersebut, misal "Setup Domain CO.CC for Adsense Domain Parking". Beberapa widget muncul, seperti Tag Cloud, recent post dan popular post. (aku sebut 1 halaman lagi)

Apa yang terjadi?? secara tidak langsung, 1 orang pengunjung telah mengklik 3x halaman blog sobat. Mulai dari URL blog sobat (Home), terus kategori postingan dan kemudian judul postingan (baca postingan secara keseluruhan)

Yupp..dengan menata layout blog, kita bisa mendapatkan page view 3x lipat (dengan catatan, sama seperti dengan keterangan diatas urutannya). So, page view gede gak cuma milik para blogger dengan postingan yang bermanfaat n bagus aja, halah...

Secara tidak langsung itu adalah kelebihan menata layout blog seperti itu tetapi ada kelemahan disini. Biasanya orang membaca suatu postingan apabila postingan tersebut menurut dia berguna atau menarik. Berhubung pada contoh blog tersebut yang nongol cuma judul postingan saja, maka kita harus memaksimalkan judul postingan yang kira2 bisa membuat orang tertarik untuk membacanya. Penasaran akan isinya apa gitu lah..hehehehee...

Yaa..seperti yang kita tau, sebuah postingan (isi) mempunyai pengaruh yg kuat untuk membuat orang mau membaca atau tidak. Jika sekilas (aku asumsikan pake fungsi Readmore) kita sudah bisa menangkap maksud dari postingan tersebut, kebanyakan enggan untuk melanjutkan membacanya (aku termasuk, wkakakkakakaka...). Jika hanya dengan judul postingan saja, setidaknya akan membuat orang penasaran akan isi postingan tersebut dan secara tidak langsung akhirnya membuka halam postingan tersebut (pengennya..).

Yupp..itulah hack layout untuk meingkatkan page view yang gak bermutu ala ireng_ajah, hohohohohooo..

Note :
- Menggunakan kode cara menghilangkan widget dan memunculkan widget.

Cara Memblok Alamat Email Pada YahooMail

Jika dipostingan kemarin tentang cara memblok alamat email di Gmail, gak lengkap kayanya kalo gak sekalian tentang cara memblok alamat email di Yahoomail. Yupp..Gmail dan Yahoomail merupakan 2 tempat yang popular yang sering dijadikan untuk membuat alamat email.

Disini, akun Yahoomailku merupakan Yahoomail versi lama tapi aku kira untuk settingnya sama dengan yang versi baru/versi sekarang.

Untuk memblok alamat email di Yahoomail, tergolong lebih mudah dan bener2 diblok. Beda dengan Gmail, dimana alamat email yang gak dikehendaki, gak diblok secara permanen tetapi hanya diarahkan sebagai Spam atau langsung masuk ke Recycle bin.

Bagaimana cara memblok alamat email di Yahoomail??

1. login ke Yahoomail sobat

2. Pilih menu Option dan klik Mail Option

3. Pilih Spam

4. Pada kategori Blocked Email Addresses, ketikkan alamat email yang ingin diblok, terus Add.



5. Selesai dan alamat email yang gak dikehendaki sudah diblok.

Yahoomail memberikan kapasitas alamat email ayng bisa diblok sampai 500. Lumayan lah..hehehhe..

Cara Memblok Alamat Email Pada Gmail

Ada kalanya kita jumpai email-email yang masuk ke email kita tidak kita inginkan karena dari seseorang, organisani, perusahaan, dll yang isinya gak jelas. Ada kalanya juga email-email yang masuk terus-menerus dan itu tiap hari, bahkan tiap jam (aku pernah mendapatkan email seperti ini) Ada kalanya juga email yang masuk adalah email notifikasi dari layanan sosial seperti friendster, facebook, yuwie, dll padahal pada pengaturan sudah disetting untuk tidak menerima notifikasi ke email kita jika ada perubahan. Belum lagi tiap hari dapat email spam dengan alamat email yang sama. Tentunya hal ini menyebalkan juga. Bagaimana memblok email2 yang tidak kita inginkan pada Gmail??

1. Login Gmail sobat. Klik pada Setting.

2. Muncul submenu pada Setting dan klik Filter dan klik CREAT NEW FILTER

3. Isikan pada kolom FROM/DARI nama alamat email yang ingin sobat blok
Kolom yang laen tidak perlu diisi

4. Jika sudah, klik NEXT/SELANJUTNYA

5. Akan mucul dialog seperti ini



Centang pada DELETE IT. Ini bertujuan alamat email tadi (pada langkah 3) akan langsung masuk ke Recycle Bin.

6. Lalu klik CREAT FILTER

7. Selesai

Alamat email yang tidak sobat kehendaki langsung menuju ke Recycle Bin dehh..dan tinggal mengucapkan, Selamat tinggal..halah...

Langkah2 diatas juga dapat digunakan untuk memfilter alamat email yang masuk (mau diapakan email tersebut) karena gak cuma DELETE IT aja yang ada (lihat pada gambar)

Semoga tips basi ini bermanfaat, hehehehe..

Alamat Email Cadangan

Sekarang ini menggunakan email sebagai media komunikasi dan mengirim suatu file sudah tidak asing lagi. Email juga diperlukan (sebagai syarat) ketika kita mendaftar suatu program di internet, seperti mendaftar Friendster, Facebook, Twitter, program2 mencari uang gratis, dll. Jika sobat adalah seorang yang aktif mendaftar berbagai program2 diinternet, mulai dari program uang gratis, newsletter, mencari pekerjaan, dll jika hanya menggunakan 1 alamat email, tentunya akan banyak email yg masuk tiap harinya, ditambah spam juga seperti kereta gerbongnya 100, halah... Akan makan lebih baek jika mendaftar program2 yang sekiranya hanya untuk syarat aja menggunakan alamat email lain alias memakai alamat email cadangan.

Dari pengalaman aku sendiri dulu ketika mendaftar program2 diinternet, beberapa hari kemudian banyak email2 dan spam masuk ke emailku dan itu tiap hari !! Gak cuma email suatu perusahaan, email2 pribadi juga. Itu belum termasuk email2 dari program2 semacam email marketing. Bener2 repot aku. Mungkin sobat juga pernah mengalami??

Berawal dari pengalaman itu, aku kemudian membuat alamat email cadangan. Jumalahnya ada berapa ya?? Mpe lupa aku..dan biasanya lupa alamtemail dan paswotnya, hehehehehe... Email cadangan ini biasanya aku gunakan untuk mendaftar program2 yang sekiranya menurut gak terlalu penting banget (yang gak penting itu program kaya apa ya??halah...) Disamping itu juga untuk mendaftar newsletter, dll. Dan seperti yang sudah aku ceritakan diatas, langsung aja banyak email2 dan spam yang masuk ke alamat email cadanganku.

Walaupun harus login email cadangan jika merasa "mungkin" ada yang perlu kita cari di alamat email cadangan dan tetep harus menghapus email2 dan spam yang masuk ke alamat email cadangan (gak harus di hapus juga sih..heheheheee...) setidaknya kita agak terbebas dari email2 yang gak berguna dan spam jika kita mendaftar dengan alamat email asli kita.

Ini hanya coretan seorang ireng_ajah

hehehehhee...

Bagaimana Melindungi Komputer Sobat Dari Serangan Conficker Worm

Apa itu Conficker Worm?? Conficker merupakan sebuah worm computer yang muncul di tahun 2008 dengan target penyerangan utamanya adalah System Operasi Microsoft Windows. Conficker Worm secara otomatis menyebarkan dirinya dengan memanfaatkan kelemahan buffer overflow yang terjadi di service komputer windows. Worm ini menggunakan spesial RPC request untuk mengeksekusi code miliknya di komputer target.

Dari newsletter Ehow, apabila komputer sobat terserang Conficker Worm, berikut ini langkah2 untuk mengatasinya :

1. Perbaharui antivirus komputer sobat. Putuskan koneksi internet komputer sobat jika sobat merasa komputer sobat telah terinfeksi Conficker Worm.

2. Nonaktifkan auto-play pada Windows.
Untuk Vista: Start> Control Panel> klik Play dari CD atau media lain secara otomatis> matikan Autoplay untuk semua media dan perangkat. > Klik OK.

Untuk XP: Start> Run Masukkan GPEDIT.MSC> Kotak dialog akan muncul. Pada panel kiri, klik dua kali Computer Configuration> Administrasi Templates> System> Double-klik Turn off Autoplay.

Alasan di balik menonaktifkan autoplay adalah Conficker dapat menyebar melalui USB flash drive yang telah terinfeksi Auto-play drive masih aktif. Menonaktifkan auto-play adalah cara yang baik untuk mengantisipasi terhadap kode yang secara otomatis langsung terakses ke komputer kita.

3. Jika komputer telah terserang Conficker Worm, JANGAN LAKUKAN SYSTEM RESTORE. Seperti kebanyakan malware, Conficker akan hang ketika restore dan beraktivitas kembali ketika melakukan system restore. Manfaatkan juga solusi anti-virus seperti AVG, Avast, atau Malwarebyte Anti-Malware. Sekali lagi, putuskan koneksi internet komputer adalah penting untuk mencegah penyebaran dari Worm. Perangkat Lunak windows Removal Tool juga dapat dijadikan pilihan untuk mendeteksi dan menghapus Conficker Worm.

4. Download Microsoft update patch KB958644 (MS08-067). Ini akan memperbaiki kerentanan keamanan yang dieksploitasi oleh Conficker Worm


**********************************
- Hasil translatenya agak ngawur,hehehehe..
- Aku gak tau ciri2 komputer yg telah terserang Conficker Worm
- Untuk lebih jelasnya, langsung aja ke sumbernya, EHow

Trimaksih untuk : EHow dan http://adam.cikal.net

Cara Posting Kode HTML/Javascript

Gara2 posting cara buat menu accordion style, aku jadi tau gimana caranya posting yang ada kode html/javascript nya. Ternyata harus di parse dulu !!,hehehe..ketinggalan berita aku ini,huhh.. Tadinya aku kira memparse kode html/javascript itu hanya untuk kode iklan2 dari Adsense, Bidvertiser, Adbrite, dll supaya iklan2 itu bisa tampil dibawah judul posting atau dibawah postingan. Gak taunya...

Beberapa alamat yang bisa sobat gunakan untuk memparse kode html/javascript :

- Centricle

- Blogcrowds

- Eblogtemplates

- Accesify

- dll

Sobat tinggal copas aja kode html yang ingin di parse n klik..jadi deh. Sekarang, dengan kode html yg telah diparse, bisa sobat gunakan untuk posting blog sobat.

Membuat Urban Gray Accordion Menu

Menu dengan gaya accordion..apa ya artinya??Aku sendiri gak tau pasti tapi kalo sobat lihat langsung demonya, sobat akan tau. Script ini aku dapat dari Dynamicdrive. Mungkin langsung aja.


1. Masuk ke Tab Add Page Element
2. Pilih Add Gadget
3. Pilik Edit HTML/JavaScript
4. Terus..copy n paste kode di bawah ini
5. Tempatkan Menu Accordion ini mau di bagian mana
6. Simpan
7. Liat hasilnya
8. no 5, 6, dan 7 gak penting,hhehehehe....

Berikut ini adalah kode Urban Gray Accordion Menu :


<!doctype 1.0 strict//en http://www.w3.org/tr/xhtml2/dtd/xhtml1-strict.dtd -//w3c//dtd public html xhtml>


<script src="http://atozet18.googlepages.com/jquery-1.2.6.pack.js" type="text/javascript"></script>

<script src="http://atozet18.googlepages.com/ddaccordion.js" type="text/javascript">

/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>

<script type="text/javascript">

ddaccordion.init({
headerclass: "headerbar", //Shared CSS class name of headers group
contentclass: "submenu", //Shared CSS class name of contents group
revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc] [] denotes no content
onemustopen: true, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
animatespeed: "normal", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})

</script>

<style type="text/css">

.urbangreymenu{
width: 140px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #c1c1c1 url(arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: black;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

</style>



<div class="urbangreymenu">

<h3 class="headerbar">
<a href="httpblogcenti.blogspot.com">Just a Blog</a></h3>
<ul class="submenu">
<li><a href="http=blogcenti.blogspot.com">Berita Basi</a></li>
<li><a href="http=blogcenti.blogspot.com">Cerita hari ini</a></li>
<li><a href="http=blogcenti.blogspot.com">Basa basi</a></li>

</ul>

<h3 class="headerbar">
<a href="http://dhe-gallery.blogspot.com" target="_blank">Template Gallery</a></h3>
<ul class="submenu">
<li><a href="http://dhe-gallery.blogspot.com" target="_blank">Free Blogger Template</a></li>
<li><a href="http://dhe-gallery.blogspot.com" target="_blank">Free WordPress Theme</a></li>
<li><a href="http://dhe-gallery.blogspot.com" target="_blank">Free Site Template</a></li>

</ul>


<h3 class="headerbar">
<a href="http://azthemes.blogspot.com">Premium Template</a></h3>
<ul class="submenu">
<li><a href="http://azthemes.blogspot.com" target="_blank">WordPress Theme</a></li>
<li><a href="http://azthemes.blogspot.com" target="_blank">Site Template</a></li>

</ul>

<h3 class="headerbar">
<a href="http=moneylocker.blogspot.com">Free Money</a></h3>
<ul class="submenu">
<li><a href="http=moneylocker.blogspot.com">Pay per click</a></li>
<li><a href="http=moneylocker.blogspot.com">Pay per sale</a></li>
<li><a href="http=moneylocker.blogspot.com">Pay per lead</a></li>

</ul>
</div>


</!doctype>



Keterangan :
- warna biru : lebar Accordion Menu. Sobat bisa ganti sesuai keinginan sobat
- warna merah : ganti link n judul link dengan link sobat
- sobat bisa sesuaikan sendiri color,background,jenis font,ukuran font dll
- jika ingin menambahkan Menu, tinggal tambahin kode serti contoh di bawah ini

<h3 class="headerbar">
<a href="http=moneylocker.blogspot.com">Free Money</a></h3>
<ul class="submenu">
<li><a href="http=moneylocker.blogspot.com">Pay per click</a></li>
<li><a href="http=moneylocker.blogspot.com">Pay per sale</a></li>
<li><a href="http=moneylocker.blogspot.com">Pay per lead</a></li>

</ul>

Akan kurang sreg kalo tanpa demo langsung. Untuk demo, sobat bisa liat di dhe-gallery.blogspot, azthemes.blogspot atau di blogfordemo.blogspot

* hhehehe..sekalian titip link..

Buat iklan banner berjalan

Brosing2 cari bacaan..ehhh.. nemu web dimana bannernya bisa jalan seperti punyaku di atas. Jadi pengen aku. Aku cari tutorialnya tapi kebanyakan harus upload pic dulu untuk dapet URL nya. Repot..Apalagi kalo banner yg ingin kita pasang adalah banner dari program affiliate yang kita ikuti. Gimana nanti orang lain bisa daftar melalui kita sedangkan URL bannernya hasil upload. Emang si bisa diakali (aku gak tau caranya gimana.. :D ) tapi aku kira malah ribet. Mending cari yang simpel. Mau ke Jogja kok harus Italia dulu??? haiah....wakwakkwakwakw....

(Mungkin sobat2 dah tau caranya gimana.. )

Daripada pusing2 cari tutorialnya, aku balik ke alamat tadi tapi berhubung alamat itu bukan alamat tutorial (alamat bisnis iklan) ak sempet bingung juga,gimana neh supaya aku bisa nampilin banner berjalan dari program2 affiliate yg aku ikuti??

Jurus lama dipake deh alias cari source code nya,heheheee.. Tapi pas cari source code untuk semua konten,wahh..gak ketemu. Aku blok aja bagian yg aku pengen dan...ketemu deh..

Ni dia source kodenya :

(abc)marquee onmouseover="this.stop()" onmouseout(abc)="this.start()" scrollamount="3" behavior="SCROLL"(abc)>


banner ato link sobat


(abc)/marquee(abc)>

** tanda (abc) gak usah di pake. hanya tambahan dari aku ale tadi aku coba sebelum ada tanda itu, isi postinganku kosong dan cm ada tanda <> berjalan,hahahahhahahaa...

** jangan lupa ganti yg berwarna merah dengan code banner atau link sobat

Setelah itu tinggal copy dan paste ke Add Element HTML di blig sobat dan taruh di mana sobat suka

Dengan begitu kan bisa menghemat tempat..hohohohohohooo...

** Upload pic bisa lewat tinypic.com , photobucket.com dll

** Jangan lupa ikut program2 affiliate di atas..tambah duit gitu..hehehehheee...