Daftar Blog dofollow Terbaru 2012

Daftar Blog dofollow Terbaru 2012, baru lihat-lihat blog teman, tepatnya punya mas agung talaga (agungtalaga.blogspot.com), tertarik juga melihat postinganya yang berjudul daftar blog dofollow terbaru, dulu pernah juga saya tulis hal semacam itu yakni daftar blog dofollow 2012, namun blog dofollow tidak selamanya dofollow,begitupun juga blog nofollow.


Disebut blog dofollow karena blog tersebut memberi link pada komentarnya dengan dofollow,jadi jika kamu berkomentar di blog dofollow kamu akan dapat backlink juga dari blog tersebut. tertarik? nah,infonetmu kali ini akan memberi informasi tentang beberapa daftar blog dofollow terbaru di tahun 2012 ini silahkan kunjungi ke TKP dan cek link2 pada komentarnya, apakah benar2 dofollow atau gak, karena pengalaman saya ada dari daftar yang mengaku dofollow ternyata blog tersebut nofollow  :(

Berikut daftar blog dofollow yang perlu kamu lihat!

Nomor	Alamat Blog	Google Page Rank
1	http://subagya.blogspot.com/	5
2	http://jovieblog.blogspot.com/	4
3	http://eosmate.blogspot.com/	4
4	http://semuadablog.blogspot.com/	3
5	http://dhuwuh.blogspot.com/	3
6	http://cendrawasih11.blogspot.com/	3
7	http://www.elmoudy.com/	3
9	http://apocalytyo.blogspot.com/	3
10	http://tipis.web.id/	3
12	http://jimmykurniaindradjaya.com/	3
13	http://www.blogguebo.com/	3
14	http://e-je.blogspot.com/	3
15	http://www.rayhanzhampiet.com/	3
16	http://www.rizdancreative.net/	3
17	http://amin-raha.blogspot.com/	2
19	http://awanclickerz.blogspot.com/	2
20	http://www.kangmusa.com/	2
21	http://devit1104.blogspot.com/	2
25	http://kolomkesehatan.blogspot.com/	2
26	http://komunitaskami.com/	2
27	http://www.seby-antoe.com/	2
28	http://mankita.blogspot.com/	2
29	http://madhek.blogspot.com/	2
32	http://id.latuminggi.com/	1
34	http://jemput-rizki.blogspot.com/	1
35	http://ravatar.blogspot.com/	1
36	http://www.iklangratis.inabuy.com/	2
37	http://pasangiklanbaris.om-onny.com/	3
38	http://mediaqta.blogspot.com/	2
39	http://agungtalaga.blogspot.com/	2
40	http://abelavriyanno.blogspot.com/	1
41	http://www.gubukberita.com/	0
42	http://ilmu-duniadanakhirat.blogspot.com/	0
43	http://ahyari.com/	3
44	http://go-program.blogspot.com/	1

Nah, silahkan berkomentar di blog tersebut, namun yang sopan dan tepat artikel yah..kalo gak pasti tidak akan di aprove,karena sebagian besar blog dofollow memberi moderasi pada komentarnya.

Demikian daftar blog dofollow terbaru 2012, semoga bermanfaat.

Update: ada beberapa dari blog diatas sudah saya hapus dari daftar blog dofollow, karena sudah tidak dofollow lagi,atau mengaku dofollow dengan tujuan tertentu, buat sobat yang blognya dofollow silahkan komentar dibawah,saya akan cek,dan jika benar dofollow saya akan masukkan ke tabel diatas. dan saya akan konfirmasi pada pemilik blog dofollow tersebut karena sudah tergabung di list diatas.

Peringatan:

Saya akan menghapus komentar yang mengaku blog dofollow tapi ternyata nofollow dan laporkan ke saya jika ternyata salah satu blog diatas berubah jadi nofollow

» Read More...

Cara Membuat Fans page Facebook Di Blog Auto hidden, sudah lama saya tidak mengisi blog infonetmu ini dengan tutorial blog, semenjak ikut kontes SEO dan pekerjaan baru saya di rumah menjadikan kurangnya waktu untuk mengupdate blog ini. karena permintaan dari temen kali ini infonetmu akan memberi tutorial blog secara singkat saja tentang Cara Membuat Fans page Facebook Di Blog Tersembunyi seperti contoh di blog ini.

Nah, gambar diatas adalah kotak facebook fan page dari blog infonetmu yang bisa juga anda lihat keluar dan muncul pada samping kanan blog ini, semoga tidak mengganggu anda, cukup klik exit maka kotak tersebut akan sembunyi di samping kanan.

Postingan ini sebenarnya permintaan dari kang Reo Adam yang memakai template infonetmu red seo, mungkin ingin juga tampilan blognya seperti infonetmu ini maka dia tanya kodenya pada saya, sebelumnya maaf yah buat mas reo, soalnya karena sibuk kerjaan dan kontes seo Laku.com belanja online grosir eceran murah dan aman jadi belum sempat juga saya tulis.

Langsung saja saya kasih kodenya saja,karena Cara Membuat Fans page Facebook Di Blog Tersembunyi yang auto hidden ini mudah kok,berikut caranya:
Pasang kode jquery ini pada template sobat dan letakkan diatas kode  </head> berikut kodenya gan

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

Setelah kode tersebut terpasang, langkah berikutnya adalah pemasangan kode facebook fanpage pada widget dengan menambahkan gadget.

1. Login ke blogger sobat
2. Silahkan menuju tata letak
3. Tambah gadget dan pilih html/javascript
4. Lalu copy dan paste kode berikut

   <script src="http://infonetmu.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script><div id="fbslidebox" style="position: fixed; width: 330px; overflow: hidden; bottom: 20px; right: 10px; background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4xzPXBNE_lP-cx5pUVcizRfqd-pY01rZi7eGX_W-CKBLhkWEljiJMa9FZ8fzQ1dgK9DlCxPXimMtFApXGGgmad8fbHBhEyq1DjVZOxBiBRh3I581gp2GpmeX_QV5uAQVcGNJSmGZOR1Yr/s0/bo-bg-html.gif&quot;) repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 2px solid rgb(17, 17, 17); display: block;">
   <div style="width: 320px; padding: 10px; margin: 0pt auto; overflow: hidden;">
   <a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 3px; border: 1px solid rgb(204, 204, 204); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="http://www.blogger.com/post-create.g?blogID=4155701203275692831#">Exit</a>
   <strong style="color: rgb(102, 173, 61);">Jangan Lupa Klik Like Ya</strong>
   <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FInfonetmu&amp;width=300&amp;height=290&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=ff0000&amp;stream=false&amp;header=true&amp;appId=287998221248983" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowtransparency="true"></iframe>
   </div></div>

