Tampilkan postingan dengan label tutorial blog. Tampilkan semua postingan
Tampilkan postingan dengan label tutorial blog. Tampilkan semua postingan

Selasa, 06 November 2012

Berbagi dengan Google Plus - Top SEO

0 Berbagi dengan Google Plus - Top SEO

Description: Berbagi dengan Google Plus - Top SEO Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Berbagi dengan Google Plus - Top SEO
Google Plus Circles - Pros and Cons
Google Plus Circles - Pros and Cons (Photo credit: Squidooer)
Berbagi dengan Google Plus - Top SEO.  Google+, "+1" atau Google Plus adalah alat berbagi konten yang dipakai untuk berbagi artikel, foto, video, dan berbagai konten lain dengan akun gmail.

Tombol google plus 1 sama halnya dengan tombol "Like" Facebook atau Tombol "Tweet" milik Twitter. Agar konten banyak diakses atau dibaca pengguna Internet sebaiknya anda juga memasang Tombol Google +1 tersebut di blog atau website anda. Eits jangan meremehkan tombol ini, tombol Google Plus juga berpotensi meningkatkan peringkat pencarian di Google loh..

Langkah demi langkah memasang tombol Google +1  :
1. Login ke Blogger Dasbor > Rancangan > Edit HTML
2. Pasang kode di bawah ini, tepat di atas tag </head>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
3. Kemudian letakkan kode berikut ini di tempat yang ingin dipasangi Tombol +1
<g:plusone size="medium" annotation="bubble"></g:plusone>
4. Save Template Anda.

Note:
medium adalah ukuran tombol +1
bubble adalah tampilan tombol +1
Silahkan ganti sesuai dengan selera anda:
small - none         :
small - bubble      :
small - inline         :
medium - none     :
medium - bubble  :
medium - inline     :
standard - none    :
standard - bubble :
standar - inline      :

Tambahan: jika ingin menentukan URL yang ingin di beri +1, ganti kode <g:plusone size="medium" annotation="bubble"></g:plusone> dengan kode di bawah ini:
<g:plusone size="medium" annotation="bubble" href="http://URL yang di inginkan.com"></g:plusone>
Enhanced by Zemanta
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 18.14

Kamis, 25 Oktober 2012

Mengenal Perbedaan Antara Link Nofollow Dan Dofollow

0 Mengenal Perbedaan Antara Link Nofollow Dan Dofollow

Description: Mengenal Perbedaan Antara Link Nofollow Dan Dofollow Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Mengenal Perbedaan Antara Link Nofollow Dan Dofollow
Robots NO FOLLOW
Robots NO FOLLOW (Photo credit: miss604)
Mengenal perbedaan antara link nofollow dan dofollow ~ Nofollow adalah sebuah tag dari atribut rel untuk menginstruksikan mesin pencari seperti Google untuk tidak mengikuti atau mengindeks link ke sebuah halaman atau situs.

Hal ini dimaksudkan untuk mengurangi efektivitas spam di search engine termasuk pada komentar blog. Jika sebuah link diberikan tag rel nofollow di belakangnya maka search engine tidak akan mengikuti link tersebut atau tidak memberikan backlink ke link tersebut.  Script HTML untuk do follow dan no follow adalah :
href="http://blog.indotrading.biz/" rel="nofollow">trik blogger terbaik indonesia</a>
Maka hasilnya dari kode diatas akan seperti ini: tutorial blogger

Artinya dengan penambahan kode rel="nofollow" tersebut, maka Google tidak akan memberikan link ke website saya atau dengan kata lain anda tidak memberikan backlink kepada situs saya. Dampak dari penambahan tag rel="nofollow" ini adalah membuat optimasi SEO untuk blog anda tetap terjaga dengan baik dan hal ini membuat blog anda terlihat lebih baik di mata search engine Google.

Sedangkan dofollow adalah kebalikan dari nofollow, yaitu membiarkan search engine untuk mengikuti link atau memberikan backlink kepada link yang memiliki atribute dofollow tersebut. Contohnya:
<a href="http://www.indotrading.biz/" rel="dofollow">online service by  indotrading</a>
<a href="http://www.cinta-indonesia.net/">cinta indonesia</a>
Kedua HTML link diatas memiliki arti yang sama, yaitu link dofollow dan link tersebut akan diberikan kredit backlink oleh Google dan search engine lainnya.

