Cyber Raptor

Hai para blogger!
Maaf atas ketidaknyamanan nya bagi anda yang telah masuk ke situs kami dan menemukan report bad malware.
Karena saya dalam seminggu ini hanya bisa online selama 3 atau 4 hari karena urusan sekolah, jadi jarang lihat blog ini.Lalu saat tadi saya buka ternyata salah satu posting dan link terkait terdapat malware untuk itu saya pun mengubah link nya menjadi non-live link dan ternyata upaya bad malware dapat diatasi.
Untuk seterusnya saya akan coba bawa notebook dan on di sekolah saja, sekalian download gratis dari inet sekolah..
XD~

Optimasi SEO Setting robots.txt

1. Analyze our blogger robots.txt default
Cek http://www.cyberraptor.org/robots.txt
kemudian replace http://www.cyberraptor.org dengan Blogger Url anda, silahkan bandingkan perbedaannya dengan default robot blogger anda. Default robots.txt semua blogger bawaan lahir, biasanya seperti ini

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://www.cyberraptor.org/feeds/posts/default?orderby=updated

Disallow: /search, artinya blogger memberi batasan bahwa semua robot search engine dilarang untuk mengindex semua link di dalam blog yang diawali dengan /search.
Link label blogger atau juga wildcard query, misalnya : http://www.cyberraptor.org/search?q=SEO.

Sitemap: http://www.cyberraptor.org/feeds/posts/default?orderby=updated
Sitemap Query information

2. Customize Your Sitemap
Login to dashboard : draft.blogger.com bagi yang belum diupgrade dashboardnya
klik Settings - Search Preferences a.k.a Setelan - Preferensi penelusuran kalau gak salah inget
'Custom Robots' , klik Edit; Enable - Yes

Robots Blogger Sitemap Default:
Sitemap: http://www.cyberraptor.org/feeds/posts/default?orderby=updated

Setting robot default blogger, pada query peta situs bin sitemapnya hanya menginformasikan sebanyak 26 blog post alias 26 artikel yang baru diedit.

Blogger Sitemap Custom Version:
Sitemap: http://www.cyberraptor.org/feeds/posts/default?orderby=updated&max-results=500

The conclusion, 'optimasi seo robots blogger' versi blog seo katro kurang lebih seperti ini

Sitemap: http://www.cyberraptor.org/feeds/posts/default?orderby=updated&max-results=500
User-agent: Mediapartners-Google
Disallow:

User-agent: Alexibot
User-agent: Mozilla/4.0 (compatible; BullsEye; Windows 95)
User-agent: WebBandit
User-agent: Zeus
Disallow:/
User-agent: *
Disallow: /search

WARNING PREN: replace http://www.cyberraptor.org dengan url blog anda, kemudian Save changes.

Khusus yang ditandai warna merah adalah beberapa contoh bad robots.

3. Block URL post via Robots blogger

Optional, biasanya apabila in your blog memiliki contact pages, privacy policy, disclamer etc, You bisa menambahkan disallow pada beberapa link artikel tersebut. Alasannya karena tidak ada gunanya juga halaman tersebut terindex di search engine. Ada baiknya juga kalau dipindah dari navbar blog atau disisipi rel="nofollow" agar robot search engine tidak menggerayangi isi blog dikau :D

Contohnya satu saja ya; misalnya link artikel anda adalah yourblogspot.com/p/disclaimer.html
maka untuk block search engine, paste kode ini di bawahnya or add this code below afterDisallow: /search

Disallow: /p/disclaimer.html

Save Changes

Click Image to view Large

Demo | Download

Tutorial Setting Template

Blog dan website yang benar-benar kena banned google tentu tidak akan terindex oleh google. Namun tidak semua blog dan website yang tidak terindex berarti kena banned google. Bisa saja karena kesalahan pengaturan blog tersebut menjadikan blog tidak terindex. Beda lagi kalau blog baru dibuat maka untuk bisa terindex google pertama kali butuh waktu , tapi kalau sampai berbulan-bulan tidak terindex padahal sudah menyebarbacklink di mana-mana berarti ada yang tidak beres dengan pengaturan blog anda

Mari kita bahas faktor internal selain banned, apa saja yang menjadikan blog anda tidak terindex.

Blogspot blogger tidak terindex google