5. Lalu simpan

Keterangan:

Ganti kode yang berwarna merah dengan kode frame yang kamu dapat saat membuat fanpage facebook, buat yang belum punya kode warna merah tersebut silahkan menuju facebook dan buat fanpage dulu, maka nanti akan diberi kode itu.kamu juga bisa mengatur lebar dan tinggi kotak tersebut dengan menambahkan kode css seperti pada yang berwarna kuning diatas.

Demikian Cara Membuat Fans page Facebook Di Blog Auto Hidden semoga bermanfaat.

» Read More...

Cara Menghitung Jumlah Kata Postingan Blog, Blogger pasti tidak asing dengan permainan kata untuk menulis,saya katakan permainan karena sebenarnya artikel atau postingan blog adalah karya juga tempat bermain kata atau kalimat, he he.. lucu juga yah.. apalagi seperti saya, sangat bawel sebenarnya, jadi karena saya bawel setidaknya dengan ngeblog bisa terkurangi karena hanya berbentuk text seperti ini yang anda lihat.

Malah gladur.. kembali ke pokok masalah, yaitu Cara Menghitung Jumlah Kata Postingan Blog, pernahkah kamu memikirkan berapa kata atau karakter yang telah kamu ketik setelah publish postingan blog kamu? eits.. jangan dihitung satu2 pasti capek nantinya. infonetmu kali ini juga cuma update ringan,yaitu cuma memberi beberapa tool online untuk menghitung seberapa banyak kata yang kamu tulis. berikut dua tool yang bisa kamu pakai untuk mengetahui jumlah kata postinganmu.

1. http://www.wordcounttool.com/
2. http://centricle.com/tools/word+character-counter/

Nah,kamu bisa memakai kedua tool diatas untuk menghitung jumlah kata postingan blog kamu atau yang lainya. apalagi sekarang lagi musim kontes SEO yang menyaratkan minimal kata atau maksimal kata yang harus ditulis seperti artikel tentang "laku.com belanja online grosir eceran murah dan aman" ternyata jumlahnya 410 kata, he he.. lebih baik pakai tool diatas tinggal copy dan paste lalu submit,daripada menghitung satu2, capek deh...

Demikian artikel tentang Cara Menghitung Jumlah Kata Postingan Blog yang bisa saya publikasikan malam ini, semoga bermanfaat! amiin ya Alloh Robbal Alamiin.

» Read More...

Cara Ping Blog Serta Manfaatnya, Buat para Blogger pasti tidak asing dengan namanya Ping Blog atau cara Melakukan Ping agar Tentunya Artikel Kita lebih cepat terindex Google, Adakah kaitanya Dengan SEO, Infonetmu sendiri percaya bahwa ping memang diperlukan untuk membantu search engin melihat lebih kata kunci pada blog kita.

Banyak tool online yang menyediakan layanan ping,baik manual maupun otomatis, adapun Manfaat dari adalah untuk menyampaikan informasi dari suatu blog ke search engine agar cepat terindex.Namun di Era secanggih ini, era dimana google pinguin sangat pandai mengindex,memilah dan memilih mana yang lebih cocok diletakkan di SERP apakah ping masih berguna atau bermanfaat? saya sendiri percaya bahwa ping masing bermanfaat kok. :)

Lalu bagaimana cara ping blog?  caranya mudah,kamu tinggal memasukkan URL blog kamu dan submit aja, berikut beberapa tool online yang bagus menurut saya untuk ping blog kamu.

