Tools Gratis Untuk Blogger Pemula

Tools yang saya buat dibawah ini sangat berguna sekali bagi rekan blogger pemula atau yang sudah expert sekalipun untuk membantu memudahkan kegiatan Blogging-nya. Semua tools ini saya buat hanya dalam waktu seminggu jadi mungkin masih ada beberapa error dan bug yang belum saya temui. Semoga kedepannya akan hadir tools-tools lainnya yang lebih bagus lagi. Selamat Mencoba dan beri masukan berupa kritik dan saran yang membangun ya :).



Silahkan langsung mencobanya semua tools disini Free Tools for Blogger



Blogger Sitemap Generator ( XML Sitemap untuk Blogger)

Tool ini saya buat khusus untuk memudahkan kalian membuat Sitemap xml pada Blogger dan hasil kode xml Sitemap dari tool ini bisa langsung dimasukan kedalam pengaturan Sitemap pada Blog kalian atau bisa juga digunakan pada Sitemap Google Webmaster Tools. Fungsi dari sitemap ini membantu mesin pencari melakukan index kesemua halaman lama kalian dan bukan hanya untuk posting terbaru saja.

Tampilan Blogger Sitemap Generator

Cara Pasang Sitemap di blogger:

Silahkan login pada Blogger kalian -> Setelan -> Preferensi Penelusuran ->  robots.txt khusus -> Aktifkan -> lalu masukan saja hasil XML sitemap yang sudah kalian buat menggunakan alat diatas.



Cara Pasang Sitemap di Google WebmasterTools:

Silahkan login pada Google Webmaster Tools -> Perayapan -> Peta Situs -> Pilih Buttton Tambahkan/Uji Peta Situs -> lalu masukan Url XML Sitemap yang sudah dibuat satu-persatu.





CSS Compression Tool (CSS Compressor)

Cascading Style Sheets atau disingkat CSS adalah bahasa pemrograman Stylesheet yang digunakan untuk menggambarkan presenstasi dokumen yang ditulis dalam bahasa markup. Istilah mudahnya Css merupakan cara mudah untuk menata ulang desain pada tampilan halaman. Semakin kompleks suatu halaman biasanya menggunakan koding Css yang banyak pula, ini juga salah satu yang menyebabkan kerja pada sisi Web Browser menjadi semakin berat. Cara terbaik untuk mengurangi ukuran Css adalah dengan melakukan kompresi pada file tersebut agar load halaman menjadi semakin cepat. Silahkan gunakan CSS Compression Tool yang sudah saya buat untuk memudahkan kalian melakukan tugas tersebut.

Tampilan CSS Compression Tool

Google PageRank (PR) Checker

Google PageRank adalah peringkat halaman web yang diberikan oleh Google (antara 0 sampai 10). PageRank merupakan faktor penting pada mesin pencari untuk menilai suatu halaman, peringkat PageRank yang lebih tinggi akan mendapatkan SERP (halaman hasil mesin pencari) posisi yang lebih tinggi. PageRank biasanya tergantung pada jumlah backink yang mengarah pada suatu halaman. Disini saya juga sudah membuat tool sederhana untuk melihat seberapa bagus nilai Pagerank pada alamat blog kalian.

Tampilan Google PageRank (PR) Checker

Get Favicon From Blog or Site

Favicon adalah ikon kecil yang tampil dibrowser disamping judul halaman pada tab browser, atau di address bar sebelah URL-nya. Hal ini juga digunakan ketika kalian melakukan Bookmark pada halaman. Untuk memudahkan kalian melihat, mengambil atau sekaligus mencari favicon pada alamat blog atau website tertentu kalian bisa menggunakan tool sederhana yang sudah saya buat untuk memudahkan tugas tersebut. Jujur saja saya juga tidak tau persis alat ini berguna apa tidak, tapi jika kalian misalkan membuat blog Aggregator tentu favicon dari alamat situs tertentu sangat penting untuk ditampilkan.

Tampilan Get Favicon From Blog or Site

Blogger Ad Code Converter Tool for AdSense, AdBrite and Chitika

Alat konverter Iklan ini adalah yang paling penting bagi semua blogger dan membantu para blogger untuk mengubah kode iklan kemudian menempatkan iklan tersebut dalam posting Blogger. Alat ini bekerja secara otomatis untuk mengkonversi kode iklan dalam bahasa javascript ke dalam format yang benar sehingga kalian dapat menanamkan langsung pada halaman template html blog kalian. Alat ini sempurna untuk mengkonversi AdSense, AdBrite, Chitika atau kode javascript iklan lainnya yang mungkin kalian miliki.

Blogger Ad Code Converter

Html Color Codes Generator (HTML Color Picker)

HTML Color Picker adalah tool untuk memilih warna dalam heksadesimal, RGB, HSV dan nilai CMYK dan kalian dapat mengubah gaya apapun pada banyak aspek pada tampilan Blog atau Website! Cara mencari warna sesuai keinginan sangat gampang, tinggal pindahkan slider vertikal untuk memilih warna dan kemudian klik warna disebelah kiri untuk mendapatkan kode warna HTML untuk warna yang diinginkan.

Tampilan Html Color Codes Generator

Semoga tools yang saya buat diatas berguna ya, dan tunggu saja untuk tools-tools lainnya :)

Title: Tools Gratis Untuk Blogger Pemula
Posted by:Unknown
Published :2013-07-20T01:56:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Tools Gratis Untuk Blogger Pemula

Read More

Warna Latar Otomatis Berbeda Pada Setiap Postingan

Dulu saya tidak begitu tertarik untuk merubah warna Background disetiap halaman posting, selain kesannya aneh..mungkin juga terkesan rada Ndeso (kata orang jawa) hehehe Tapi itu dulu ya, selera tentu bisa berubah juga khan, ini tidak lain karena saya lagi senang ngedit template dengan tampilan nyerempet bergaya style Windows 8 ala Metro UI yang lebih berwarna-warni namun tidak sedikitpun menghilangkan kesan elegan pada tampilannya.



Nah dari Style Windows 8 itulah saya mulai tertarik dan mencoba sekaligus ngajarin gimana caranya agar warna postingan blog kalian bisa berubah warna secara otomatis tanpa harus menggunakan banyak koding CSS apalagi  harus menggunakan Conditional Tag yang bikin pusing kepala aja.



Contoh penerapannya bisa kalian lihat pada Blog Gallery Templates milik saya di zoomtemplate.com

Langsung aja ya dan caranya sangat mudah sekali...silahkan cari kode </head> kemudian letakan kode Javascript dibawah ini tepat diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js?ver=1.5' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
function get_random_color() {
var letters = '0123456789ABCDEF'.split('');
var color = '#';
for (var i = 0; i < 6; i++ ) {
color += letters[Math.round(Math.random() * 14)];
}
return color;
}
$(function() {
$(".post").each(function() {
$(this).css("background-color", get_random_color());
});
});
//]]>
</script>