Nah kalau sudah mengerti, sekarang saya akan memberikan tips kepada anda saat membuat postingan di blog apabila membuat link ke situs atau halaman lain dengan menggunakan atribut nofollow dengan mudah.
Jika anda akan membuat sebuah link pada artikel atau postingan anda yang baru, disarankan seperti gambar di bawah ini:

Follow Thru (musical)
Follow Thru (musical) (Photo credit: Wikipedia)



Saya beri sedikit penjelasan:
- Jika Add 'rel=nofollow' attribute dicentang artinya link tersebut Nofollow
- Jika Add 'rel=nofollow' attribute tidak dicentang artinya link tersebut Dofollow
- Jika Open this link in a new window dicentang maka link tujuan akan terbuka di tab baru
- Jika Open this link in a new window tidak dicentang maka link tujuan akan terbuka di window yang sama


Enhanced by Zemanta
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 17.45

Jumat, 19 Oktober 2012

Cara Setting Custom Domain Blogspot Updated

0 Cara Setting Custom Domain Blogspot Updated

Description: Cara Setting Custom Domain Blogspot Updated Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Cara Setting Custom Domain Blogspot Updated
Beer With Bloggers
Beer With Bloggers (Photo credit: JefferyTurner)
Cara Setting Custom Domain Blogspot Updated. Custom domain Blogspot dengan custom nama domain anda pada blogspot telah mengalami perubahan. Cara Setting Custom Domain Blogspot adalah keharusan memverifikasi otoritas (kepemilikan) nama domain dengan menggunakan kode khusus (Token)yang diberikan oleh Blogger.

Apabila anda membeli nama domain melalui Blogger, tidak ada masalah dalam pengaturan itu karena Blogger secara otomatis mengkonfigurasi CNAME. Namun jika Anda membeli nama domain secara terpisah, Anda harus secara manual mengkonfigurasinya. Pada posting kali ini saya akan menjelaskan kepada Anda bagaimana cara seting custom nama domain di Blogger.com.

Untuk custom domain pada blogspot, Anda harus mengikuti 3 langkah utama, yaitu:
1. Menambahkan custom domain di Blogger
2. Mengubah pengaturan DNS (Domain Name System)
3. Update Pengaturan Blogger

Langkah 1: Menambahkan custom domain di Blogger
1. Login ke Blogger.com
2. Pilih blog yang akan menggunakan nama domain baru
3. Pergi ke Setelan > Dasar
4. Pada bagian "Penerbitan" klik "Tambahkan domain khusus"
5. Sekarang pada bagian "Setelan lanjutan" ketik URL nama domain baru Anda menggunakan awalan "www"
6. Klik "Simpan". Kemudian blogger akan menampilkan error ini "Kami tidak dapat memverifikasi otoritas Anda untuk domain ini. Kesalahan 13." atau "We have not been able to verify your authority to this domain. Error 13. Please follow the settings instructions."

Kami tidak dapat memverifikasi otoritas Anda untuk domain ini. Kesalahan 13.

7. Perhatikan dua kode yang disorot pada gambar di atas. Itu adalah Token kepemilikan domain Anda yang nantinya akan digunakan untuk verifikasi kepemilikan domain.

Langkah 2: Mengubah pengaturan DNS (Domain Name System)
1. Login ke situs web yang mendaftarkan nama domain Anda.
2. Cari pengaturan DNS Record (DNS Settings) dan klik edit.
3. Tambahkan dua CNAME berikut:
CNAME Pertama:
Untuk Host Name, Name, Label atau Host, masukkan "www" tanpa tanda kutip dan
Untuk Address, Destination, Target atau Points, masukkan "ghs.google.com" tanpa tanda kutip.
CNAME Kedua (sebagai verifikasi kepemilikan domain):
Untuk Host Name, Name, Label atau Host, masukkan token kode 1 yg muncul pada halaman error tadi, contoh: "WPBSRNQD7FGO"
Untuk Address, Destination, Target atau Points, masukkan token kode 2, contoh: "gv-HXCJAL6AOE43C6T5LSUVVUN5TUYN5JG7674HPLWO5MKBSVHQTZXA.domainverify.googlehosted.com"
4. Sekarang tambahkan A-records. jika anda sudah memiliki A-Record, silahkan di edit saja. Jika A-Record belum ada, silahkan tambahkan 4 alamat IP yang mengarah ke Google berikut ini:
216.239.32.21
216.239.34.21
216.239.36.21
216.239.38.21
Untuk "Host Name" masukan nama domain Anda tanpa "www" atau dikosongin aja. Contohnya: example.com. Dan hasilnya seperti gambar di bawah