1. http://www.pingomatic.com/
2. http://googleping.com/
3. http://www.auto-ping.com/
4. Ping.in
5. Pingoat.com
6. www.totalping.com
7. http://pingler.com/
8. http://autopinger.com/
9. http://pingmyblog.com/

Nah, daftar website diatas adalah beberapa situs ping yang bermanfaat untuk meningkatkan performa blogmu, demikian informasi Cara Ping Blog Serta Manfaatnya, semoga berguna!

» Read More...

Menampilkan Breadcrumb pada hasil pencarian Google Wordpress, judul yang sangat panjang,namun kontentnya sangat sedikit, langsung saja kemarin infonetmu juga tulis berkaitan dengan Cara Membuat Breadcrumb di Wordpres manual tanpa plugin,namun hal tersebut terlihat sulit bagi yang baru mengenal wordpress, nah kali ini mungkin akan lebih mudah, dan disamping itu Breadcrumb ini akan tampil pada search result atau hasil pencarian google.Seperti yang terlihat pada gambar dibawah ini,maaf ini cuma contoh.

Nah,pada gambar diatas ditunjukkan adanya breadcrumbs yang terindex google, lalu bisakah blog wordpress mempunyai breadcrumb pada hasil pencarian google juga? tentu bisa, dengan bantuan plugin akan lebih mudah lagi,dan disini saya pilih plugin RDFa Breadcrumb, langsung saja berikut langkah2nya Menampilkan Breadcrumb pada hasil pencarian Google Wordpress dengan plugin.

1. Install plugin RDFa Breadcrumb atau klik disini
2. Silahkan masuk ke appearance >> editor >> single php.
3. Cari kode Cari kode yang biasa digunakan untuk menampilkan judul postingan. kode yang biasa dibuat judul postingan biasanya seperti ini <h2><?php the_title(); ?></h2> kalau tidak ketemu,ganti h2 dengan h1 karena tag heading untuk judul blog wordpress berbeda-beda juga, kalau sudah ketemu letakkan kode berikut tepat diatas kode <h2><?php the_title(); ?></h2>
   

   <?php if(function_exists(‘rdfa_breadcrumb’)){ rdfa_breadcrumb(); } ?>

4. Lal;u simpan atau update file.
   sekarang cek di salah satu postingan kamu,akan ada breadcrumb yang berada diatas judul posting. 
5. Cek salah satu Urlmu di google rich snippets testing tool.
6. Selesei.

Demikian cara Menampilkan Breadcrumb pada hasil pencarian Google Wordpress semoga bermanfaat.

» Read More...

Cara tepat membuat komentar facebook di blog, Ternyata setelah saya amati banyak yang kesulitan tentang bagaimana cara membuat komentar facebook di blog, nah infonetmu akan share demi teman2 yang bertanya2 dan kesalahan apa yang menyebabkan komentar fb pada blog kamu tidak tampil maupun bagaimana Cara tepat membuat komentar facebook di blog maka saya akan share walau agak panjang dikit yah.

Sebelumnya saya tulis juga tentang cara membuat komentar facebook di blog, baca disini dulu jika kamu belum membacanya, nah ada yang bilang bahwa cara yang saya tulis itu ribet, dan kuno yah? maaf deh.. sebelum komentar pelajari dulu yah...lalu bagaimana cara yang baru?  katanya cara yang baru adalah cukup memasang satu script di tempat yang kamu inginkan. kode script komentar facebook yang baru adalah dibawah ini!

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' num_posts='1' width='600'/></div>
</b:if>

Kamu tinggal meletakkan dibawak kode <data:post.body/> template kamu jika ingin memasangnya tampil dibawah postinganmu, berhasil gak? berhasil juga kok. dan sangat mudah juga. ituh yah yang gak kuno? gak ribet kayak dulu yah.. he he.. facebook membuat simple plugin komentarnya agar untuk mempermudah kita memasang komentar facebook di blog kita.

Nah, sekarang ada pertanyaan. bagaimana sih cara melihat atau mengetahui ada komentar facebook baru pada postinganmu, bisa gak kamu mengetahuinya? apa kamu akan membuka satu2 postinganmu yang terdahulu hanya untuk mencari tahu ada komentar baru atau gak pada postinganmu? jika kamu menggunakan script diatas maka kamu pemilik blogpun yang seharusnya jadi admin tidak bisa mengetahui komentar facebook yang masuk pada blogmu.

Lalu bagaimana sih Cara tepat membuat komentar facebook di blog? he he.. saya menggunakan versi yang kuno kok, tapi lihat gambar dibawah ini!

Klik pada gambar untuk memperbesarnya, pada gambar diatas saya dapat pemberitahuan baru pada akun fb saya setiap ada komentar baru juga yang masuk pada blog infonetmu ini, enak kan? eh masih ada lagi nih, lihat gambar dibawah ini!

Pada gambar2 diatas saya bisa juga mengatur komentar facebook kamu, menghapus atau memoderasi,menampilkan berapa yang ingin saya tampilkan bahkan menghapus komentar fb kamu juga.


Misal jika ingin mengetahui komentar2 yang baru di postingan mana saja kamu tinggal klik setting>>moderate application comment>>lalu akan tampil seperti gambar dibawah ini

Klik pandangan moderator lalu akan tampil gambar seperti dibawah ini!