Dalam pengaturan blogger kita bisa mengatur agar blogger tidak terindex oleh search engine. Bila anda masuk ke settings dari menu blog anda di blogger anda bisa menemukan opsi “let your search engines find your blog?” bila anda isi yes berarti search engine google dan kawan-kawan bisa merambah blog anda tapi kalau di isi No, tentu menjadikan blog blogspot anda tidak terindex.

blogger stress
Blog wordpress tidak terinde google

Blog wordpress pun bisa kita buat agar tidak terindex oleh google secara kesuluruhan :

Untuk mengblock search engine masuk ke blog wordpress silahkan masuk ke Settingsdan pilih Privacy. Dalam privacy terdapat dua opsi, pertama mengijinkan search engine mengindex dan kedua hanya tidak mengijinkan search engine mengindex tapi tetap bisa di lihat pengunjung.

Berikut contoh setting wordpress tidak terindex google

Selain itu, kita juga bisa mengatur hanya halaman / posting tertentu saja yang tidak terindex google dengan menginstall pluginRobot Meta. Salah satu Robot meta yang saya pakai memberikan 4 opsi, Index-follow , index-nofollow, noindex-follow, noindex-nofollow.

Pengaturan web deindex google

secara umum cara agar sebuah website atau halaman web bisa sengaja tidak terindex oleh search engine dengan tiga cara :

1. HTML meta tag , code yang digunakan <meta robots= ‘noindex’>

2. HTTP header ,kode yang digunakan X-Robots-tag : noindex

3. robots.txt , kode yang digunakan User-agent: * Dissallow: /

Menurut saya salah satu teknik yang paling berguna untuk noindex adalah robots.txt karena selain mudah dibuat juga mudah dipahami. Noindex berguna untuk menyembunyikan halaman-halaman web yang kita rasa melanggar aturan search engine maupun aturan adsense biar gak kena banned.

Untuk mendeteksinya anda bisa mengintall plugin Firefox SEO Doctor dari prolevac. Plugin ini bukan plugin wordpress tapi plugin addon yang diinstall di browser Mozilla firefox. begitu plugin seo doctor terinstall maka setiap kita membuka web akan bisa dilihat analisis SEO web tersebut termasuk apakah web tersebut bisa terindex atau tidak. Namun plugin ini bukan untuk menilai apakah web tersebut kena banned atau tidak.

Langsung Saja 6 bulan berlalu melihat statistik blog ini meskipun jarang update post ternyata..

Browser yang sering digunakan dan mengunjungi blog ini :

Google Chrome
Firefox
Internet Explorer

3 Top Browser diatas telah banyak digunakan dibandingkan dengan 3 bulan yang lalu browser yang sering mengunjungi blog ini :

Firefox
Google Chrome
Internet Explorer

Gambar Statistik :

Dan beberapa diantaranya Browser - browser yang lumayan populer untuk PC.

Hai sahabat blogger beberapa hari/ minggu ini jarang posting dikarenakan banyak tugas sekolah.

Nah untuk kali ini sahabat blogger akan dapat informasi bagi yang belum tau, bahwa blogger kini meluncurkan rancangan template seperti draft.blogger.com. Membuat tampilan blog kalian seperti tampilan draft yang sebelumnya hanya untuk uji coba.

Untuk fitur seperti iklan dan widget-widget yang di tempel di rancangan template tersebut masih belum bisa dicoba.

Untuk contoh bisa lihat di free-mvo.blogspot.com. Mungkin bagi para pencari uang template ini masih belum bisa digunakan untuk template pencarian uang. Tetapi bagi para blogger yang mencari fast blog, ini adalah template bagus untuk kecepatan nya. Karena ringan saat load url atau pun konten yang dibuka.

Tooltips adalah informasi yang biasanya tampil dalam kotak yang muncul saat mouse melayang di atas tautan atau gambar. Tooltips biasanya digunakan untuk memerjelas perintah atau fungsi dari suatu link, tombol, atau pun isian yang ada pada sebuah aplikasi. Tooltips juga sering digunakan pada web maupun blog dengan fungsi yang sama. Secara default, dengan menambahkan kode title (title="judul") pada suatu link, tooltips akan muncul saat mouseover dengan tampilan yang sederhana.

1.Cari Code </body> dan letakan kode dibawah sebelum tag </body>.
Code :

