Saturday, May 11, 2013

Cara Mengecheck Jumlah Backlink Blog Kita

1 komentar
Mungkin yang sudah terjun di dunia blogger tak asing lagi dengan nama backlink, namun bagi pengguna awam atau newbie masih belum tahu banyak apa itu istilah backlink. Backlink merupakan link kita yang terpasang pada situs lain.


Backlink ada yang bersifat one way link dan two way link. Yang dimaksud dengan One way link adalah link situs kita dipasang oleh situs lain namun kita tidak memasang linknya di situs kita sedangkan two way link adalah saya melink situs anda dan anda juga melink situs saya atau yang sering disebut dengan link exchange.

Adapun tujuan dari backlink tak lain meminta agar page rank jatuh ke blog kita bisa juga dengan istilah lain meningkatkan PR pada blog ataupun situs web kita. Di sini saya akan memberikan sedikit masukan cara nge-check backlink blog atau situs web sobat melalui tool online, tool ini bisa di sebut dengan Backlink Watch atau anda bisa mengunjungi ke alamat ini [ http://www.backlinkwatch.com ].

Cara menggunakan sangat mudah di fahami sob. atau anda bisa lihat screen shot yang sudah saya buat di bawah ini :

Langkah Pertama :


Langkah Kedua :
 
Keterangan :

10199 Merupakan total backlink dari blog cah dabloeng dan link pada OBL merupakan link dari situs yang memberikan backlink. 

Flag merupakan bagian untuk menampilkan keterangan follow atau nofollow. Jika ada keterangan nofollow berarti situs tersebut memberikan tag nofollow pada link kita yang artinya kita tidak mendapatkan backlink dari situs tersebut.

PERINGATAN! Bagi Yang Suka COPAS! Harap Cantumkan Link Sumbernya!!!, Terimakasih.

Continue reading >>

Tuesday, April 23, 2013

4 Alasan Kenapa Blog Jarang Ada Komentarnya

3 komentar
4 Alasan Kenapa Blog Jarang Ada Komentarnya - Apa Penyebab komentar blog sepi? inilah yang menjadi salah satu pertanyaan kenapa blog sepi komentar???? adakah solusi untuk hal tersebut!
Hal ini sering kali di pertanyakan oleh para pemblogger baru dan ini melibatkan mengeluh karena hal tersebut.

Mari kita teliti dari dialog berikut:

Si A: Kenapa kamu tidak mau berkomentar di blog dia?
Anonymous: Saya malas membaca artikelnya.

Si A: Lho kok malas?
Anonymous: Artikelnya gak bermutu, lagian tulisannya juga acak-acakkan.

Si A: Jika tulisannya berkualitas dan gak acak-acakkan, apakah kamu mau berkomentar?
Anonymous: Tidak, blognya berat.

Si A: Jika blognya tidak berat, apa kamu mau berkomentar?
Anonymous: Tidak, karena komentarnya harus dimoderasi dulu.

Si A: Jika komentarnya tidak dimoderasi, apakah kamu mau berkomentar.
Anonymous: Tidak, karena komentarnya pake verifikasi.

Si A: Jika komentarnya tidak diverifikasi, kamu mau berkomentar?
Anonymous: Ya pastinya.

Kesimpulan dari dialog di atas :


  1. Buatlah blog atau artikel dengan rapi dan ada maksud tujuan dari artikel tsb.
  2. Buatlah blog menjadi ringan, bagimana cara anda mengaturnya agar blog lebih ringan, saya sarankan jangan terlalu banyak pasang aneh2 di blog seperti widget atau gambar.
  3. Adanya Moderasi komentar, ini juga membuat pemblogger malas karena ia berfikiran pesimis akan komentarnya yang nantinya di terbitkan atau nggaknya.
  4. Adanya Code Verifikasi, ini yang sering membuat pengkomentator malas berkomentar karena harus memasukkan kode. gua juga malas sebenernya. XD... Capek Gua. :P
Mungkin itu yang dapat saya berikan sedikit informasi tentang 4 Alasan kenapa blog jarang komentarnya. 
Semoga sharing kali ini bermanfaat bagi visitor cah dabloeng. thank atas partisipasinya buat membaca artikel saya, silahkan berkomentar bila masih ada unek-unek lainnya. 
Sebelumnya jempole sek mas bro... 4 Alasan Kenapa Blog Jarang Ada Komentarnya


PERINGATAN! Bagi Yang Suka COPAS! Harap Cantumkan Link Sumbernya!!!, Terimakasih.
Continue reading >>

Thursday, April 18, 2013

Cara Bikin Total Post dan Total Komentar di Blog

1 komentar
Hey Pengunjung Jembertheisozone, ada trick baru nih. bagi temen-temen yang ingin mencoba silahkan, atau hanya ingin baca-baca juga silahkan, enak kan feer...

Trick kali ini " Cara Bikin total post dan total komentar di blog " Ini berguna sekali bagi temen2 yang ingin tahu berapa banyak kita posting dan berapa banyak mahluk yang telah berkomentar di blog kita. XD. Kalau kurang jelas dan masih ragu gimana jadinya nantinya nih saya pasang SSnya :
Sebenernya kalau total post sudah bisa kita check lewat Halaman utama blog atau Dasbor blog, namun untuk pengunjung yang ingin tahu berapa jumlah total postingan kan g tau ya??? hehehee..

Bingung2 yang mw pasang monggo yang g mw pasang g ikhlas gua, gua doain jempol lu bengkak hahaha... Capek2 nulis cuma di cuekin.

Oke gan nih Script nya :
  • Kode Untuk Total Post :
<script style="text/javascript"></script>
<script style="text/javascript">
function numberOfComments(json) {document.write('Total Comments : <b>' + json.feed.openSearch$totalResults.$t +'</b><br>');}</script>
<script src="http://namablog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>
  • Kode Untuk Total Komentar :
<script style="text/javascript">
function showpostcount(json) {
document.write('Total Posts : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10)
+ '</b><br>');}</script>
<script src="http://namablog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>

Keterangan :

~ Warna Merah silahkan ganti dengan url blog sobat !!!

Untuk Cara Pasangnya ;

  • Login Blogger
  • Masuk ke rancangan / Elemen Laman / Add Gadget / Pilih HTML/JavaScript
  • Masukkan Kode Di atas ke dalamnya.
  • Dan terakhir SAVE. dan check hasilnya!!!

Suksess!! Semoga Berhasil semoga bermanfaat. bagi yang kurang jelas KOMENTAR!!!!

PERINGATAN! Bagi Yang Suka COPAS! Harap Cantumkan Link Sumbernya!!!, Terimakasih.
Continue reading >>

Cara Membuat MenuQ Top Header Blog

2 komentar
Pengunjung kali ini saya share lagi tutorial blogger " Cara Membuat MenuQ Top Header Blog" anda penasaran dengan judul di atas langsung aja lihat SSnya di bawah :
Cara buatnya gampang sob silahkan terapkan seperti langkah-langkah berikut :
  • Login blog
  • Rancangan>>Edit HTML
  • Jangan lupa expand Widget
  • PERINGATAN! Download Template lengkap dulu, guna mengantisipasi adanya kesalahan!!!, Terimakasih.
  • Masukkan kode CSS berikut tepat di atas kode ]]></b:skin>