Jika kalian hanya ingin merubah warna posting pada halaman utama saja kalian tinggal gunakan saja conditional tag seperti kode dibawah ini:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js?ver=1.5' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
function get_random_color() {
var letters = '0123456789ABCDEF'.split('');
var color = '#';
for (var i = 0; i < 6; i++ ) {
color += letters[Math.round(Math.random() * 14)];
}
return color;
}
$(function() {
$(".post").each(function() {
$(this).css("background-color", get_random_color());
});
});
//]]>
</script>
</b:if>

Menurut saya tampilan warna berbeda pada latar setiap posting mungkin lebih cocok hanya untuk Template dengan Style Gallery, kalau untuk Template biasa mungkin terlihat gimana gitu... namun tidak ada salahnya juga kalau ingin mencobanya. Bila kalian lebih jeli dan memiliki kemampuan Programming Javascript yang handal tentu bisa mengeditnya lebih bagus lagi sesuai kebutuhan.



Oh iya jangan tanyakan lagi ya seperti "bikin berat loading ya om?" namanya juga ada penambahan koding, terlebih lagi javascript tentu saja nambah size halamanan..tapi itu bukan berarti bikin berat loading khan :)

Title: Warna Latar Otomatis Berbeda Pada Setiap Postingan
Posted by:Unknown
Published :2013-07-13T07:23:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Warna Latar Otomatis Berbeda Pada Setiap Postingan

Read More

Asynchronous Javascript Loading Untuk Tombol Like Twitter, Facebook dan Google+

Tombol Like Button yang dirancang oleh beberapa media sosial seperti Google+, Twitter dan Facebook bisa katakan tombol yang wajib dipasang pada halaman blog, karena fungsi dari tombol ini selain untuk berbagi juga sangat penting untuk mengetahui seberapa bagus pengunjung untuk menilai kualitas artikel pada suatu halaman, tapi dengan memasang tombol sosial ini dapat menyebankan proses onload halaman menjadi makin berat, hal ini terjadi karena ada beban pemuatan javascript terlebih dahulu dari pihak ketiga ketika pertama kali halaman tersebut melakukan proses loading.

Solusi terbaik untuk menangani masalah loading pada pemuatan tombol sosial media bisa menggunakan tehnik Asynchronous Javascript Loading, teknik ini bekerja dengan menunda pemuatan javascript sementara sampai halaman yang diakses benar-benar selesai terbuka sempurna, barulah saat itu proses pemuatan tombol sosial media ini dijalankan. Untuk saat ini hanya Google+ saja yang saya ketahui sudah mengaplikasikan pilihan untuk Asynchronous Loading dengan Javascript, sedangkan untuk Twitter dan Facebook sepertinya masih melakukan akses onload pada obyek global yang memberatkan halaman karena prosesnya saat itu juga langsung memeriksa javascript pada widget dan tombol like button.



Cara memasang Asynchronously Javascript Loading:



Silahkan letakan kode dibawah ini diatas tag </body>

<!-- Asynchronous Javascript Loading for Facebook, Twitter, G+ -->
<script type='text/javascript'>
//<![CDATA[
/*
* Async Sharing Buttons (G+, Facebook, Twitter)
* http://www.narga.net
*/
(function(doc, script) {
var js, fjs = doc.getElementsByTagName(script)[0],
frag = doc.createDocumentFragment(),
add = function(url, id) {
if (doc.getElementById(id)) {
return;
}
js = doc.createElement(script);
js.src = url;
id && (js.id = id);
frag.appendChild(js);
};
// Google+ button
add('http://apis.google.com/js/plusone.js');
// Facebook SDK
add('http://connect.facebook.net/en_US/all.js#xfbml=1', 'facebook-jssdk');
// Twitter SDK
add('http://platform.twitter.com/widgets.js');
fjs.parentNode.insertBefore(frag, fjs);
}(document, 'script'));
//]]>
</script>
<!-- End Asynchronously Javascript -->

Selanjutnya kalian bisa memasang dimana saja tombol Like Button Facebook, Twitter dan Google+ dengan kode dibawah ini (sesuaikan tulisan warna merah dibawah dengan alamat blog kalian) :

<!-- Google+ -->
<div class="g-plusone" data-size="medium" data-count="true" data-href="http://www.zoomtemplate.com">

<!- Twitter -->
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-url="http://www.zoomtemplate.com">Tweet</a>

<!- Facebook -->
<div id="fb-root"></div>
<div class="fb-like" data-send="false" data-layout="button_count" data-width="1" data-show-faces="false" data-href="http://www.zoomtemplate.com"></div>

Untuk memasang Tombol Like Facebook, Twitter dan Google+ dalam halaman postingan silahkan gunakan kode dibawah ini:

<!-- Google+ -->
<div class='g-plusone' data-count='true' data-size='medium' expr:href='data:post.url'/>

<!- Twitter -->
<a class='twitter-share-button' data-count='horizontal' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>

<!-- Facebook -->
<div id='fb-root'/>
<div class='fb-like' data-layout='button_count' data-send='false' data-show-faces='false' data-width='1' expr:data-href='data:post.url'/>

Untuk contoh nyata penggunaan Asynchronous Javascript Loading kalian bisa melihatnya langsung diblog saya saat ini Blogger Tutorial atau disini Blogger Templates 2013.



Ok, semoga setelah mencoba tutorial ini loading halaman sobat semua bisa jadi makin cepat :)

Title: Asynchronous Javascript Loading Untuk Tombol Like Twitter, Facebook dan Google+
Posted by:Unknown
Published :2013-06-30T21:46:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Asynchronous Javascript Loading Untuk Tombol Like Twitter, Facebook dan Google+

Read More

Menampilkan iklan ditengah posting berdasarkan Label

Cara memasang Adsense atau iklan lain ditengah postingan pada Platform Blogger sebenarnya sudah basi, sayapun sudah mencobanya sekitar 2 tahun yang lalu, namun jika iklan tersebut bisa kita seting dan hanya muncul jika kita menambahkan label tertentu itu tentu sesuatu yang baru dan tentu saja sangat memudahkan kita kedepannya untuk mengontrol iklan mana yang ingin ditampilkan atau tidak pada semua posting sekaligus. Jadi maksud saya seperti ini, ada kalanya penayangan iklan tidak ingin kita tampilkan pada posting tertentu misalkan pada halaman About, Contact, Privacy Policy atau halaman yang tidak pantas untuk ditayangkan iklan, cara ini sangatlah berguna jika kita memiliki banyak posting tanpa harus merubah kode dalam postingan kita satu-persatu.



