Pages

Subscribe:
                            

Labels

Blog ini hanya untuk sharing semata jika ada rekan sekalian yang ingin menyumbangkan ide diperkenankan untuk mengisi box komentar. Terima Kasih
Tampilkan postingan dengan label Blogging. Tampilkan semua postingan
Tampilkan postingan dengan label Blogging. Tampilkan semua postingan

Minggu, 09 Oktober 2011

Kutipan artikel lebih menarik dengan blockquote

Seberapa sering anda dalam sehari mengunjungi blog atau bahasa kerennya blogwalking. Dan pernahkan anda melihat blog dengan tampilan cantik berupa artikel yang dikombinasikan warna-warna tertentu dalam bentuk kotak di halaman postingan. Jika anda belum tahu itu dinamakan blockquote yaitu penggalan kata/kalimat yang memiliki makna khusus bisa juga berupa script.

Blockquote adalah kutipan dari artikel yang dianggap penting atau memiliki arti khusus. Namun pada prakteknya, ada juga yang menggunakan blockquote untuk menuliskan tag HTML, kode CSS atau script pada artikel-artikel tips blogging. Membuat blockquote yang bagus dan keren tentu saja sangat penting artinya untuk mempercantik tampilan dari kutipan artikel yang kita buat . Biasanya dalam tiap template bawaan blogger sudah disertakan kode blockquote ini, namun jika tidak tersedia anda pun dapat membuat atau menambahkan blockquote secara manual. Saya pun sudah memodifikasi blockquote yang ada pada template Thesis ini, dan contoh tampilannya dapat sobat lihat pada postingan saya sebelum ini Kamus Istilah Blogger Yang Wajib Dibaca.

Kutipan artikel lebih menarik dengan blockquoteLetak kode blockquote dalam template biasanya ditandai dengan kode .post blockquote { atau kode .post-body blockquote {. Dibawah ini ada beberapa contoh blockquote berikut kode css-nya yang dapat sobat tempatkan pada template blog anda.

Kutipan artikel lebih menarik dengan blockquote



Kode blockquote 1 :
.post blockquote {
margin: 1em 3em; padding: .5em 1em;
border-left: 5px solid #fce27c;
background-color: #f6ebc1; } blockquote p { margin: 0; }

Kutipan artikel lebih menarik dengan blockquote



Kode blockquote 2 :
.post blockquote {
margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color: #000000;
background: #e0ffff;
border: 2px solid #4aa02c;
border-left: 20px solid #4aa02c
}

Kutipan artikel lebih menarik dengan blockquote



Kode blockquote 3 :
.post blockquote { background:#c5c5c5
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDSyWQjnVyUq4yo1dlvQdzW6AFMA_1AsManEzfol2sd7RncNSKkTywbpxhHKj5fUk5Ki-jxupxldiOgiDkXkNELoIgIecKU7h-k6bEMHu-yEHLCpCOhP2ShdEakW58ox-bGbhp8Ud8hxHq/s320/blockquote.png) no-repeat top left;
padding:10px 20px 10px 45px;
font-style:italic;
border:1px solid #000000;}

Kutipan artikel lebih menarik dengan blockquote



Kode blockquote 4 :
.post blockquote {
margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color: #000000;
background: url(http://2.bp.blogspot.com/_n7xseT2-HDU/TTfSVR6DdyI/AAAAAAAAArQ/ZtQUl-i6dhU/s1600/blockquote%2Bpelajaran%2Bblog.png)
no-repeat left top;
border-left: 10px solid #666666;

Kutipan artikel lebih menarik dengan blockquote



Kode blockquote 5 :
.post blockquote { background: #F3F3F1
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgapizpJAANistse7R1QxdGVW3Eu-XycOZHUJ788dOnvhr4IRzBsuA7-UO2CZ0hjiw6Wd0kr4n14c8nmpuMXJIdyjxxO7Ax4nEOjCBaGeXhjaYecRhvlnkdQ9CEF5E1Ame9nmbPI6Xf_Vo/s1600/comma-side-orange1.gif) ;
background-position:; background-repeat:repeat-y;
margin: 0 20px; padding: 20px 20px 10px 45px;
font-size: 0.9em; font: italic 1.2em Georgia, "Times New Roman", Times, serif; }
.post blockquote p { margin: 0; padding-top: 10px; }

Cara menambahkan blockquote pada template adalah sebagai berikut :
1. Login pada dashboard blogger anda.
2. Pilih Rancangan > Edit HTML, centang Expand widget template.
3. Carilah kode ]]></b:skin> pada template anda.
4. Copy kode css blockquote diatas dan paste tepat diatas kode ]]></b:skin>.
5. Save template anda.

Untuk cara membuat blockquote pada postingan sangat mudah, cara manualnya adalah teks yang dikutip harus diapit dengan kode blockquote pembuka <blockquote> dan kode blockquote penutup </blockquote>. Trus kalo mau yang otomatis, pada saat berada dalam panel postingan blogger tinggal diblok saja teks yang mau dijadikan blockquote kemudian klik simbol quotation atau tanda petik, maka teks yang dijadikan blockquote akan di-indentasi (menjorok kedalam) secara otomatis.

Kutipan artikel lebih menarik dengan blockquote










Nah dari beberapa contoh blockquote tadi, sobat pun dapat mencoba berkreasi dengan merubah warna background, jenis huruf atau mungkin sobat ingin membuat background gambar sendiri ? Boleh saja, karena dengan mencoba-coba sendiri akan membuat pemahaman kita jadi lebih mantap lagi. Semoga tips cara membuat blockquote ini bermanfaat dan selamat mencoba.

Dapatkan berbagai informasi menarik dengan mengunjungi link yang ada dalam blog ini mulai dari bisnis online, lowongan kerja, tips blogging dll. Pilih berdasarkan kategori yang anda minati lalu masukkan kata kuncinya dan klik cari informasi sekarang
Google
Kategori -->
Blog ini tidak memiliki kerja sama dengan pihak manapun semua hasil yang didapatkan berasal dari kerja keras penulis mengoptimalkan blog secara berkala. Anda bisa siapapun juga bisa asal ada usaha
Kekayaan sesungguhnya adalah ilmu yang terus di kembangkan tidak pernah bosan belajar hal baru terlebih ilmu itu bermanfaat bagi orang lain. Percayalah ilmu yang anda bagi kepada mereka sampai kapanpun tidak pernah berkurang justru semakin bertambah.

Mempercepat loading blog dengan compress css atau javascript

Loading blog akan sangat mempengaruhi kualitas blog anda di mata pengunjung. Sementara setiap pengguna internet memiliki perbedaan ISP dan kecepatan masing2 dalam mengakses situs. Apa jadinya tiap kali blog anda dibuka namun harus menunggu loading time yang cukup lama sudah pasti membuat pengunjung tidak sabar dan enggan mengakses blog anda kembali. Untuk mengatasi masalah ini ada baiknya anda ikuti tutorial berikut.

Salah satu tips jitu yang bisa kita terapkan untuk mempercepat loading blog adalah dengan cara compress kode CSS dan javascript yang ada pada template. Biasanya pengunjung akan langsung mengeluarkan jurus GPL (Gak Pake Lama) apabila menemukan blog yang loadingnya berat alias lelet dan mereka akan langsung menutup halaman blog yang tadinya mau dibuka. Nah supaya blog kita juga jangan sampai kena jurus GPL tadi, tidak ada salahnya kita antisipasi dengan cara meningkatkan speed blog kita melalui beberapa cara seperti mengkompresi CSS dan javascript atau kompresi pada image/gambar.

Cara Mengkompresi Kode CSS dan JavaScript pada Template :

Untuk melakukan kompresi CSS dan javascript, sobat dapat menggunakan tools CSS Compressor yang bisa dicari di Google atau kompresi secara online melalui Online YUI Compressor. Saya sarankan sobat menggunakan situs online ini karena lebih gampang dan cepat. Tinggal copy CSS atau javascript yang mau dikompresi dari template, kemudian pilih CS jika ingin melakukan compress CSS dan pilih JS jika yang ingin dikompresi adalah javascript. Kemudian kode CSS atau javascript yang sudah dikompresi kita copy dan paste-kan kembali pada tempatnya semula dalam template. Berdasarkan pengalaman saya, kesulitan yang sering dialami blogger adalah bagaimana membedakan mana yang CSS dan mana yang javascript.