<!-- Menuq Cah Dabloeng -->
.menuqu ul li{display: inline;}
.menuqu1 { padding: 2px 0.5em; text-decoration: none; float: left; color: black; background: #000000; border: 2px solid #000000; list-style: none;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);-o-transform:rotate(-25deg);
}
.menuqu2 { padding: 2px 0.5em; text-decoration: none; float: left; color: black; background: #4FCF26; border: 2px solid #000000; list-style: none;
-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(25deg);-moz-transform:rotate(25deg);-o-transform:rotate(25deg);
}
.menuqu1:hover, .menuqu2:hover{ background: #F0BFFF; color:#ccc;
-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg)
}
  • Kemudian cari lagi kode <body>
  • Masukkan Script berikut tepat di bawahnya!
<div class="menuqu">
<ul>
<li class="menuqu1"><a href='URL ANDA'>News</a></li>
<li class="menuqu2"><a href='URL ANDA'>Artikel</a></li>
<li class="menuqu1"><a href='URL ANDA' title='Lucu dan Unik'>Dunia Unik</a></li>
<li class="menuqu2"><a href='URL ANDA' title='Download Mp3 Gratis'>Mp3</a></li>
</ul>
</div>
</div>
<div class='clear'></div>

Keterangan :

~ Warna Merah silahkan ganti dengan url sobat!!
~ Simpan dan lihat hasilnya?


PERINGATAN! Bagi Yang Suka COPAS! Harap Cantumkan Link Sumbernya!!!, Terimakasih.
Continue reading >>

Monday, April 15, 2013

Membuat Iklan Melayang di Blog

0 komentar
Membuat Iklan Melayang di Blog - Banyak blog atau web yang menampilkan suatu widget yang selalu nampak didepan monitor kita, walaupun kita scroll ke bawah atau keatas Widget tersebut selalu nampak ada didepan tampilan blog kita. Widget ini lumayan berguna untuk menyimpan suatu iklan atau suatu tanda yahoo messenger kita sedang menyala atau tidak, tapi yang pasti kebanyakan blog menambahkan ini untuk menyimpan suatu iklan tertentu. Berikut adalah tutorialnya :
Langkah pertama yang harus kamu lakukan adalah Log In ke Blogger lalu masuk menu Layout kemudian masuk Edit HTML

Lalu taruh Code dibawah ini diatas Code ]]></b:skin>

#melayang {
position:fixed;_position:absolute; bottom:0px; left:0; right:0;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Tulisan yang berwarna Hitam dan tebal diatas itu adalah posisi widgetnya. bottom adalah bawah jika ingin menaruh diatas bisa kamu ganti dengan top, Left adalah kiri jika ingin mengganti di kanan bisa kamu ganti dengan right.

Sebelum menaruh kode iklan kita, copy code htmlnya terus buka www.blogcrowds.com paste kodenya pada kotak yang disediakan kemudian klik prase.

Banyak blog atau web yang menampilkan suatu widget yang selalu nampak didepan monitor kita, walaupun kita scroll ke bawah atau keatas Widget tersebut selalu nampak ada didepan tampilan blog kita. Widget ini lumayan berguna untuk menyimpan suatu iklan atau suatu tanda yahoo messenger kita sedang menyala atau tidak, tapi yang pasti kebanyakan blog menambahkan ini untuk menyimpan suatu iklan tertentu. Berikut adalah tutorialnya:


Langkah pertama yang harus kamu lakukan adalah Log In ke Blogger lalu masuk menu Layout kemudian masuk Edit HTML

Lalu taruh Code dibawah ini diatas Code ]]></b:skin>

#melayang {
position:fixed;_position:absolute; bottom:0px; left:0; right:0;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Tulisan yang berwarna Hitam dan tebal diatas itu adalah posisi widgetnya. bottom adalah bawah jika ingin menaruh diatas bisa kamu ganti dengan top, Left adalah kiri jika ingin mengganti di kanan bisa kamu ganti dengan right.

Sebelum menaruh kode iklan kita, copy code htmlnya terus buka www.blogcrowds.com paste kodenya pada kotak yang disediakan kemudian klik prase.

