Contact ionlinerz
Katalog Produk
Tampilkan postingan dengan label blog. Tampilkan semua postingan
Tampilkan postingan dengan label blog. Tampilkan semua postingan

[TIPS & TRICKS] Agar web/blog muncul di page one google search engine

Tips & Tricks - Agar web blog masuk page one google
Page One Google
Ketika anda membuat sebuah website/blog, akan sangat sayang sekali jika artikel website/blog anda yang menarik tidak terbaca oleh orang lain. Untuk membuat website/blog masuk halaman pertama google, tidak semudah membalik telapak tangan dan tidak juga sesulit menguras samudera, syaratnya hanya satu : TEKUN !!

Disini, saya akan coba berbagi berbagai cara sederhana, supaya website/blog anda dapat muncul di halaman pertama google.





Kenapa di halaman pertama google? Karena orang akan lebih sering membuka halaman pertama dari pada halaman kedua atau ketiga. Dengan kata lain, prosentase artikel anda untuk dibaca orang lain akan semakin besar. Sehingga semakin banyak artikel anda yang masuk halaman pertama google, akan membuat website/blog anda makin dikenal orang, dan anda akan mempunyai penggemar tetap serta visitor unik tiap hari.
Berikut ini beberapa cara untuk membuat website/blog masuk di halaman pertama Google :
1. Judul Posting
Memilih judul posting yang memiliki sedikit pesaing bisa mempercepat website / blog kita untuk masuk halaman pertama search engine bahkan bisa menjadi nomor satu. Masalahnya kita akan mendapatkan sedikit sekali pengunjung darinya, jadi usahakan untuk tetap memakai master judul keyword yang paling sering digunakan, contoh : saya juga punya lapak mobil bekas, pada umumnya orang akan mengetik kata "Jual mobil bekas" pada Google Search Engine dsb, namun cobalah untuk sedikit berfantasi dan berpura-pura menjadi orang lain. Jika Anda mencari mobil bekas, apalagi yang Anda cari? Harga paling murah? Lokasi terdekat? Kondisi mulus, dsb. Maka, cobalah Anda tambahkan Judul Postingan anda menjadi sedikit lebih luas, sebagai contoh, pada lapak mobil bekas saya, saya beri judul : "Jual Mobil Bekas/Second Paling Murah di Jakarta". Sehingga ketika orang mengetik "Jual Mobil Bekas", saya yakin sekali bahwa mereka yang kebetulan tinggal di Jakarta dan sedang mencari mobil bekas murah pasti akan lebih tertarik untuk meng-click link saya.

2. Posting Website/Blog
Posting artikel website/blog yang original bukan 'copy paste' dan buatlah yang agak panjang. Dengan membuat postingan yang panjang, memungkinkan kita banyak meletakkan keyword di setiap paragraf posting. Posting artikel yang original juga mampu memberi kita posisi bagus terutama untuk search engine.

3. Tag dan Atribut HTML
Di dalam posting kita selipkan 'tag HTML' seperti tag <strong> untuk mempertebal huruf yang kita gunakan sebagai keyword posting dan tag text lainnya. Ada juga 'tag Header', tag ini berguna untuk mempermudah spider search engine dalam mengcrawl post.

Jangan lupa menambahkan atribut ALT pada setiap gambar yang kita sertakan di setiap postingan, isi atribut tersebut dengan judul postingan kita.

Pemakaian 'alt' pada gambar : <img src='link gambar anda' alt='deskripsi gambar anda'>

contoh :
<img src="http://3.bp.blogspot.com/s1600/google.gif" alt="Halaman Pertama Google">

4. Daftar Webmaster Tool dan Add URL
Kita daftarkan dan verifikasi website/blog baru kita di Google Webmaster Tools. Mesin pencari ini akan mengcrawl website/blog kita secara berkala. Ketika postingan kita telah selesai, jangan lupa untuk Add URL agar proses crawl lebih cepat.

5. Meta Tag
Kita pergunakan juga meta tag seperti 'meta tag description', 'meta tag keyword', dan aneka jenis meta tag lainnya yang bermanfaat untuk website/blog kita. Lebih efektif lagi bila setiap postingan web/blog memiliki deskripsi dan keyword sendiri sesuai dengan isi posting, tidak menggunakan deskripsi dan keyword halaman utama website/blog.

contoh :
<head>
<title>ionlinerz corp</title>
<meta content='Jual beli online murah' name='DESCRIPTION'/>
<meta content='jual,mobil,rumah,tanah,murah,online' name='KEYWORDS'/>

</head>