Mempercepat loading blog dengan compress css atau javascript
Ciri kode CSS pada template yaitu yang berada diantara kode <b:skin><![CDATA[/* sampai dengan kode ]]></b:skin>. Contoh yang kode CSS itu yang seperti ini

.post-body {
font-family:'Calibri', Segoe UI, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;
font-size:15px;
line-height:1.4em;
margin:0 0 0.75em;
}
.post-footer {
border-bottom:2px dotted #dddddd;
color:#999999;
font-style:normal;
letter-spacing:0;
margin:0.3em 0;
padding:2px;
text-transform:none;
}

Ciri kode JavaScript pada template yaitu yang berada diantara kode (diapit oleh 2 kode) <script type='text/javascript'> dengan kode </script>. Atau bisa juga yang diantara kode <script type='text/javascript'> //<![CDATA[ dengan kode //]]> </script>. Contoh javascript itu yang seperti ini mas bro..

<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>
Cara Mengkompresi Image atau Gambar :

Untuk kompresi image atau gambar, biasanya saya juga melakukannya secara online di Free Image Optimizer. Kalo mau pake tools lain, sobat bisa cari tools seperti JPEG Compressor di Google. Kompresi image di layanan Free Image Optimizer ini mampu mengurangi ukuran (size) gambar dalam kilobyte hingga 50% lebih tanpa mengurangi kualitas dari gambar tersebut. Contoh hasil kompresinya seperti gambar dibawah ini.

Mempercepat loading blog dengan compress css atau javascriptSebelum >> 26 Kb dan Mempercepat loading blog dengan compress css atau javascriptSesudah >> 4 Kb

Well, capek juga nulis artikel puanjang banget nih ! Sekarang coba sobat terapkan trik untuk mempercepat loading blog yang sudah saya jelaskan tadi. Untuk mengetahui berapa kecepatan loading blog anda sebelum mengkompresi CSS, javascript dan image, cobalah pantau blog sobat melalui link http://gtmetrix.com ini. Saya sering memeriksakan “kondisi kesehatan” blog saya melalui gtmetrix ini karena banyak parameter yang bisa kita pantau. Dan sesudah mengkompresi, cobalah cek kembali berapa waktu loading blog sobat. Jika speednya menjadi lebih cepat, berarti anda telah berhasil meningkatkan speed blog anda. Good luck buddy…!

Dapatkan berbagai informasi menarik dengan mengunjungi link yang ada dalam blog ini mulai dari bisnis online, lowongan kerja, tips blogging dll. Pilih berdasarkan kategori yang anda minati lalu masukkan kata kuncinya dan klik cari informasi sekarang
Google
Kategori -->
Blog ini tidak memiliki kerja sama dengan pihak manapun semua hasil yang didapatkan berasal dari kerja keras penulis mengoptimalkan blog secara berkala. Anda bisa siapapun juga bisa asal ada usaha
Kekayaan sesungguhnya adalah ilmu yang terus di kembangkan tidak pernah bosan belajar hal baru terlebih ilmu itu bermanfaat bagi orang lain. Percayalah ilmu yang anda bagi kepada mereka sampai kapanpun tidak pernah berkurang justru semakin bertambah.

Kamis, 06 Oktober 2011

Membuat tabel kotak kolom dan bingkai di blog

Bagaimana ya cara bikin tabel di blog blogger? Mungkin pertanyaan ini pernah muncul di fikiran anda, yah tentunya ini di sebabkan karena artikel atau isi blog kita tersebut memerlukan adanya tabel. Membuat tabel di komputer adalah hal yang mudah karena sudah tersedia banyak program pembuat tabel di komputer seperti excel, calc, dan lain-lain. Lalu bagaimana untuk membuat tabel di blog khususnya blogspot? Meskipun Blogger.com tidak menyediakan fasilitas untuk membuat tabel tapi kita dapat membuat sendiri dengan menambahkan tag table dalam blog.

Untuk lebih jelasnya. Silahkan ikuti petunjuk dibawah ini:

1. Untuk membuat tabel 1x2 (1 baris 2 kolom) maka kode yang digunakan adalah:

<table border="1">
<tr>
<td></td> <td></td>
</tr>
</table>

Keterangan:
<table> merupakan perintah untuk membuat tabel
<tr> merupakan perintah untuk membuat baris
<td> merupakan perintah untuk membuat kolom
border merupakan perintah untuk mengatur ketebalan garis pinggir. Silahkan ganti nilainya sesuai keinginan

Sebagai contoh jika anda memasukkan kode seperti ini.

<table border="1">
<tr>
<td>Konten 1</td> <td>Konten 2</td>
</tr>
</table>

Maka hasilnya akan menjadi seperti ini:
Konten 1 Konten 2

Catatan:
Tulisan yang dicetak tebal pada kode diatas merupakan isi dari tabel. Anda bisa menggantinya dengan teks, link, atau gambar.

Jika anda ingin menambah baris baru maka tambahkan kode yang berwarna merah diatas . Contoh:

2. Membuat tabel 2x2 (2 baris 2 kolom) dengan konten teks dan gambar

<table border="1">
<tr>
<td>Gambar 1</td> <td>Gambar 2</td>
</tr>
<tr>
<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihEFRrf7blEpeLquQud43tASSOiO-WFEutQOkU62-2dk_FhNGeJlODtnIu9bpV5Wn5hGOEQN7WJkPqDZIBqct5phOR4UY4VLQ9_y3M5BJRuKpHv0FT-sqsAL-LYD9qcu4zr7i64Ws3bprL/" /></td> <td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj8M5Mswp8v2zTNEagitSUYSWOgkBYH7plS2wKX-8WWbIiASPAmZcc6Zm8FSfPSFhb0TQ_TzzgPTYkftbbh7X1R3RzN2ZM5LyVwvlASJgFniwAnCVOofHXaQbLBkqdxs9jb9wN58WEI72k/" /></td>
</tr>
</table>

Maka hasilnya seperti ini:

Gambar 1 Gambar 2

Sekarang kita buat data Tabel secara lengkap dan menyesuaikan dengan lebar halaman postingan

NoNama
Usia
Jenis KelaminPekerjaan
Tempat Tinggal
Gaji perbulan
1Angga Saputra
27 thn
Laki-lakiKaryawan
Jakarta
Rp. 2.000.000
2Wayan Mudana
28 thnLaki-lakiAtlet
Bali
Rp. 5.000.000
3Susanto
34 thnLaki-lakiWiraswasta
Yogyakarta
Rp. 8.000.000
4Maulana
18 thnLaki-lakiMahasiswa
Makasar
Belum Ada
5Adam Ahmad
29 thnLaki-lakiPegawai
Citayem
Rp. 2.500.000
6Yuniwati
23 thnPerempuanSekretaris
Medan
Rp. 4.000.000
7Dian anggi
20 thnPerempuanAdmin
Bekasi
Rp. 1.500.000
8Maharani
33 thnPerempuanManajer
Bogor
Rp. 6.500.000
9Dewi sartika
29 thnPerempuanCall center
Tangerang
Rp. 3.000.000
10Indah pertiwi
26 thnPerempuanMarketing
Solo
Rp. 2.750.000


NoNama
Usia
Jenis KelaminPekerjaan
Tempat Tinggal
Gaji perbulan
1Angga Saputra
27 thn
Laki-lakiKaryawan
Jakarta
Rp. 2.000.000
2Wayan Mudana
28 thnLaki-lakiAtlet
Bali
Rp. 5.000.000
3Susanto
34 thnLaki-lakiWiraswasta
Yogyakarta
Rp. 8.000.000
4Maulana
18 thnLaki-lakiMahasiswa
Makasar
Belum Ada
5Adam Ahmad
29 thnLaki-lakiPegawai
Citayem
Rp. 2.500.000
6Yuniwati
23 thnPerempuanSekretaris
Medan
Rp. 4.000.000
7Dian anggi
20 thnPerempuanAdmin
Bekasi
Rp. 1.500.000
8Maharani
33 thnPerempuanManajer
Bogor
Rp. 6.500.000
9Dewi sartika
29 thnPerempuanCall center
Tangerang
Rp. 3.000.000
10Indah pertiwi
26 thnPerempuanMarketing
Solo
Rp. 2.750.000
Total pendapatan rata-rata 1 orang perbulan
Rp. 2.000.000


Dapatkan berbagai informasi menarik dengan mengunjungi link yang ada dalam blog ini mulai dari bisnis online, lowongan kerja, tips blogging dll. Pilih berdasarkan kategori yang anda minati lalu masukkan kata kuncinya dan klik cari informasi sekarang
Google
Kategori -->
Blog ini tidak memiliki kerja sama dengan pihak manapun semua hasil yang didapatkan berasal dari kerja keras penulis mengoptimalkan blog secara berkala. Anda bisa siapapun juga bisa asal ada usaha
Kekayaan sesungguhnya adalah ilmu yang terus di kembangkan tidak pernah bosan belajar hal baru terlebih ilmu itu bermanfaat bagi orang lain. Percayalah ilmu yang anda bagi kepada mereka sampai kapanpun tidak pernah berkurang justru semakin bertambah.

Membuat Daftar Isi Blog dengan menggunakan Menu Tab View

Kali ini kita akan membahas tips untuk membuat menu tabview yaitu menu yang biasanya berada di side bar dengan 3 atau 4 menu pada satu halaman. Singkat nya untuk menghemat tempat di sidebar. Untuk memudahkan pengunjung blog mencari artikel, sebaiknya sediakan daftar isi blog di Sidebar, atau di atas postingan atau dimana saja sesuai keinginan anda. Ada banyak cara membuat daftar isi. Ada Daftar Isi otomatis, ada juga Daftar Isi Yang dibuat secara manual.



Sebelum memulai Tutorial Membuat Widget Menu Tab View di Blog, saya terangkan dulu mengenai MENU TAB VIEW, bagi anda yang masih asing dengan nama Widget ini.

Membuat Daftar Isi Blog dengan menggunakan Menu Tab ViewMENU TAB VIEW adalah sebuah widget dengan 1 kotak dan beberapa Menu diatasnya. Dengan satu kotak, MENU TAB VIEW bisa menampung banyak Daftar Isi dengan adanya Scroll. Dengan demikian, ruang di sidebar blog bisa lebih Hemat. Selain itu, menu tab view bisa di modifikasi sesuai keinginan kita mulai dari mengubah besar kotak, mengganti warna, memberi background gambar, dll.

Jika ingin memasang Widget MENU TAB VIEW pada Blog anda, berikut prosedurnya :

Langkah pertama
Copy kode dibawah ini ( Gunakan CTRL+C ) lalu letakkan pada Page Element ( Elemen Halaman ) blog anda.
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 100%;" class="Tabs">
<a title="Ganti tulisan ini dengan title tab anda">MENU 1</a>
<a title="Ganti tulisan ini dengan title tab anda">MENU 2</a>
<a title="Ganti tulisan ini dengan title tab anda">MENU 3</a>
<a title="Ganti tulisan ini dengan title tab anda">MENU 4</a>
</div>
<div style="width: 99%; height: 200px;" class="Pages">

<!--Awal Menu 1-->
<div class="Page"><div class="Pad">
<ul>
<li>
DAFTAR ISI MENU 1.1
</li>

<li>
DAFTAR ISI MENU 1.2
</li>

<li>
DAFTAR ISI MENU 1.3 dst
</li>


</ul>
</div></div>
<!--Akhir Menu 1-->

<!--Awal Menu 2-->
<div class="Page"><div class="Pad">
<ul>

<li>
DAFTAR ISI MENU 2.1
</li>

<li>
DAFTAR ISI MENU 2.2
</li>

<li>
DAFTAR ISI MENU 2.3 dst
</li>


</ul>
</div></div>
<!--Akhir Menu 2-->

<!--Awal Menu 3-->
<div class="Page"><div class="Pad">
<ul>

<li>
DAFTAR ISI MENU 3.1
</li>

<li>
DAFTAR ISI MENU 3.2
</li>

<li>
DAFTAR ISI MENU 3.3 dst
</li>


</ul>
</div></div>
<!--Akhir Menu 3-->

<!--Awal Menu 4-->
<div class="Page"><div class="Pad">
<ul>

<li>
DAFTAR ISI MENU 4.1
</li>

<li>
DAFTAR ISI MENU 4.2
</li>

<li>
DAFTAR ISI MENU 4.3 dst
</li>


</ul>
</div></div>
<!--Akhir Menu 4-->

</div></div></form>

<script type="text/javascript" src="https://sites.google.com/site/bloggerbugis/js/tabview-padapagelement4U.js"></script>

<div style="font-size: 90%; text-align: left; text-shadow: 3px 3px 3px rgb(0, 0, 0);"><a href="http://blogger-bugis.blogspot.com" target="_blank" title="Klik Tab untuk melihat semua Daftar Isi Blog BloggerBugis">Daftar Isi Blog</a></div>


. Jangan lupa Ganti tulisan DAFTAR ISI MENU dengan judul ARTIKEL anda.
. Ganti tulisan "Ganti tulisan ini dengan title tab anda" dengan Title Tab Anda ( Title adalah tulisan yang akan muncul saat mouse menyentuh Link, dalam hal ini TAB MENU
. Ganti tulisan "MENU 1"dengan Nama Tab yang anda inginkan, misalnya, BLOGGER, INTERNET, dll

Langkah kedua
Copy kode JavaScript dibawah ini :

<script src="https://sites.google.com/site/bloggerbugis/js/tabview-padakodehtml.js" type="text/javascript"/>

Paste dibawah kode ]]></b:skin>

Selanjutnya COPAS ( Copy Paste ) Kode Berikut ini diatas kode ]]></b:skin>

/* Menu Tab View Dari BLOGGERBUGIS
----------------------------------------------- */
div.TabView div.Tabs {
padding-top: 0px;
height: 24px;
overflow: hidden;
}

/* Menu Utama */
div.TabView div.Tabs a {
float: left;
display: block;
width: 85px; /*ukuran lebar tab menu*/
text-align: center;
height: 24px; /*ukuran tinggi tab menu*/
padding-top: 3px;
margin-right:2px; /*jarak antar tab menu*/
vertical-align: middle;
border: 2px solid #000000; /*warna border menu*/
border-bottom-width: 0;
font-family: "Trebuchet ms", Times New Roman, Serif; /*jenis huruf menu*/
font-size: 14px; /*besar huruf menu*/
font-weight: bold;
letter-spacing: 0px;
background-color: #000000; /*warna latar menu*/
color: #FFFFFF; /*warna huruf menu*/
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
}

div.TabView div.Tabs a.Active {
background-color: #B40404; /*warna background menu aktif*/
color: #f2f2f2;
font-weight: bold;
}

div.TabView div.Tabs a:hover {
background-color: #f2f2f2; /*warna background menu hover*/
color: #B40404;
font-weight: bold;
}

/* Kotak Utama */
div.TabView div.Pages {
clear: both;
border: 2px solid #000000; /*warna border kotak utama*/
overflow: hidden;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4h0Fpwr_tohT8emGPPQj5igpcmS28TAARK_BWNGHYPFuiuOK1dfQ4fpKyFMSkUR72spT3N9U-o_jUlKYwLZFp_pTbrsorDu237RK9ohsh94l3FF_j71Ioy_lb_BopqaNmyYmzLUKV3-FI/"); /*background kotak utama*/
}

div.TabView div.Pages div.Page {
height: 100%;
padding: 0px;
overflow: hidden;
}

div.TabView div.Pages div.Page div.Pad {
padding: 10px 5px;
font-size: 12px; /*besar huruf kotak utama*/
}


. Anda bisa menyesuaikan pengaturannya sesuai dengan keinginan anda dengan mengganti angka, kode warna, gambar background, dll
. Untuk melihat kode warna HTML, anda bisa lihat DISINI
. Tinggal klik warna yang anda inginkan lalu copy kodenya yang ada di bawah kotak KODE WARNA.

Dapatkan berbagai informasi menarik dengan mengunjungi link yang ada dalam blog ini mulai dari bisnis online, lowongan kerja, tips blogging dll. Pilih berdasarkan kategori yang anda minati lalu masukkan kata kuncinya dan klik cari informasi sekarang
Google
Kategori -->
Blog ini tidak memiliki kerja sama dengan pihak manapun semua hasil yang didapatkan berasal dari kerja keras penulis mengoptimalkan blog secara berkala. Anda bisa siapapun juga bisa asal ada usaha
Kekayaan sesungguhnya adalah ilmu yang terus di kembangkan tidak pernah bosan belajar hal baru terlebih ilmu itu bermanfaat bagi orang lain. Percayalah ilmu yang anda bagi kepada mereka sampai kapanpun tidak pernah berkurang justru semakin bertambah.

Selasa, 04 Oktober 2011

Membuat border background script berbeda warna

Cara membuat kotak dengan border pada posting blog atau web. Menggunakan kotak border dengan warna dan bentuk berbeda dapat menambah nilai lebih pada postingan. Selain itu tujuannya untuk memberikan sebuah penekanan terhadap pernyataan yang di anggap penting, unik ataupun peringatan. Mulai dari warna background, model dan warna border dapat diganti-ganti sesuai dengan keinginan. Berikut cara membuat dan menggunakan kotak border di posting blog.

Membuat border background script berbeda warnaDalam fitur blog, sebenarnya sudah tersedia untuk membuat kotak berbeda, yaitu blockquate. Akan tetapi jika dalam satu postingan ada beberapa penekanan terhadap pernyataan, kalau memakai blockquote semua jadi akan terlihat membosankan dan kaku. Maka agar lebih menarik sehingga menjadi tampil cantik dengan membuat kode html untuk kotak-kotaknya (istilah pastinya tidak tahu) mungkin kalian ada yang tahu boleh share disini. Langsung saja dipraktikkan cara menggunakan bordernya…

Untuk membuat border pada postingan maka dalam penulisan kodenya harus dalam mode HTML, tanpa mode tersebut, maka akan dianggap sebagai teks biasa. Contoh border pertama kode html sebagai berikut :

<div style="border: 1px #c8c785 solid; background- width: 290px; padding: 10px; text-align: left;">Tulisan atau script HTML letakkan disini</div>

Hasilnya script di atas menjadi seperti di bawah ini

Tulisan atau script HTML letakkan disini

Kita akan mengenal beberapa jenis pola pembentukan border background seperti berikut ini :

SOLID
Tulisan/script HTML atau artikel blog letakkan disini


DOTTED
Tulisan/script HTML atau artikel blog letakkan disini


DASHED
Tulisan/script HTML atau artikel blog letakkan disini


DOUBLE
Tulisan/script HTML atau artikel blog letakkan disini


GROOVE
Tulisan/script HTML atau artikel blog letakkan disini


OUTSET
Tulisan/script HTML atau artikel blog letakkan disini


RIDGE
Tulisan/script HTML atau artikel blog letakkan disini


Format lainnya sebagaimana contoh berikut ini



Sekarang kita membuat kotak atau box quotenya (box text area)
Contoh 1
(Harus klik tombol select all text baru kode script atau tulisan bisa di copy)



Contoh 2
(Klik pada area text anda langsung bisa copy)





Letakkan postingan anda disini (bentuk yang satu ini agak melengkung)

Teks dibawah terlihat seperti contoh penggunaan script yang telah dijelaskan sebelumnya. Namun sebetulnya berbeda memang tidak mencolok perbedaannya. Ini dinamakan highlights post yaitu membuat tulisan secara otomatis memiliki bentuk background sendiri. Mari lihat cara membuatnya.

Selamat mencoba semua cara diatas mudah-mudahan berhasil dan ada manfaatnya buat kalian


Pergi ke dashboard pilih rancangan kemudian klik edit html dan cari kode ini ]]></b:skin> lalu letakkan script berikut persis diatasnya