Cara Custom Domain Blogspot Terbaru

5. Simpan pengaturan dan tunggu beberapa menit untuk pembaharuan semua pengaturan domain Anda.

Langkah 3: Update Pengaturan Blogger
Langkah terakhir adalah setting di pengaturan blogger Anda.
1. Login ke Blogger
2. Klik Blog Anda
3. Klik Setelan => Tambahkan domain khusus


Cara Setting Domain untuk Blogger

4. Klik Alihkan ke setelan lanjutan

Custom domain blogger

5. Isi Nama domain Anda dengan awalan "www" lalu Simpan

Cara Setting Domain Blogger

6. Setelah itu klik Edit

We have not been able to verify your authority to this domain. Error 13. Please follow the settings instructions

7. Centang Alihkan domainanda.com ke www.domainanda.com dan Simpan

Cara Ganti Domain Blogspot Ke Domain Sendiri / Custom Domain untuk Blogspot Blogger Terbaru

8. Selesai. Jika masih menampilkan pesan error "Kami tidak dapat memverifikasi otoritas....", tunggu beberapa jam, kemudian ulangi lagi menambahkan nama domain Anda pada pengaturan Blogger.

Enhanced by Zemanta
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 19.17

Senin, 10 September 2012

Trik SEO | Music Background Auto Play di Blogger

0 Trik SEO | Music Background Auto Play di Blogger

Description: Trik SEO | Music Background Auto Play di Blogger Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Trik SEO | Music Background Auto Play di Blogger
English: Bruno Mars performing in Houston, Tex...
English: Bruno Mars performing in Houston, Texas on November 24, 2010 as part of the Doo-Wops and Hooligans tour (Photo credit: Wikipedia)
English: Bruno Mars performing in Houston, Tex...
English: Bruno Mars performing in Houston, Texas on November 24, 2010 (Photo credit: Wikipedia)
Trik SEO | Music Background Auto Play di Blogger. Cara membuat Trik SEO | Music Background Auto Play di Blogger siapkan dulu bahan-bahan yang akan di perlukan.
  1. File Mp3 yang akan dijadikan music background.
  2. Daniusoft Video Converter Ultimate untuk mengkonvert file Mp3 menjadi file Swf. Kalau belum punya cari di google banyak yang share.
  3. Secangkir kopi :p
Berikut langkah-langkahnya:
Single White Female (album)
Single White Female (album) (Photo credit: Wikipedia)
1. Convert file Mp3 menjadi file Swf menggunakan Daniusoft Video Converter Ultimate. Caranya klik disini
2. Upload file Swf yang sudah di konvert ke swfcabin.com
3. Setelah selesai mengupload anda akan diberikan link, contohnya seperti ini http://www.swfcabin.com/open/1332455819
4. Login ke Blogger - Rancangan - Elemen Laman - Tambah Gadget
5. Pilih HTML/JavaScript dan pasang kode di bawah ini
<embed autostart='true' loop='true' width=0 height=0 src='http://www.swfcabin.com/swf-files/1332455819.swf'/>
Note: Angka yang berwarna merah adalah ID dari file Swf yang anda upload tadi. Jika ingin mengganti lagu yang sudah ada, Lakukan cara yang sama dan tinggal mengganti ID filenya saja

Selesai... Silahkan anda mencobanya..
Just the Way You Are (Bruno Mars song)
Just the Way You Are (Bruno Mars song) (Photo credit: Wikipedia)

Bonus ID file swf yang sudah saya upload:
  • 1323755387 = Street Beat - I Wanna Change
  • 1318498118 = Mr.Katro - Balasan hamil duluan
  • 1324612446 = Budi doremi - Demam ayu ting ting
  • 1316792396 = Still Virgin - Dear ndut
  • 1325776188 = Still Virgin - Merangkai imajinasi
  • 1317323203 = Still Virgin feat Cha - Hate to miss someone
  • 1327732128 = Travie Mc.Coy feat Bruno Mars - Billionaire
  • 1332429471 = Cleopatra Stratan - ZUNEA ZUNEA
  • 1332357461 = Big Bang – Bad Boy
Enhanced by Zemanta
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 19.50

Kamis, 30 Agustus 2012

Trik SEO | Deskripsi Blog Share di Facebook