6. Backlink
Setiap selesai memposting, saya selalu mencari di search engine website/blog yang memiliki judul postingan yang sama. Selain untuk mendapatkan tambahan ilmu dan materi posting, juga untuk membuat backlink yang menuju postingan kita. Submit di social bookmarking juga bisa.

7. Sebar Iklan
Sebenarnya ini hal sepele yang mungkin banyak diremehkan orang. Banyak orang yang merasa bahwa dengan kita mengiklankan produk/blog/website/link kita maka hal tersebut adalah aktivitas yang sia-sia karena pandangan mereka "Jarang orang yang berminat baca iklan baris". Tapi, inilah yang saya lakukan selama ini, salah satu trik mendongkrak website/blog kita agar cepat sampai di halaman pertama Google adalah dengan membuat sebanyak mungkin iklan yang menuju ke link website/blog kita. Salah satu situs sebar iklan yang saya rasakan paling mujarab adalah www.sebariklanbaris.com.

Langkah-langkahnya adalah :
- Daftar disini >> ikuti prosesnya! Login!
- Buat iklan menarik yang juga mengarah ke link website/blog Anda, klik disini
- Setelah mengisi kode verifikasi, klik "Pasang", maka iklan Anda akan secara otomatis tersebar ke puluhan website sekaligus.
- Setelah proses "Sending" selesai dan berubah menjadi "Lihat Iklan", maka bukalah masing-masing tulisan itu pada tab-tab baru (Open link in new tab)
- Jika sudah di buka semua tabnya, klik "Next"
- Pada tab iklan yang terbuka, klik Iklan Anda
- Lalu klik "Kunjungi Website"
- Jangan tutup tab sebelum loading selesai, kalau sudah tutup semua iklan dan website/blog Anda yang tadi dibuka
- Ulangi proses sampai tulisan "Next" berubah menjadi "Done"
- Lakukan aktivitas ini setiap hari dan buktikan sendiri hasilnya dalam 4-6 bulan...

Perlahan tapi pasti, dengan modal kesabaran dan ketekunan saya yakin kita semua kelak akan memahami kunci terselubung dari Search Engine Optimization (SEO), hingga pada akhirnya tercapailah impian kita agar website/blog kita muncul di setiap search engine terutama Google, dan makin banyak pengunjung tentunya berarti makin banyak income..^_^
Tips & Tricks - Agar web blog masuk page one google
Page One Google
Ketika anda membuat sebuah website/blog, akan sangat sayang sekali jika artikel website/blog anda yang menarik tidak terbaca oleh orang lain. Untuk membuat website/blog masuk halaman pertama google, tidak semudah membalik telapak tangan dan tidak juga sesulit menguras samudera, syaratnya hanya satu : TEKUN !!

Disini, saya akan coba berbagi berbagai cara sederhana, supaya website/blog anda dapat muncul di halaman pertama google.





Kenapa di halaman pertama google? Karena orang akan lebih sering membuka halaman pertama dari pada halaman kedua atau ketiga. Dengan kata lain, prosentase artikel anda untuk dibaca orang lain akan semakin besar. Sehingga semakin banyak artikel anda yang masuk halaman pertama google, akan membuat website/blog anda makin dikenal orang, dan anda akan mempunyai penggemar tetap serta visitor unik tiap hari.
Berikut ini beberapa cara untuk membuat website/blog masuk di halaman pertama Google :
1. Judul Posting
Memilih judul posting yang memiliki sedikit pesaing bisa mempercepat website / blog kita untuk masuk halaman pertama search engine bahkan bisa menjadi nomor satu. Masalahnya kita akan mendapatkan sedikit sekali pengunjung darinya, jadi usahakan untuk tetap memakai master judul keyword yang paling sering digunakan, contoh : saya juga punya lapak mobil bekas, pada umumnya orang akan mengetik kata "Jual mobil bekas" pada Google Search Engine dsb, namun cobalah untuk sedikit berfantasi dan berpura-pura menjadi orang lain. Jika Anda mencari mobil bekas, apalagi yang Anda cari? Harga paling murah? Lokasi terdekat? Kondisi mulus, dsb. Maka, cobalah Anda tambahkan Judul Postingan anda menjadi sedikit lebih luas, sebagai contoh, pada lapak mobil bekas saya, saya beri judul : "Jual Mobil Bekas/Second Paling Murah di Jakarta". Sehingga ketika orang mengetik "Jual Mobil Bekas", saya yakin sekali bahwa mereka yang kebetulan tinggal di Jakarta dan sedang mencari mobil bekas murah pasti akan lebih tertarik untuk meng-click link saya.