Script untuk menampilkan iklan di tengah posting secara otomatis

Script dibawah ini digunakan untuk memasang iklan ditengah posting secara otomatis, tapi menurut saya script ini rada aneh dan letak iklan yang ditampilkan kadang tidak sesuai dengan harapan kita, jadi saya tidak menyarankan script ini, tapi jika kalian ingin mencobanya ya silahkan saja. Untuk caranya sangat mudah, kalian tinggal mengganti saja kode <data:post.body/> dengan kode dibawah ini

<!-- star setting ads dalam posting -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div expr:id='"iklan1" + data:post.id'/>
<div style="clear:both; margin:10px 0">
<!-- Hapus dan letakan disini kode Iklan/PPC/Adsense  -->
</div>
<div expr:id='"iklan2" + data:post.id'>
</b:if>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("iklan1<data:post.id/>");
var obj1=document.getElementById("iklan2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>
<!-- stop setting ads dalam posting -->

Jika kalian ingin mengontrol iklan tersebut tampil atau tidak menggunakan label silahkan gunakan kode dibawah ini:

<!-- star setting ads dalam posting -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div expr:id='"iklan1" + data:post.id'/>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;NamaLabel&quot;'>
<div style="clear:both; margin:10px 0">
<!-- Hapus dan letakan disini kode Iklan/PPC/Adsense  -->
</div>
<div expr:id='"iklan2" + data:post.id'>
</b:if>
</b:loop>
</b:if>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("iklan1<data:post.id/>");
var obj1=document.getElementById("iklan2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>
<!-- stop setting ads dalam posting -->

Saya jelaskan cara kerja script diatas:

1. Kode yang berwarna merah diatas merupakan area tempat kalian memasang script iklan entah itu adsense atau iklan apa saja.

2. Kode yang berwarna pink merupakan nama label yang bisa kalian tentukan sendiri nama labelnya.

Untuk menampilkan iklan tinggal tambahkan saja nama labelnya dan jika kalian tidak ingin menampilkan iklan tinggal hapus aja nama labelnya.



Script untuk menampilkan iklan ditengah posting secara manual

Cara yang kedua ini lebih saya sarankan karena penempatan iklan bebas kita atur letaknya. Kelemahan kode ini kita harus memasang script tambahan pada halaman posting dengan menggunakan kode ini <!--nomore--> . Disinilah pengontrol iklan dengan label sangat diperlukan jika kita sudah menambakan kodenya pada banyak posting.



Untuk caranya juga sangat mudah, kalian tinggal mengganti saja kode <data:post.body/> dengan kode dibawah ini.

<!-- star setting ads dalam posting -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div expr:id='&quot;aim1&quot; + data:post.id'/>
<div style="clear:both; margin:10px 0">
<!-- Letakan disini kode Iklan/PPC/Adsense -->
</div>
<div expr:id='&quot;aim2&quot; + data:post.id'>
</b:if>
<data:post.body/>
</div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;aim1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;aim2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var r=s.search(/\x3C!--nomore--\x3E/igm);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+13);}
</script>
<!-- stop setting ads dalam posting -->

Jika kalian ingin mengontrol iklan tersebut tampil atau tidak menggunakan label silahkan gunakan kode dibawah ini.

<!-- star setting ads dalam posting -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div expr:id='&quot;aim1&quot; + data:post.id'/>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;NamaLabel&quot;'>
<div style="clear:both; margin:10px 0">
<!-- Letakan disini kode Iklan/PPC/Adsense -->
</div>
</b:if>
</b:loop>
</b:if>
<div expr:id='&quot;aim2&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;aim1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;aim2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var r=s.search(/\x3C!--nomore--\x3E/igm);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+13);}
</script>
<!-- stop setting ads dalam posting -->

Saya jelaskan cara kerja script diatas:



1. Kode yang berwarna merah diatas merupakan area tempat kalian memasang script iklan entah itu adsense atau iklan apa saja.

2. Kode yang berwarna pink ditandai dengan NamaLabel merupakan nama label yang bisa kalian tentukan sendiri nama labelnya.

3. Kode berwarna coklat ditandai dengan <!--nomore--> adalah kode yang diletakan dalam halaman posting (dalam editor HTML bukan Compose), kalian bisa menentukan sendiri dimana iklan tersebut akan tampil.



Untuk menampilkan iklan tinggal tambahkan saja nama labelnya dan jika kalian tidak ingin menampilkan iklan tinggal hapus aja nama labelnya. gampang kan :)

Ok semoga tutorial diatas berguna :) Salam.

Title: Menampilkan iklan ditengah posting berdasarkan Label
Posted by:Unknown
Published :2013-06-20T07:58:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Menampilkan iklan ditengah posting berdasarkan Label

Read More

Rahasia Optimasi Meta Tag di New Blogger

Optimasi Meta Tag kali ini merupakan salah satu rahasia besar yang tersimpan dengan rapi di blog saya selama ini dan kalian tidak akan mungkin menemukan tutorial ini diluar sana karena tehnik kali ini merupakan asli hasil resep saya pribadi jikapun ada itupun hanya mirip apalagi kalau sampai sama, nah itu berarti saya yang copy-paste :p



Bagi kalian yang sudah berpengalaman menangani SEO untuk Platform Blogger mungkin tidak begitu kesulitan untuk melakukan optimasi pada Meta Tag, namun bagi yang pemula biasanya cuma bisa pasrah saja dengan Script XML standarnya Blogger. Meski kita ketahui saat ini Blogger sebenarnya sudah melakukan perubahan besar pada Optimasi Meta Tag mereka tapi menurut saya itu saja belum cukup, tetap harus ada perubahan besar jika ingin menjadi no.1 dihalaman percarian. ok walaupun konten kalian saat ini sangat Super Quality disetai Backlink yang bejibun dari negeri antah berantah sana ditambah lagi dengan desain blog yang cantik bak bidadari bermata jeli semua itu sama aja bo'ong, tanpa adanya optimasi dari dalam (One Page SEO) itu sama saja ibarat sayur tanpa garam (ngawur :p)



Lihat script dibawah, itu merupakan hasil optimasi untuk semua Meta Tag yang saya gunakan pada blog saya saat ini, tidak ada pengurangan satu rahasiapun disana. Dan maaf, untuk cara meletakan kode dibawah ini pada blog kalian saya tidak akan mengajarkannya lagi, silahkan bongkar semua postingan lama saya atau bisa langsung kunjungi di link ini kalau lagi males! Cara pasang Meta Tag