.alert { background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}

Kalau sudah save template kalian. Tiap kali ingin menggunakan cara ini kalian cukup menambahkan kode berikut <p class="alert">Tulis artikel mulai dari sini</p> nanti akan tampak seperti contoh diatas

Dapatkan berbagai informasi menarik dengan mengunjungi link yang ada dalam blog ini mulai dari bisnis online, lowongan kerja, tips blogging dll. Pilih berdasarkan kategori yang anda minati lalu masukkan kata kuncinya dan klik cari informasi sekarang
Google
Kategori -->
Blog ini tidak memiliki kerja sama dengan pihak manapun semua hasil yang didapatkan berasal dari kerja keras penulis mengoptimalkan blog secara berkala. Anda bisa siapapun juga bisa asal ada usaha
Kekayaan sesungguhnya adalah ilmu yang terus di kembangkan tidak pernah bosan belajar hal baru terlebih ilmu itu bermanfaat bagi orang lain. Percayalah ilmu yang anda bagi kepada mereka sampai kapanpun tidak pernah berkurang justru semakin bertambah.

Senin, 03 Oktober 2011

Cara mengubah ukuran pixel photo atau gambar

Photo atau gambar yang kita miliki entah itu hasil download dari internet ataupun jepretan melalui kamera ponsel dan kamera digital biasanya berukuran besar hingga 1 atau 2 Mb. Sekedar ingin cuci cetak di kodak sih gak masalah kan jadinya berbentuk photo langsung so gak perlu repot memperkecil ukuran photo. Trus gmana kalo mau upload ke facebook, flickr, ipanelonline dsb. Sudah pasti loading akan terasa lama apalagi jumlah yang mau di upload ada banyak.