2. Posting Website/Blog
Posting artikel website/blog yang original bukan 'copy paste' dan buatlah yang agak panjang. Dengan membuat postingan yang panjang, memungkinkan kita banyak meletakkan keyword di setiap paragraf posting. Posting artikel yang original juga mampu memberi kita posisi bagus terutama untuk search engine.

3. Tag dan Atribut HTML
Di dalam posting kita selipkan 'tag HTML' seperti tag <strong> untuk mempertebal huruf yang kita gunakan sebagai keyword posting dan tag text lainnya. Ada juga 'tag Header', tag ini berguna untuk mempermudah spider search engine dalam mengcrawl post.

Jangan lupa menambahkan atribut ALT pada setiap gambar yang kita sertakan di setiap postingan, isi atribut tersebut dengan judul postingan kita.

Pemakaian 'alt' pada gambar : <img src='link gambar anda' alt='deskripsi gambar anda'>

contoh :
<img src="http://3.bp.blogspot.com/s1600/google.gif" alt="Halaman Pertama Google">

4. Daftar Webmaster Tool dan Add URL
Kita daftarkan dan verifikasi website/blog baru kita di Google Webmaster Tools. Mesin pencari ini akan mengcrawl website/blog kita secara berkala. Ketika postingan kita telah selesai, jangan lupa untuk Add URL agar proses crawl lebih cepat.

5. Meta Tag
Kita pergunakan juga meta tag seperti 'meta tag description', 'meta tag keyword', dan aneka jenis meta tag lainnya yang bermanfaat untuk website/blog kita. Lebih efektif lagi bila setiap postingan web/blog memiliki deskripsi dan keyword sendiri sesuai dengan isi posting, tidak menggunakan deskripsi dan keyword halaman utama website/blog.

contoh :
<head>
<title>ionlinerz corp</title>
<meta content='Jual beli online murah' name='DESCRIPTION'/>
<meta content='jual,mobil,rumah,tanah,murah,online' name='KEYWORDS'/>

</head>

6. Backlink
Setiap selesai memposting, saya selalu mencari di search engine website/blog yang memiliki judul postingan yang sama. Selain untuk mendapatkan tambahan ilmu dan materi posting, juga untuk membuat backlink yang menuju postingan kita. Submit di social bookmarking juga bisa.

7. Sebar Iklan
Sebenarnya ini hal sepele yang mungkin banyak diremehkan orang. Banyak orang yang merasa bahwa dengan kita mengiklankan produk/blog/website/link kita maka hal tersebut adalah aktivitas yang sia-sia karena pandangan mereka "Jarang orang yang berminat baca iklan baris". Tapi, inilah yang saya lakukan selama ini, salah satu trik mendongkrak website/blog kita agar cepat sampai di halaman pertama Google adalah dengan membuat sebanyak mungkin iklan yang menuju ke link website/blog kita. Salah satu situs sebar iklan yang saya rasakan paling mujarab adalah www.sebariklanbaris.com.

Langkah-langkahnya adalah :
- Daftar disini >> ikuti prosesnya! Login!
- Buat iklan menarik yang juga mengarah ke link website/blog Anda, klik disini
- Setelah mengisi kode verifikasi, klik "Pasang", maka iklan Anda akan secara otomatis tersebar ke puluhan website sekaligus.
- Setelah proses "Sending" selesai dan berubah menjadi "Lihat Iklan", maka bukalah masing-masing tulisan itu pada tab-tab baru (Open link in new tab)
- Jika sudah di buka semua tabnya, klik "Next"
- Pada tab iklan yang terbuka, klik Iklan Anda
- Lalu klik "Kunjungi Website"
- Jangan tutup tab sebelum loading selesai, kalau sudah tutup semua iklan dan website/blog Anda yang tadi dibuka
- Ulangi proses sampai tulisan "Next" berubah menjadi "Done"
- Lakukan aktivitas ini setiap hari dan buktikan sendiri hasilnya dalam 4-6 bulan...

Perlahan tapi pasti, dengan modal kesabaran dan ketekunan saya yakin kita semua kelak akan memahami kunci terselubung dari Search Engine Optimization (SEO), hingga pada akhirnya tercapailah impian kita agar website/blog kita muncul di setiap search engine terutama Google, dan makin banyak pengunjung tentunya berarti makin banyak income..^_^
Detail

[TIPS & TRICKS] Cara Mudah Buat Related Post dengan Thumbnail di Blog

Tips & Tricks - Cara pasang related post dengan thumbnail
Related post
Langsung aja gan, pernah lihat tampilan seperti gambar dibawah ini ada dibawah artikel blog favorit agan??



Tau cara pasangnya??

Heheh... Ga ribet kok gan, ga perlu pasang kombinasi script yang bikin mumet otak :p