Langkah selanjutnya taruh code yang kita dapat hasil dari prase seperti dibawah ini yang merupakan widget sebelum Code </body>

<div id='melayang'>
<center>&lt;!-- Begin: http://adsensecamp.com/ --&gt;
&lt;script
src=&quot;http://adsensecamp.com/show/?id=Zcrcns6GBkg%3D&amp;cid=Jw0%2BaU5zMLg%3D&amp;chan=6%2FxBrV5eTVg%3D&amp;type=1&amp;title=3D81EE&amp;text=000000&amp;background=FFFFFF&amp;border=000000&amp;url=2BA94F&quot;
type=&quot;text/javascript&quot;&gt;
&lt;/script&gt;
&lt;!-- End: http://adsensecamp.com/ --&gt;</center>
</div>

Yang dicetak tebal adalah source code html iklan yang akan ditampilkan, saya menggunakan adsense, bisa juga diganti dengan kode html yang lainya terserah kepada anda yang punya blog. Kode ditaruh tepat di bawah kode <div id="melayang">
dengan diakhiri kode </div>

Selamat mencoba...............Membuat Iklan Melayang di Blog


PERINGATAN! Bagi Yang Suka COPAS! Harap Cantumkan Link Sumbernya!!!, Terimakasih.

Continue reading >>

Wednesday, April 10, 2013

Cara Memasang Read more Blog dengan Animasi

0 komentar
Cara Memasang Read more Blog dengan Animasi - Mungkin dengan judul di atas tidak asing lagi bagi pemblogger, Readmore kali ini berbagi readmore dengan versi animation bro!!!
Caranya gampang langsung aja anda anda ganti Tulisan atau gambar readmore yang sudah sobat pakai di blog dengan animasi berikut :

<img src="link gambar kamu"/>

Brikut Link Gambarnya saya kasih kalo sobat susah carinya :

http://i496.photobucket.com/albums/rr329/grandisyf/th_button-green-f.gif

http://i496.photobucket.com/albums/rr329/grandisyf/th_arrow-readmore.gif

http://i496.photobucket.com/albums/rr329/grandisyf/th_more.gif

http://i496.photobucket.com/albums/rr329/grandisyf/th_Readmore3.gif

Semoga bermanfaat bagi kalian sob. heheheee ...
Cara Memasang Read more Blog dengan Animasi

Continue reading >>

Saturday, April 6, 2013

Cara Membuat Widget Statistik Blog Di tengah

0 komentar
Cara Membuat Widget Statistik Blog Di tengah  - Mungkin ada yang berminat menggunakan trick satu ini yaitu " Cara membuat widget agar statistik blog menjadi center atau di tengah " cara ini sangat bermanfaat karena blog kita biar terlihat lebih rapi.

Contoh yang telah saya buat :
Cara nya gampang sekali sob! anda tinggal ikuti langkhnya di bawah ini :
  • Login blogger kalian
  • Masuk Rancangan -> Edit Html
  • Cari Kode ]]></:skin> dengan menggunkan CTRL+F agar lebih mudah mencarinya!
  • Lalu masukkan kode di bawah ini tepat di atas kode di atas tadi :
#Stats1 .widget-content{
text-align:center;
}
  • Kalau sudah silahkan save dan lihat hasilnya!
SEMOGA SUKSES BRO!!! Cara Membuat Widget Statistik Blog Di tengah 

PERINGATAN! Bagi Yang Suka COPAS! Harap Cantumkan Link Sumbernya!!!, Terimakasih.
Continue reading >>

Cara Pasang Permalink Blog

0 komentar
Cara Pasang Permalink Blog - Permalink Blog adalah Sebuah Coding yang berfungsi unutk membuat link atau link referensi dari isi postingan suatu blog, permalink tag juga berfungsi untuk meningkatkan seo on page, jadi jika kita pasang permalink di blog maka blog kita akan lebih di baca oleh google, terutama postingannya.
Kegunaan Permalink Tag blog ini adalah selain meningkatkan seo on page juga menghindari para pengcopas yang tidak memberikan sumber. Mungkin mereka akan sadar ketika melihat tulisan tersebut

Cara Membuat Permalink Sbb :

1. Masuk ke akun Blogger Sobat.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk berjaga-jaga kalau nanti terjadi kesalahan kita dapat dengan mudah mengembalikan template seperti semula.

4. Beri tanda centang di Expand Template Widget.

5. Cari kode ]]></b:skin>. Tekan Ctrl + F lalu isikan kode untuk mempercepat pencarian.

6. Copy kode di bawah ini lalu paste di atas kode tersebut