Klik kunjugi situs web maka kamu akan mengarah di alamat url atau postinganmu yang diberi komentar,dari situ kamu bisa membalas komentar facebook kamu juga. sekarang tinggal kamu pilih cara mudah seperti dengan kode diatas atau dengan cara kuno yang saya pakai? canggih kok kuno.. he he..untuk cara yang saya pakai klik tautan dibawah ini:
Cara Membuat Komentar Facebook di Blog
Menurutmu yang mana Cara tepat membuat komentar facebook di blog, semua terserah kamu, semuanya tepat juga kok. oke silahkan pasang pada blogmu,jika ada masalah komentar dibawah saya siap membantu.

» Read More...

Cara Menghilangkan Navbar Blogger, Nah tutorial kali ini mungkin sudah banyak di share di blog lain, tapi infonetmu mengulangnya lagi sebagai dokumentasi juga pada blog ini, yaitu Cara Menghilangkan Navbar Blogger, sebelumnya tahu gak navbar blog? yah, yang diatas blogmu itu loh.. untuk lebih jelasnya, navbar blogger adalah suatu frame yang berukuran kecil miliknya blogger yang terdapat di bagian atas blog,lihat gambar dibawah ini saja.

Cara Menghilangkan Navbar Blogger

Langsung faham kan? menghilangkan navbar blogger sangat mudah,namun ternyata hal ini melanggar TOS dari blogger,sekarang tinggal kamu, tetap membiarkanya? atau membuat navbar auto hidden? atau mengahapusnya saja? kalo blog ini saya hapus aja. caranya sebagai berikut:

1. Login ke blogger kamu
2. silahkan menuju ke edit template kamu
3. jangan lupa selalu back up template kamu yah dengan download template kamu dulu, agar jika terjadi kesalahan dapt dipulihkan.
4. Beri centang pada pojok kiri atas pada template kamu.
5. Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada style sheet CSS blogmu. dengan menaruh kode berikut diatas kode ]]></b:skin>
   

   #navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none
   }

6. Atau bisa juga menaruh kode berikut persis di bawah kode <body>
   

   <style type='text/css'>
   #navbar-iframe {display:none;}
   </style>

7. Simpan template kamu

Nah, mudah kan Cara Menghilangkan Navbar Blogger,  selamat mencoba, dan jangan lupa beri komentarnya dibawah.

» Read More...

Membuat link warna warni di blog, ini sebenarnya sudah pernah saya tulis di infonetmu dulu di cara membuat efek pelangi pada link blog,,tapi saya share lagi yah dengan keyword yang baru yaitu Membuat link warna warni di blog, agar link blog kamu berkedip atau berwarna-warni waktu mouse atau pointer kamu diarahkan ke link blog kamu caranya cukup mudah, tinggal tambahkan kode script aja gan.

Membuat link warna warni di blog

1. Masuk ke account blogger anda.
2. Pilih tata letak/layout
3. Klik menu Edit HTML dan jangan lupa untuk mencentang Expand Template Widget
4. Kemudian cari kode </head>
5.kalau sudah ketemu letakkan script ini tepat dibawahnya:

---

<script type='text/javascript'>
//<![CDATA[
var rate = 20;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>

---

atau anda juga bisa pilih script dibawah ini,cukup masukkan add widget-html dan save di blogmu:

<script src='http://sabarmuanas.googlecode.com/files/infonetmu.blogspot.com.mousepelangi.js' type='text/javascript'>
</script>

OK selamat mencoba


BACA JUGA!
- Membuat widget tabview pada blog
- Menambah emotion pada cbox
- Memasang status ym pada blog
- memasang histats blog
- Membuat sebuah tabel dengan html
- Membuat garis dengan kode html
- Menghilangkan judul pada header blog
- Membuat kotak scrollbar blog
- Memasang read more pada blogger baru

» Read More...

Cara membuat like box valid XHTML, Cuma sekedar catatan bagi blig infonetmu ini, tadi lihat blog tetangga yang post tentang Cara membuat like box valid XHTML,saya ulang aja disini yah. kotak like box atau kotak suka terhadap suatu website telah banyak di pasang pada website dan blog-blog. namun, apakah sobat udah mengecek kalau script FB tersebut valid XHTML? Sekedar info bahwa valid XHTML bagi sebuah website atau blog sangat diperlukan karena dapat meningkatkan dukungan website terhadap berbagai macam browser. Selain itu, dengan valid XHTML akan semakin disukai oleh crawler yang berasal dari google yahoo maupun bing,namun ada juga yang punya kepercayaan berbeda tentang hal ini, bahwa valid ato tidak sebuah web,tidak berkaitan dengan SEO, kamu percaya yang mana nih?.

Cara membuat like box valid XHTML

Daripada abu2 lebih baik dicoba aja yah, siapa tahu benar tidak ada salahnya juga kok. kembali ke bahasan yaitu Cara membuat like box valid XHTML,Script FB yang dibuat oleh developer facebook kenyataannya tidak valid dengan XHTML! Adakah cara untuk membuat valid script tersebut? Oh.. tentu ada sob! yuk kita bahas Sebenarnya membuat valid script FB like box tidaklah sulit karena bagian script tersebut yang tidak valid hanyalah karena penggunaan atribut-atribut yang tidak di dukung oleh XHTML. nah.. bagaimana caranya supaya atribut tersebut dapat valid XHTM?