Untuk mengatasi hal ini kalian bisa menggunakan jasa free uploader seperti webresizer. Penggunaannya juga mudah kalian hanya browse photo dari komputer atau media lainnya lalu pilih upload. Tunggu beberapa saat sampai hasil uploadnya finish. Agar lebih jelas perhatikan petunjuk gambar berikut.

Kunjungi langsung situs webresizer akses melalui link ini akan tampak wujud halaman depan webresizer



Pilih Resize photos now kemudian klik telusuri dilanjutkan dengan upload image. Tunggu beberapa menit hingga photo anda sukses terupload



Contoh gambar hasil upload setelah itu pilih download this image



Ada kalanya kita diharuskan mengupload ukuran gambar/photo minimal misalnya 600x600 pixel dan tidak boleh lebih dari 150 kb. Kalian hanya mengganti angka pada new size terus lanjutkan dengan apply changes jika sudah sesuai download this image. Lihat gambar :



Tidak sulit gak mengubah ukuran gambar. Ok kalian praktekkan aja langsung dan upload photo sebanyak mungkin ke facebook dan jejaring sosial lainnya. Paling tidak, sekarang gak perlu nunggu loading lama sebab size nya jauh lebih kecil. Selamat mencoba....

Dapatkan berbagai informasi menarik dengan mengunjungi link yang ada dalam blog ini mulai dari bisnis online, lowongan kerja, tips blogging dll. Pilih berdasarkan kategori yang anda minati lalu masukkan kata kuncinya dan klik cari informasi sekarang
Google
Kategori -->
Blog ini tidak memiliki kerja sama dengan pihak manapun semua hasil yang didapatkan berasal dari kerja keras penulis mengoptimalkan blog secara berkala. Anda bisa siapapun juga bisa asal ada usaha
Kekayaan sesungguhnya adalah ilmu yang terus di kembangkan tidak pernah bosan belajar hal baru terlebih ilmu itu bermanfaat bagi orang lain. Percayalah ilmu yang anda bagi kepada mereka sampai kapanpun tidak pernah berkurang justru semakin bertambah.

Sabtu, 01 Oktober 2011

Popularitas blog tergantung jumlah backlink

Backlink berkaitan dengan SEO mungkin bagi yang sudah menjadi master tentu artikel ini sudah usang, tapi marilah kita beri pemahaman bagi adik-adik kita supaya menjadi manusia Indonesia yang cerdas berkualitas. Bahasa yang sederhana mendefinisikan backlink adalah sebuah tautan atau link dari situs kita ke situs orang lain. Misalnya saya memberi sebuah taut kepada seseorang dari blog ini, saya memberi link teman saya yang mempunyai blog yakni www.kangkunk.blogspot.com, secara tidak langsung saya telah memberi backlink kepada dia. Bayangkan jika sebuah situs dengan pagerank tinggi memberi link atau taut kepada blog kita, maka blog kita juga ikut naik pagerank-nya dimata mbah google, perlu diketahui bahwa google membuat penilaian sebuah website maximal sebagai top rangking adalah 10. Ketika pertama kita melaunching sebuah situs, situs tersebut ber-pagerank 0 dan google akan mengupdate situs-situs dalam 3 bulan sekali. Sebuah situs yang mempunyai Pagerank 7 akan di urutkan lebih dahulu dalam list pencarian Google dari pada situs yang mempunyai Pagerank 6 dan kemudian seterusnya yang lebih kecil. yang perlu diperhatikan, yang dihitung sebagai backlink oleh mesin pencari adalah link yang berupa teks (atau text link), bukan link yang ada dalam bentuk banner (banner link). Dimana kita bisa mengetahui parameter blog kita sudah berada di pagerank berapa? Kebanyakan para blogger menjadikan www.mypagerank.net sebagai ukuran, begitu juga dengan saya dan keakurasiannya bisa diandalkan.

Definisi lain menterjemahkan :

Popularitas blog tergantung jumlah backlink Backlink adalah sebuah script link yang disusun berisi alamat suatu web/blog, yang dipasangkan kedalam suatu situs tertentu. Kenapa kita harus membangun sebuah backlink? karena backlink sendiri memiliki manfaat untuk menaikkan page rank kita di dalam suatu mesin pencari seperti Google, Yahoo, Ask dll.

Jaringan internet di dunia sering disebut “the web” atau istilahnya jaring laba – laba. Jaring laba – laba ini terbentuk oleh benang – benang yang di buat oleh Sang laba2. Bila semakin besar lebar luas jaring laba – laba tersebut, maka jumlah mangsa yang akan diperoleh semakin besar. Gambaran itulah yang bisa saya jadikan ilustrasi bagai mana system backlink bekerja di internet. Misalkan website kita kita ibaratkan jaring laba – laba. Sedangkan backlink kita asumsikan benang – benang jaring. Dengan jaringan backlink yang luas maka berbanding lurus dengan status page rank kita. Semakin luas jarinagn backlink kita maka semakin tinggi Pagerank yang kita dapatkan.

Untuk mendapatkan page rank tertentu kita membutuhkan backlink dari page rank tertentu sejumlah [ ... ] backlink. Misalkan kita ingin mendapatkan pagerank 5. Untuk Mendapatkan pagerank 5 membutuhkan backlink dari page rank 3 sebanyak 555 backlink. Untuk Mendapatkan pagerank 5 membutuhkan backlink dari pagerank 6 sejumlah 3 backlink.

Backlink sendiri terdapat 3 jenis :

a. Backlink satu arah : dimana link yang didapat dari sebuah web atau blog sementara situs kita tidak memberikan link ke web atau blog tersebut. Misalnya Anda memberikan komentar di web atau blog lain, membuat signature di forum diskusi, backlinks dari iklan baris gratis, dan lain-lain.

b. Backlink dua arah : atau istilahnya saling ngelink, atau tukeran link. Dimana situs kita memberikan link ke situs orang lain, dan situs orang lain itupun memberi link ke situs kita.

c. atau Three Way Links, dimana links terbentuk dari tiga buah situs. Misalnya situs A memberikan link ke situs B, situs B ini memberi links ke situs C, situs C memberi link ke A. Backlink seperti ini agak sulit didapat, kecuali kita menggunakan jasa SEO atau membuat suatu ikatan antar pemilik web atau blok untuk ciptakan Links tiga arah ini. Atau bisa saja dengan dummy blog, Anda buat 3 blog, terus ciptakan link tiga arah ini.