.permalinktag{margin-top:5px;border:1px solid #eff0f1;color:#424242;padding:5px;background:#fbfbef}.permalinktag a{background:0}img.float-right{margin:5px 0 0 10px}img.float-left{margin:5px 10px 0 0}#mn2{width:100%;height:28px;background:#1e90ff;border-top:1px solid #666;border-bottom:1px solid #666;margin-top:0;margin-left:0}

7. Cari kode <data:post.body/>. Untuk mempercepat pencarian, silakan tekan Ctrl + F lalu masukkan kode ini dibawah ini tepat dibawah <data:post.body/>

<div class='bloglano_permalink' style='border:2px dashed red;background:#FFF9B4;padding:10px 5px 5px 10px;text-align:justify'> <center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sumbernya.</small></center></div>

8. biasanya kode <data:post.body/> ada dua pilih untuk memasang permalink tag  pilih yang nomor dua, kalau bellum bisa coba saja satu satu.

9. Terakhir simpan template anda dan lihat hasil


Cara Pasang Permalink Blog


PERINGATAN! Bagi Yang Suka COPAS! Harap Cantumkan Link Sumbernya!!!, Terimakasih.
Continue reading >>

Friday, April 5, 2013

Cara Mengubah Tag Heading Untuk Better SEO di Blogger

0 komentar
Cara Mengubah Tag Heading Untuk Better SEO di Blogger - Heading Tag (h1, h2, h3, h4, h5) sangat penting untuk SEO. Semua Blogger widget (gadget) judul menggunakan h3 atau h2 tag. Jadi template blogger menggunakan h2 atau h3 tag untuk posting title. Jika Anda ingin meningkatkan situs Anda SEO, Anda perlu menggunakan tag h1 untuk judul posting.

Ikuti langkah-langkah sederhana di bawah ini untuk melakukannya:

1.Login ke dashboard blogger Anda -> tata letak -> Edit HTML

2.Click pada "Expand Template Widget"

3.Scroll bawah ke tempat Anda lihat di bawah kode:

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'> <data:post.title/> </ a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'> <data:post.title/> </ a>
<b:else/>
<data:post.title/>
</ B: if>
</ B: if>
</ H3>
</ B: if>

Catatan: Jika Anda tidak dapat menemukan kode di atas mencari itu mengganti h3 dengan h2.

4.Now Ganti kode diatas dengan kode dibawah ini:

<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'> <data:post.title/> </ a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'> <data:post.title/> </ a>
<b:else/>
<data:post.title/>
</ B: if>
</ B: if>
</ H1>
</ B: if>

5.Now menemukan]]> </ b: skin> tag.

6.Copy kode di bawah ini dan paste tepat sebelum]]> </ b: skin> tag.

h1.post-title,. pos h1 # Blog1 h1, # Blog2 h1 {
border-bottom: 0px Dotted # 000000;
border-top: 0px Dotted # 000000;
margin: .25 em 0 0;
padding: 0 0 4px;
font-size: 150%;
font-weight: normal;
line-height: 1.4em;
color: # 1c3c6f;
}

Catatan: Anda dapat mengubah nilai-nilai kode di atas untuk mencocokkan template Anda.

7.Click "Simpan Template" dan sekarang Anda selesai.

Itulah sekilas tentang Cara Mengubah Tag Heading Untuk Better SEO di Blogger.
Continue reading >>

Cara Mudah Promosi Blog Di Facebook

0 komentar
Cara Mudah Promosi Blog Di Facebook - Pengen pasang banner di Facebook dengan mudah?
Berikut tips dan trik memasang banner blog di Facebook :
  • Klik halaman http://apps.facebook.com/profilebox
  • Kemudian klik (pilih) “Izinkan”
  • Silakan hapus semua teks yang ada di halaman pengeditan tersebut.
  • Tempatkan kode banner blog yang ingin kita munculkan pada facebook.
  • Format kodenya seperti di samping : <a href="URL_BLOG"><img src="URL_BANNER">

Keterangan :
  • URL_BLOG diganti dengan alamat URL blog kita.
  • URL_BANNER diganti dengan alamat URL banner kita.
  • Contohnya seperti di samping :<a href="http://beritanet.com" target="_blank"><img border="0" src="http://i209.photobucket.com/albums/bb287/beritanet/logo.gif"/></a>
  • klik "Submit" dan tunggu hingga profil terupdate dengan sukses.
  • klik "Cantumkan ke dalam profil"
  • Muncul dialog konfirmasi “Tambahkan Profil Box ke profil Anda?”. Kemudian klik “Tambahkan”
  • Kemudian pada dialog box, klik “keep” untuk mempertahankan banner tersebut tetap berada di profil Anda
  • Selanjutnya, setiap teman-teman Facebook yang membuka halaman profil Anda, mereka akan melihat banner dari blog tersebut.
Cara Mudah Promosi Blog Di Facebook

PERINGATAN! Bagi Yang Suka COPAS! Harap Cantumkan Link Sumbernya!!!, Terimakasih.
Continue reading >>

Cara Menghapus Link "Langgan: Entri (Atom)"

0 komentar
Jembertheisozone - Pada sebagian Template Blog khususnya template default yang ada di blogger.com sering kita melihat di bawah postingan ada tulisan "Langgan: Entri (Atom)" atau dalam bahasa inggrisnya Subscribe to: Posts (Atom), Link ini berguna untuk pengguna yang ingin berlangganan artikel blog kita via atom. Tetapi pada saat ini biasanya link ini sudah dihapus pada sebagian template baru, dan jika link tersebut masih ada dan cukup menggangu tampilan, anda bisa menghapus/menghilangkan link Langgan: Entri (Atom) tersebut dengan langkah-langkah sebagai berikut.

Cara menghapus atau menghilangkan link/teks tulisan Langgan: Entri (Atom) :

1. Setelah Login buka menu Tata Letak kemudian pilih Edit HTML.

2. Cari kode yang berwarna merah dibawah ini di Template blog anda.

.feed-links

Tepatnya di atas kode ]]></b:skin>


3. Jika anda sudah menemukan kode yang seperti di atas, tambahkan kode

display:none;

di dalam kurung kode tersebut.

4. Jika anda tidak menemukan kode .feed-links pada template anda, anda hanya akan menambahkan kode dibawah ini lalu anda letakkan di atas kode ]]></b:skin>.
.feed-links{display:none;}

5. Klik tombol Simpan Template.

6. Selesai. Silahkan lihat hasilnya !
Continue reading >>

Thursday, April 4, 2013

Cara Menambahkan 3 Kolom Di atas Footer Blog

0 komentar
Jembertheisozone - Cara membuat 3 kolom di atas footer bisa sobat lihat di bawah ini:
  1. Login pada blog sobat
  2. Masuk ke halaman template
  3. Edit HTML lalu Lanjutkan
  4. Expand Template Widget
  5. Cari kode ]]></b:skin> 