0 Trik SEO | Deskripsi Blog Share di Facebook

Description: Trik SEO | Deskripsi Blog Share di Facebook Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Trik SEO | Deskripsi Blog Share di Facebook
Dear Facebook
Dear Facebook (Photo credit: JAMES ANTHONY CAMPBELL)
Trik SEO | Deskripsi Blog Share di Facebook. Facebook dalam membaca script meta description pada blog yang kita sharing di Facebook akan terlihat hanya gambar dan judul postingan dan tidak memuat deskripsi postingan kita. Nah sekarang saya akan memberikan solusi kepada sobat blogger agar deskripsi postingan dapat terlihat saat anda share di Facebook.

Cara yang harus dilakukan adalah sbb:
1. Login ke Blogger Dasbor > Rancangan > Edit HTML
2. Centang Expand Template Widget
3. Cari kode <data:post.body/>
4. Simpan kode berikut ini diatas kode <data:post.body/>
(di template saya ada 4 kode <data:post.body/>, pilih kode no. 2)
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.snippet'>
<meta expr:content='data:post.snippet' name='description'/>
</b:if>
</b:if> 
5. Kemudian setelah itu pasang tag <p> dan penutupnya di semua  kode <data:post.body/>, contoh seperti dibawah ini:
 <p><data:post.body/></p>
6. Save Template
7. Selesai...

Contoh sebelum dan sesudah di edit:

 

Note: Perubahan yang kita lakukan baru akan berpengaruh kurang lebih sekitar 24 jam. Untuk mengatasinya anda dapat memasukkan link posting secara manual agar lebih cepat ke Facebook Debugger.

Enhanced by Zemanta
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 19.52

Jumat, 10 Agustus 2012

Trik SEO | Tombol Next Page

0 Trik SEO | Tombol Next Page

Description: Trik SEO | Tombol Next Page Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Trik SEO | Tombol Next Page
Lovely Cari
Lovely Cari (Photo credit: trixieskips)
Trik SEO | Tombol Next Page. Sebagian template pada blog tidak memiliki tombol next page, yang mana tombol ini berfungsi buat mengarahkan para pengunjung untuk melihat halaman demi halaman yang berada pada blog kita berdasarkan angka yang tertera dalam tombol tersebut. Untuk anda yang belum memiliki tombol next page di blognya silahkan menyimak tutorial ini, sedangkan anda yang sudah memiliki tombol next page tersebut, abaikan saja tutorial ini. (hehehehe..)
Hasil dari tombol next page akan terlihat seperti gambar di bawah ini.
Cara Membuat Tombol Next Page:
1. Login ke Dasbor Anda ---> Edit HTML
2. Centang Expand Template Widget
3. Untuk menjaga hal-hal yang tidak diinginkan saya sarankan backup dulu template blog anda dengan mengklik Download Full Template.
4. Cari kode: ]]></b:skin>
5. Copy kode yang ada dibawah ini kemudian paste di atas kode ]]></b:skin>
.showpageArea a {text-decoration:underline;}
.showpageNum a {text-decoration:none;border: 1px solid #cccccc; margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#E56400;}
.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}
.showpage a:hover {text-decoration:none; background-color:#E56400;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333;}
6. Kemudian cari kode </body>
7. Copy kode yang ada dibawah ini kemudian paste di atas </body>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord=&#39;Previous&#39;;
var downPageWord=&#39;Next&#39;;
</script>
<script src='http://rumbiadalam.googlecode.com/files/pag3.js' type='text/javascript'/>
8. Save Template Anda, selesai.

Silahkan anda mencobanya, semoga bermanfaat.
Enhanced by Zemanta
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 19.41

Kamis, 09 Agustus 2012

Mengenal Perbedaan Antara Link Nofollow Dan Dofollow

0 Mengenal Perbedaan Antara Link Nofollow Dan Dofollow

Description: Mengenal Perbedaan Antara Link Nofollow Dan Dofollow Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Mengenal Perbedaan Antara Link Nofollow Dan Dofollow Mengenal perbedaan antara link nofollow dan dofollow ~ Nofollow adalah sebuah tag dari atribut rel untuk menginstruksikan mesin pencari seperti Google untuk tidak mengikuti atau mengindeks link ke sebuah halaman atau situs. Hal ini dimaksudkan untuk mengurangi efektivitas spam di search engine termasuk pada komentar blog. maksudnya adalah jika sebuah link diberikan tag rel nofollow di belakangnya maka search engine tidak akan mengikuti link tersebut atau tidak memberikan backlink ke link tersebut. Contohnya jika anda membuat link ke blog saya seperti ini:
<a href="http://www.mainbom.com/" rel="nofollow">tutorial blogger</a>
Maka hasilnya dari kode diatas akan seperti ini: tutorial blogger

Artinya dengan penambahan kode rel="nofollow" tersebut, maka Google tidak akan memberikan link ke website saya atau dengan kata lain anda tidak memberikan backlink kepada situs saya. Dampak dari penambahan tag rel="nofollow" ini adalah membuat optimasi SEO untuk blog anda tetap terjaga dengan baik dan hal ini membuat blog anda terlihat lebih baik di mata search engine Google.

Sedangkan dofollow adalah kebalikan dari nofollow, yaitu membiarkan search engine untuk mengikuti link atau memberikan backlink kepada link yang memiliki atribute dofollow tersebut. Contohnya:
<a href="http://www.mainbom.com/" rel="dofollow">tutorial blogger</a>
<a href="http://www.mainbom.com/">tutorial blogger</a>
Kedua HTML link diatas memiliki arti yang sama, yaitu link dofollow dan link tersebut akan diberikan kredit backlink oleh Google dan search engine lainnya.

Nah kalau sudah mengerti, sekarang saya akan memberikan tips kepada anda saat membuat postingan di blog apabila membuat link ke situs atau halaman lain dengan menggunakan atribut nofollow dengan mudah.
Jika anda akan membuat sebuah link pada artikel atau postingan anda yang baru, disarankan seperti gambar di bawah ini:

Mengenal Perbedaan Antara Link Nofollow Dan Dofollow

Saya beri sedikit penjelasan:
- Jika Add 'rel=nofollow' attribute dicentang artinya link tersebut Nofollow
- Jika Add 'rel=nofollow' attribute tidak dicentang artinya link tersebut Dofollow
- Jika Open this link in a new window dicentang maka link tujuan akan terbuka di tab baru
- Jika Open this link in a new window tidak dicentang maka link tujuan akan terbuka di window yang sama

Sekian, semoga bermanfaat dan ilmu kita semua dapat bertambah. see you :)
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 02.46