<!-- Meta Title Halaman Error/404 --> 
<b:if cond='data:blog.pageType == "error_page"'>
<title>404: Maaf halaman yang ada cari tidak ada | Namablog</title> 
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<!-- Meta Title Halaman Search -->
<b:if cond='data:blog.searchQuery'>
<title>Pencarian keyword untuk :: <data:blog.searchQuery/> :: | NamaBlog</title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<!-- Meta Title Halaman Arsip --> 
<title>Arsip Artikel Bulan <data:blog.pageName/> | NamaBlog</title>
<!-- Meta Descriptin Halaman Arsip --> 
<meta expr:content='"Arsip Artikel Bulan " + data:blog.pageName + " selengkapnya silahkan kunjungi di NamaBlog"' name='description'/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<!-- Meta Title Halaman Pages --> 
<title><data:blog.pageName/> | NamaBlog</title> 
<b:if cond='data:blog.metaDescription'>
<!-- Meta Description Halaman Pages Aktif--> 
<meta expr:content='data:blog.metaDescription'  itemprop='description'/>
<b:else/>
<!-- Tampilkan jika Meta Description Halaman Page tidak aktif-->
<meta expr:content='data:blog.pageName + ". Silahkan baca artikel " + data:blog.pageName + " selengkapnya di NamaBlog"' name='description'/>
</b:if>
<b:else/>
<!-- Meta Title Halaman Label -->
<b:if cond='data:blog.searchLabel'>
<title>Pencarian pada Label :: <data:blog.pageName/> :: | NamaBlog</title>
<!-- Meta Description Halaman Label --> 
<meta expr:content='"Pencarian pada kategori ::" + data:blog.pageName + ":: selengkapnya silahkan kunjungi di NamaBLog."' name='description'/>
<b:else/>
<!-- Meta Title Halaman Utama --> 
<title><data:blog.pageTitle/> | NamaBlog</title> 
<!-- Meta Description Halaman utama --> 
<meta expr:content='data:blog.pageTitle + " Tulis deskripsi blog anda disini."' name='description'/> 
</b:if>
</b:if>
</b:if>
<!-- Meta Keyword Halaman utama--> 
<meta content='keyword1, keyword2, dst' name='keywords'/>
<b:else/>
<!-- Meta Title Halaman Post --> 
<title><data:blog.pageName/> - NamaBlog</title>
<!-- Meta Description Halaman Post aktif --> 
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription'  itemprop='description'/>
<b:else/> 
<!-- Tampilkan jika Meta Description Halaman post tidak aktif-->
<meta expr:content='data:blog.pageName + ". Silahkan baca artikel " + data:blog.pageName + " selengkapnya di NamaBlog"' name='description'/>
</b:if>
<!-- Meta Keyword Halaman post --> 
<meta expr:content='data:blog.pageName + ", keyword1, keyword2, dst"' name='keywords'/>
</b:if>

Optimasi SEO Meta tag diatas sangat manjur dan sangat SEO Friendly, kalian bisa mengeditnya sesuai dengan kebutuhan. Sedangkan untuk melihat perubahan Meta Tag diatas kalian bisa melihatnya langsung dengan cara membuka Source Code-nya melalui Browser atau gunakan extention untuk firefox yang saya rekomendasikan di sini http://www.quirk.biz/searchstatus



Sering-sering aja sambangi  blog saya karena kedepannya insya Allah akan saya bongkar semua rahasia yang tersembunyi untuk Optimasi SEO di Blogger. Salam :)

Title: Rahasia Optimasi Meta Tag di New Blogger
Posted by:Unknown
Published :2013-06-12T20:26:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Rahasia Optimasi Meta Tag di New Blogger

Read More

Mengatasi Duplikasi Meta Tag Deskripsi pada Halaman Post

Hampir 2 tahun lebih saya tidak ngeblog ternyata tampilan Dashboard Blogger banyak yang berubah ya, terus terang pertama saya juga bingung melihatnya, meski tangan sampai keriting otak-atik sana sini dan  ternyata banyak juga fiitur baru yang membuat Platform Blogger semakin canggih saja. Dan yang paling menarik sempat mencuri perhatian saya yaitu adanya setingan pada Meta Tag Deskripsi dimana kita di bebaskan memasukan secara manual setiap deskripsi pada halaman postingan, ini sungguh perubahan besar tidak seperti 2 tahun lalu :)



Ok kembali pada bahasan utama.Jika diperhatikan Blogger memang sudah menanam item Meta Tag Deskripsi ini pada halaman postingan, nah yang jadi masalah bagaimana jika kita tetap ingin mempertahankan Meta Tag Deskripsi yang lama tanpa harus melakukan editing manual semua postingan kita, bayangkan saja semisal ada 500 artikel yang sudah kalian publikasikan, apa mau ngeditnya satu-persatu hehehe...Alangkah baiknya jika kalian hanya menempatkan Meta deskipsi tersebut hanya pada postingan terbaru saja dan membiarkan deskripsi postingan kalian tetap menggunakan deskripsi yang lama.



Kode dibawah ini dapat langsung digunakan untuk menangani masalah Duplikasi Meta Tag Deskripsi:

<b:if cond='data:blog.pageType != "item"'>
<!-- Title Halaman Utama --> 
<title><data:blog.pageTitle/> | JudulBlog</title> 
<!-- Desc Halaman utama --> 
<meta content='bla..bla..bla...' name='description'/>
<b:else/>
<!-- Title Halaman Post --> 
<title><data:blog.pageName/> - JudulBlog</title>
<!-- Deksripsi post aktif --> 
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
<b:else/> 
<!-- Tampilkan jika Desc Halaman post tidak aktif-->
<meta expr:content='data:blog.pageName + " bla..bla..bla..."' name='description'/>
</b:if>
</b:if>

Saya beri penjelasan cara kerjanya, lihat baris kode diatas itu yang akan menangani masalah Meta Deskripsi pada blog kalian, sebelum kalian memasangnya pastikan jika ingin postingan kalian menggunakan Meta Deskripsi yang lama maka pada halaman postingan Meta Deskripsinya dibiarkan kosong saja, sedangkan jika kalian ingin menambahkan Meta Deskripsi terbaru pada postingan maka kode diatas secara otomatis akan langsung menampilkan Deskripsi sesuai dengan input kalian yang ada pada postingan. Oh iya jika kalian menggunakan meta deskripi pada halaman utama (index) langsung pada item Dashboard Blogger silahkan hapus saja meta deskripsi yang berwarna pink diatas.



Kalian pasti bingung kenapa gak ada meta keywordnya? ini RAHASIA SEO 2013 Boss... saya pribadi juga sudah mengabaikannya :)