Dari ketiga jenis backlink di atas manakah yang terbaik ? jawabnya tentunya adalah backlink satu arah tetapi yang berkualitas. Yang saya maksud berkualitas disini adalah backlink satu arah yang diperoleh dari web atau blog yang pageranknya tinggi dan dofollow. Yang terpenting disini adalah dofollow, kenapa? Karena link dari situs yang dofollow inilah yang dianggap oleh mesin pencari, kalau link dari situs nofollow percuma saja kita dapat sekalipun pagerank situs tersebut tinggi tetapi tidak memberikan manfaat yang berarti bagi blog kita.

Anda bisa mengecek Page rank situs anda disini http://www.diagnosticoweb.com/ atau http://www.prchecker.info/check_page_rank.php.
Untuk mengetahui backlink yang terdapat di dalam maupun yang nglink ke situs lain anda bisa menggunakan situs ini http://www.prchecker.info/check_page_rank.php

Penjelasan lain tentang backlink

1. Backlink adalah link/alamat website/blog anda yang terletak pada website/blog lain. Backlink ini berguna banget buat menaikkan ranking anda di search engine kayak google misalnya. Ranking ini maksudnya adalah supaya kalo ada orang mencari suatu keyword yang berhubungan dengan isi website anda, website anda akan tampil lebih dahulu dari pada website lain yang memiliki ranking di bawah anda, artinya bakal banyak pengunjung yang melihat website kita di search engine terus datang ke website anda.

2. BackLink yang anda dapat berasal dari situs yang berisi link lain tentang hacking, spamming, porno, judi dan gudang link tanpa isi (linkfarm) tidak akan memberi efek untuk ranking situs anda dan bernilai 0 (nol)

3. Backlink yang berasal dari hasil membeli link di suatu website yang memiliki ranking tinggi juga tidak akan berpengaruh untuk jumlah backlink anda. Karena itu lebih baik anda tidak membeli link untuk backlink anda

4. Backlink dari situs yang tidak terindeks dalam database search engine juga tidak akan dihitung

5. BackLink yang berasal dari situs yang memiliki lebih dari 100 link bebas/tidak masuk dalam teks isi situs juga tidak akan dihitung

6. Backlink dari situs yang memiliki ranking 0 dan berumur lebih dari 1 tahun juga tidak akan dihitung, hal ini digunakan untuk meningkatkan kualitas website

7. Peningkatan jumlah backlink yang tiba-tiba sangat banyak juga tidak dihitung karena dianggap oleh mesin pencari terutama google seperti spamming atau anda cheating.

8. Backlink dari situs yang memiliki 9 digit pertama yang sama akan tidak dihitung karena dianggap berhubungan satu dengan yang lain. Untuk mengetahuinya coba saja alat bagus dari webbuildpages.com di http://www.webuildpages.com/cclass/index.php

9. Backlink dari situs yang tidak berhubungan dengan isi situs anda akan juga tidak dihitung, misalnya situs anda berjudul makanan sehat, tetapi situs yang terhubung dengan anda berisi tentang judi atau komik

10. Judul link backlink yang sama juga tidak akan diterima, misalnya judul situs anda makanan sehat sedangkan situs lain juga mempunyai judul yang sama untuk nama link-nya

11. Backlink temporer atau backlink yang hanya ada di stus tersebut sementara kurang dari 3 bulan juga tidak akan dianggap/dihitung sebagai backlink

12. Backlink pada situs pengumuman publik juga tidak akan dianggap backlink, tetapi backlink dari situs lain sebagai hasil pengumuman publik dianggap backlink.

13. Format backlink anda di situs lain harus ada pada halaman utama

14. Susah banget yah?? jadi gimana dong bisa bikin backlink atau link building. Coba aja deh baca di:http://www.jimwestergren.com/link-building-guide/dan-di:http://www.jimwestergren.com/link-bait/

Apapun pendapat mengenai backlink jangan di hiraukan yang terpenting kita cari backlink sebanyak mungkin seperti cara -cara dibawah ini :

1. Cara sakti terbukti ampuh mendapatkan backlink dan hasilnya langsung terlihat dalam 24 jam saja. Berdasarkan pengalaman menulis komentar diberbagai blog dofollow namun hasilnya sangat sedikit bahkan hasilnya hampir tidak ada boleh dikatakan tidak diketahui kapan backlink akan tertanam di blog kita. Bagaimana saya melakukan cara-cara jitu itu :
- Pasang websiste anda di situs iklan baris masukkan data anda dengan registrasi dahulu namun ada juga yang bisa langsung tanpa daftar. Letakkan link blog anda disana.
- Ketikkan kata kunci "iklan gratis" atau "iklan baris gratis" di search engine. Daftar lengkap iklan baris gratis ada pada kolom dibawah.

A. Grup www.jasaiklan.com
Jasaiklan.com
Jagoiklan.com
Jogjaiklan.com
Javaiklan.com
Juaraiklan.com
Juruiklan.com
Jayaiklan.com
Juduliklan.com
Jenisiklan.com
Jalaiklan.com
B. Grup www.megaiklan.com
http://tagiklan.com
www.iklanbet.com
www.mejatangkas.com
www.i-comers.us
www.visaiklan.com
www.bagusiklan.com
www.gejora.com
C. Grup www.sebarmedia.com
http://gratispromo.com
http://trendiklan.com
http://the-freeads.com
http://freeads-iklan.com
http://submitfull.com
http://webjualbeli.com
http://motoriklan.com
http://iklan.tipsntrik.com
http://abadiklan.com
http://benangmerah.com
http://iklanpartai.com
http://anadvertorial.com
http://iklanebook.com
http://disinigratis.com
http://iklanyahoo.com
http://propertitop.com
http://forexpose.com
http://maripromosi.com
http://adsrelease.com
http://serbapromo.com
http://salesgratis.com
http://iklanbarismandiri.com
http://malaysianad.com
http://adbusinessfree.com
http://promoviaweb.com
D. Grup http://spyonad.com
http://ads.hermawan.net
http://iklan-iklan.com
http://iklanSilver.com
http://triklan.com
http://iklanAd.com
http://SExIKLAN.com
http://indoFreeAds.com
http://iklanGoogle.com
http://iklanPrime.com
http://PlusBerita.com
http://EntryAd.com
http://iklanGratis.us
http://FreeAds.web.id
http://iklan.TipsnTrik.com
http://iklan.terpopuler.com
http://ADIndonesia.com
http://Forum-Iklan.com
http://Media-Gratis.com
http://Gratis-Iklan-Baris.com
http://www.bisnisniaga.com
http://submitforall.com
http://daniklan.com
http://antariklan.com
http://iklanasional.com
http://iklan-super.com
http://iklan2009.com
http://classified.web.id
http://smart-iklan.com
http://updateiklan.com
http://www.sentrapromosi.com
http://sukagratis.com
http://duniaiklangratis.com
http://okepromo.com
http://surgapromo.com
http://iklanhemat.com
http://iklanonlinegratis.com
http://iklanbisnispro.com
http://networkadonline.com
http://gadget-ads.com
http://www.anekaiklan.com
E. Grup www.iklandunia.com
iklanterpopuler.com
Iklanekstra.com
Dewa-informasi.com
Dewa-bisnis.com
Iklanbarismu.com
Iklanonlinemu.com
Iklangratispro.com
Promosiiklan.com
Iklanteks.com
F. Iklan gratis lainnya
twitter.com/iklangratis (bagus sekali)
www.sebariklangratis.com (bagus)
http://spyonad.com (50 partner (bagus)
www.olx.co.id/iklan_gratis (bagus)
www.tokobagus.com (bagus)
www.berniaga.com (bagus)
www.smaato.com (bagus)
www.iklann.com (bagus)
www.pasang.com (bagus
)www.infoiklangratis.com (bagus)
www.iklannow.com (bagus)
G. Iklan gratis lainnya :
iklangratisonline.com
pasangiklangratis.co.id/
www.iklanjoglo.com/
www.iklanbaliku.com/
forumiklan.com/
www.iklanbook.com/
H. Iklan gratis lainnya
1. www.pasang.com (bagus)
2. www.infoiklangratis.com (bagus)
3. www.iklannow.com (bagus)
4. iklangratisonline.com
5. pasangiklangratis.co.id/
6. www.iklanjoglo.com/
7. www.iklanbaliku.com/
8. forumiklan.com/
9. www.iklanbook.com/
10. www.layariklan.com/
11. www.webiklan.com/
12. www.pondokiklan.com/
13. www.smaato.com
14. www.tokobagus.com
15. www.pasang.com
16. www.berniaga.com
17. www.bursa88.com
18. www.infoiklangratis.com
19. www.iklannow.com
20. www.olx.co.id/iklan_gratis
21. www.caridisini.com/
22. id.88db.com/
23. www.kartubisnis.com
24. gratisiklan.com/
25. iklangratis.eu/
26. www.topklik.com/
27. www.98-iklangratis.com
28. www.iklankota.co.id/
29. iklangratistanpadaftar.tk/
30. www.iklann.com
31. www.infoiklangratis.com
32. www.iklannow.com
33. www.pasarbaris.com/
34. ajangiklan.com/
35. www.iklan-laris.com/
36. iklangratis.co.id/
37. www.indobizline-iklangratis.co.cc/
38. www.facebook.com/pages/…Iklan-Gratis/140977433625
39. iklangratismu.com/
40. promosi-gratis.com/
41. iklansukses.com/
42. www.pasargratis.com/
43. iklan.mutu.org/
44. iklangratis.mercubuana.ac.id/
45. www.cafeiklan.net
46. www.muthi.com/
47. iklanbaris-gratis.com/
48. www.iklanmarket.com/
49. informasiusaha.com/
50. www.iklangratismassal.com/
51. www.iklanyuk.com/
52. iklangratis.sitipromo.web.id/
53. iklan-gratis.web.id/
54. iklantelevisi.com/
55. iklandmc.com/
56. pasang-iklangratis.co.nr/
57. iklanterpopuler.com/
58. sanglah.com/
59. iklangratis.2billiontraffic.com/
60. www.iklansatu.com/
61. iklangratisno1.co.cc/
62. www.bisnishandal.com/
63. www.promosigratis.com/
64. www.suaramedia.com/iklan-gratis.html
65. www.pusatiklanbarisgratis.com/
66. www.pasangiklangratis.net/
67. iklansmsgratis.com/
68. www.iklanplaza.com/
69. bisnisku.klikgratis.com/?id=ivan
70. dunia-bisnis.com/
71. www.iklanbarispro.com/
72. www.iklan.net/
73. www.endonesia.com
74. www.iklanfun.com/
75. www.iklan-gratisan.com/
76. iklandenpasar.com/
77. iklanbari-s.com
78. www.tulangan.com/
79. www.sebariklanku.web.id
80. www.adsmu.mangaku.net
81. www.indodogs.com/
82. www.inforumah.net/
83. iklanbarisgratis.net/
84. paradeiklan.com/
85. www.blogbarisiklan.com/
86. iklandenpasar.com/
87. www.iklanlaku.com/
88. iklandunia.com/
89. free.iklanvip.net
90. www.anekapasar.com/
91. www.duoduck.com
92. rajaiklangratis.wordpress.com
93. www.iklanraksasa.com
94. www.iklankapuas.web.id/
95. promoklik.web.id/
96. iklangratis-id.com/
97. www.iklanmassal72.co.cc (bagus)
98. www.infoiklangratis.com/
99. d.linkedin.com/in/iklangratis
100. www.biroiklangratis.com/
101. www.einformasi.com/
102. www.iklanbarismantap.com/
103. www.adalagi.com
104. iklankalbar.com/
105. sinergibisnis.com/
106. www.iklandb.com/
107. barang2murah.com/
108. iklangratis.iklanumum.com/iklangratis.html
109. klikiklan24.co.cc/
110. www.rumahiklangratis.com/
111. iklangratismurah.com/
112. www.sebarmedia.com/ (bagus)
113. numpanglewat.com/
114. iklanbarisgratis.org
115. iklanbarisgratis.org
116. iklangratis-cikarang.com/
117. www.sampepuas.com/
118. iklangrosir.com/
119. toko-iklan-gratis.webs.com
120. www.harisetiawan.web.id/pasang-iklan-gratis-sebagai-awal-mulai-bisnis-online.html (?)
121. www.iklanrumahgratis.com/
122. iklankamu.com/
123. www.rumahtanahdijual.com/
124. www.iklancerdas.co.tv/
125. pondokiklanbaris.com
126. www.pusatpromosi.net/
127. iklan-gratis-asia.ning.com/
128. www.bursalaris.com/
129. www.papan-iklan.com/
130. i-klan.com/
131. iklangratis-4u.com/
132. jualrumahonline.com
133. www.iklan8.com/
134. klikiklangratis.com/
135. www.iklangratis.if.co.id
136. www.e1creative.net/iklasia/home.html
137. pasangiklangratisinternet.com/
138. www.webiklangratis.net/
139. www.carirumahdijual.com/
140. iklangratisonline.com/
141. www.pasangiklangratis.com
142. www.iklanbarisplus.com
143. http://iklan.tk