<script type='text/javascript'>
//<![CDATA[
// tipsy, facebook style tooltips for jquery
// version 1.0.0a
// (c) 2008-2010 jason frame [jason@onehackoranother.com]
// releated under the MIT license

(function($) {

function fixTitle($ele) {
if ($ele.attr('title') || typeof($ele.attr('original-title')) != 'string') {
$ele.attr('original-title', $ele.attr('title') || '').removeAttr('title');
}
}

function Tipsy(element, options) {
this.$element = $(element);
this.options = options;
this.enabled = true;
fixTitle(this.$element);
}

Tipsy.prototype = {
show: function() {
var title = this.getTitle();
if (title && this.enabled) {
var $tip = this.tip();

$tip.find('.tipsy-inner')[this.options.html ? 'html' : 'text'](title);
$tip[0].className = 'tipsy'; // reset classname in case of dynamic gravity
$tip.remove().css({top: 0, left: 0, visibility: 'hidden', display: 'block'}).appendTo(document.body);

var pos = $.extend({}, this.$element.offset(), {
width: this.$element[0].offsetWidth,
height: this.$element[0].offsetHeight
});

var actualWidth = $tip[0].offsetWidth, actualHeight = $tip[0].offsetHeight;
var gravity = (typeof this.options.gravity == 'function')
? this.options.gravity.call(this.$element[0])
: this.options.gravity;

var tp;
switch (gravity.charAt(0)) {
case 'n':
tp = {top: pos.top + pos.height + this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
break;
case 's':
tp = {top: pos.top - actualHeight - this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
break;
case 'e':
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth - this.options.offset};
break;
case 'w':
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width + this.options.offset};
break;
}

if (gravity.length == 2) {
if (gravity.charAt(1) == 'w') {
tp.left = pos.left + pos.width / 2 - 15;
} else {
tp.left = pos.left + pos.width / 2 - actualWidth + 15;
}
}

$tip.css(tp).addClass('tipsy-' + gravity);

if (this.options.fade) {
$tip.stop().css({opacity: 0, display: 'block', visibility: 'visible'}).animate({opacity: this.options.opacity});
} else {
$tip.css({visibility: 'visible', opacity: this.options.opacity});
}
}
},

hide: function() {
if (this.options.fade) {
this.tip().stop().fadeOut(function() { $(this).remove(); });
} else {
this.tip().remove();
}
},

getTitle: function() {
var title, $e = this.$element, o = this.options;
fixTitle($e);
var title, o = this.options;
if (typeof o.title == 'string') {
title = $e.attr(o.title == 'title' ? 'original-title' : o.title);
} else if (typeof o.title == 'function') {
title = o.title.call($e[0]);
}
title = ('' + title).replace(/(^\s*|\s*$)/, "");
return title || o.fallback;
},

tip: function() {
if (!this.$tip) {
this.$tip = $('<div class="tipsy"></div>').html('<div class="tipsy-arrow"></div><div class="tipsy-inner"/></div>');
}
return this.$tip;
},

validate: function() {
if (!this.$element[0].parentNode) {
this.hide();
this.$element = null;
this.options = null;
}
},

enable: function() { this.enabled = true; },
disable: function() { this.enabled = false; },
toggleEnabled: function() { this.enabled = !this.enabled; }
};

$.fn.tipsy = function(options) {

if (options === true) {
return this.data('tipsy');
} else if (typeof options == 'string') {
return this.data('tipsy')[options]();
}

options = $.extend({}, $.fn.tipsy.defaults, options);

function get(ele) {
var tipsy = $.data(ele, 'tipsy');
if (!tipsy) {
tipsy = new Tipsy(ele, $.fn.tipsy.elementOptions(ele, options));
$.data(ele, 'tipsy', tipsy);
}
return tipsy;
}

function enter() {
var tipsy = get(this);
tipsy.hoverState = 'in';
if (options.delayIn == 0) {
tipsy.show();
} else {
setTimeout(function() { if (tipsy.hoverState == 'in') tipsy.show(); }, options.delayIn);
}
};

function leave() {
var tipsy = get(this);
tipsy.hoverState = 'out';
if (options.delayOut == 0) {
tipsy.hide();
} else {
setTimeout(function() { if (tipsy.hoverState == 'out') tipsy.hide(); }, options.delayOut);
}
};

if (!options.live) this.each(function() { get(this); });

if (options.trigger != 'manual') {
var binder = options.live ? 'live' : 'bind',
eventIn = options.trigger == 'hover' ? 'mouseenter' : 'focus',
eventOut = options.trigger == 'hover' ? 'mouseleave' : 'blur';
this[binder](eventIn, enter)[binder](eventOut, leave);
}

return this;

};

$.fn.tipsy.defaults = {
delayIn: 0,
delayOut: 0,
fade: true,
fallback: '',
gravity: 'n',
html: false,
live: false,
offset: 0,
opacity: 0.8,
title: 'title',
trigger: 'hover'
};

// Overwrite this method to provide options on a per-element basis.
// For example, you could store the gravity in a 'tipsy-gravity' attribute:
// return $.extend({}, options, {gravity: $(ele).attr('tipsy-gravity') || 'n' });
// (remember - do not modify 'options' in place!)
$.fn.tipsy.elementOptions = function(ele, options) {
return $.metadata ? $.extend({}, options, $(ele).metadata()) : options;
};

$.fn.tipsy.autoNS = function() {
return $(this).offset().top > ($(document).scrollTop() + $(window).height() / 2) ? 's' : 'n';
};

$.fn.tipsy.autoWE = function() {
return $(this).offset().left > ($(document).scrollLeft() + $(window).width() / 2) ? 'e' : 'w';
};

})(jQuery);