Tinggal masuk aja ke http://www.linkwithin.com

Isi :
  • Email : ( alamat email agan ) exp : agan.ganteng@gmail.com
  • Bloglink : ( link blog agan ) exp : http://siganteng.blogspot.com
  • Platform : ( host blog agan ) exp : Blogger atau WordPress ( pilih salah satu )
  • Width : ( banyaknya thumbnail post yang mau dimunculkan ) sesuaikan dengan ukuran lebar post body blog agan..
  • Kalau blog agan backgroundnya berwarna gelap, silahkan centang kotak kosong yang bertuliskan "My blog has light text on a dark background"
  • Klik "Get Widget"

Kalau udah diklik kotak "Get Widget" nya, agan akan langsung dibawa ke halaman seperti gambar dibawah ini...


Ga perlu isi apa² lagi kok, tinggal klik aja tulisan "Install Widget" di point nomor 1, otomatis agan akan langsung masuk ke halamannya Blogger, kalo udah sampe situ ya tinggal klik "Add Widget", terus agan atur sendiri deh mau ditaro dimana tuh widget baru, jangan lupa di save tata letaknya di blogger ya...
Tips & Tricks - Cara pasang related post dengan thumbnail
Related post
Langsung aja gan, pernah lihat tampilan seperti gambar dibawah ini ada dibawah artikel blog favorit agan??



Tau cara pasangnya??

Heheh... Ga ribet kok gan, ga perlu pasang kombinasi script yang bikin mumet otak :p

Tinggal masuk aja ke http://www.linkwithin.com

Isi :
  • Email : ( alamat email agan ) exp : agan.ganteng@gmail.com
  • Bloglink : ( link blog agan ) exp : http://siganteng.blogspot.com
  • Platform : ( host blog agan ) exp : Blogger atau WordPress ( pilih salah satu )
  • Width : ( banyaknya thumbnail post yang mau dimunculkan ) sesuaikan dengan ukuran lebar post body blog agan..
  • Kalau blog agan backgroundnya berwarna gelap, silahkan centang kotak kosong yang bertuliskan "My blog has light text on a dark background"
  • Klik "Get Widget"

Kalau udah diklik kotak "Get Widget" nya, agan akan langsung dibawa ke halaman seperti gambar dibawah ini...


Ga perlu isi apa² lagi kok, tinggal klik aja tulisan "Install Widget" di point nomor 1, otomatis agan akan langsung masuk ke halamannya Blogger, kalo udah sampe situ ya tinggal klik "Add Widget", terus agan atur sendiri deh mau ditaro dimana tuh widget baru, jangan lupa di save tata letaknya di blogger ya...
Detail

[TIPS & TRICKS] Agar web / blog tidak bisa di copy paste (copas)

Tips & Tricks - Cara agar web blog tidak bisa di copy paste
Anti Copas
Pusing artikel agan banyak di copas (copy paste) blogger lain??
Kunci aja... Gampang kok...

Seperti biasa, masuk ke blogger/edit html atau lokasi dimana agan mengedit artikel web/blog agan,

Sisipkan kode berikut sebelum (diatas) tag <head>

<style type="text/css">
 .antiblock
 {
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -o-user-select: none;


 user-select: none;
 }
 </style>


Lalu ganti tag <body> dengan kode berikut

<body ondragstart="return false;" onselectstart="return false;" class="antiblock">


Save, selesai !!!
Tips & Tricks - Cara agar web blog tidak bisa di copy paste
Anti Copas
Pusing artikel agan banyak di copas (copy paste) blogger lain??
Kunci aja... Gampang kok...

Seperti biasa, masuk ke blogger/edit html atau lokasi dimana agan mengedit artikel web/blog agan,

Sisipkan kode berikut sebelum (diatas) tag <head>

<style type="text/css">
 .antiblock
 {
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -o-user-select: none;


 user-select: none;
 }
 </style>


Lalu ganti tag <body> dengan kode berikut

<body ondragstart="return false;" onselectstart="return false;" class="antiblock">


Save, selesai !!!
Detail

[TIPS & TRICKS] Cara Mudah Buat Scroll Box di artikel web / blog

Tips & Tricks - Cara buat scroll box
Scroll box
Okay, sekarang cara buat scroll box di artikel...
Langsung masukkin aja kode dibawah gan :


<div style='padding: 5px; overflow: auto; width:200px;height:200px;border:1px solid #000000'>

ISI SCROLL BOX

<div>

Pada setelan entri, klik Pilihan, lalu centang "Tunjukkan HTML apa adanya"
- Ketik script pada mode HTML
- Ketik ISI SCROLL BOX pada mode Compose