- Kemudian lakukan ping di www.pingomatic.com atau http://www.pingler.com/ pada alamat url iklan anda. Jadi yang di ping itu bukan alamat blog kita. Kalian akan kaget sebab dalam kurun waktu 1 jam atau paling lama 24 jam backlink kita sudah tertanam disana.
- Perihal ping perlu saya jelaskan karena menyangkut berhasil tidaknya anda memperoleh backlink. Ping yang benar sewajarnya dilakukan setiap 5 menit sekali terhadap alamat url iklan anda. Jika ping iklan dijalankan kurang dari 5 menit selain tidak mendapatkan backlink juga akan dianggap spam sama mbah google.
- Yang dibutuhkan hanya satu kali untuk setiap website dimana anda menanam backlink baru melakukan ping, jangan mengulang untuk website yang sama "ITU BERBAHAYA"
- Hasil ping anda dari situs iklan baris tempat menanam backlink akan terlihat keesokan harinya melalui link ini anda dapat mengeceknya http://siteexplorer.search.yahoo.com/

2. 2000 Free Backlink Gratis Bukti Nyata ! – High Pagerank Free Backlink. Ingin dapat 2000 backlink gratis dari high pagerank 5-8 web directory tanpa pakai bayar segala macam dan terbukti nyata? Inilah langkah-langkah yang harus anda lakukan untuk mendapatkan 2000 backlink gratis yaitu :

- Kunjungi situsnya http://www.onewaytextlink.com
- Lalu klik Join One Way Text Link.
- Tentukan kategori website anda , contoh : Internet . Lalu klik Go.
- Keluar kode script text dari sponsor yang harus anda masukkan antinya ke dalam wiedget text blog anda. Isikan data-data yang diminta. Jangan klik Submit dulu.
- Sekarang masuk ke halaman admin dashboard blogspot. Klik Rancangan – Sidebar klik tambah gadget lalu Pilih HTML/javascript, kemudian masukkan kode script pesan sponsor ke dalam body text widget. Atur penempatannya di side bar. Lalu klik Save. Pastikan dulu bahwa text link pesan sponsor ini sudah tampil di halaman website anda.
- Bilamana text link pesan sponsor sudah jadi, barulah anda klik Submit pada butir 4 diatas.
- Login menggunakan username dan password anda.
- Tampilan web directory. Pilih Free Directory.
- Tampilan semua web directory lengkap dengan rangking pagerank-nya. Klik tulisan Mark As Submitted.
- Tampilan halaman Date Submitted. Masukkan tanggal berapa anda menanam backlink. Pada kolom Link title, ketikkan keyword yang berhubungan dengan website anda. Ini akan menjadi anchor text. Kemudian centang URL website anda.
- Selamat, one way backlink anda sudah jadi.
- Anda dapat memasukkan backlink sebanyak 2000 backlink. Tapi lakukan hanya sebanyak 10 backlink setiap hari. Dimulai dari web directory dengan pagerank tertinggi.
- Anda dapat juga memasukkan alamat website anda yang lain. Klik menu Manage Your Websites. Lalu ketikkan alamat website dan klik Add. Maka website anda yang lain sudah terdaftar.
- Untuk menghapus, website/blog anda dari daftar backlink, klik tulisan Remove.

3. Ada cara cepat cepat mendapatkan backlink 222 backlink yaitu dengan masuk ke situs http://www.websolhosting.com/free-instant-backlinks.php . Situs ini menyediakan tempat sebanyak 222 buah tempat situs dimana anda mendapat backlink dengan segera. Anda hanya bisa mengerjakan hal ini jika website anda sudah berusia paling sedikit 3 bulan. Untuk website yang baru, sebaiknya belum dulu karena ada kemungkinan website anda dibanned oleh Google karena sangat cepat mendapat banyak backlink. backlink yang baik harus didapat secara alamiah (natural) dan perlahan-lahan . Oleh karenanya anda harus bersabar dalam mendapatkan backlink.

4. Free Social Bookmarking visit http://www.socialposter.com/generator.php
Menyediakan fasilitas untuk mendaftarkan website anda ke puluhan situs social bookmarking.

5. Free Backlinks + Ping Services dari http://www.profitinstruments.com/quickindex

6. High Quality Auto Backlinks dari http://www.autobacklinks.biz

7. Free 100 Auto Backlink + Social Bookmark dari http://www.bl01.co.cc

8. Free 1600 Backlinks dari – http://verifiedfile.com/seo/
Website ini menyediakan backlink gratis sebanyak 1600 backlinks.

9. Free 342 Backlinks dari http://www.webmasterdeck.com/tools/wsbacklinker/
Website ini menyediakan layanan gratis sampai 342 backlinks.

10. Free 2534 Backlinks
Website ini menyediakan layanan gratis sampai 2534 bakclink. Untuk website baru. Batasi backlink anda hanya pada top 50. Jika website andan sudah berumur lebih dari 6 bulan, Baru boleh daftar ke 2534 backlink.

11. Free automatic backlinks
Here are a few sites that will automatically link back to your web sites.