Berikut Kodenya:

<div id="fb-root"></div>
<script type="text/javascript">
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js#xfbml=1';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<div id="FbCont">
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var fb = document.createElement('fb:like-box');
fb.setAttribute("href","Masukan alamat fan pages FB");
fb.setAttribute("show_faces","true");
fb.setAttribute("header","false");
fb.setAttribute("stream","false");
fb.setAttribute("width","200");
fb.setAttribute("font","segoe");
document.getElementById("FbCont").appendChild(fb);
//--><!]]>
</script>
</div>

Ganti yang di warnai merah dengan alamat fan pages FB punya sobat dan coba sobat cek website/blogkamu, nah demikian Cara membuat like box valid XHTML, semoga berguna.
Baca juga:
Download Template Valid XHTML 
Membuat Recent Post Valid XHTML
Membuat Page Number Valid Xhtml di Blog
Membuat Valid XHTML Widget Followers
Membuat Template Blog Lebih Valid XHTML

» Read More...

Mengatasi error 404 di google webmaster tool, mengatasi halaman 404 not found bisa terjadi karena kamu memasukkan URL yang salah pada link maupun menghapus konten yang kamu tulis, dan hal ini akan tampak di google webmaster tool pada blog wordpress halaman 404 not found bisa sangat mudah diatasi dengan bantuan plugin, misalnya smart 404 maupun 404 to start. untuk tips mengatasinya ikuti tips seo infonetmu berikut.


Lalu bagaimana cara mengatasi error 404 nof found di google webmaster tool bagi pengguna blogger? blogger tidak se open source wordpress self hosting,jadi tidak ada jalan lain kecuali menghapus URL-URL not fount tersebut satu demi satu.

Capek dunk yah? sangat capek..apalagi kayak blog saya yang SabarMuanas.Com itu, igin tahu berapa halaman 404 not found pada blog ini? lihat gambar dibawah ini!





Wow.... itu belum seberapa, sebelumnya halaman not found pada blog ini lebih banyak daripada gambar diatas, SabarMuanas.Com Memang master error ternyata, kok bisa yah halaman 404 blog ini sebanyak itu, jawabanya karena blog ini sebelumnya memang auto blog, jadi banyak sekali URL yang terbentuk 301 permanent link secara otomatis juga, dan itu hasil semenjak blog ini pindah ke blogger dan tidak didukung plugin2 lagi,akhirnya super banyak halaman 404 di blog ini.

Bagaimana dampak halaman 404 tersebut di SERP google? pasti sangat buruk, reputasi blog kamu akan buruk dimata google webmaster, dan alhasil postinganmu tidak akan mendapat kursi terdepan pada hasil pencarian. dweeng...(emo ngelu,mumet,pusing)

Lalu Mengatasi error 404 di google webmaster tool tersebut,Untung nama saya sabarmuanas jadi setiap harinya saya dengan sabar menghapusnya secara manual,dan halaman 404 not found pun turun sedikit demi sedikit,dan sekarang tinggal 337389 page.he he..

Buat yang ingin capek kayak saya, inilah Mengatasi error 404 di google webmaster tool yang melelahkan:

1. Login ke google webmaster tool
2. Klik URL atau blogmu di google webmaster]
3. Klik Diagnostics
4. Klik Crawl error dan copy URL2 yang error pada blogmu.
5. Setelah kamu copy silahkan masuk pada site configuration
6. lalu klik crawler acces
7. Dan klik Remove URLs, lalu create new removal request
8. Masukkan Url2 yang error klik continue
   
   
9. Setelah itu akan tampil dibawah ini dan klik submit request
   
   
10. Belum selesei, kamu klik diadnostics, cari url2 yang error lalu klik mark as fixed
    
    

Nah, tunggu 2x24 jam,maka url2 yang kamu submit akan hilang dari pending dan halaman 404 not found kamu juga akan berkurang. semoga URL not found kamu gak kayak blog ini yah. amiin..
demikian cara mengatasi  Mengatasi error 404 di google webmaster tool semoga berguna,baca juga artikel infonetmu tentang Download yahoo messenger offline yah.

» Read More...

Sebelumnya share tentang Cara Membuat Tooltip dengan jQuery mungkin ada yang belum tahu apa itu tooltip,tooltip pada blogger akan memberi kesan cantik pada blog, karena link2 yang ada pada blog kamu akan muncul seperti title yang bisa sangat mudah kamu atur, coba kamu arahkan mouse kamu pada blog ini, nah,itulah yang dinamakan tooltips.

cara membuat tooltip

Gambar diatas menunjukkan adanya tooltips yang muncul saat pointer diarahkan ke link, lalu bagaimana cara membuat tooltip di blogger, ikuti tutorial blog singkat dibawah ini:

1. Login ke blogger kamu
2. Silahkan menuju pengaturan template
3. cadangkan dulu dengan mendownload template kamu untuk berjaga2 jika terjadi kesalahan dapat dengan mudah di pulihkan.
4. Cari kode ]]></ b:skin> dan letakkan kode berikut tepat diatas kode ]]></ b:skin>
   

   #easyTooltip {
   padding: 5px;
   border: 1px solid #008000;
   color: #00cc00;
   background: #004000;
   }

5. Selanjutnya copy kode di bawah ini, dan letakkan di atas kode </ head> dan letakkan kode berikut diatas kode </ head>
   

   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

   <!-- begin Tooltips -->
   <script type='text/javascript'>
   $(document).ready(function(){
   $(&quot;a.tooltip&quot;).easyTooltip();
   });
   </script>
   <script type='text/javascript'>
   //<![CDATA[
   (function($){$.fn.easyTooltip=function(options){var defaults={xOffset:20,yOffset:30,tooltipId:"easyTooltip",clickRemove:false,content:"",useElement:""};var options=$.extend(defaults,options);var content;this.each(function(){var title=$(this).attr("title");$(this).hover(function(e){content=(options.content!="")?options.content:title;content=(options.useElement!="")?$("#"+options.useElement).html():content;$(this).attr("title","");if(content!=""&&content!=undefined){$("body").append("<div id='"+options.tooltipId+"'>"+content+"</div>");$("#"+options.tooltipId).css("position","absolute").css("top",(e.pageY-options.yOffset)+"px").css("left",(e.pageX+options.xOffset)+"px").css("display","none").fadeIn("fast")}},function(){$("#"+options.tooltipId).remove();$(this).attr("title",title)});$(this).mousemove(function(e){$("#"+options.tooltipId).css("top",(e.pageY-options.yOffset)+"px").css("left",(e.pageX+options.xOffset)+"px")});if(options.clickRemove){$(this).mousedown(function(e){$("#"+options.tooltipId).remove();$(this).attr("title",title)})}})}})(jQuery);
   //]]>
   </script>

6. perhatikan kode di bawah ini, jika dalam template anda sudah terdapat kode tersebut maka tidak perlu diikut sertakan.
   

   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

7.  Simpan template kamu

Sekarang pada template blog kamu sudah dilengkapi dengan tooltip, untuk memanggil fungsi tooltips ihat kode dibawah ini:

<a class='tooltip' href='url link' title='pesan tooltip'>text link</a>

Nah, tambahkan yang berwarna merah tersebut pada link kamu, demikian cara membuat tooltip dengan jQuery di blogger, semoga bisa membantu kamu.
Baca juga:
Membuat Rocking Rolling Rounded Menu dengan JQuery dan CSS3  
Membuat Menu TabView dengan JQuery 

» Read More...

Sebelum membahas tentang Cara memasang rating di blog,mungkin sobat blogger ada yang belum tahu apa itu rating blog? rating blog biasa di sebut google rating stars atau bintang rating di pencarian google, dan disamping kanan bintang tersebut akan ada tulisan "Diulas oleh nama penulis blog", Untuk lebih jelasnya lihat gambar tampilan INFONETMU daripada google rating dibawah ini!


Nah, itulah yang dinamakan google rating stars, lalu bagaimana cara membuat agar pada hasil pencarian blog kita bisa ada bintangnya seperti itu? ada beberapa tahapan yang harus kamu lakukan agar blogspot kamu bisa menampilkan rating bintang tersebut.Kamu harus teliti dalam hal ini agar semua berjalan dengan baik, langsung saja mari kita lakukan step demi stepnya.

Buat Akun Google plus
Langkah pertama kita dituntut harus mempunyai akun Google+ terlebih dahulu. Gunanya untuk mendapatkan kode ID google+ , untuk menghubungkan akun google + dengan blog. Untuk membuatnya klik disini, Bagi yangmemiliki akun google/ gmail pasti sangat mudah sekali utk mendaftar Google + [pasti sobat sudah paham cara membuatnya]. Bagi Y sudah punya ambil kode ID G+ nya. caranya buka akun G+'a dan copy ID'a seperti gambar di bawah ini:

Verifikasi Blog Di google Plus
Cara Verifikasi blog di google plus yaitu dengan cara saling menautkan blog dan google plus.
Cara menautkanya :

1. Klik profil google plus kamu
2. Klik edit Profil
3. Klik sebelah kanan KONTRIBUTOR
4. masukkan judul blog juga Url Yang akan kamu tautkan, misalnya url tentang about me
   
   
   
   
5. Lalu Simpan.
   
6. Buat postingan atau page about me dan beri salah satu text yang melink ke google plus kamu. dan jangan lupa beri atribut rel="me" pada link tersebut. contoh:
   

   <a href="https://plus.google.com/112689440050953053608"rel="me">Sabar Muanas</a>

   jangan lupa harus ada yang melink ke google plus kamu dan cukup satu saja rel="me"
   

Edit HTML Blog

• Login ke Blogger kamu
• Silahkan menuju di Html Blog kamu,jangan lupa backup template atau cadangkan.
  
• Cari kode <head> dan letakkan kode berikut dibawah kode <head>
  

  <link href='https://plus.google.com/114668577698864967405' rel='publisher'/>