//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(function() {
$('.north').tipsy({gravity: 'n'});
$('#north').tipsy({gravity: 'n'});
$('.south').tipsy({gravity: 's'});
$('#south').tipsy({gravity: 's'});
$('.east').tipsy({gravity: 'e'});
$('#east').tipsy({gravity: 'e'});
$('.west').tipsy({gravity: 'w'});
$('#west').tipsy({gravity: 'w'});
$('.tips-fade').tipsy({fade: true});
$('#tips-fade').tipsy({fade: true});
$('.north-west').tipsy({gravity: 'nw'});
$('#north-west').tipsy({gravity: 'nw'});
$('.north-east').tipsy({gravity: 'ne'});
$('#north-east').tipsy({gravity: 'ne'});
$('.south-west').tipsy({gravity: 'sw'});
$('#south-west').tipsy({gravity: 'sw'});
$('.south-east').tipsy({gravity: 'se'});
$('#south-east').tipsy({gravity: 'se'});

});
//]]>
</script>

2. Cari kode ]]></b:skin>, dan letakkan kode dibawah ini sebelum kode ]]></b:skin>
Code :

.tipsy {font-size: 11px;font-weight:bold;padding: 5px;position: absolute;z-index: 100000;}
.tipsy-inner {background-color: black;color: white;max-width: 200px;padding: 5px 8px 4px;text-align: center;}
.tipsy-inner {-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;}
.tipsy-arrow {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirkC-lZ69XL0UGCXvYjkUixxxU1jeijR7RSUU49wkNeVa4OfXo_NszkFsPm8LuxHSeqT7pmBakPC5M4zgqAUKSw470GQBGZ_YZOva4ko6p8f3Lt_wiER_aXcYQG3RGvFpfVQ0VjfmFLbUI/s800/tipsy.gif") no-repeat scroll left top transparent;height: 5px;position: absolute;width: 9px;}
.tipsy-n .tipsy-arrow {left: 50%;margin-left: -4px;top: 0;}
.tipsy-nw .tipsy-arrow {left: 10px;top: 0;}
.tipsy-ne .tipsy-arrow {right: 10px;top: 0;}
.tipsy-s .tipsy-arrow {background-position: left bottom;bottom: 0;left: 50%;margin-left: -4px;}
.tipsy-sw .tipsy-arrow {background-position: left bottom;bottom: 0;left: 10px;}
.tipsy-se .tipsy-arrow {background-position: left bottom;bottom: 0;right: 10px;}
.tipsy-e .tipsy-arrow {background-position: right top;height: 9px;margin-top: -4px;right: 0;top: 50%;width: 5px;}
.tipsy-w .tipsy-arrow {height: 9px;left: 0;margin-top: -4px;top: 50%;width: 5px;}

3.Contoh Penulisan Link Tooltips :

<a href="#" class="north-west" title="Contoh north-west gravity">Northwest</a>

<a href="#" class="north" title="Contoh north gravity">North</a>

<a href="#" class="north-east" title="Contoh north-east gravity">Northeast</a>

<a href="#" class="west" title="Contoh west gravity">West</a>

<a href="#" class="east" title="Contoh east gravity">East</a>

<a href="#" class="south-west" title="Contoh south-west gravity">Southwest</a>

<a href="#" class="south" original-title="Contoh south gravity">South</a>

<a href="#" class="south-east" title="Contoh south-east gravity">Southeast</a>

Postingan kali ini ada sedikit tips untuk Melihat PageRank, DNS, Whois, dengan eToolz. Mungkin Anda ingin membutuhkan beberapa informasi penting tentang Google PageRank pada beberapa blog yang Anda punya ataupun PageRank blog milik blogger lain.

Untuk mengetahui beberapa informasi seperti PageRank, Whois, Ping, lainya Anda bisa menggunakan sebuah aplikasi eToolz sebuah aplikasi sederhana yang dibuat oleh programmer asal Jerman bernama Warner Rumpeltesz ini.

Kelebihan aplikasi ini juga bisa digunakan untuk melihat DNS, Ping, Trace route, Whois, Mail-check, HTTP Header dan masih banyak lagi.

Download : www.mediafire.com/?7767272q3c19ayg

Blogger Atau Blogspot, sebuah layanan blogging gratis yang dimiliki oleh Google telah membuat banyak rumor bahwa itu tidak baik dioptimalkan untuk search engine. Ada banyak blogsites tutorial blogspot dalam perjalanan mengajar bersih untuk mendapatkan peringkat tinggi di search engine. Tapi mungkin frustrasi bagi banyak orang bahwa saya tidak dapat mendapatkan Script yang mampu mendongkrak blog di atas di search engine rangking. Saya telah mencoba lebih dari 20 Script (Auto Judul Swap, Auto Meta Description, Auto Meta Keywords, Meta Robot dll) selama lebih dari 4 bulan tetapi akhirnya menemukan kebanyakan dari mereka tidak berguna kecuali Auto Judul Kode Swap. Kode ini dapat membantu Anda sedikit untuk mendapatkan peringkat yang lebih baik terhadap SERP. Oleh karena itu saya telah memutuskan untuk mengembangkan script sendiri untuk keluar masalah ini. Setelah menghabiskan beberapa minggu akhirnya saya telah mengembangkan Auto sendiri SEO Script untuk pengguna blogspot. Yang dapat membantu Anda untuk mendapatkan peringkat yang lebih tinggi atas SERP. Script ini sangat sederhana dan juga sangat mudah untuk menginstal. Tidak ada pengetahuan yang profesional yang diperlukan.

The Auto SEO Script has following features:-
* Auto change Blog Page Titles for every post.
* Auto insert Meta Description for every post.
* Auto insert Meta Keywords For every Post.
* Work for Monthly, Weekly and Daily Archives.
* Work for each blog label.
* Auto Meta Robot Tag
* Author Meta Tag.
You only have to insert a Simple Code to your blog template.

Follow Steps below to apply this script:-
1. Go to Blogspot account.
2. Select to Layout Button of your desired blog.(at Dashboard)
3. Now go to Edit HTML Section.
4. In Template Box, find the code below. ( This may be little bit different if you are using Title Swap code).

 <title><data:blog.pageTitle/></title>

Cara 1 : ganti script code diatas dengan code berikut ini

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/><title><data:blog.pageTitle/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "label"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta expr:content='data:blog.pageTitle + " - your blog description here (upto 200 charaters)"' name='description'/>
<meta expr:content='data:blog.pageName + ", Keyword 1, Keyword 2, Keyword 3, Keyword 4, Keyword 5"' name='keywords'/>
<meta content='Author Name Here' name='author'/>
<meta content='index,follow' name='robots'/>

Cara 2. atau bisa juga dengan menyisipkan code berikut setelah kode

 <title><data:blog.pageTitle/></title>

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<meta name="description" content="DESCRIPTION HERE"/>
<meta name="keywords" content="KEYWORDS HERE"/>
<meta name="robots" content="index,follow"/>
<meta name="revisit-after" content="always"/>
<meta name="language" content="english-us"/>
<meta name="rating" content="safe for kids."/>
<meta name="doc-type" content="Public"/>

keterangan penggunaan :
setelah membuat script itu di html template blogmu, silahkan ganti isi KEYWORD, DESCRIPTION, AUTHOR.
Description = deskripsi singkat blog kamu
Keyword = Keyword yang berhubungan dengan blog kamu
Author = Kamu lah...

Hai Sobat Sharing kali ini saya akan memberitahu pada kawan blogger karena tampilan blogger sekarang telah update.Dimulai dengan Dashboard, Overview Blog, Post Blog, dan lain-lain.

Untuk ScreenShot nya bisa dilihat di bawah.

Dashboard Screen

New Post Screen

Overview Screen

Untuk membuat tampilan seperti diatas anda tinggal mengklik Try the updated blogger.

atau Coba tampilan blogger baru.

Download

Pass : www.nicescript.net

Iklan sepertinya sudah merupakan kewajiban bagi para blogger, karena dengan iklan tersebutlah para blogger terkadang menjadi semangat terkadang menjadi nge-drop. Naik turunnya semangat ngeblog bagi sebagian blogger salah satunya dipengaruhi dari pendapatan yang di peroleh dari iklan. Tampilan dan penempatan iklan menurut para master blogger sangat mempengaruhi pendapatan dari iklan yang kita pasang. Dibawah ini salah satu dari sekian banyak cara menempatkan dan membuat wadah iklan yang telah banyak digunakan oleh para blogger.

Langkah-langkah umum pengatur letak iklan pada blogger:Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Tata Letak - Edit HTML"
Langkah 3
Checklist "Expand Template Widget"
Langkah 4
Baca teknik selanjutnya dibawah ini:

1. Menempatkan (Integrasi) Iklan Pada Artikel
Cara ini masih merupakan cara yang efektif untuk meningkatkan pendapatan dari iklan yang kita pasang, karena dengan teknik ini iklan seakan-akan merupakan bagian dari artikel. Bukan teknik untuk mengecoh pengunjung tapi lebih ke nilai seninya, iklan yang terintegrasi dengan artikel akan lebih bagus dan menarik untuk dilihat serta mampu menarik perhatian pengunjung.

Ikuti langkah integrasi iklan dengan artikel pada blogger:
Langkah 1.1
Cari kode dibawah ini:
<data:post.body/>

Langkah 1.2
Tambahkan kode dibawah ini sebelum kode pada langkah 1.1
<div style='float:left'>
Kode Iklan
</div>

Sehingga kode menjadi seperti dibawah ini:
<div style='float:left'>
Kode Iklan
</div><data:post.body/>

Langkah 1.3
Simpan template dan preview (baca keterangan)

2. Membuat Wadah Iklan pada Artikel
Cara ini sebenarnya pengembangan dari cara pertama dengan penambahan wadah (container) iklan agar tampil lebih menarik dan hal ini akan memancing pandangan pengunjung untuk melihat dan membaca isi iklan karena seakan-akan seperti informasi menarik.

Ikuti langkah pembuatan wadah iklan pada artikel blogger:
Langkah 2.1
Cari kode dibawah ini:
]]></b:skin>