#footer-bottom {
width: 900px;background:#fff;
position: relative;display:inline;
clear:both;
margin:0 auto 0;
color:#000;
float: left;
padding:10px;
}
#left-bottom {
width: 270px;
float: left;display:inline;
margin:10px 5px 0 5px;
padding:5px
}
#center-bottom {
width: 280px;
float: left;
margin:10px 5px 0;
padding:5px
}
#right-bottom{
width: 270px;
float: left;display:inline;
margin:10px 5px 0;
padding:5px
}

    6.  Lalu cari kode <div id='footer'> dan letakkan kode di bawah ini di atas kode tersebut

<div id='footer-bottom'>
<b:section class='footer-bottom' id='left-bottom' preferred='yes' showaddelement='yes'>
</b:section>

<b:section class='footer-bottom' id='center-bottom' preferred='yes' showaddelement='yes'>
</b:section>

<b:section class='footer-bottom' id='right-bottom' preferred='yes' showaddelement='yes'>
</b:section>
</div>

  1. Simpan
Keterangan:
  • Kode yang berwarna merah adalah ukuran masing - masing kolom, bisa sobat ganti dengan kemauan sobat sendiri
  • Kode yang berwarna biru adalah warna background nya bisa sobat ganti dengan kemauan sobat sendiri.
Semoga Bermanfaat....
Continue reading >>

Wednesday, April 3, 2013

Membuat Effect Gambar Gelap-Terang pada Blogger

0 komentar
Kali ini saya akan menshare tips blog yang sudah saya terapkan pada blog saya ini yaitu cara membuat effect gelap-terang pada gambar postingan, dan begitu juga effect terang ke gelap.

Contoh yang saya gunakan gelap ke terang :

 Effect Sebelum tersentuh Kursor

 Effect setelah di sentuh kursor

Anda bisa lihat perbedaannya di atas, dan cara pembuatannya sangat sederhana sekali silahkan anda ikuti langkahnya :
  • Silahkan anda masuk Template -> Edit HTML
  • Centang Expand Widget
  • Tekan CTRL+F kemudian ketik ]]></b:skin>
  • Kalau sudah ketemu silahkan anda pastekan kode di bawah ini di atas kode ]]></b:skin>
1. Kode Dari Gelap Ke Terang

.post img{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}
.post img:hover{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}

2. Kode Dari Terang Ke Gelap

.post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}
.post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}

  • Kalau sudah silahkan anda simpan dan lihat hasilnya .

PERINGATAN! Bagi Yang Suka COPAS! Harap Cantumkan Link Sumbernya!!!, Terimakasih.
Continue reading >>

Monday, April 1, 2013

Kenali Ciri-Ciri Template SEO Friendly Pada Blog

0 komentar
JemberTheIsoZone - Ciri-Ciri Template SEO Friendly Pada Blog - Template pada blogspot menjadi salah satu unsur pendukung pembuatan blog yang baik dan benar. Sebuah template dikatakan bagus jika template tersebut  seo friendly. Akhirnya jika blog sangat bersahabat dengan search engine, ujung-ujungnya si mesin pencari pasti bakal sering-sering mengunjungi blog tersebut.  Jadi pengunjung blog akan melimpah dan hal ini sangat menguntungkan blog kita.
Template yang dikatakan baik adalah template yang seo friendly. Salah satu template yang seo friendly yaitu template yang di gunakan blog ini. Berikut ciri - ciri template yang seo friendly:

1. Mempunyai Heading Title
Fungsi dari heading title yaitu agar blog dapat terindex mesin pencari seperti Google.

2. Menggunakan Meta Tag Otomatis
Fungsi dari meta tag ini adalah agar postingan kita lebih mudah di temukan oleh mesin pencari.

3. Template blog itu dofollow
Fungsi dari dofollow ini adalah untuk meningkatkan traffik dan Alexa Rank. Dan sebagai penyedia backlink gratis yang menguntungkan kedua pihak baik pemilik blog maupun pemberi komentar.

4. Memiliki Fitur Tombol Share Atau Social Bookmark Atau Addthis Button
Fungsi dari tombol share itu adalah agar postingan kita dapat di share oleh pengunjung blog kita ke situs situs jejaring sosial. Selain itu, blog kita otomatis akan mendapatkan traffic dari social sites itu.

Sekian ciri - ciri template yang seo friendly, semoga bermanfaat buat anda.
Continue reading >>

Saturday, March 30, 2013

Cara Ngecheck Seberapa Persen SEO Blogmu

0 komentar
Jembertheisozone - Cara Ngecheck Seberapa Persen SEO Blogmu - SEO Merupakan salah satu hal penting dalam sebuah site. oleh karena itu banyak yang ngejar-ngejar cara menggunakan dan mengatus seo sebaik mungkin di sebuah blog. dan, mungkin juga ada yang ingin tahu seberapa persen SEO yang udah berkembang dalam sebuah website? Caranya bisa langsung anda praktikkan setelah mengikuti cara di bawah ini :

1. Silahkan anda kunjungi website berikut : http://chkme.com/
Keterangan :

Anda bisa lihat gambar di atas. silahkan anda isikan alamat site anda dan klik check SEO Score, anda juga bisa check PageRank, Site Ranking, Garder.

2. Tampilan setelah Check SEO Score maka akan muncul beberapa keterangan tentang SEO pada site kamu. dan lihatlah score SEOnya di bagian bawah sendiri.

Dari situ anda akan tahu Seberapa Persen SEO Blog kamu. Silahkan di coba untuk blog anda, semoga tutorial kali ini bermanfaat bagi anda. Cara Ngecheck Seberapa Persen SEO Blogmu
Continue reading >>