• Ganti yang berwarna merah dengan Link Profile google plus kamu
• Cari lagi kode <body> dan letakkan kode berikut tepat dibawah kode <body>
  

  <div> <div itemscope='' itemtype='http://data-vocabulary.org/Review'>

• Cari lagi kode </body> dan letakkan kode berikut tepat diatas kode </body>
  

  </div></div>

• Selanjutnya carilah kode HTML judul postingan sobat, Mungkin cara ini sedikit sulit namun jika dicermati bisa kita lakukan dengan mudah. Setiap template blog memiliki kode judul postingan yang berbeda-beda seperti h1, h2, h3 . Untuk rata2 yang judul posting mempunyai tag heading h3 misalnya seperti kode pada gambar dibawah ini:
  
  Bagi yang sudah memasang breadcrumb biasanya kodenya ada dibawah kode breadcrumb navigasi blog kamu, dan tambah kode yang berwarna merah,hasilnya akan jika ditampilkan dengan kode akan seperti dibawah ini:
  

  <a expr:name='data:post.id'/>
  <b:if cond='data:post.title'>
  <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>

• Cari kode <span class='fn'><data:post.author/></span> dan tambahkan dengan kode yang berwarna merah,jadinya seperti ini:
  

  <span class='fn'><span itemprop='reviewer'><data:post.author/></span></span>
  
  

• Langkah selanjutnya proses pemasangan Rating bintang Rich Snippetnya di Artikel blog sobat. Untuk jumlah bintangnya sesuai keinginan dan selera sobat hehe poko'a antara 1 - 5 . caranya kamu beri kode dibawah ini di setiap postinganmu.
  

  <span itemprop="rating">4.5</span>

• Cek hasil kerjamu di google rich snippets tools atau klik disini, kalau sudah ada bintangnya maka kamu telah berhasil.
  

Demikian Cara memasang rating di blog, semoga bermanfaat.

» Read More...

Cara memasang profil facebook di blog atau lencana Profile facebook di blog Atau Facebook badge di blog terbilang sangat mudah, facebook profil yang terpasang di blog akan memudahkan pembaca untuk mengetahui profil facebook kamu,Lihat gambar dibawah ini!



Widget profile Facebook seperti diatas bisa anda pasang diblog anda untuk mengajak pengunjung anda mengenal lebih jauh anda, untuk pasang widgetnya silahkan ikuti langkah-langkah berikut:

1. Login ke facebook kamu.
2. Klik profil atau nama atau nickname kamu.
3. Lihat bagian kiri bawah, akan ada link seperti gambar dibawah ini:
   
   
   
4. Lalu Akan menjadi halaman seperti dibawah ini:
   
   
   
5. Klik Blogger, dan tambahkan widget ke blog kamu. dan lihat hasilnya di blog kamu.
   

Demikian sedikit tips dari Infonetmu tentang cara memasang profil facebook di blog, semoga berguna.

Baca juga!

• Cara Membuat Komentar Facebook di Blog
• Cara Memasang Tombol Like Facebook di Blog
• Memasang Tombol share Facebook di pojok blog
• Cara Video Call di Facebook
  

» Read More...

Membuat Anti Copy Paste Di Blog,Cara ini sebenarnya sudah banyak di share, tapi sebagai arsip di blog ini, saya posting kembali. Cara kerja script ini adalah menonaktifkan fungsi blok pada posting sehingga copy paste terhadap blog kita dapat diminimalisir. Tapi saya sarankan jika blog sobat bertema "blog tutorial" sebaiknya jangan menggunakan script ini, karena script/kode yang ada pada tutorial sobat tidak akan bisa di blok. Baik agar tidak bertele-tele langsung saya terangkan :




Membuat Anti Copy Paste Di Blog sebagai berikut:

1. Login ke blogger, klik rancangan, Pilih tab Edit HTML, Ingat centang Expand Widget Template
2. Cari kode </head> (gunakan ctrl+f)
3. Copy paste script berikut tepat di bawah kode</head>
   

   <SCRIPT type="text/javascript">
   if (typeof document.onselectstart!="undefined") {
   document.onselectstart=new Function ("return false");
   }
   else{
   document.onmousedown=new Function ("return false");
   document.onmouseup=new Function ("return true");
   }
   </SCRIPT>

4. Simpan template dan lihatlah hasilnya
   

Gunakan script ini jika konten blog sobat memang mengandung hak cipta atau bersifat pribadi yang tidak ingin di copy paste,nah demikian cara Membuat Anti Copy Paste Di Blog, semoga bermanfaat!
Baca juga yah artikel dibawah ini!

• Menonaktifkan klik kanan mouse pada blogger
• Membuat Link Sumber Otomatis Ketika dicopas
  

» Read More...

Membuat semua link terbuka di tab baru, Link pada suatu blog atau website sangat penting gunanya,yaitu agar pembaca tetap memiliki akses terhadap page referral di mana dia menemukan link baru untuk di-klik. Selain itu, bagi pemilik blog/website hal ini juga menguntungkan karena visitor tidak segera meninggalkan halaman blog/website karena adanya window baru yang harus dibuka.