Markosweb
This site is my favorite and out of all sites I recommend you submit your site here! Simply add your site and get an automatic backlink to your site. The anchor text will be generated from the title used on your site. So make sure you have optimized your site first. I suggest you register with this site. Why??? Because this site will allow you to add your own description…PLUS allow you to add 4 links to inner pages of your site. Wow! That is huge.
Surcentro
Here you can find stats information about site traffic of every single page on the web. Get a free backlink. No anchor text…simply get a free backlink for your url.
Cubestat
Free and perfect tool for website value calculation, estimations and information. Get a free backlink, but the anchor text will read “visit the website”.
WooRank
Website analysis tool. Gives detailed info

Jika kalian telah mengerjakan semua langkah diatas sekarang saatnya mengecek berapa jumlah backlink yang kalian miliki. Tools ini untuk mengupdate backlink :
1. Backlinkwatch
2. Iwebtool
3. Backlinkcheck
4. Checkbacklink

Atau cara lainnya bisa melalui search engine google dengan format seperti ini link:http://namablog.com contohnya link:http://ipanelonlineku.blogspot.com/

Tidak sulit kan menerima penjelasan diatas, agak panjang tapi akan sangat membantu bagi teman-teman yang saat ini sedang gencar-gencarnya memburu backlink. Buktikan kerja keras mu mencari backlink dengan menduduki peringkat atas search engine dan jadilah populer.

Dapatkan berbagai informasi menarik dengan mengunjungi link yang ada dalam blog ini mulai dari bisnis online, lowongan kerja, tips blogging dll. Pilih berdasarkan kategori yang anda minati lalu masukkan kata kuncinya dan klik cari informasi sekarang
Google
Kategori -->
Blog ini tidak memiliki kerja sama dengan pihak manapun semua hasil yang didapatkan berasal dari kerja keras penulis mengoptimalkan blog secara berkala. Anda bisa siapapun juga bisa asal ada usaha
Kekayaan sesungguhnya adalah ilmu yang terus di kembangkan tidak pernah bosan belajar hal baru terlebih ilmu itu bermanfaat bagi orang lain. Percayalah ilmu yang anda bagi kepada mereka sampai kapanpun tidak pernah berkurang justru semakin bertambah.

Cara membuat semua halaman postingan blog terindeks search engine

Penulisan artikel pada blog sudah menjadi rutinitas yang terjadwal sebagai upaya agar posisi blog tetap berada di halaman depan search engine. Permasalahannya apakah update postingan kita bisa dipastikan selalu menempati halaman teratas di mesin pencarian seperti google yahoo bing dan sebagainya. Faktor yang mempengaruhi banyak sekali mulai dari judul, isi content, tag, backlink dst. Terlepas dari faktor tadi kita fokuskan dulu untuk per halaman postingan yang kita publish.

Cara membuat semua halaman postingan blog terindeks search engineCoba kalian mengetikkan link url blog yang kamu miliki di google.com 100 % bakal muncul di halaman paling atas. Tapi bila yang di ketikkan link url halaman postingan lain belum tentu terindeks. Dapat dibayangkan bertapa pegal tangan ini menulis, mencari ide, mengedit tiap hari artikel dan waktu yang terbuang pun tidak sedikit. Inilah salah satu alasan kita menggunakan cara tersebut. Baca kelanjutannya...

Intinya tidak satupun sub link blog terdaftar di search engine kecuali halaman home nya saja. Bagaimana mau ramai pengunjung kalo ribuan sub link blog kita gak terindeks. Pembaca yang mengakses google umumnya menggunakan keyword atau kata kunci acak untuk mencari infomasi yang ia butuhkan.

Keahlian kita disini yaitu mengusahakan semua halaman postingan cepat terindeks tiap kali menyelesaikan tugas menulis dan menerbitkan supaya gak kalah bersaing sama bejibun blog lain. Paling gak kita sedikit belajar SEO sederhana lah. Tips berikut mungkin bisa menjawab permasalahan ini :

1. Mendaftarkan blog ke google webmasters tools
2. Update terus artikel minimal 5 postingan per hari
3. Melakukan ping tiap kali artikel di terbitkan

1. Mendaftarkan blog ke google webmasters tools

Menggunakan fasilitas google web master tool adalah pilihan terbaik dengan begitu banyak fitur canggih yang mampu membuat blog lebih mudah dikenali dan SEO friendly. Silahkan kunjungi langsung google webmasters tool ini. Lebih baik bila sobat sudah log in di akun gmail hingga sobat gak perlu log in lagi di google webmasters tools.

Anggap saja sekarang sobat sudah berada pada halaman webmasters tools tampilan pertama yang terlihat seperti ini. Pilih add selected sites



Lalu akan muncul tulisan yang menginformasikan kalau blog mu udah terdaftar. Lihat gambar



Selanjutnya pilih manage dan klik add or remove owner



Di halaman verification details pilih verify using different method dan anda akan dibawa ke page verify ownership lanjutkan dengan mencentang Add a meta tag to your site's home page.



Ikuti petunjuk yang diberikan untuk meletakkan meta tag ke homepage. Kalau sudah centang verify. Bila proses nya benar kalian akan lihat bahwa blog sudah terintregasi dengan google webmasters tools. Kira-kira seperti ini




Cara tadi itu hanya untuk menghubungkan antara blog dengan google webmaster tools sekarang kita berlanjut ke langkah berikutnya.

Terlihat kan nama url blog mu nah itu di centang dulu box kecil di sebelahnya truz di klik pada url blog.



Kemudian cari menu sitemaps pilih submit sitemaps pilih lagi submit a sitemap




Isikan kotak kosong dengan atom.xml? dan atom.xml?redirect=false lalu submit url tambahkan lagi feeds/posts/default?orderby=updated dan atom.xml?redirect=false&start-index=1&max-results=500 Hasilnya lihat gambar



Catatan :

Jika jumlah posting blog kalian sudah terhitung lumayan banyak (lebih dari 500 postingan), maka masukkan juga sitemap berikut:

atom.xml?redirect=false&start-index=501&max-results=500

Jika jumlah posting blog kamu lebih dari 1000, masukkan sitemap yang berikut ini:

atom.xml?redirect=false&start-index=1001&max-results=500

dan seterusnya, format URL sitemap (seperti diatas) menyesuaikan jumlah posting blog kalian.

Tunggu beberapa hari agar semua halaman postingan terindeks oleh google bot. Jadi usaha kita membuat artikel gak sia-sia kan google memberikan award dengan mengambil seluruh halaman blog yang telah kita tulis.

Cek ke google search berapa halaman postingan blog mu yang sudah terindeks dengan penambahan site:http://namablogmu.com contoh : site:http://ipanelonlineku.blogspot.com/

2. Update terus artikel minimal 5 postingan per hari

Anda kini telah mengetahui dan mempelajari cara cepat agar semua postingan terindeks search engine melalui jasa google webmasters tools kini terkait update gak nya kita menulis. Semakin sering anda update semakin sering pula postingan baru terindeks dengan cepat. Usahakan buat minimal 5 artikel saja per hari kalo berapa banyak maksimumnya 10 saja cukup.

3. Melakukan ping tiap kali artikel di terbitkan

Kegunaan dari ping ini pada dasarnya hampir mirip sama contoh diatas kita memberitahukan bahwa ada artikel yang baru selesai di buat sehingga dengan cepat akan terindeks. Beberapa situs ping dapat anda akses seperti berikut :

- http://pingomatic.com/
- http://www.pingoat.com/
- http://feedshark.brainbliss.com/
- http://www.totalping.com/
- http://pingates.com/
- http://www.kping.com/
- http://mypagerank.net/service_pingservice_index

Kalao masih kurang anda googling saja dengan keyword "ping".

4. Tambahan lainnya

Pastikan bahwa blog anda tidak hanya tampil di search engine google tapi juga di yahoo dan bing. Bagaimana caranya silahkan simak penjelasan berikut.

Yahoo search

Pasang Yahoo Sitemap untuk blog anda pada Yahoo, agar blog anda lebih maksimal, ok caranya begini:

1. Anda kesini https://siteexplorer.search.yahoo.com/submit
2. Lantas pilih my sites dan anda masukan alamat blog anda pada kolom ‘Add my site’
3. Lakukan Authentication letaknya di sebelah kanan atas pada bagan
4. Setelah itu muncul tampilan baru dan anda pilih ‘To add a META tag to your home page’ ambil Meta Tagnya, bentuknya seperti ini:

<META name="y_key" content="67a8dd43d456bhy2" /> Kemudian letakan pada tag <head> sebelum tag <body> pada HTML blog anda. Kemudian pilih ready to authenticate

Untuk alamat feed nya cara nya seperti ini :

1. Pilih submit your site kemudian submit site feed dan masukkan alamat default feed blog anda. Umumnya untuk blogspot adalah http://ipanelonlineku.blogspot.com/feeds/posts/default .Ubah dengan nama blog kalian masing-masing.
2. Submit feed dan tunggu hingga mendapat konfirmasi status dari yahoo.

Bing search

Ini search engine milik microsot salah satu top 3. Panduan agar blog anda terindeks oleh bing pada dasarnya hampir sama dengan dua cara diatas. Silahkan perhatikan langkahnya :