Senin, 30 Juli 2012

Adsense di Kiri atau Kanan Blogger Post

0 Adsense di Kiri atau Kanan Blogger Post

Description: Adsense di Kiri atau Kanan Blogger Post Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Adsense di Kiri atau Kanan Blogger Post
Cara
Cara (Photo credit: faeks)
Adsense di Kiri atau Kanan Blogger Post. Cara penempatan iklan seperti Google Adsense atau iklan PPC lain yang sejenis, sangat penting untuk mendapatkan traffic clicking yang bagus. 

Untuk menambah intensitas perklik untuk iklan, biasanya beberapa blogger memasang iklannya di sebelah kiri atau kanan postingannya. Seperti yang kita ketahui bahwa dengan memasang iklan di dalam postingan akan meningkatkan peluang klik iklan dibanding dengan memasang iklan dibagian sidebar atau di tempat lain, dan hal ini jelas tidak melanggar aturan.

Untuk contoh liat gambar di bawah

Cara Pasang Iklan Di Sebelah Kiri Postingan
1. Login ke Blogger => Edit HTML
2. Sebaiknya backup template Anda untuk jaga-jaga
3. Centang Expand Template Widget
4. Cari kode <data:post.body/> apabila Anda menemukan lebih dari satu kode seperti itu, pilih kode yang ke dua.
5. Kemudian pasang kode berikut ini di atas kode <data:post.body/>

<div style='clear: right; float: left; margin-right: 10px'>
<KODE IKLAN DISINI>
</div>
Ganti <KODE IKLAN DISINI> dengan kode iklan anda.
6. Save template dan lihat hasilnya.

Asumsi:
A: Gan, Kenapa iklannya gak muncul?
Q: Parse dulu kode iklannya di sini

A: Gimana kalau mau pasang iklannya disebelah kanan?
Q: Ganti kode <div style='clear: right; float: left; margin-right: 10px'> dengan kode <div style='clear: left; float: right; margin-left: 10px'>