HASILNYA :

Tips & Tricks - Cara buat scroll box
Scroll box
Okay, sekarang cara buat scroll box di artikel...
Langsung masukkin aja kode dibawah gan :


<div style='padding: 5px; overflow: auto; width:200px;height:200px;border:1px solid #000000'>

ISI SCROLL BOX

<div>

Pada setelan entri, klik Pilihan, lalu centang "Tunjukkan HTML apa adanya"
- Ketik script pada mode HTML
- Ketik ISI SCROLL BOX pada mode Compose




HASILNYA :

Detail

[TIPS & TRICKS] Cara Mudah Buat Gambar Berjejer Horizontal

Tips & Tricks - Cara buat gambar berjejer horizontal
Gambar berjejer
Cara paling mudah buat gambar berjejer horizontal gan :

<table  border="0"><br><tr><td>
<a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td>
<br>

<td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td>
<br>


<td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td>
<br>

<td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td>
<br>

</tr><br></table>


Ket : Kalau mau pakai kotak (border) tinggal ganti aja angka "0" pada <table  border="0"> menjadi 1, 2, atau terserah agan... Contoh : <table  border="2">

Tar hasilnya kek gini gan..

Contoh :




Ga sulit kan gan??? ^^





 JUDUL POSTING ANDA  JUDUL POSTING ANDA  JUDUL POSTING ANDA  JUDUL POSTING ANDA
OSTINGAN%20ANDA" target="_blank"> JUDUL POSTING ANDA
Tips & Tricks - Cara buat gambar berjejer horizontal
Gambar berjejer
Cara paling mudah buat gambar berjejer horizontal gan :

<table  border="0"><br><tr><td>
<a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td>
<br>

<td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td>
<br>


<td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td>
<br>

<td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td>
<br>

</tr><br></table>


Ket : Kalau mau pakai kotak (border) tinggal ganti aja angka "0" pada <table  border="0"> menjadi 1, 2, atau terserah agan... Contoh : <table  border="2">

Tar hasilnya kek gini gan..

Contoh :




Ga sulit kan gan??? ^^





 JUDUL POSTING ANDA  JUDUL POSTING ANDA  JUDUL POSTING ANDA  JUDUL POSTING ANDA
OSTINGAN%20ANDA" target="_blank"> JUDUL POSTING ANDA
Detail

[TIPS & TRICKS] Cara Mudah Buat Spoiler di Artikel Web / Blog

Tips & Tricks - Cara buat spoiler kaskus di artikel blog
Spoiler Kaskus
Buat yang kenal Kaskus pasti ga asing dengan kata "Spoiler", fungsinya menyembunyikan artikel atau gambar agar mengurangi bobot bandwith. Cara buatnya, gampang aja gan....

Sisipin aja script berikut :



<span style="background-color: yellow;"><b><br /></b></span>
<span style="background-color: yellow;"><b>&lt;div style="margin: 5px 20px 20px;"&gt;&lt;div class="smallfont" style="margin-bottom: 2px;"&gt;&lt;b&gt;&lt;em&gt;Judul spoiler&lt;/em&gt;&lt;/b&gt; : &lt;input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"&gt; &lt;/div&gt;&lt;br /&gt;&lt;div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"&gt;&lt;div style="display:none;"&gt;</b></span><br />
&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <br />
<br />
[ISI SPOILER]<br />
<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <br />
<span style="background-color: yellow;"><b>&nbsp;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</b></span>

Hasilnya kek gini...



Agan tinggal ganti aja tuh tulisan "Judul spoiler" sama judul artikel/gambar yang mau diumpetin :D

Selesai ^_^
Tips & Tricks - Cara buat spoiler kaskus di artikel blog
Spoiler Kaskus
Buat yang kenal Kaskus pasti ga asing dengan kata "Spoiler", fungsinya menyembunyikan artikel atau gambar agar mengurangi bobot bandwith. Cara buatnya, gampang aja gan....

Sisipin aja script berikut :



<span style="background-color: yellow;"><b><br /></b></span>
<span style="background-color: yellow;"><b>&lt;div style="margin: 5px 20px 20px;"&gt;&lt;div class="smallfont" style="margin-bottom: 2px;"&gt;&lt;b&gt;&lt;em&gt;Judul spoiler&lt;/em&gt;&lt;/b&gt; : &lt;input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"&gt; &lt;/div&gt;&lt;br /&gt;&lt;div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"&gt;&lt;div style="display:none;"&gt;</b></span><br />
&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <br />
<br />
[ISI SPOILER]<br />
<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <br />
<span style="background-color: yellow;"><b>&nbsp;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</b></span>