Title: Mengatasi Duplikasi Meta Tag Deskripsi pada Halaman Post
Posted by:Unknown
Published :2013-06-09T21:50:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Mengatasi Duplikasi Meta Tag Deskripsi pada Halaman Post

Read More

Menampilkan Gambar Profile dihalaman Hasil Pencarian Google

FBEKJ5CX2CY9 - Bisa dipastikan robot Google sekalipun tidak mungkin bisa menentukan keaslian suatu artikel, yang mungkin bisa tentu saja hanya penulis artikel itu sendiri. Tapi dengan hadirnya fasilitas untuk menampilkan gambar Profile Anda dalam hasil pencarian tentu ini akan menjadi cerita lain, selain terlihat bahwa Anda adalah penulis sebenarnya dan itu juga menjadi kesan profesional buat Anda. Coba saja Anda mencari artikel yang menarik di Google, Anda tentu akan melihat 10 hasil pencarian pertama dan bisa dipastikan semuanya mempunyai judul yang hampir mirip bahkan sama persis, lalu bagaimana jika di antara 10 hasil pencarian tersebut terpajang wajah tampan Anda, tentu si pencari akan melirik Anda terlebih dahulu walapun artikel blog Anda sendiri hanya berada pada urutan ke 6, itu karena halaman Google sering berisi penuh dengan teks dan dengan demikian orang mungkin akan tertarik lebih ke arah hasil yang memiliki beberapa elemen visual (foto penulis) yang melekat padanya. Asalkan bukan artikel COPAS aja ya tar malah malu2in, udah copas nampang pula hehehe





Cara menampilkan gambar Profile dihalaman hasil result Google:



CARA I:





1. Pertama, silahkan buat satu halaman "About me" di blog Anda, untuk pengguna blogger Anda bisa membuatnya melalui halaman Statis Page atau bisa juga menggunakan halaman Standar Post. Agar lebih mudah Anda bisa melihat halaman "About me" milik saya disini.



2. Buat satu Text Link yang mengarah ke halaman URL Profile Google+ Anda dan jangan lupa menanamkan satu Tag rel="me" (ingat hanya satu tag saja) dalam link tersebut.

<a href="https://plus.google.com/ID_Anda" rel="me">Agus Ramadhani</a>

3. Ini sangat penting, pastikan semua artikel diblog Anda terkait kehalaman "About me". Caranya sangat mudah, Anda tinggal memasang saja link "About me" di menu, saya sendiri memasangnya di halaman About dalam widget saya (lihat paling bawah di blog ini ditandai dengan text link Read more ), dan pastikan Anda memasang Tag rel="author" pada link tersebut.



<a href="http://www.blog-Anda.com/p/about-me.html" rel="author">About me</a>









4. Langkah terakhir silahkan masuk ke halaman profile Google+ Anda disini https://plus.google.com dan tuju ke tombol "Edit Profile" kalau sudah silahkan tuju ke pengeditan "Profile lainnya", biasanya Anda diminta untuk memasukan alamat blog Anda, nah disini Anda tinggal memasukan Link "About me" saja beserta URL-nya.









Sampai tahapan ini sebenarnya sudah selesai dan biarkan google merayapi halaman Anda terlebih dahulu. Perlu juga diketahui bahwa tidak ada jaminan gambar anda akan tampil, semua tergantung analisa google itu sendiri setelah merayapi halaman anda.



CARA II:

Cara yang kedua jauh lebih praktis dimana Anda tinggal menambahkan satu badge icon profile saja, caranya silahkan langsung menggunakan Profile Button Creator dialamat ini http://www.google.com/webmasters/profilebutton

Pastikan cara kedua ini tidak berlaku jika Anda sudah menggunakan cara pertama, jika tidak akan terjadi duplikat Profile Author.





Verifikasi Author

Agar gambar Profile Anda bisa tampil dan berjalan dengan sempurna sebaiknya Anda perlu melakukan verifikasi dengan mengujicobanya terlebih dahulu.

1. Silahkan buka Rich Snippets Testing Tool



2. Masukan salah satu link artikel (posting) Anda yang terbaru.

3. Jika tidak ada masalah maka gambar profile beserta nama Anda akan muncul dan ditandai dengan nilai verifikasi yang bener.



Tips jika ada kesalahan

1. Pastikan Anda hanya menggunakan kedua tag rel="me" dan rel="author" diatas satu kali saja jangan sampai ada duplikat.

2. Pastikan Anda benar-benar memasukan gambar Anda pada Profile Google+, sebaiknya termasuk dengan Isi biodata Anda secara lengkap.

3. Pastikan halaman profile Google+ Anda benar-benar terkait dengan halaman blog Anda, termasuk halaman About me tadi.

4. Google akan memilih thumbnail gambar dari halaman Profil Google+ Anda, sebaiknya gunakan gambar yang sebenarnya dari diri Anda sendiri (bukan ikon). Gambar harus terlihat baik bahkan ketika dikompresi menjadi gambar thumbnail 50x50.



Silahkan baca dokumentasi selengkapnya disini





Semoga tutorial diatas berguna :)

Title: Menampilkan Gambar Profile dihalaman Hasil Pencarian Google
Posted by:Unknown
Published :2013-05-22T23:59:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Menampilkan Gambar Profile dihalaman Hasil Pencarian Google

Read More

Mengganti "Older Posts" Dengan Angka

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini


1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->

Kalau sudah silahkan dilihat hasilnya.

Title: Mengganti "Older Posts" Dengan Angka
Posted by:Unknown
Published :2012-05-21T07:36:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Mengganti "Older Posts" Dengan Angka

Read More

Cara Memasang Tombol Google+ di Blogger

Saya yakin pembaca setia blog ini tidak kesulitan untuk memasang tombol Google+ (G+), tapi tidak semua juga mengerti caranya, terlebih yang baru belajar ngeblog. Selain itu disini saya juga  mencoba menjelaskan secara rinci dari beberapa masalah yang kadang membuat tombol Google+ tidak bekerja sebagaimana mestinya. Jadi silahkan luangkan waktu sejenak untuk belajar tutorialnya dibawah ini:



Langkah memasang tombol G+ sangat mudah silahkan ikuti tutorial dibawah ini



Silahkan memasang Script dibawah ini atas Tag </body>

<!-- Tempatkan tag ini di bagian head atau tepat sebelum tag body penutup -->

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

Kemudian anda bisa memasang tombol G+ dimana saja dengan menambahkan kode dibawah ini.

<!-- Tempatkan tag ini di tempat yang Anda inginkan untuk menampilkan tombol +1 -->

<g:plusone size="small"></g:plusone>

Cara memasang tombol G+ diatas sebenarnya sudah selesai, tapi jika anda ingin menambahkan kode yang lebih rinci anda bisa mencoba beberapa script dibawah ini:



Tombol G+ dengan ukuran Standar (24 piksel)

<g:plusone></g:plusone>

Tombol G+ dengan ukuran Kecil (15 piksel)

<g:plusone size="small"></g:plusone>

Tombol G+ dengan ukuran Sedang (20 piksel)

<g:plusone size="medium"></g:plusone>

Tombol G+ dengan ukuran Tinggi (60 piksel)

<g:plusone size="tall"></g:plusone>

Tombol G+ Untuk HTML5

<div class="g-plusone" data-size="standard" data-count="true"></div>

Anda juga dapat membuat custom tombol G+ sendiri

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {"parsetags": "explicit"}
</script>
<script type="text/javascript">
  function renderPlusone() {
    gapi.plusone.render("plusone-div");
  }
</script>
<body>
  <a href="#" onClick="renderPlusone();">Render the +1 button</a>
  <div id="plusone-div"></div>
</body>

Custom Tombol G+ dengan URL khusus

<!-- customized for a specific address -->
<g:plusone href="https://plus.google.com/108442421331149025926"></g:plusone>

Untuk customize tombol G+ saya menyarankan anda memasukan url dari Google+ profile atau halaman (page) G+ yang sudah ada buat, lihat tutorialnya disini



Cara pasang Tombol G+ disebelah Tombol Facebook (dalam halaman posting)

<span style='float:left; width:65px;'><!-- Place this tag where you want the +1 button to render -->

<g:plusone expr:href='data:post.url' size='medium'/>

</span>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.pjumpjhp?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:110px; height:30px;'/>

</div>

Kode standar Google+ tidak bekerja pada postingan dalam lingkup halaman home (index).

Pada halaman Posting dengan menggunakan kode <G:Plusone/> biasanya tidak terjadi masalah, tapi saat kalian mencoba memasang tombol G+ yang ditujukan pada halaman post yang letaknya berada dalam halaman utama ini biasanya bermasalah karena G+ setahu saya tetap akan mendeteksi sebagai halaman index bukan sebagai halaman post. Untuk mengatasi masalah ini silahkan mencoba menggunakan kode ini <g:plusone expr:href='data:post.url'/>



Sebenarnya G+ sendiri sudah menyedian Custom Badge yang bisa anda coba langsung di alamat ini disini atau anda bisa melihat informasi Full API selengkapnya disini



Jangan lupa bergabung dihalaman G+ saya:

Halaman Resmi Agus Ramadhani

Halaman Resmi o-om.com

Halaman Resmi Zoomtemplate.com

Title: Cara Memasang Tombol Google+ di Blogger
Posted by:Unknown
Published :2011-11-18T21:05:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
Cara Memasang Tombol Google+ di Blogger

Read More

Bagaimana Membuat Halaman di Google+

Seperti Facebook yang sukses membuat halaman Page khusus selain halaman
profile, Google+ (G+) beberapa waktu lalu juga kembali merilis halaman page yang
khusus dibuat untuk tujuan halaman penggemar seperti website, merek, bisnis dll. Dan tidak diragunakan lagi halaman ini sangat berguna untuk membuat saluran trafik dengan cara mempromosikan blog atau website. Jika anda sudah pernah membuat halaman
page untuk facebook saya rasa anda tidak akan bertanya lagi dengan page pada
G+ karena cara kerjanya sangat mirip dan hampir sama :)

Ada kelebihan yang di miliki Page pada G+ jika dibandingkan Facebook,
dimana Page pada G+ dalam waktu dekat akan terintegrasi dengan hasil pencarian
pada Google Search Engine, kita cukup memberi tanda (+) saja sebelum melakukan
pencarian, misalkan kita mengetikan +pepsi atau +angry bird maka secara
otomatis Google akan memberikan hasil result tertentu yang terkait dengan Page
pada G+. Bayangkan jika itu adalah halaman anda yang tampil pertama, tentu BOOM
trafik tidak akan diragukan lagi. Tapi ada tapinya, halaman yang muncul mungkin
adalah halaman yang populer dengan jumlah penggemar terbanyak :) jadi berusahalah
untuk membuat halaman G+ anda Populer, asalkan jangan buka halaman Salon ++ aja ya
wkwkwkkwk.

Tutorial Cara Membuat Halaman di Google+

Prosesnya gak ribet dan sangat sederhana yang penting anda sudah terdaftar
disana.

1. Langsung tuju ke halaman ini

https://plus.google.com/pages/create

2. Pilih halaman yang ingin anda buat, Saya sendiri memilih tab (Lainnya)
atau anda bisa memilih halaman tertentu misalkan blog atau website jadi terserah saja.

3. Silahkan masukan judul halaman dengan alamat blog yang ingin dipromosikan.
Jangan lupa beri tanda centang bahwa anda setuju dan tekan tombol (Buat)

4. Masukan slogan halaman minimal 10 kata dan tambahkan photo biar manis.

5. Selesai, tinggal di promosikan saja linknya :)

 

Jangan lupa bergabung dihalaman G+ saya:

Halaman Resmi Agus Ramadhani

Halaman Resmi o-om.com

Halaman Resmi
Zoomtemplate.com

 

Title: Bagaimana Membuat Halaman di Google+
Posted by:Unknown
Published :2011-11-16T18:27:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
Bagaimana Membuat Halaman di Google+

Read More

Launching Zoom Free Video Tutorials

Rasanya kurang lengkap kalau saya hanya menyajikan materi
Blogger Tutorials dan membagikan
Blogger Templates secara gratis saja,
untuk melengkapinya, hari ini saya coba mengembangkan blog yang khusus
menampilkan semua
Free Video
tutorials secara visual. Walapun saat ini semua
tutorial video
yang saya publikasikan hanya video milik orang lain, saya rasa itu tidak
jadi masalah :) yang penting semua video tersebut bisa jadi media cara mudah belajar ngeblog. Semoga saja untuk kedepannya saya juga memiliki video buatan sendiri :)

Kalau rekan punya video tutorial buatan sendiri atau memiliki
referensi tutorial video menarik lainnya..tidak ada salahnya
mengirimkannya kepada saya biar bisa di publikasikan dan kita pelajari
bersama. Silahkan sambangi aja langsung blog video tutorial terbaru saya disini

Title: Launching Zoom Free Video Tutorials
Posted by:Unknown
Published :2011-11-12T07:46:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
Launching Zoom Free Video Tutorials

Read More

SERP SEO Tool Khusus Untuk Kontes SEO

Search Engine Results Page (SERP) Tool ini merupakan SEO Tools yang dirancang khusus untuk memudahkan sobat melacak kata kunci target di Search Engine Google. Ini sangat berguna buat sobat yang sedang ikutan kontes atau sekedar hanya untuk melacak posisi keyword target di Google.