Deutsch: Funktionsweise von Google AdSense (ve...
Deutsch: Funktionsweise von Google AdSense (vereinfacht) (Photo credit: Wikipedia)

Enhanced by Zemanta
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 21.08

Selasa, 24 Juli 2012

Trik SEO | Tabel Keren Untuk Blogger - Pretty Table

0 Trik SEO | Tabel Keren Untuk Blogger - Pretty Table

Description: Trik SEO | Tabel Keren Untuk Blogger - Pretty Table Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Trik SEO | Tabel Keren Untuk Blogger - Pretty Table
Cara Membuat Tabel Seperti Tabel Google
Trik SEO | Tabel Keren Untuk Blogger - Pretty Table. Cara membuat tabel keren ini menggunakan dua source kode, yaitu CSS dan HTML. Dimana kode CSS akan disisipkan pada template blogger, sedangkan kode HTML yang akan disisipkan pada postingan Blog kita. Kode CSS dan HTML ini murni saya dapatkan dari halaman Google Support.

HTML Table Sample with collapse, border-width,...
HTML Table Sample with collapse, border-width, etc tags/parameters/properties, rendered by Trident (/Internet Explorer) engine (/web-browser). (Photo credit: Wikipedia)

Tahap Pertama:

1. Login ke Blogger > Template > Edit HTML
2. Jangan lupa centang "Expand Template Widget"
3. Cari kode ]]></b:skin> lalu sisipkan kode CSS berikut ini tepat di atas ]]></b:skin>
<!-- Nice Table Mainbom.com-->
table th {
    padding-top: 7px;
    text-align: left;
}
.nice-table {
    border-collapse: collapse;
    border-spacing: 0;
}
.nice-table tr:first-child th {
    border-top: 0 none;
}
.nice-table th:first-child {
    border-left: 0 none;
}
.nice-table tr:first-child th:last-child {
    border-right-color: #5C6785;
}
.nice-table th {
    background-color: #5C6785;
    color: white;
    font-weight: bold;
}
.nice-table th, .nice-table td {
    border: 1px solid #EBEBEB;
    padding: 3px 10px;
}
.nice-table td {
    background-color: #E6E6E6;
    border-color: #E5E5E5 #CCCCCC #E5E5E5 #E5E5E5;
    color: #444444;
}
.nice-table td:last-child {
    border-right-color: #E5E5E5;
}
.nice-table tr:nth-of-type(2n) td {
    background-color: #FFFFFF;
    border-right-color: #E5E5E5;
}
.nice-table.spaced-table td, .nice-table.spaced-table th {
    padding: 10px;
}
.nice-table.wide {
    width: 95%;
}
.nice-table.narrow {
    width: 75%;
}
.nice-table.narrower {
    width: 50%;
}
.nice-table.narrowest {
    width: 35%;
}
<!-- Nice Table Mainbom.com-->
4. Klik Simpan template

Tahap Kedua:

Tahap kedua adalah saat anda membuat postingan Blogger yang akan menggunakan tabel, pastikan edit entri pada mode HTML bukan "Compose". Untuk membuat tabelnya silahkan ikuti contoh kode di bawah ini
<table class="nice-table" width="100%" ><tbody>
<tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> </tr>
<tr> <td>kolom 1 baris 1</td> <td>kolom 2 baris 1</td> <td>kolom 3 baris 1</td> </tr>
<tr> <td>kolom 1 baris 2</td> <td>kolom 2 baris 2</td> <td>kolom 3 baris 2</td> </tr>
<tr> <td>kolom 1 baris 3</td> <td>kolom 2 baris 3</td> <td>kolom 3 baris 3</td> </tr>
<tr> <td>kolom 1 baris 4</td> <td>kolom 2 baris 4</td> <td>kolom 3 baris 4</td> </tr>
</tbody> </table>
Ini adalah contoh tabel dengan 3 kolom dan 4 baris
Header 1 Header 2 Header 3
kolom 1 baris 1 kolom 2 baris 1 kolom 3 baris 1
kolom 1 baris 2 kolom 2 baris 2 kolom 3 baris 2
kolom 1 baris 3 kolom 2 baris 3 kolom 3 baris 3
kolom 1 baris 4 kolom 2 baris 4 kolom 3 baris 4

Catatan:
  • Jika ingin menambah atau mengurangi jumlah kolom dan baris, silahkan mengedit dengan memperhatikan kode <td> dan <tr>
  • Disetiap kolom akan ada kode <td> dan </td>
  • Disetiap baris akan ada kode <tr> dan </tr>
  • "Tahap Pertama" cukup dilakukan sekali saja, dan "Tahap Kedua" dilakukan setiap membuat tabel
  • Ada pertanyaan silahkan komentar.