Selain itu,link terbuka di tab baru pada artikel yang sedang dibaca juga tidak menghilang tergantikan oleh halaman baru dari link yg di-klik oleh visitor. pembaca tetap dapat membaca artikel hingga selesai sambil melihat referensi link yg terdapat di dalam posting.

Nah,kali ini infonetmu akan memberikan, tips tentang bagaimana cara membuat semua link terbuka di tab baru secara otomatis, jadi jika kamu pasang script ini,kamu tidak perlu menambahkan embel-embel "target" pada link-link yang ada di blog kamu.

Membuat Semua link terbuka di tab baru caranya sebagai berikut:

1. Login ke menu bloger
2. klik Dashboard
3. Pilih Rancangan
4. Pilih Edit Laman
5. Tambahkan Gadget/Add Gadget => HTML/JavaScript
6. Lalu Copy Script berikut
   

   <!-- code for turning all non-blog links to new page links -->
   <script type="text/javascript" language="javascript">
   var arr = document.getElementsByTagName("a"); //get all links inthe page
   for(var i = 0; i < arr.length; i++)
   {
   if(arr[i].href.indexOf(" http://infonetmu.blogspot.com/ ") < 0 //not links that are 'inside' blog
   && arr[i].href.indexOf("javascript:") < 0) //not javascript links
   arr[i].target = "_blank";
   }
   </script>

7. Ganti Tulisan berwarna merah tersebut dengan URL blog kamu lalu Jangan Lupa di Save
   

Demikian Cara Membuat Semua link terbuka di tab baru semoga berguna, baca juga artikel dibawah ini:

• Membuat link otomatis pada posting blog
• Cara Membuat Link Bergoyang di Blog
• Cara Membuat 2 Link Terbuka dengan 1 Klik
• Cara membuat widget Link To me
• Membuat Internal link otomatis pada Blogger
• Membuat anchor link satu halaman
• Membuat efek pelangi link blog
  

» Read More...

Tips kali ini yaitu cara Membuat Header Menjadi Dua Bagian, Header blog sangat penting agar blog terlihat bagus maka headerpun diperlukan,jika blog tanpa header layaknya manusia tanpa kepala. he he..







Disamping untuk mempercantik blog, header biasanya berisi tentang judul blog serta deskripsi blog, dan bahkan header bisa berfungsi untuk menempatkan iklan juga.

Nah,INFONETMU kali ini akan memberikan tips tentang cara membagi header menjadi dua bagian.Ikuti langkah-langkah dibawah ini:

1. Seperti biasa dalam keadaan log in pada account sobat
2. Klik rancangan
3. Klik Edit HTML
   
4. Bisa Download Template Lengkap jika khawatir gagal
5. Sekarang cari kode CSS seperti yang mirip beikut:

   ---

   /* Header
   ----------------------------------------------- */
   #header-wrapper {
   width:930px;
   margin:0 auto 10px;
   border:1px solid $bordercolor;
   }
   #header-inner {
   background-position: center;
   margin-left: auto;
   margin-right: auto;
   }
   #header {
   margin: 5px;
   border: 1px solid $bordercolor;
   text-align: center;
   color:$pagetitlecolor;
   }

   ---

6. Ganti kode diatas dengan kode dibawah ini:

   ---

   /* Header
   ----------------------------------------------- */
   #header-wrapper {
   width:930px;
   margin:0 auto 0px;
   background:#ffff;
   height:180px;
   }
   #header-one {
   width:50%;
   background-position: left;
   margin-left: auto;
   margin-right: auto;
   float:left;
   }
   #header {
   margin: 0px;
   text-align: left;
   color:$pagetitlecolor;
   }
   #header_two{
   width:50%;
   float:left;
   padding-top:10px;
   }

   ---

   Perhatikan kode yang berwarna merah pada bagian awal, sesuaikan lebar atau angka width dengan lebar header template sobat.
7. Sekarang cari kode seperti berikut:

   ---

   <div id='header-wrapper'>
   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
   <b:widget id='Header1' locked='true' title='Tempat Eksperimen Kecil (Header)' type='Header'/>
   </b:section>
   </div>

   ---

8. Setelah menemukan kode diatas, sisipkan kode warna merah berikut dengan penempatan yang menyarupai contoh dibawah ini:

   ---

   <div id='header-wrapper'>
   <div id='header-one'>
   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
   <b:widget id='Header1' locked='true' title='Tempat Eksperimen Kecil (Header)' type='Header'/>
   </b:section>
   </div>
   <div id='header_two'>
   <b:section class='header' id='header2' preferred='yes'/>
   </div>
   </div>

   ---

9. Klik Simpan Template
10. Selesai
    

Untuk melihat hasil, klik elemen halaman, jika tampilan header sobat-sobat sekalian serupa screenshoot diatas, berarti kamu berhasil. Silahkan isi kolom baru dengan ragam widget atau ads.

Demikian sedikit tips tentang cara membuat header menjadi dua bagian.semoga berguna.
Baca Juga artikel dibawah ini ya.

• Membuat Iklan Melayang Di atas Header
• Download Gratis Gambar Header Blog
• Membuat header menjadi dua kolom
• Menghilangkan judul pada header blog
• Membuat dua element dibawah header
  

» Read More...