Hasilnya kek gini...



Agan tinggal ganti aja tuh tulisan "Judul spoiler" sama judul artikel/gambar yang mau diumpetin :D

Selesai ^_^
Detail

[TIPS & TRICKS] Panduan Lengkap Buat Kotak Komentar Facebook di Blogspot

Tips & Tricks - Panduan lengkap membuat kotak komentar Facebook di web blog
Kotak Komentar FB
Sederhana, keren, efektif, tapi mungkin belum semua tahu cara membuatnya...
Langsung aja gan, kali ini saya mau sedikit share tentang PANDUAN LENGKAP BUAT KOTAK KOMENTAR FACEBOOK DI BLOGSPOT, cekidott...



1. Masuk ke https://developers.facebook.com/apps (jangan lupa log in dengan account fb agan dulu ya)

2. Daftar sebagai developer (Register as a Developer)



3. Beri centang pada kotak kecil di kiri bawah, lalu klik "Continue"



4. Centang pada kotak "Web", lalu klik "Continue"


5. Klik "Done", konfirmasi email Anda, Anda baru saja terdaftar sebagai Developer



6. Lanjut gan, klik "Create New App"


7. Isi "App Name" dengan Nama Kotak Komentar Anda (bebas max. 32 karakter), isi "App Namespace" dengan kode kotak komentar Anda (semua huruf disambung) ; pastikan kedua nama diatas sampai Valid/Available, kosongkan kotak "Web Hosting", klik "Continue"

 

8. Isi kode Captcha, klik "Continue"

9. Basic Info : Cukup isi "App Domains" dengan alamat blog Anda, centang Disable pada "Sandbox Mode", klik "Website with Facebook login" dan isi url blog Anda, klik "Save Changes"

 


Next...

10. Buka account Blogger Anda

11. Pilih Template, lalu Edit HTML