1. Pertama masuk kehalaman bing webmaster tool kemudian klik tombol webmaster tool sign in
2. Dihalaman sign in kita masukkan email dari hotmail atau live.com pada kotak windows live id dilanjutkan dengan password.
3. Lalu pilih add site dan letakkan blog anda disana then submit.
4. Sesaat akan muncul Verify Ownership pilih option 2 : copy and paste a tag in your default webpage
5. Bentuk scriptnya kurang lebih begini
<meta name="msvalidate.01" content="947019FC8DFD34256CC6DAB051EC7270" />

6. Masukkan meta tag tersebut sebelum kode <head> atau antara <head> dan <body>. Lanjutkan dengan verify.

Apa yang saya terangkan tentang cara mengoptimalkan halaman postingan kiranya dapat memberikan sedikit bantuan untuk rekan sekalian. Manfaatkan blogging untuk tujuan positif seperti memberikan informasi, bisnis online, pembelajaran, lowongan kerja dll. Sehingga aktivitas kita tidak sia-sia karena banyak pembaca diluar sana yang terbantu dengan artikel kita.

Dapatkan berbagai informasi menarik dengan mengunjungi link yang ada dalam blog ini mulai dari bisnis online, lowongan kerja, tips blogging dll. Pilih berdasarkan kategori yang anda minati lalu masukkan kata kuncinya dan klik cari informasi sekarang
Google
Kategori -->
Blog ini tidak memiliki kerja sama dengan pihak manapun semua hasil yang didapatkan berasal dari kerja keras penulis mengoptimalkan blog secara berkala. Anda bisa siapapun juga bisa asal ada usaha
Kekayaan sesungguhnya adalah ilmu yang terus di kembangkan tidak pernah bosan belajar hal baru terlebih ilmu itu bermanfaat bagi orang lain. Percayalah ilmu yang anda bagi kepada mereka sampai kapanpun tidak pernah berkurang justru semakin bertambah.

Jumat, 30 September 2011

Mendaftarkan URL Blog Ke Search Engine (Google, Yahoo, Bing)

Agar blog anda dapat diakses dan dikunjungi oleh banyak pengguna internet, perlu dilakukan upaya publikasi secara intensif. Salah satunya dengan mendaftarkan blog anda ke mesin pencari atau search engine, karena tanpa cara tersebut sulit halaman blog anda akan terindeks. Berikut ini cara mendaftarkan blog ke search engine besar, seperti Google, Yahoo dan Bing:

Medaftarkan URL Blog Di Google.

search engine1. Klik www.google.com/addurl/ (pastikan anda telah login terlebih dahulu di gmail)
2. Silahkan login menggunakan akun Google Anda
3. Pada halaman ‘Crawl URL‘ terdapat :
- URL : http://ipanelonlineku.blogspot.com/ (ganti URL blog anda).
- Isi captcha yang disediakan.
4. Klik tombol [Submit Request].

Mendaftarkan URL Blog Di Yahoo.

1. Klik http://siteexplorer.search.yahoo.com/submit ( sebelumnya anda diminta untuk login ke yahoo)
2. Pada halaman Site Explorer masukkan alamat blog anda pada kotak [Submit a Website or Webpage].
3. Tulislah secara lengkap alamat blog anda, contoh : http://ipanelonlineku.blogspot.com/
4. Kemudian klik tombol [Submit URL].

Mendaftarkan URL Blog Di Bing.

1. Klik https://ssl.bing.com/webmaster/SubmitSitePage.aspx
2. Kemudian masukkan kode anti spam yang telah disediakan di atasnya pada kotak [Characters].
3. Pada menu [Type the URL of your homepage], masukkan alamat lengkap blog anda seperti contoh berikut ini http://ipanelonlineku.blogspot.com/
4. Kemudian klik tombol [Submit URL].

Itu adalah peringkat tiga besar mesin pencari yang sangat friendly dalam mengindeks halaman blog kita. Tunggu beberapa hari sampai salah satu web nyantol disana. Lakukan posting secara berkala kenapa ? Sebab bukan hanya satu halaman utama blog saja yang di indeks melainkan seluruh postingan kita pun nanti akan menyusul.

Dapatkan berbagai informasi menarik dengan mengunjungi link yang ada dalam blog ini mulai dari bisnis online, lowongan kerja, tips blogging dll. Pilih berdasarkan kategori yang anda minati lalu masukkan kata kuncinya dan klik cari informasi sekarang
Google
Kategori -->
Blog ini tidak memiliki kerja sama dengan pihak manapun semua hasil yang didapatkan berasal dari kerja keras penulis mengoptimalkan blog secara berkala. Anda bisa siapapun juga bisa asal ada usaha
Kekayaan sesungguhnya adalah ilmu yang terus di kembangkan tidak pernah bosan belajar hal baru terlebih ilmu itu bermanfaat bagi orang lain. Percayalah ilmu yang anda bagi kepada mereka sampai kapanpun tidak pernah berkurang justru semakin bertambah.

Tips membuat link download save as

Penasaran setelah melihat beberapa blog menampilkan link download tanpa melalui jasa uploader timbul keinginan membuat cara yang sama. Cari info sana sini akhirnya dapat juga panduannya. Ternyata hanya menggunakan fasilitas gratis milik om google. Mau tahu ? Teruskan membaca.

Sudah kita ketahui bahwa fasilitas pada postingan blogger.com ( blogspot) tidak menyediakan fasilitas insert file berformat doc,ppt,xls sehingga apabila kita menyisipkan file berformat tersebut akan mengalami masalah karena blogspot hanya menyediakan fasilitas insert image(gambar) dan video. Untuk mengatasi hal tersebut ada tips membuat link download yaitu dengan memberi link pada kata -kata tertentu ke alamat URL tempat dimana kita mengupload file yang akan kita hubungkan dengan postingan di blogspot sehingga pengunjung blog dapat membaca/ menyimpan ( mendownload).

Pertanyaanya dimana kita dapat mengupload file yang kita inginkan ? ada banyak website yang menyediakan fasilitas Free File Uploader misalnya 4shared.com, docstoc.com, yang paling banyak digunakan oleh pengguna internet adalah ziddu.com dan site.google.com. Yang saya bahas disini adalah tips membuat link download dengan menggunakan sites.google.com, ini tipsnya :

1. Buka atau masuk ke www.google.com, klik menu selengkapnya lalu sorot dan klik site

Tips membuat link download save as











2 .Masukan "google Akun" sobat beserta password-nya, setelah masuk anda klik Create New Site

Tips membuat link download save as











Lalu klik Create new site

Tips membuat link download save as











3. Isi kotak " Name your site" sesuai nama site sobat inginkan kemudian masukan kode, lalu klik tombol Create site".bisa anda lihat gambar dibawah ini.

Tips membuat link download save as











4. Jika berhasil akan tampil gambar seperti dibawah ini, setelah itu kemudian klik ' Create page' untuk membuat ruangan file yang akan kita simpan

Tips membuat link download save as





5. Setelah sobat klik Create Page maka akan tampil gambar seperti dibawah ini , pilih File Cabinet, isi kotak Name nama file bebas kemudian sobat klik Create Page

Tips membuat link download save as











6. Untuk menambah atau membuat data file baru yang akan kita simpan klik Add File

Tips membuat link download save as











7. Akan muncul form seperti di bawah ini sobat klik Browse untuk mengambil file dari komputer sobat sendiri kemudian klik upload

Tips membuat link download save as











8. Setelah proses Upload selesai, sobat sorot tombol Download atau Unduh kemudian klik kanan lalu pilih Copy link Location

Tips membuat link download save as









9. Buka Jendela Browser barukemudian masuk ke dasbor blog sobat, dan buat link pada kalimat yang anda kehendaki supaya file yang telah sobat simpan di site google.com, lihat contoh dibawah ini

Tips membuat link download save as











10. Sobat bisa melihat hasilnya di bawah ini,

Tips membuat link download save as






Jadi seperti yang sobat lihat gambar diatas apabila sobat klik teks disini maka akan tampil dialog form seperti diatas, bila sobat mau langsung membuka tautan pilih open with dan apabila sobat ingin men-download pilih Save File, klik ok. Demikian sobat semoga tips tersebut bermanfaat.

Dapatkan berbagai informasi menarik dengan mengunjungi link yang ada dalam blog ini mulai dari bisnis online, lowongan kerja, tips blogging dll. Pilih berdasarkan kategori yang anda minati lalu masukkan kata kuncinya dan klik cari informasi sekarang
Google
Kategori -->
Blog ini tidak memiliki kerja sama dengan pihak manapun semua hasil yang didapatkan berasal dari kerja keras penulis mengoptimalkan blog secara berkala. Anda bisa siapapun juga bisa asal ada usaha
Kekayaan sesungguhnya adalah ilmu yang terus di kembangkan tidak pernah bosan belajar hal baru terlebih ilmu itu bermanfaat bagi orang lain. Percayalah ilmu yang anda bagi kepada mereka sampai kapanpun tidak pernah berkurang justru semakin bertambah.
Get Paid To Promote, Get Paid To Popup, Get Paid Display Banner