Langkah 2.2
Masukan (copy paste) kode dibawah ini diatas kode pada langkah 2.1:
#iklan250{
float:left;
width:280px;
text-align:center;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8ibBea6Mb40lpKnhytGOXP5Ak23o8W8rT_UXGMGnuHYmXQugCLLvvG3p3otsXC_xkKAjEXc5mw3THmeAO-JZFbAMrIN0ilZ6oI1afeL3G8Vc_hSY2iiszvQ1QEP_TGZvpixtu5IO2tlI/d/ads250x250.png) center center no-repeat;
padding:5px 10px 10px 5px;
}

Langkah 2.3
Cari kode dibawah ini:
<data:post.body/>

Langkah 2.4
Tambahkan kode dibawah ini sebelum kode pada langkah 2.3
<div id='iklan250'>
Kode Iklan
</div>

Sehingga kode menjadi seperti dibawah ini:
<div id='iklan250'>
Kode Iklan
</div><data:post.body/>

Langkah 2.5
Simpan template dan preview (baca keterangan)

Keterangan:

Iklan lebih baik diset segi empat(rectangle) dengan ukuran 250 x 250 pixel, kecuali cara 1 bisa dengan ukuran berapapun
Kode Iklan yang akan dimasukan harus di Encode menjadi kode HTML Entities dengan menggunakan Blogger Ads Converter
Jika mengikuti cara diatas, baik cara 1 maupun cara 2 maka iklan akan terletak pada sebelah kiri artikel, jika ingin meletakannya disebelah kanan artikel ubah kode "left" menjadi "right"
Jika menggunakan fasilitas pemenggalan artikel (readmore), biasanya kode <data:post.body/> ada 2, cobalah satu-satu
Semoga berhasil, jika berhasil bagaimana komentar anda? Silahkan tinggalkan pesan pada komentar dan Happy Blogging... :)