12. Cari kode <b:skin><![CDATA[ dan copas (copy-paste) kode dibawah ini tepat diatasnya!!
<meta content='nama.fb.anda' property='fb:admins'/>
<meta content='0123456789101112' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script src='http://panduan-template-blog-id.googlecode.com/files/CommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
  • Ganti nama.fb.anda dengan nama akun Facebook anda
  • Ganti 0123456789101112 dengan ID Aplikasi Facebook anda yang telah anda buat (lihat gambar No.9)

13. Cari kode <div class='post-footer-line post-footer-line-3'/> dan copas (copy-paste) kode dibawah ini tepat dibawahnya!!

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments' data-num-posts='25' data-width='600' expr:data-href='data:post.url'/>
</b:if>  
  • data-num-posts='25' merupakan jumlah komentar yang akan ditampilkan. Ubah sesuai keinginan Anda
  • data-width='600' merupakan lebar kolom komentar. Ubah sesuai dengan lebar post di blog Anda
14. Simpan (save) template, dan lihat dibagian bawah tiap postingan blog Anda.


Mudah²an artikel kali ini bermanfaat buat agan semua, kalau ada kekurangan jangan dibatain ya :mewek

Jangan sungkan bertanya n berbagi gan.. ^_^
Tips & Tricks - Panduan lengkap membuat kotak komentar Facebook di web blog
Kotak Komentar FB
Sederhana, keren, efektif, tapi mungkin belum semua tahu cara membuatnya...
Langsung aja gan, kali ini saya mau sedikit share tentang PANDUAN LENGKAP BUAT KOTAK KOMENTAR FACEBOOK DI BLOGSPOT, cekidott...



1. Masuk ke https://developers.facebook.com/apps (jangan lupa log in dengan account fb agan dulu ya)

2. Daftar sebagai developer (Register as a Developer)



3. Beri centang pada kotak kecil di kiri bawah, lalu klik "Continue"



4. Centang pada kotak "Web", lalu klik "Continue"


5. Klik "Done", konfirmasi email Anda, Anda baru saja terdaftar sebagai Developer



6. Lanjut gan, klik "Create New App"


7. Isi "App Name" dengan Nama Kotak Komentar Anda (bebas max. 32 karakter), isi "App Namespace" dengan kode kotak komentar Anda (semua huruf disambung) ; pastikan kedua nama diatas sampai Valid/Available, kosongkan kotak "Web Hosting", klik "Continue"

 

8. Isi kode Captcha, klik "Continue"

9. Basic Info : Cukup isi "App Domains" dengan alamat blog Anda, centang Disable pada "Sandbox Mode", klik "Website with Facebook login" dan isi url blog Anda, klik "Save Changes"

 


Next...

10. Buka account Blogger Anda

11. Pilih Template, lalu Edit HTML

12. Cari kode <b:skin><![CDATA[ dan copas (copy-paste) kode dibawah ini tepat diatasnya!!
<meta content='nama.fb.anda' property='fb:admins'/>
<meta content='0123456789101112' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script src='http://panduan-template-blog-id.googlecode.com/files/CommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
  • Ganti nama.fb.anda dengan nama akun Facebook anda
  • Ganti 0123456789101112 dengan ID Aplikasi Facebook anda yang telah anda buat (lihat gambar No.9)

13. Cari kode <div class='post-footer-line post-footer-line-3'/> dan copas (copy-paste) kode dibawah ini tepat dibawahnya!!

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments' data-num-posts='25' data-width='600' expr:data-href='data:post.url'/>
</b:if>  
  • data-num-posts='25' merupakan jumlah komentar yang akan ditampilkan. Ubah sesuai keinginan Anda
  • data-width='600' merupakan lebar kolom komentar. Ubah sesuai dengan lebar post di blog Anda
14. Simpan (save) template, dan lihat dibagian bawah tiap postingan blog Anda.


Mudah²an artikel kali ini bermanfaat buat agan semua, kalau ada kekurangan jangan dibatain ya :mewek

Jangan sungkan bertanya n berbagi gan.. ^_^
Detail

[TIPS & TRICKS] Menambah Like Facebook, Follower Twitter, Google Plus dll

Tips & Tricks - Menambah Like Facebook, Follower Twitter, Google Plus
Tambah Like/Follower
span style="font-family: "Trebuchet MS",sans-serif;">Facebook, Twitter, Google Plus, Pinterest, dsb adalah beberapa social media yang kian marak digandrungi onlinerz dunia. Tak jarang dari para usernya memanfaatkan jasa social media tersebut juga untuk berbisnis. Untuk meraup hasil lebih besar, tentunya diperlukan pula koneksi yang lebih banyak. Dan dalam kesempatan ini, izinkan saya memperkenalkan sebuah website yang dapat membantu Anda dalam memperluas koneksi Anda di dunia maya... 



Menambah Like Facebook, Follower Twitter, Google Plus dll


YouLikeHits.com adalah sebuah website yang membantu para user social media dunia dalam menambah relasi/koneksi. Didalamnya terdapat beberapa alternatif pilihan penambah pengikut untuk :
  1. Twitter
  2. Facebook
  3. Google plus
  4. Youtube
  5. Instagram
  6. StumbleUpon
  7. LinkedIn
  8. Pinterest
  9. SoundCloud
  10. ReverbNation
  11. Website
  12. YouLikeHits
 

Well then, what are you guys waiting for?? Just click the banner below n get start to be famousss.... 


Menambah follower twitter, facebook, youtube

Tips & Tricks - Menambah Like Facebook, Follower Twitter, Google Plus
Tambah Like/Follower
span style="font-family: "Trebuchet MS",sans-serif;">Facebook, Twitter, Google Plus, Pinterest, dsb adalah beberapa social media yang kian marak digandrungi onlinerz dunia. Tak jarang dari para usernya memanfaatkan jasa social media tersebut juga untuk berbisnis. Untuk meraup hasil lebih besar, tentunya diperlukan pula koneksi yang lebih banyak. Dan dalam kesempatan ini, izinkan saya memperkenalkan sebuah website yang dapat membantu Anda dalam memperluas koneksi Anda di dunia maya... 



Menambah Like Facebook, Follower Twitter, Google Plus dll


YouLikeHits.com adalah sebuah website yang membantu para user social media dunia dalam menambah relasi/koneksi. Didalamnya terdapat beberapa alternatif pilihan penambah pengikut untuk :
  1. Twitter
  2. Facebook
  3. Google plus
  4. Youtube
  5. Instagram
  6. StumbleUpon
  7. LinkedIn
  8. Pinterest
  9. SoundCloud
  10. ReverbNation
  11. Website
  12. YouLikeHits
 

Well then, what are you guys waiting for?? Just click the banner below n get start to be famousss.... 


Menambah follower twitter, facebook, youtube

Detail

[TIPS & TRICKS] Cara Setting Blogspot Otomatis Menjadi Versi Mobile

Tips & Tricks - Cara setting blogspot versi mobile
Blog versi mobile
Tampilan blog mungkin mencirikan keistimewaan dari sebuah blog, namun bagaimana bila blog Anda harus dibuka melalui handphone? Selain tulisan yang mengecil, besar kemungkinan loading yang terlalu lama akan menjadi salah satu masalah bagi pembaca blog Anda, khususnya para mobile reader..


 


Ok, saya akan coba sedikit share tentang mengaktifkan tampilan mobile untuk blog Anda kapanpun orang membuka url blog Anda via handphone...

1. Masuk ke draft.blogger.com, klik blog Anda, pilih 'Template', klik tombol setting

 


2. Pilih " Ya. Tampilkan template seluler di perangkat seluler. " Lalu pilih template seluler sesuai selera Anda (klik tanda panah kanan/kiri untuk model/warna template lain), save.

 


Sampai sini, sebenarnya Anda sudah bisa melihat tampilan mobile blog Anda, namun hanya jika Anda mengetik url dengan format : http://www.bloganda.com/?m=1. Tapi bila Anda mengetik url tanpa /?m=1, maka yang akan muncul tetap tampilan seperti biasa (versi web).

Nah, supaya Anda atau orang lain bisa langsung melihat tampilan mobile ketika mengetik url standar blog Anda di handphone, caranya :

<script type='text/javascript'>(function(a,b){if(/android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile|o2|opera m(ob|in)i|palm( os)?|p(ixi|re)\/|plucker|pocket|psp|smartphone|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce; (iemobile|ppc)|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b})(navigator.userAgent||navigator.vendor||window.opera,'http://blogAnda.com/?m=1');</script>


* Ganti tulisan berwarna merah ( blogAnda.com ) dengan url blog Anda

Copy kode diatas dan paste sebelum kode </head> pada edit html blogspot, save!  

Selesai deh, selamat mencoba...^_^
Tips & Tricks - Cara setting blogspot versi mobile
Blog versi mobile
Tampilan blog mungkin mencirikan keistimewaan dari sebuah blog, namun bagaimana bila blog Anda harus dibuka melalui handphone? Selain tulisan yang mengecil, besar kemungkinan loading yang terlalu lama akan menjadi salah satu masalah bagi pembaca blog Anda, khususnya para mobile reader..


 


Ok, saya akan coba sedikit share tentang mengaktifkan tampilan mobile untuk blog Anda kapanpun orang membuka url blog Anda via handphone...

1. Masuk ke draft.blogger.com, klik blog Anda, pilih 'Template', klik tombol setting

 


2. Pilih " Ya. Tampilkan template seluler di perangkat seluler. " Lalu pilih template seluler sesuai selera Anda (klik tanda panah kanan/kiri untuk model/warna template lain), save.

 


Sampai sini, sebenarnya Anda sudah bisa melihat tampilan mobile blog Anda, namun hanya jika Anda mengetik url dengan format : http://www.bloganda.com/?m=1. Tapi bila Anda mengetik url tanpa /?m=1, maka yang akan muncul tetap tampilan seperti biasa (versi web).

Nah, supaya Anda atau orang lain bisa langsung melihat tampilan mobile ketika mengetik url standar blog Anda di handphone, caranya :

<script type='text/javascript'>(function(a,b){if(/android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile|o2|opera m(ob|in)i|palm( os)?|p(ixi|re)\/|plucker|pocket|psp|smartphone|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce; (iemobile|ppc)|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b})(navigator.userAgent||navigator.vendor||window.opera,'http://blogAnda.com/?m=1');</script>


* Ganti tulisan berwarna merah ( blogAnda.com ) dengan url blog Anda

Copy kode diatas dan paste sebelum kode </head> pada edit html blogspot, save!  

Selesai deh, selamat mencoba...^_^
Detail

[TIPS & TRICKS] Cek Harga Blog / Website Anda

Tips & Tricks - Cara cek harga web blog
Cek harga blog
Sebuah blog/website adalah investasi kita untuk masa depan. Seperti apa kita mengelolanya saat ini, maka seperti itulah yang akan kita tuai hasilnya di masa nanti. Untuk mengetahui berapa harga blog/website hasil keringat Anda, berikut caranya :

1. Klik link berikut http://www.checkwebsiteprice.com


2. Masukkan URL Website atau blog anda ataupun website yang ingin anda cek harganya, kemudian masukkan kode Captcha lalu klik CHECK





Tips & Tricks - Cara cek harga web blog
Cek harga blog
Sebuah blog/website adalah investasi kita untuk masa depan. Seperti apa kita mengelolanya saat ini, maka seperti itulah yang akan kita tuai hasilnya di masa nanti. Untuk mengetahui berapa harga blog/website hasil keringat Anda, berikut caranya :

1. Klik link berikut http://www.checkwebsiteprice.com


2. Masukkan URL Website atau blog anda ataupun website yang ingin anda cek harganya, kemudian masukkan kode Captcha lalu klik CHECK





Detail
 
ionlinerz corp © 2010-2021 | All Rights Reserved