Memasang Artikel Terkait Bergambar di Blog

0 komentar
Jembertheisozone - Cara Memasang Artikel Terkait Bergambar di Blog - Artikel Terkait Atau Related post sangat berguna jika terpasang di sebuah website atau blog, Karena dengan adanya Artikel terkait tersebut memudahkan pengunjung untuk melihat artikel lainnya yang masih berkaitan. Saya akan mencoba memberikan trick cara membuatnya. Anda bisa langsung lihat di blog saya contohnya atau langsung lihat Screen Shotnya di bawah ini :
Related Post Bergambar
Cara Memasang Related Post bergambar di blog silahkan anda ikuti tutorialnya :

  • Login Blogger
  • Masuk Menu Template - Edit HTML - Lanjutkan
  • Centang pada Expand Template Widget
  • Cari kode </head> Gunakan tombol CTRL + F untuk mempermudah pencarian.
  • Lalu Copy kode berikut dan letakan tepat diatas kode </head> 

<!--Start Related Posts-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:90%;
min-height:90%;
padding-top:0px;
padding-left:8px;
}
#related-posts h2{
font-size: 1.0em;
font-weight: bold;
color: white;
font-family: Rockwell,Georgia,Serif;
margin-bottom: 0.8em;
margin-top:0em;
padding-bottom:0em;
}
#related-posts a{
color:white;
}
#related-posts a:hover{
color:white;
}
#related-posts a:hover {
background-color:#080;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9yBSHciUBmNmdXyFjU-HnsNvlLIAjOetjbjuI8_dXFucMl-9yqLiek5JgBOLZb2kMPGqnKVR4ykYEhqcBebQQst4HV3tjZ1Axic18hmCwqiZpXcuTAn8j8s3Vb3Pius4PNjyd7jlk_F4I/s1600/No+Image.jpg&quot;;
var maxresults=6;
var splittercolor=&quot;#000000&quot;;
var relatedpoststitle=&quot;Silahkan Baca Ini Juga:&quot;;
</script>
<script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/>
</b:if>
<!--End Related Post-->

Selanjutnya Cari kode <data:post.body/>, silahkan pastekan script di bawah ini tepat di bawah kode    <data:post.body/>

<!-- Start Related Posts-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=7&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
</b:if>
<!-- End Related Posts-->

Keterangan :

  • Kode warna merah 7 merupakan banyaknya artikel terkait yang di tampilkan.
  • Kode warna merah #00000 merupakan warna dari tulisan.
Sekian artikel yang saya buat kali ini, selamat mencoba dan semoga berguna. Memasang Artikel Terkait Bergambar di Blog.
Continue reading >>

Thursday, March 28, 2013

Cara Mendaftarkan Blog ke Technorati 2013

0 komentar
Cara Mendaftarkan Blog ke Technorati 2013 - Artikel ini sebagai salah satu syarat agar terverifikasinya akun kita di Technorati dan sebagai informasi bagi para blogger untuk meningkatkan backlink melalui technorati. Bagi kebanyakan blogger, service ini mungkin sudah sangat dikenal. Sedangkan bagi blogger pemula seperti saya, service ini mungkin harus diketahui dan digunakan.
Berdasarkan informasi dari beberapa sobat blogger, dan dari isi menu technorati, dapat ambil empat point penting yang menunjukkan apakah technorati itu. Yaitu technorati sebagai Blog/RSS directory, technorati sebagai blog search engine (khusus blog), technorati sebagai online borkmarking dan mungkin technorati sebagai tag aggregator. Disini kita ketahui bahwa technorati merupakan service yang berfokus pada blog. Jadi sebagai seorang blogger, sangat disayangkan jika tidak mengetahui hal ini.
Dengan menggunakan service ini, blog kita akan dicrawl dan disimpan dalam data blog technorati, import otomatis RSS feed blog kita, deteksi tag-tag, juga link dari blog lain menuju blog kita. Lagi-lagi menyangkut masalah backlink (Link popularity) dan rangking blog di Google atau search engine.
Fokus kali ini adalah kepada cara mendaftar dan claim blog di technorati. Dan berikut ini adalah proses daftar technorati, hingga selesai proses validasi code token technorati:

  1. Pertama Anda harus membuat account terlebih dahulu, buka link pendaftaran disini!
  2. Lengkapi datanya dengan baik, gunakan email yang aktif, dan jangan lupa isi captcha dan isi centang agreement-nya, lalu klik “Join”
  3. Untuk melakukan aktifasi, sekarang buka email yang Anda gunakan untuk mendaftar tadi Buka email dari technorati dan klik link aktifasinya, Setelah account Anda aktif, cari dan klik “sign in” untuk masuk ke halaman profil dan selanjutnya melakukan claim blog.
  4. Sudah masuk? sudah isi username dan password dengan benar? Jika sudah, sekarang masuk ke halaman profile dengan klik pada link nama (account) Anda disamping photo profil.
  5. Mulai claim blog, dibawah profil Anda, isikan url blog pada Start a blog claim, isikan misalnya http://tokotuaforex.blogspot.com, lalu klik “Claim”
  6. Halaman selanjutnya, isi formulir dengan benar,
  7. Blog tittle: isi dengan tema blog Anda, misal blog ini temanya adalah “Tokotua Forex”
  8. URL: alamat blog, misal http://tokotuaforex.blogspot.com/
  9. Feed: rss feed blog, boleh alamat default seperti http://tokotuaforex.blogspot.com/feeds/posts/default, atau service pihak ketiga semisal feedburner,
  10. Linking blogs: disini dapat dicantumkan tiga blog yang memiliki link menuju blog Anda, boleh tidak diisi,
  11. Site description: keterangan blog, sesuaikan dengan tema blog,
  12. Site categories: beri tanda centang pada kategori yang sesuai dengan blog Anda, Anda dapat memilih lebih dari satu kategori,
  13. Site tags: isi setiap sel dengan kata kunci yang berhubungan dengan isi blog Anda. Bisa satu kata maupun lebih per selnya.
  14. Lalu klik “Proceed to next the step”
  15. Pada halaman selanjutnya, yaitu halaman blog claim status, klik tombol “Return to profile”
  16. Lihat di bawah profil Anda, sekarang blog Anda sudah terdaftar, hanya saja masih dibutuhkan verifikasi kode token. Oleh karena itu, untuk mulai claim token, klik “Check Claim” di bawah gambar thumbnail blog Anda.
  17. Dihalaman selanjutnya dapat Anda lihat teks dengan latar biru, yaitu 2R6EDJMH7PRH atau bisa dicek di kotak masuk email Anda (berbeda untuk tiap blog) , adalah kode token yang harus kita tulis di halaman blog kita.
  18. Posting sebuah artikel yang berisi kode token tersebut, lalu publish. Postingan terserah Anda, bisa halaman kosong hanya berisi kode token atau sekalian artikel seperti yang sedang Anda baca ini. Boleh kok copy paste asal dituliskan link sumber ke halaman ini.
  19. Setelah yakin postingan itu terpublikasi, sekarang klik tombol “Verify Claim Token” pada halaman claim technorati, dan lihat hasilnya.