Increase Targeted Traffic to Your Website

The data sent and received by people visiting a website is called web traffic. If you have a website, you would probably want to have many people visiting your website. Today, there are a vast number of websites and getting web traffic or visitors in your website can often be difficult for beginners. With proper practice and experience, it can be easy.

Having good web traffic in your website means, more companies will be willing to pay you for advertising their products or linking their website into yours. One of the best ways to obtain good web traffic is buying one. Buying traffic is a great way to get visitors and is cheap.

Before buying web traffic, you should make sure that the web traffic company you plan on buying is legitimate or legal. This is because some web traffic companies use automatic generation script. This software works by bringing huge numbers of visitors to your website that does not even exist.

This means only one computer visits your website automatically in a specified number of times. To make sure that the web traffic company is legitimate and protect you from frauds is to contact the company. Find out what methods they use to bring traffic to your website.

If they do not supply you with the information you need, simply avoid buying from them. You an also ask people you know who has good web traffic about the company they bought traffic from.

Another way to find out if the company is legitimate and do not use automatic generation script is to use the cPanel if your website hosting has one you can use it to find out the visitors IP address.

The IP address should be mostly different from one another, if the visitors IP address are mostly the same, the company is using automatic generation script. Remember that most companies will only pay you if someone actually clicks their link or advertising in your website.