Cara melacak:


1. Untuk mencobanya silahkan Langsung ke Sini


2. Masukan Kata Kunci (keyword) yang sedang di ikutkan dalam Lomba SEO Kontes.


3. Masukan Alamat URL Blog yang sedang di lombakan (bisa url saingan atau url sendiri).


4. Pilih target URL Google misalkan lomba diadakan pada Google.com atau Google.co.id (Indonesia).


5. Selalu pastikan memilih YES untuk membersihkan Cache Browser agar hasil pencarian Maksimal.


6. Jika target ditemukan, hasil Pencarian dilacak per 10 result dan ditandai dengan pada nomor halaman.


Semoga Tool diatas bermanfaat :)

Title: SERP SEO Tool Khusus Untuk Kontes SEO
Posted by:Unknown
Published :2011-10-21T20:04:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
SERP SEO Tool Khusus Untuk Kontes SEO

Read More

Blogger Templates 2012: Blogger Store V2

This is Blogger Store v.2 the best blogger templates 2012 ever made. Comes with more elegant, simple and fresh fresh design. Its beauty can you see in the background pattern on the body and main content combined with appropriate background color.

Download | Live Demo



What the features of Blogger Store v2 ?

I added some new features that do not exist in previous versions, and
here the features you can find on this template.

1. SimpleCart.js v2.2.2.

This template still using SimpleCart.js v.2.2.2 by
The Wojo Group as
ShoppingCart framework. Since I did some editing on this script, now you can
using Indonesian Rupiah (IDR) for the currency. But it�s just a fake because
Indonesian Rupiah currently not listed on
Paypal.

2. Animated ShoppingCart

I added a little animation effects on shopping cart, at default position he
would not be visible and show only the total item and the total price and will
be visible if you click on shopping cart menu. It will further reduce the use of
space on your blog page

2. Superfish Menu.

I�ve added 2 pieces of dropdown menu, Top Secondary and Primary menu. I use

superfish for it because I think superfish is better and give a
softer effect than jQuery sliding menu on blogger store old version.

3. Automatic Featured Content with jQuery Carousel Fred.

As my framework i always using automatic methode for all of my template. and
specially for Blogger Store v2.0 I�m using Automatic featured content from  jQuery
Crausel Fred v.4.5.2, this is automaticly work to displaying product by
label or recent product also can display from another source, just need a
several setting.

4. Grid and List Style post integrated with jQuery Plugin.

This is a great one !! you will see two view style on this template, default
is Grid style and will be change to List style if you click switcher button.
This feature is integrated with jQuery Cookie Plugin, so the visitor can see
style of the last time they visited.

5. Advanced Blogger Template Designer Support

This feature gives you flexibility to customize the background and color of
template on Template Designer, so you can get unlimited color and unlimited font
for your template, available for :

• Body Background Color


• Main Text Color


• Font Style and Size


• Text Link Color


• Background Menu Color


• Background and border for Shopping Cart Color

This template also have several additional features:

6. Social Bookmark Icon

7. Search Form

8. Ads Space

9. Animated Sponsors Logo

10. Pattern Background.

I hope you like this template..

Title: Blogger Templates 2012: Blogger Store V2
Posted by:Unknown
Published :2011-10-03T20:38:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Blogger Templates 2012: Blogger Store V2

Read More

Cara Meningkatkan Traffic dan Visitor via Plipeo.com

Plipeo.com

Mungkin rekan blogger belum banyak yang mengetahui cara meningkatkan traffic dan Visitor dengan Mudah dan cepat
serta sedikit menghilangkan kejenuhan bahkan  ketergantungan berharap mendapatkan traffic yang hanya datang pada search engine atau blogroll dari blog lain, dan itu pun jarang karena adanya beberapa faktor lain.



Sekarang sobat blogger tidak perlu khawatir, karena sudah adanya Layanan Social Traffic Exchange yang dikhususkan untuk para blogger yaitu
Plipeo.com. Plipeo menghubungkan Blog sobat ke blog lainnya yang sudah menjadi jaringan dari Plipeo.com dan sudah banyak yang menggunakan layanan ini karena mampu meningkatkan Traffic hingga 300%! serta mendatangkan Real Visitor atau pengunjung yang benar-benar tertarget ke blog anda.



Oke deh sekarang langsung saja saya akan menjelaskan cara mendaftar agar cepat mendapat Traffic dan Visitor dari Plipeo.com atau layanan
Traffic Exchange untuk para sobat blogger sebagai berikut:

• Silakan sobat persiapkan blog yang akan di daftarkan lalu silakan buka halaman Plipeo.com untuk mendafar atau bisa langsung mengunjungi link berikut
  http://plipeo.com/webmaster/signup.

Klik Daftar

• Jika sudah pada halaman daftar silakan sobat isi data yang sesuai seperti Website di isi dengan Url blog, Nama, Email serta
  Traffic Harian dari blog sobat. dan Plipeo tidak membatasi traffic jadi semua blogger bisa mendaftar dan mendapatkan traffic.

Daftar Plipeo.com

• Jika sobat sudah mendaftar maka akan langsung di terima menjadi member dari plipeo, dan langkah selanjutnya yaitu sobat wajib Memasang Widget dari Plipeo dengan mengunjungi halaman Widget Anda ambil code widget tersebut lalu pasang di Blog sobat, bisa di sidebar atau tempat lainnya dan jangan lupa untuk memilih kategori yang ingin di munculkan pada widget serta sedikit memodifikasi Widgetnya agar terlihat indah pada blog sobat

Halaman Widget

• Setelah memasang Code Widget pada Blog sobat silakan sobat kirim artikel sobat dengan memilih Tambah Posting Anda, silakan isi Url, Judul ( Usahakan semenarik munkin dan berbeda pada blog sobat, deskirpsi artikel, Tag, lalu Url gambar agar artikel yang sobat masukan terlihat menarik lalu klik submit menyatakab artikel sobat itu original dan tidak sama dengan yang lainnya.

Kirim Artikel Sobat

• Bila sobat sudah kirim artikel sobat maka team dari Plipeo.com akan mereview postingan serta widget yang ada di blog sobat, jika sudah benar artikel Tidak hasil dari Kopas ( Copy Paste ) dan widget terpasang maka artikel sobat akan langsung disebar ke jaringan plipeo.

itulah beberapa langkah untuk bergabung, mudah bukan. :) . Layanan seperti ini sudah banyak di Eropa dan Plipeo.com satu-satunya penyedia layanan
Traffic Exchange serupa di Indonesia.  dan lihat gambar dibawah salah satu contoh blog yang menggunakan Plipeo mendapatkan traffic hingga 277%.