Demikian artikel tentang Cara Mendaftarkan Blog ke Technorati 2013, Semoga berhasil dan bermanfaat buat kita semua!!
Continue reading >>

Cara Agar Blog Menjadi NO. 1 Di Google Dengan Google Ping

0 komentar
Cara Agar Blog Menjadi NO. 1 Di Google Dengan Google Ping - Apa itu ping? Arti kata ping singkatnya adalah bersiul seperti kita tahu bersiul bisa berarti memanggil. Lalu apa itu Google Ping? Arti google ping adalah memanggil robot search engine google (mesin pencari) google untuk menjelajahi halaman situs web atau blog yang di ping kan ke google. Sebenarnya kalau situs web ataupun blog kita sudah terdaftar dan ada sitemap (peta situs) di google melalui alat webmaster tools google maka tidak usah melakukan ping juga robot google akan mengindeks setiap halaman baru dari website blog maupun situs kita.

Hanya saja ada kekurangan jika kita mengharapkan robot datang sendiri untuk mengindeks halaman baru dari blog kita maka biasanya robot google akan datang sendiri tanpa batas waktu yang pasti, artinya tidak bisa di pastikan kapan datangnya, bisa cepat dan bisa juga lama. Kalau cepat itu malahan lebih bagus, tapi kalau lama ini yang jadi masalah dimana akan mengakibatkan halaman baru dari blog kita lama terindeks google. Efeknya apa jika blog kita lama terindeks oleh mesin pencari terutama Google? Sangat jelas, karena tidak atau belum terindeks maka peluang untuk mendatangkan pengnjung dari search engine google akan tidak ada selama halaman baru dari blog kita belum diindeks oleh google atau belum masuk dalam database google.

Maka dari itu perlu adanya pemberitahuan kepada robot google atau biasa di sebut googlebot dengan istilah kerennya oleh para webmaster adalah ping ke google agar website maupun blog kita dapat segera di jelajahi oleh robot google (Googlebot) dan cepat masuk database hasil pencarian google. Adapun cara ping Google terdiri dari 2 jenis yaitu:

  • Ping Google secara Otomatis
  • Ping Google secara Manual
Saat ini banyak sekali layanan dari sebuah website yang menyediakan fasilitas layanan ping ke Google. Contohnya layanan ping diantaranya : pingomatic.com dam mypagerank. Banyak webmaster jarang menggunakan layanan ping otomatis karena yang namanya otomatis dan dari pihak ketiga dalam artian bukan dari pihak Google yang menyediakan tentunya akan kurang baik hasilnya. Kenapa? Karena bisa saja layanan ping pihak ketiga tidak berfungsi dengan baik dan tidak dapat memanggil robot google. Untuk itu banyak webmaster menyarankan untuk melakukan ping secara manual sebab ping secara manual merupakan ping melalui layanan dari pihak google itu sendiri dan tentunya pihak google akan memprioritaskan setiap website atau blog yang melakukan ping dari tempatnya google itu sendiri dari pada dari pihak ketiga lainnya.

Kita sering melakukan trik optimasi postingan blog setelah mengupdate postingan terbaru. Terbukti setelah melakukan ping menggunakan Google ping dalam waktu paling lambat 24 jam artikel sudah terindeks search engine Google.

Adapun cara melakukan ping google secara otomatis, bisa mengikuti cara sebagai berikut:
  1. Buka halaman Google Ping : www.googleping.com
  2. Isi kolom “Blog Details” seperti :
        Blog Name: Isi dengan Nama blog Anda
        Blog Homepage: Isi dengan Url Blog Anda
        RSS URL (optional): Isi dengan url feed blog Anda
        Email (required for some): Isi dengan alamat Email Anda
  3. Setelah semua diisi dengan lengkap, Anda tinggal mencentang “Service to Ping”. Klik tulisan “Check All” untuk mencentang semuanya.
  4. Setelah di centang semuanya, isi chapta kemudian klik tulisan “Send Pings” maka ping blog kita akan di proses.