Since automatic generation traffic visits your site repeatedly, it does not get interested in clicking the advertising in your site much more of buying the advertised products. To avoid web traffic frauds you can also set up your own advertising campaign for your website.

It is important that visitors in your website become interested in the product you are selling. This is called targeted web traffic. You may have experienced clicking on a link only to find out that it has nothing to do what the advertising said about it, this is called untargeted traffic. It can be irritating and a complete waste of time.

Here are some ways to bring targeted traffic to your website.

Writing an article about the product you are selling is one great way to bring in targeted traffic. After writing, post the article to numerous article websites. Remember to include the URL of your website. To be successful in this kind of advertising, you should write an article that is both entertaining and informative to get readers interested in the product. Remember that if the reader gets bored reading an article, they usually will not finish reading it.

Therefore, the article becomes useless. Try to write about it as much as you can. It is all a matter of trial and error. You can also get your friends read your article and ask their opinions about it before you post it in a website.

This method is usually free and a very good way to increase targeted web traffic in your site. You can also be sure that the people visiting are actually interested.

Another great way to bring traffic to your website is to find websites that offers the same product you are selling and ask the webmaster to exchange advertising links. This can produce positive results, not only that it increases your traffic but also you can be sure that the people visiting are often interested in the product.

You might think that this method is bringing your potential customers to visit your competitor’s website, but think the other way around; your competitor is advertising for you and bringing their potential customers into your website.

Targeted traffic is one of the most important factors to ensure the success of a commercial website. Untargeted traffic may be cheap, but it only brings mostly uninterested people to your website and brings the sales you hope for your product to gain.

This means that you will only keep spending money on advertising to people who are not interested in buying your product, much like an annoying salesperson.

Scriptaculous, MooTools, jQuery and much more: all you need to develop modern web interfaces and add new features to your website.
This is a collection of the best tutorials for web designers I found this month browsing some websites I often read. It also includes some of my post :) Take a look!

1. Most used CSS Tricks
A nice compilation of the most used CSS tricks in web design (rounded corners without images, style your order list, tableless forms, double blockquote, gradient text effect, vertical centering with line-height and more...)