Traffic Hingga 277%!!

dan tambahan buat sobat blogger, saat ini plipeo sedang mengadakan sebuah kontes Review Plipeo.com jadi sobat hanya menulis artikel tentang mereka atau tutorial terserah sobatlah lalu masukan artikel sobat ke plipeo dengan memasukan ke kategori Support Us dan Total hadiah yaitu sebesar $100 untuk 2 pemenang. kabarnya akan ditambah hadiahnya. silakan lihat pengumumannya di
http://blog.plipeo.com untuk keterangan lebih lanjut.



Salam Blogger Indonesia :)

Title: Cara Meningkatkan Traffic dan Visitor via Plipeo.com
Posted by:Unknown
Published :2011-09-11T19:57:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Cara Meningkatkan Traffic dan Visitor via Plipeo.com

Read More

Trik Sederhana Cara Proteksi Gambar di Blog

Rasanya sangat mustahil menghindari seseorang menyalin dan menyimpan gambar
yang ada dihalaman blog anda. Hanya dengan melakukan klik kanan dan "save as" siapapun dapat dengan mudah mengambil gambar anda hanya dengan hitungan detik.

 

Nah disini sebenarnya ada Trik Proteksi sederhana yang bisa anda lakukan
untuk menghindari gambar anda di simpan dari tangan-tanagn jahil, dimana hasil dari gambar yang dicoba disimpan nantinya hanya berupa gambar kosong.

 

Untuk uji coba silahkan klik kanan dan "save as" gambar dibawah ini:

 

Kode standar dari gambar biasanya seperti ini:

<img width="500" height="375" src="http://www.o-om.com/contohgambar.jpg"/>

 

Dengan menerapkan kode sederhana dibawah ini yaitu dengan hanya mengubah artibut src dan penggunaan css style langsung pada gambar maka cara Trik dibawah ini akan menciptakan gambar kosong pada hasil download.

<img style="background-image:url('http://www.o-om.com/contohgambar.jpg');"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP
///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width="500" height="375"/>

 

Ingat! selalu pastikan ukuran size dari gambar harus sama dengan aslinya. Walaupun Trik ini menurut saya tidak 100% akurat paling tidak khan cara ini bisa sedikit mengurangi dari tangan pengguna yang non-teknis :)

Title: Trik Sederhana Cara Proteksi Gambar di Blog
Posted by:Unknown
Published :2011-08-19T07:34:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Trik Sederhana Cara Proteksi Gambar di Blog

Read More

Pilihan Black atau White YouTube Video Player

Sebelumnya anda mungkin hanya bisa menampilkan Video Player Youtube
menggunakan warna standar Light (white) saja, sedangkan saat tulisan ini saya
buat melalui situs resmi
youtube

Shannon Behrens mengatakan bahwa YouTube akan beralih ke pemutar video gelap
untuk semua embeds dalam beberapa waktu mendatang. Lalu bagaimana jika anda
sudah terlanjur ingin menggunakan warna Light saja sebagai warna stardar payer
anda karena itu mungkin lebih sesuai dengan halaman blog anda saat ini.

 

Lihat Perbedaan Warna Player Video YouTube dibawah ini:

 

Untuk Light (white) Player:

<iframe src="http://www.youtube.com/embed/S1Q9bAochC0?theme=light"

      frameborder="0" width="575" height="350"></iframe>

 

Untuk Black Player:

<iframe src="http://www.youtube.com/embed/S1Q9bAochC0?theme=dark"
      frameborder="0" width="575" height="350"></iframe>

 

Untuk Mengubah warna player sesuai selera caranya anda tinggal mengganti saja
warna merah pada source diatas. Semoga Berguna :)

Title: Pilihan Black atau White YouTube Video Player
Posted by:Unknown
Published :2011-08-16T08:37:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Pilihan Black atau White YouTube Video Player

Read More

Bejubel.com � Media Belanja Online Terpercaya

Trend sistem penjualan online sudah merambah segala level masyarakat. Masyarakat tidak ragu lagi untuk melakukan kegiatan jual beli melalui website Toko online seperti contohnya Bejubel.com. Website ini mempermudah bertemunya para penjual dengan pembeli.

Bejubel.com adalah situs beranda jual beli gratis yang disediakan untuk memasang dan mencari iklan, baik yang bersifat individual maupun profesional. Menjual dan membeli produk-produk berkualitas tidak pernah semudah ini! Semua produk yang tersebar di penjuru Indonesia dapat diperoleh tanpa perlu bersusah payah. Kini Bejubel.com telah menempati rank kedua pada pencarian toko online di Google.

Mencari barang kesukaan Anda pada Bejubel.com dengan cepat, hanya dengan memasukkan kata kunci barang yang ingin Anda cari dan sekali klik lalu muncul beberapa kategori. Kategori yang bisa Anda pilih di Bejubel.com
adalah perangkat komputer, alat-alat rumah tangga, hewan peliharaan dan aksesorisnya, properti, elektronik, gadget, usaha jasa, jual laptop dan masih banyak lagi. Para seller Toko online turut merasakan kemudahan dari bejubel.com, mempromosikan barang-barang langsung ke sosial media seperti Facebook dan twitter tentunya akan dapat meningkatkan penjualan. Untuk buyer, Anda bisa temukan kemudahan mencari barang yang Anda inginkan berdasarkan proximity dengan meng-klik ilustrasi peta yang ada pada halaman depan website bejubel.com.

Bejubel.com juga menyediakan tips seputar jual beli online yang terdapat di dalam blog bejubel. Hanya saja mungkin Anda masih kesulitan menemukan tips tersebut, karena petunjuk tips tersebut hanya terdapat pada bagian �Berita Terbaru� bukan pada tab khusus blog/tips di halaman depan.

Bejubel.com kini sudah dapat Anda temui pada sosial media antara lain: Facebook Fan Page, Twitter, Kaskus, Koprol, dan Blogspot. Untuk menjadi anggota bejubel.com bisa menggunakan akun Facebook atau Twitter Anda, tidak sulit bukan? Dan tidak hanya yang memiliki Toko online saja yang berhak untuk berjualan online di bejubel.com, Anda sebagai individu pun bisa melakukan penjualan.

Belanja murah, mudah, gratis daftar, dan tidak perlu beranjak ke luar rumah. Jadi Anda tidak perlu ragu lagi untuk berbelanja online, segera kunjungi Bejubel.com dan rasakan kemudahannya.

Title: Bejubel.com � Media Belanja Online Terpercaya
Posted by:Unknown
Published :2011-07-04T00:21:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Bejubel.com � Media Belanja Online Terpercaya

Read More