Adapun cara ping manual ke Google adalah sebagai berikut:
  1. Klik Google Blog Search Ping Service
  2. Masukkan halaman url yang akan di ping ke Google
  3. Selesai dan tunggu beberapa saat sang robot Google atau Googlebot akan segera berkunjung ke blog Anda untuk merayapi halaman url yang tadi Anda kirim (ping)
  4. Selamat halaman baru dari blog Anda sudah tercantum di indeks google dan sudah masuk dalam database Google.
Sekian cara sederhana melakukan trik ping agar halaman web/blog kita bisa cepat terindeks oleh search engine utamanya oleh SE Google, semoga bermanfaat. Cara Agar Blog Menjadi NO. 1 Di Google Dengan Google Ping.
Continue reading >>

Cara Membuat Artikel Random Di Blogger

0 komentar
Cara membuat artikel random. Membuat artikel random ditanyakan oleh salah satu teman blogger, sebenarnya si saya sendiri bukan ahlinya soal membuat tutorial blogger seperti ini. Namun karena teman yang minta, dan lagi sudah lama juga saya tidak membagi sedikit tips atau trik mengenai tutorial, jadi tak apalah kita berbagi sediki.
Walaupun sebenarnya banyak bertebaran di internet, namun lain koki lain pula masakannya. Jadi saya ingin membagikan sedikit script punya saya untuk membuat artikel random.
Pertama, apa si untungnya artikel random itu? itu yang perlu di pahami sebelum kita mengunakan scrip tersebut. Kalau bagi saya, keuntungan artikel random tu kita bisa meng-angkat kembali artikel artikel lama kita yang sudah dimakan usia misalnya. Jadi yang namanya pengunjung kan kita ga tau segmennya, kadang ia bisa dari kalangan blogger, dari akademisi, dari kaula muda yang sedang jatuh cinta bisa juga, ya dari manapun.

Dengan artikel random tersebut, mungkin yang baru pertama dateng lalu kebetulan menemui arikel yang menarik dari 'artikel random' yang kita buat, bisa jadi dia penasaran dan ingin melihatnya. Jadi, potensi ketambahan PV (page view) juga semakin bertambah. Walaupun ga ada jaminan dan kepastian, tapi tak apalah, namanya juga usaha jadi ga ada salahnya kita pasang scrip artikel random. 

Caranya mudah, pertama :
 
1. Masuk ke blogger
2. Pilih layout
3. Pilih add gadget
4. Pilih HTML/Javascript 
5. Masukan script di bawah ini, kemudian simpan
6. Lihat hasilnya

Untuk scripnya adalah sebagai berikut :

 

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=5;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Keterangan :

 
Untuk menambahkan atau mengganti jumlah artikel yang tampil, rubah dinumofpost=5(ganti angka sesuai yang kamu mau)

Pertanyaan sederhana, apa yang membedakan scrip ini dengan yang lainnya? ehm.. saya juga sudah lupa. Tapi yang jelas, seingat saya dulu saya memilih script script yang ringan untuk blog saya, termasuk pula script artikel random ini. Ok, selamat mempraktekan cara membuat artikel random
. 
Continue reading >>

Saturday, March 9, 2013

Cara Membuat Rating Bintang Di Search Engine Google

0 komentar
JemberTheIsoZone - Cara Membuat Rating Bintang Di Search Engine Google. Rating Bintang di search engine google bagi blog kita. pertama saya curiga dengan cara yang saya terapkan tidak bisa-bisa dan alhamdulillah hari ini saya sudah memasangnya dah hasilnya work.

Screen shot hasilnya :
1. Silahkan anda mendaftar di Google+
2. Jika sudah mempunyai akun silahkan anda masuk ke profil dan copas id anda ke notepad caranya :
3. Login ke blogger>> Masuk ke edit HTML-> Centang expand widget -> Dan jangan lupa backup template lengkap dlu sob, guna untuk antisipasi bila ada kesalahan.
4. Cari kode <head>, Lalu letakkan script berikut tepat di bawahnya.
<link href='https://plus.google.com/No ID Google+ yg lo simpan tadi bro' rel='publisher'/>

5. Kemudian Cari lagi kode <body>, Lalu letakkan kode script berikut tepat di bawahnya :
<div>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>

     Kalau sudah letakkan kede berikut tepat di atas kode </body> :
</div></div>

6. Kemudian cari lagi kode post-title entry-title dengan menggunakan CTRL+F biar mudah mencarinya, contoh :
<h3 class='post-title entry-title'><b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

7. Pastekan kode ini : <span itemprop='itemreviewed'><span itemprop='description'> dan </span></span> , tepat di antara script di atas, sehingga menjadi seperti ini :
<span itemprop='itemreviewed'><span itemprop='description'>
<h3 class='post-title entry-title'><b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</span></span> 
</b:if>

8. Kalau sudah Cari lagi kode <data:post.body/> , Jika anda menggunakan Read more silahkan letakkan <data:post.body/> yang kedua.
Description: <span itemprop="description"><data:post.title></data:post.title></span>
Rating: <span itemprop="rating">3.5</span>
Reviewer: <span itemprop="reviewer"><data:post.author></data:post.author></span>
ItemReviewed: <span itemprop="itemreviewed"><data:post.title></data:post.title></span>

9. Sekarang masuk ke akun google plus, dan masuk ke profil seperti di gambar ini :
10. Lalu ke bawah dan pilih konstributor untuk. seperti gambar berikut :
11. Kemudian kalau sudah di isi silahkan simpan.
12. Silahkan anda tes apakah jadi atau tidak, caranya silahkan anda kunjungi ke   Rich Snippets Testing Tool.
Continue reading >>
 

JemberTheIsoZone - Copyright  © 2012 All Rights Reserved | Design by Fandy Converted and modified into Blogger Template by Jembertheisozone | Back to TOP