2. Simple, Powerful Product Highlighter with MooTools
How to create a flexible tool for highlighting your sites products or services using the MooTools javascript framework.

3. Timeframe: Prototype date range component
Stephen Celis got tired of wiring together two date pickers for the common use case of grabbing a date range, so he created timeframe, which is "Click-draggable. Range-makeable. A better calendar."

4. Rating Boxes with Starbox
Starbox allows you to easily create all kinds of rating boxes using just one PNG image. The library is build on top of the Prototype javascript framework. For some extra effects you can add Scriptaculous as well.

5. Navigation bar with tabs using CSS and sliding doors effect
This tutorial illustrates how to design a navigation bar with tabs using CSS and status effects (active, hover, link).

6. Create beautiful tooltips with ease
Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.

7. Solving 5 Common CSS Headaches
CSS is a relatively simple language to learn. Mastering it, on the other, can prove a little more difficult. Compensating for various browser inconsistencies alone can produce a migraine. In this article, we'll demystify five of the most head thumping issues that you'll encounter when building web applications.

8. Lazily load functionality via Unobtrusive Scripts
David Kees has written about Using Prototype to Load Javascript Files, which is an implementation of the general technique of loading functionality via scripts based on the availability of DOM elements.

9. Nice calendar with date-pickers
Calendar is a Javascript class ready to use that adds accessible and unobtrusive date-pickers to your form elements.

10. Fantastic News Ticker Newsvine-like using Mootools
This tutorial explains how to implement a "News" Ticker, with vertical scrolling, using mootools. It's very simple and quick to implement in your web projects.

11. Ajax Forms with jQuery
Travor Davis illustrates how easy it is to turn a regular form into a AJAX form.

12.Sexy Sliding JavaScript Side Bar Menu Using Mootools
A simple animated sidebar using mootools ready to use in your web projects.

13. Pure CSS Animated Progress Bar
Here's a simple demonstration of how you can create animated progress bar using pure css. The trick is very simple. We need 3 elements, one container and 2 nested elements.

14. Drag & Drop Sortable Lists with JavaScript and CSS
In Web applications I've seen numerous, and personally implemented a few, ways to rearrange items in a list. All of those were indirect interactions typically involving something like up/down arrows next to each item. The most heinous require server roundtrips for each modification...boo.

15. PHP components: Autosuggest
I published this simple "PHP component", ready to use, to implement a search form with an autosuggest feature using PHP and MySQL. For all ajax beginners this is the most simple way to implement it (just with 8Kb) and the only thing you have to do is modify some parameters. Take a look at this post for all related infos.

16. Slick Tabbed Content Area using CSS & jQuery
One of the biggest challenge to web designers is finding ways to place a lot of information on a page without losing usability. Tabbed content is a great way to handle this issue and has been widely used on blogs recently. Today we're going to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally we'll achieve the same thing using the jQuery library.

17. Multiple File Upload Magic With Unobtrusive Javascript
This tutorial illustrates how to upload multiple file with one ore several file inputs using jQuery.

18. Add grunge effect to text using simple CSS
In this short tutorial you will see how to add grunge effect to your text using just CSS and one image

19. Creating a fading header
A simple tutorial which explains how to create a fading header graphic using some basic XHTML and CSS and some unobtrusive Javascript, using the jQuery library, for the effect itself.

20. Accessible unobtrusive content scroller
This tutorial explains how to implement an unobtrusive content scroller.

21. How to Display Your RSS Count in a Cool Tooltip
How to display the current subscriber count using a combination of an extremely simple jQuery script and a PHP snippet.

22. Ext Accordion Widget Example
This page is about the InfoPanel and Accordion javascript classes and its purpose is to allow the potential users to get the feel-and-touch of the user interface they provide. It contains also step by step instructions on how to integrate the Accordion to a web page.

23. LightboxXL -prototype plugin
Lightbox functionality that you're used to with embed Flashmovies using prototype.

24. Change form elements appearance using FancyForm
FancyForm is a powerful checkbox replacement script used to provide the ultimate flexibility in changing the appearance and function of HTML form elements. It's accessible, easy to use and degrades gracefully on all older, non-supporting browsers.

25. FORM elements design using CSS and list (ul and dl)
This tutorial explains how to design a pure CSS FORM using lists <ul>.

If you have other interesting links to suggest, please share them adding a comment!