Enhanced by Zemanta
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 20.59

Menentukan Artikel Untuk Ditulis Dengan Memanfaatkan Google Insight Search

0 Menentukan Artikel Untuk Ditulis Dengan Memanfaatkan Google Insight Search

Description: Menentukan Artikel Untuk Ditulis Dengan Memanfaatkan Google Insight Search Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Menentukan Artikel Untuk Ditulis Dengan Memanfaatkan Google Insight Search
Menentukan Artikel Untuk Ditulis Dengan Memanfaatkan Google Insight Search  ~ Bagaimana caranya menentukan artikel dengan keyword yang banyak dicari di google search? Ya pertanyaan ini dapat dijawab dengan produk google yaitu google insight search. google insight adalah service google untuk meriset keyword populer. manfaat google insight menghimpun keyword atau kata kunci populer sesuai kriteria serta kategori yang diinginkan. google insight dapat memberikan data pada pengguna berlandaskan tren pencarian yang dikerjakan pada seluruh domain google di seluruh dunia, sesuai dengan waktu yang ditentukan pengguna. entah itu 7 hari terakhir, 1 bulan, 1 tahun, atau dalam beberapa tahun ke belakang. tak hanya itu, type pencarian pun bisa dibagi lagi menjadi pencarian web, berita, gambar serta produk yang menunjukkan keyword artikel yang paling banyak dicari di google search. tak hanya itu, jenis-jenis pencarian tersebut bisa disaring kembali berdasarkan regional atau wilayah lebih mendetail.

Data google ingsight berasal dari hasil pencarian orang di google search. namun sebatas keyword yang hit tertinggi yang bisa dianalisis. bila hitnya terlalu rendah, selanjutnya tak bakal kelihatan. Manfaatnya tentu saja membantu kita saat membuat suatu artikel sebuah blog dengan keyword yang sedang populer untuk ditulis, hingga kita dapat memperoleh pengunjung yang semakin banyak.

Banyak manfaat yang dapat anda gunakan diantaranya :
  • Menemukan keyword penelusuran web, gambar, berita, serta produk
  • Menemukan keyword dengan istilah untuk ditelusuri.
  • Penelusuran keyword bisa dicari berdasarkan negara atau untuk semua negara.
  • Kategori serta rentang waktu bisa kita tentukan sesuai keinginan, dan lain-lain.
  • Mendapatkan pengunjung yang lebih banyak
Contoh dibulan Ramadhan ini, Saya mencari kata "Cara" untuk penelusuran web di Indonesia pada semua kategori dalam rentang 7 hari terahir dan hasilnya adalah seperti gambar di bawah ini.

Cara Menentukan Artikel Untuk Ditulis Dengan Memanfaatkan Google Insight Search

Nah dengan demikian Anda dapat menentukan artikel apa yang sebaiknya Anda tulis untuk saat ini.
Anda dapat coba sendiri serta rasakan manfaatnya dengan mengunjungi website google insight search.
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 20.23

Kamis, 12 Juli 2012

Trik SEO | Simple Script Open New Tab Eksternal Link Blogger

0 Trik SEO | Simple Script Open New Tab Eksternal Link Blogger

Description: Trik SEO | Simple Script Open New Tab Eksternal Link Blogger Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Trik SEO | Simple Script Open New Tab Eksternal Link Blogger
P Element - (X)HTML Diagram
P Element - (X)HTML Diagram (Photo credit: Mr_Stein)
Trik SEO | Simple Script Open New Tab Eksternal Link Blogger. Script dibawah adalah script untuk membuat open new tab apabila pengunjung mengklik link external atau link diluar dari domain kita. Dengan kata lain, semua link diluar situs kita secara otomatis akan terbuka di tab baru saat di klik.
Copy dan paste scriptnya di bagian body atau sebelum tag </body>
<script type='text/javascript'>
//CDATA[
jQuery('a').each(function() {
    // Let's make external links open in a new tab.
    var href = jQuery(this).attr('href');
   
    if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
        jQuery(this).attr("target", "_blank");
    }
});
//]]>
</script>

Enhanced by Zemanta
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 20.01
 

Blog Webmaster | Indotrading ™ Copyright © 2012 - |- Template created by O Pregador - |- Powered by Blogger Templates

www.e-referrer.com