INFONETMU

Cara Menghindari Duplicate Content

2012-02-12T16:27:00.006+07:00

Cara Menghindari Duplicate Content, mencegah duplicate content di blog sangat dipeerlukan untuk SEO sebab googlepun pasti akan memberi nilai minus dan akhirnya meletakkan artikel postinganmu di tangga yang buncit.. he he.. nah kali ini infonetmu akan memberi sedikit tips untuk mencegah terjadinya duplicate content di blog kamu.

Berikut sedikit tips tentang cara menghindari duplicate content di blog kamu:
Hindari Indeks Search Engine Pada Arsip Blogger.
Halaman arsip blogger (yang biasanya dibagi berdasarkan bulan, minggu, serta hari) dapat menyebabkan kasus duplicate content karena arsip tidak memiliki konten sendiri. Isinya merupakan bagian-bagian dari posting yg sebenarnya adalah milik halaman-halaman posting itu sendiri. Sehingga, dalam indeks Google, halaman arsip akan memiliki konten yg sama dengan beberapa posting lain. Dalam deskripsi di hasil indeks, arsip juga demikian. Terkadang, halaman arsip memiliki deskripsi yg sama dengan halaman homepage karena itulah maka rawan duplicate content. solusinya kamu matikan halaman arsip yang ada di blogmu, dan tambahkan meta tag pada template kamu. caranya sebagai berikut:

Login ke blog kamu.
Klik Rancangan.
Edit HTML.
Copy paste kode berikut, dan letakkan dibawah kode <head>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex,noarchive' name='robots'/>
</b:if>
Simpan template kamu.

Sekarang matikan juga halaman arsip pada pengaturan di blog kamu. caranya sebagai berikut:

Klik setelan
Klik Arsipkan
Lalu pada pengaturan frekuensi arsip kamu pilih "tidak ada"
Simpan setelan.

Nah, mudah kan? demikian sedikit tips dari infonetmu untuk cara menghindari duplicate content di blog. semoga berguna!

Cara Membuat ucapan selamat datang di blog

2012-02-11T17:10:00.007+07:00

Cara Membuat ucapan selamat datang di blog, Ucapan untuk menyambut atau selamat datang di blog memberi kesan keren juga di blog, ucapan terima kasih admin blog kadang diperlukan juga,karena pembaca adalah layaknya tamu yang perlu disapa,namun yang perlu diingat adalah jangan sampai dengan membuat ucapan selamat datang di blog malah membuat pembaca jadi terganggu.

INFONETMU kali ini akan berbagi script tentang cara membuat ucapan selamat datang di blog, nah, ikuti tutorialnya dibawah ini!

Silahkan login ke akun blogger kamu
Setelah itu klik Tata Letak > Elemen Halaman > Edit HTML.
Kemudian copy kode di bawah ini tepat di atas kode </head>
<b:if cond='data:blog.Url == data:blog.homepageUrl'> <script language='javascript'>alert ("Tulis pesan apa saja disini, sakerepmu arep di tulisi opo"); </script> </b:if>
Simpan template kamu.

KETERANGAN:
Ganti text yang berwarna merah dengan ucapan selamat datang kamu, dan script diatas akan hanya menampilkan ucapan selamat datang pada homepage saja, jika kamu ingin di semua halaman blog kamu ada ucapan selamat datang, hapus kode yang berwarna kuning.

Demikian cara membuat ucapan selamat datang di blog, semoga berguna. nah baca juga ya artikel infonetmu dibawah ini!

Cara Membuat Breadcrumb Di Blogspot

2012-02-10T18:38:00.005+07:00

Cara Membuat Breadcrumb Di Blogspot, Breadcrumb pada blogger atau blogspot sangat penting, disamping untuk membagun internal link yang mengarah ke homepage, breadcrumb pada blogspot juga bagus untuk SEO, dengan adanya breadcrumb yang terpasang di blogspot kamu, maka google bisa mengindex pula breadcrumb tersebut, lihat gambar dibawah ini!

Klik pada gambar jika kurang jelas, nah diatas INFONETMU mengetikkan kata kunci "membuat recent post" pada hasil di pencarian google ditunjukkan breadcrumb yang terindex dengan label yang saya buat, lihat yang berlingkar merah tersebut, sudah jelas kan?
cara membuat breadcrumbs supaya bisa terindex di google memang tidak mudah,walaupun cara yang akan saya share tentang membuat breadcrumbs yang bisa terindex google belum pasti tapi sudah ada bukti hasil Rieview nya.oke langsung kita ke topik bagaimana cara membuat breadcrumb di blogspot caranya sebagai berikut:

Login ke blogger kamu
Klik rancangan
Edit HTML
Beri centang pada pojok atas template kamu, dan jangan lupa download template kamu untuk backup jika terjadi kesalahan.
Cari kode ]]></b:skin> lalu copy dan paste kode dibawah ini tepat diatas ]]></b:skin>
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double
#e6e4e3;
}
Cari kode <b:include data='top' name='status-message'/> lalu copy dan paste kode berikut ini tepat dibawah kode <b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>
ika menemukan dua kode yang sama dari kode <b:include data='top' name='status-message'/> maka pilih kode yang kedua,biasanya dibawah kode <div class='blog-posts hfeed'>
Cari lagi kode <b:includable id='main' var='top'> dan copy paste kode berikut tepat diatas <b:includable id='main' var='top'>
<b:includable id='breadcrumb' var='posts'>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:if cond='data:blog.pageType == "static_page"'>

<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>

<b:else/>

<b:if cond='data:blog.pageType == "item"'>



<b:loop values='data:posts' var='post'>

<b:if cond='data:post.labels'>

<div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">

<span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast == "true"'>

» <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>

</b:if>

</b:loop>

» <span><data:post.title/></span>

</div>

<b:else/>

<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>

</b:if>

</b:loop>

<b:else/>

<b:if cond='data:blog.pageType == "archive"'>



<div class='breadcrumbs'>

<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>

</div>

<b:else/>

<b:if cond='data:blog.pageType == "index"'>

<div class='breadcrumbs'>

<b:if cond='data:blog.pageName == ""'>

<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>

<b:else/>

<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>

</b:if>

</div>

</b:if>

</b:if>

</b:if>

</b:if>

</b:if>
Simpan template kamu, dan lihat hasilnya.

Demikian cara membuat breadcrumb di blogspot dan untuk test hasil breadcrumb kamu terindex atau tidak nantinya silahkan cek di Rich Snippets Testing Tool
semoga dengan membuat breadcrumb di blogspot,postingan kamu cepat terindex google.Kalau berhasil jangan lupa untuk berkomentar.
Semoga bermanfaat.

Download Template Valid XHTML

2012-02-10T12:54:00.007+07:00

Download Template Valid XHTML, template blog sangat berperan juga untuk optimasi SEO, walau ada salah satu pernyataan bahwa valid atau tidak sebuah template tidak berpengaruh pada SEO, namun saya sendiri adalah orang yang setuju bahwa Template Yang valid XHTML akan membuat blog lebih SEO friendly.

Ilmu SEO adalah ilmu yang masih rahasia juga,jadi tidak ada salahnya kita menerapkan berbagi tips maupun tehnik-tehnik untuk optimasi blog kita, nah kali ini infonetmu akan memberikan sebuah template valid xhtml yang bisa kamu download secara gratis juga.

Diatas adalah screenshot dari template valid XHTML tersebut, selain valid tempalate ini juga dijamin tidak berat, nah jika kamu berminat memakai template ini, lihat struktur kerangka template valid XHTML tersebut dibawah ini:

Secara umum, kerangka ini masih memiliki struktur yang sama dengan yang asli dari blogger, karena saya tidak mengubah strukturnya sama sekali. Apa yang saya lakukan hanya mengganti beberapa kode yang error dengan kode yang lebih valid.

Masalah lebih rumit terjadi pada navbar asli dari pihak blogger. saya pikir ngga akan ada cara lain untuk membuatnya valid, kecuali menghapusnya. Itu satu-satunya cara yang bisa dilakukan, dan masalah yang sama juga terjadi pada form komentar Blogger.

Pertimbangannya, jika kita menggunakan form komentar asli pada halaman artikel, maka sudah dipastikan blog kita ngga akan valid XHTML. Tapi tenang aja, di template ini, gw udah mengurangi error pada form komentar sampai ke batas yang paling maksimal koq.

Hanya ada 2 error dan 3 warning yang tersisa, dan ini adalah yang terbaik sepengetahuan gw. Soalnya, template-template lain yang katanya valid juga.. semua hanya mentok sampai ke angka 10-16 error dan 8-13 warning.

Apa sih yang membuat ada 2 error tersisa?, penyebabnya adalah penggunaan huruf besar dalam database id Blogger. Yah, semoga pihak blogger bisa cepat memperbaiki masalah ini.

Nah, untuk mendownloadnya silahkan klik tautan dibawah ini:

DOWNLOAD TEMPLATE VALID XHTML

BACA JUGA:

Cara Membuat Blog Keren

2012-02-09T19:50:00.006+07:00

Cara Membuat Blog Keren, blog yang saya maksud adalah Blogger atau blogspot, karena blog INFONETMU ini juga menggunakan blogspot, blog yang keren sangat relatif, karena selera setiap orang berbeda-beda, dalam background blogpun juga berbeda-beda, adakalanya yang suka hitam, seperti infonetmu ini, dan ada juga yang suka background putih.

Nah, lihat gambar diatas, keren gak? emm..cantik yah..pasti betah melihatnya, he he.. gambar diatas sama halnya dengan blog, jika blog terlihat keren dan cantik maka pembacapun bisa berlama-lama di blog kamu.

Saya sendiri tidak bisa mengatakan bahwa blog infonetmu ini keren,karena kadangkala saya ingin juga punya blog yang lain seperti punya teman saya maupun waktu blogwalking. emmm..rumput halaman tetangga memang lebih hijau daripada rumput halaman rumah sendiri begitupun juga dengan blog.

Dibawah ini adalah beberapa cara agar blog kamu terlihat keren, bagaimana cara membuat blog keren?

Pilih template yang keren.
Dalam langkah awal membuat blog keren pastikan template kamu juga keren,download template yang kamu anggap paling keren. kamu bisa memakai download template blog keren pada postingan saya dahulu.
Pasang Widget-widget yang terlihat keren
Widget yang saya maksud adalah seperti membuat recent post berjalan,maupun daftat isi yang cantik juga. dan kamu bisa membuat daftar isi dengan jquery agar terlihat keren.
Pasang tombol share yang keren juga, contoh buat saja
Pasang juga cara membuat komentar facebook di blog kamu,karena disamping mempermudah penbaca agar bisa berinteraksi pada artikel kamu, komentar facebook memberi kesan keren juga loh pada blog kamu.
Pasang tombol share melayang yang keren
Nah, untuk membuat tombol share melayang di blog yang keren, baca artikelnya di membuat tombol share melayang di blog

Demikian sedikit tips dari infonetmu tentang cara membuat blog keren, jangan sampai blognya kayak punya saya yang amburadul juga berat ini yah.. he he..

Cara Membuat Random Post Bergerak

2012-02-09T18:36:00.007+07:00

Cara Membuat Random Post Bergerak, Pada posingan yang terdahulu saya sudah share juga tentang tuturial yang satu ini, hanya saja random post berikut mempunyai efek bergerak, random post di blog diperlukan agar pembaca juga punya piliham membaca artikel yang tidak berkaitan juga, selain itu dengan adanya random post bisa meningkatkan pageview blog kamu, karena dengan artikel acak maka artikel yang terdahulupun bisa muncul pada random post.

Nah, infonetmu akan memberikan tutorial tentang cara membuat random post bergerak. caranya mudah.ikuti langkah-langkah dibawah ini:

Login ke blog kamu.
Klik rancangan atau design
Tambahkan widget atau add gadget
pilih HTML/javascript
Copy dan paste kode berikut:

<script type="text/javascript">
function getYpipeTL(feed) {
document.write('<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1">');
var i;
for (i = 1; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title + "</a> | ";
var pComment = " $" + feed.value.items[i].commentcount + " comments$";
var pList = "</a>" + "<a href="+ href + '">' + pTitle;
document.write(pList);
document.write(pComment);
document.write('</a></li>');
}
document.write('</marquee>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://infonetgue.blogspot.com
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f
&_callback=getYpipeTL
&_render=json"
type="text/javascript"></script>
Simpan

Keterangan:
Ganti yang berwarna merah dengan alamat blog kamu, nah demikian cara membuat random post bergerak di blog, semoga berguna!
BACA JUGA!

Cara Memberi Password Pada Folder

2012-02-08T19:15:00.003+07:00

Cara Memberi Password Pada Folder, Memberi password pada folder biasanya bertujuan agar tidak setiap orang yang membuka komputermu bisa membuka folder,Banyak sekali software untuk mengunci sebuah file atau folder agar tidak mudah diakses orang lain. Dengan keyword "Lock Folder Software" maka akan didapati sekian banyak software yang menawarkan proteksi untuk file atau folder. Dengan berlabel Free Download / Trial -> dan setelah diinstall maka kita disuruh mendaftar (register) dan akhirnya kita disuruh membeli.sama juga dengan cara memberi password pada winrar, cara memberi password pada folder sangat mudah, kali ini infonetmu akan memberi salah satu cara memberi password pada folder, nah ikuti tutorial singkat dibawah ini.

Copy dan Paste-kan kode dibawah ini kedalam Notepad
cls@ECHO OFF
title Folder Locker
if EXIST "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}" goto UNLOCK
if NOT EXIST Locker goto MDLOCKER
:CONFIRM
echo Are you sure u want to Lock the folder(Y/N)
set/p "cho=>"
if %cho%==Y goto LOCK
if %cho%==y goto LOCK
if %cho%==n goto END
if %cho%==N goto END
echo Invalid choice.
goto CONFIRM
:LOCK
ren Locker "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"
attrib +h +s "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"
echo Folder locked
goto End
:UNLOCK
echo Enter password to Unlock folder
set/p "pass=>"
if NOT %pass%==type your password here goto FAIL
attrib -h -s "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"
ren "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}" Locker
echo Folder Unlocked successfully
goto End
:FAIL
echo Invalid password
goto end
:MDLOCKER
md Locker
echo Locker created successfully
goto End
:End
Simpan file tersebut dengan Nama Lock.Bat pada folder yang akan dikunci
Tutup dan kemudian buka lagi file tersebut, dan akan tertera perintah untuk memasukkan password (Enter Password) untuk membuka kunci folder
Ketikkan kode password Anda
Klik lagi, dan akan tertampil perintah "Do you want to lock the file Y/N".
Ketikkan “Y” dan tekan Enter.

Catatan :
type your password here goto FAIL : Ganti teks yang berwarna merah untuk password anda.

Download Smadav 2012 Rev. 8.9 Full version

2012-02-08T17:37:00.008+07:00

Download Smadav 2012 Rev. 8.9 Full version. Antivirus Smadav telah meluncurkan revisi terbarunya yatu Smadav 2012 rev.8.9, Buat kamu yang masih memakai versi sebelumnya silahkan segera update antivirus smadav ke versi yang terbaru, nah kali ini INFONETMU akan membagikan smadav terbaru 2012 full version secara free alias gratis.

Silahkan kamu Download Smadav 8.9 Pro Terbaru 2012 karena ada fitur-fitur baru juga update antivirus baru yang perlu diperbarui adapun Smadav 8.9 Pro memiliki kelebihan dibandingkan dengan smadav free, berikut ini kelebihan feature pada smadav 8.9 pro :

Update Otomatis Online
Scanning 10x Lebih Cepat
Exception List
Maximize/Resize Tampilan
Mengganti Warna Tema
Bahasa Indonesia/Inggris
Izin Penggunaan Profit
Password Admin

Untuk mendapatkan key smadav pro 8.9 terbaru 2012 + cara menghilangkan blacklist (tanda bajakan) smadav 8.9, silahkan download serial key number smadav 8.9 pro secara gratis dibawah ini :

Demikian sedikit informasi tentang Download Smadav 2012 Rev. 8.9 Full version semoga bermanfaat!

Baca juga!

Cara Membuat Link Bergoyang di Blog

2012-02-07T19:11:00.005+07:00

Cara Membuat Link Bergoyang Di Blog, cara membuat link bergoyang di Blog biasa disebut link nudging atau nudge, namun bagi para blogger yang awam pasti tidak tau efek tersebut, yang mereka tahu bahwa link tersebut akan bergoyang atau bergerak ke kiri saat dikunjungi mouse atau pointer. nah, kali ini infonetmu akan memberi tutorial singkat agar link bisa bergoyang dombret kayak inul daratista, he he he..:)

Langsung Saja ke pokok bahasan tentang cara membuat link bergoyang di blog, ikuti langkah-langkah dibawah ini!

Login ke akun blogger sobat
Masuk ke rancangan/design
Pilih Tata Letak
Edit HTML
Lalu cari kode berkut: </head> (gunakan Ctrl+F di keyboard sob),setelah ketemu tinggal letakkan kode CSS berikut tepat diatas kode </head> :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 400; // Duration Of Animation in Milli Seconds
$(document).ready(function() {
$('a.linknudge').hover(function() {
$(this).animate({
paddingLeft: '25px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
}); // end of Jquery Script
</script>
Simpan template kamu.

Keterangan:

Yang berwarna merah adalah jarak gerak link untuk bergoyang,atur sesui yang kamu inginkan..jangan panjang-panjang ya ngebornya,, hiks hiks hiks..
Bagi yang sudah memasang script jquery
http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js
tidak perlu memasangnya lagi.
Jika kamu ingin membuat link yang kamu inginkan bergoyang maka tambahkan kode dibawah yang berwarna merah pada link kamu. atau Cara memasang di link sobat cukup tambahkan kode class "linknudge" untuk link sobat seperti contoh dibawah ini:
<a class='linknudge' href='http://infonetmu.blogspot.com/'>INFONETMU</a>
Cara atau kode di atas adalah untuk link kostum, dengan menambahkan kode class 'linknudge'.
Berikut ini adalah kode lain untuk label dan untuk link kustom sobat:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 400; // Duration Of Animation in Milli Seconds
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '25px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
}); // end of Jquery Script
</script>
Demikian cara membuat link bergoyang di blog atau link nudging, semoga berhasil..

Download Smadav 8.9 Pro Terbaru 2012

2012-02-06T21:56:00.009+07:00

Download Smadav 8.9 Pro Terbaru 2012, Antivirus Smadav kembali melakukan update dengan versi terbarunya yaitu Smadav 2012 Rev. 8.9 beberapa fitur terbaru dari smadav 8.9 ini akan infonetmu jelaskan antara lain:

Dalam versi terbaru ini dilengkapi dengan Penambahan database 650 virus baru, Penyempurnaan struktur database dan engine Smadav, Start-up RTP yang lebih cepat, Penyempurnaan teknik heuristic dan pendeteksian autorun.inf pada auto-scan flashdisk, dsb.

Jika anda ingin menikmati secara gratis Smadav 8.9 terbaru 2012, silahkan langsung klik download Smadav 8.9 dibawah ini :

Nah, demikian sharing artikel infonetmu tentang Download Smadav 8.9 Pro Terbaru 2012, semoga dengan antivirus smadav terbaru ini komputer kamu aman dari virus, :)

Baca juga!

Cara Memasang Iklan Melayang Di Blog

2012-02-06T21:08:00.005+07:00

Cara Memasang Iklan Melayang Di Blog, sebelumya saya tulias juga cara membuat iklan melayang diatas header, nah kali ini hampir sama, tapi bedanya disini iklan kamu melayang di blog dengan dilengkapi tombol close, jadi para pembaca blog kamu bisa menutup iklan melayang tersebut dengan mudah.

Langsung saja, berikut cara memasang iklan melayang di blog, silahkan ikuti langkah-lagkah di bawah ini!

Login ke blog kamu
Klik rancangan atau design
Tambahkan widget atau add gadger dan pilih html/javascript
Copy dan paste kode di bawah ini:
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
Close Klik 2X
</a>
</div>
<center>

KODE SCRIPT IKLAN

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
Simpan

Ganti yang berwarna merah dengan kode script ikaln kamu, nah.. mudah buka cara memasang iklan melayang di blog, dan jangan lupa baca juga ya artikel infonetmu yang lain di cara membuat iklan berdampingan di blog. semoga berguana!

Cara Memasang Jam Digital di Blog

2012-02-06T06:20:00.005+07:00

Cara Memasang Jam Digital di Blog, Jam digital yang terpasang di sidebar blog akan membuat pembaca tahu secara otomatis waktu saat dia membaca artikel kamu, blog layaknya sebuah rumah, dan jam pada blog sama halnya jam yang terpasang dirumah, jadi dengan memasang jam digital di blog akan membuat blog kamu lebih terlihat cantik.

Infonetmu kali ini akan memberi script untuk jam digital di blog,Selain cantik, jam nya juga berbunyi. Buat yang mau masang jam cantik ini di blognya, silahkan salin kode berikut ini dan silahkan paste di tempat yang ingin kamu pasang. inilah scriptnya.

<embed height="40" pluginspage="http://www.macromedia.com/go/getflashplayer" src="https://sites.google.com/site/myedithtml/swf/edit-html.clock-7.swf" type="application/x-shockwave-flash" width="120" wmode="transparent"></embed>

nah, silahkan pasang di blog kamu. semoga tambah keren blogmu, demikian sedikit tutorial cara memasang jam digital di blog, agar tambah bagus silahkan download template blog keren juga sesuai. semoga berguna!

Cara Membuat Tab View di Blog

2012-02-05T19:37:00.004+07:00

Cara Membuat Tab View di Blog, Tab View di blog yang satu ini sering digunakan oleh para blogger,namun tab view yang satu ini sangat mudah cara membuat maupun mengeditnya,karena dengan tab view ini kamu tidak perlu mengotak-atik html yang ada pada template kamu.

Dengan tab view ini kamu hanya perlu menambahkan gadget atu widget pada blog kamu,jadi kamu bisa sangat mudah menghapusnya jika tidak diperlukan, nah dibawah ini adalah kode untuk tab view yang bisa kamu modifikasi warna juga bentukkya sesuai blog kamu. berikut kode tab view tersebut:

<style type="text/css">
div.TabView div.Tabs
{height: 30px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 90px; /* Lebar Menu Utama Atas */
text-align:center ; height: 26px; /* Tinggi Menu Utama Atas */
padding-top:8px; vertical-align:middle; border:1px solid #555555; /* Warna border Menu Atas */
border-bottom-width:0; text-decoration: none; font-family: "Verdana",Arial; /* Font Menu Utama Atas */
font-weight:bold; color:#fff; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #E6E6E6; /* Warna background Menu Utama Atas */ }
div.TabView div.Pages {clear:both; border:1px solid #BDBDBD; /* Warna border Kotak Utama */ overflow:hidden; background-color:#E6E6E6; /* Warna background Kotak Utama */ }
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}
div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}
</style>
<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 300px;" class="Tabs">
<a>Title 1</a>
<a>Title 2</a>
<a>Title 3</a>
</div>
<div style="width:300px; height:250px; " class="Pages">
<div class="Page">
<div class="Pad">
Isi menu tab view 1
</div>
</div>
<div class="Page">
<div class="Pad">
Isi menu tab view 2
</div>
</div>
<div class="Page">
<div class="Pad">
Isi menu tab view 3
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>

Atur warna dan lebarnya sesuai yang kamu inginkan. demikian sedikit tutorial cara membuat tab view di blog, baca juga artikel infonetmu tentang membuat tab view dengan jQuery, semoga berguna!

Membuat Menu TabView dengan JQuery

2012-02-03T23:16:00.005+07:00

Membuat Menu TabView dengan JQuery, TabView pada blog sering digunakan untuk menghemat ruang untik menampilkan widget, disamping itu tabview juga akn memberi kesan cantik jika dipoles dengan menu tabview yang menarik, nah kali ini infonetmu akan memberikan tutorial tentang cara membuat menu tabview dengan jQuery di blog.

Tabview pada blog yang satu ini berbeda dengan tabview yang lainya, karena dengan menggunakan script ini, maka beberapa widget kamu akan secara otomatis adi menu di tabview, untuk lebih jelasnya silahkan lihat gambar dibawah ini dulu!

Yang pertama yang bertuliskan kode disini adalah script tabview yang kamu pasang, dan tab 1,tab 2, dan tab 3 adalah widget kamu yang otomatis membentuk tabview, praktis kan? nah, bagaimana membuatnya? ikuti langkah-langkah di bawah ini!

Login ke blogger kamu
Klik rancagan atu design
klik edit html
expand template kamu dengan memberi centang di kotak pojok template editor kamu.
cari kode </head> dan letakkan kode berikut di atas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
Sekarang kamu tambahkan widget baru, letakkan paling atas dari beberapa widget yang akan kamu jadikan tabview seperti penjelasan dan gambar diatas, copy dan paste kode berikut!
<style type="text/css">
.blogtabs {padding: 0px !important;border: 0 solid #bbb;}
.blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 12px;padding: 3px 5px;border: 1px solid #bbb;overflow: hidden;position: relative;background: #e0e0e0;cursor:pointer;}
html .blogtabs h2.active {background: #fff;}
.blogtabs .widget-content {border: 1px solid #bbb;padding: 10px;background: #fff;clear:both;margin:0;}
.btab, #showtabs {display:none;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript" src="http://infonetmu.googlecode.com/files/SimpleTabViewJQuery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#showtabs').simpleBlogTab ({organictabs: 3});
});
</script>
<div id="showtabs"></div>
Lalu simpan.

silahkan letakkan 3 widget dibawah widget kode tabwiew diatas, dan lihat hasilnya, maka 3 widget dibawahnya akan terkumpul secara otomatis, nah demikian tutorial singkat tentang cara membuat menu tabview dengan jQuery, selamat mencoba!

Baca juga!

Membuat Hujan Bintang JRocks di Blog

2012-02-02T22:11:00.004+07:00

Membuat Hujan Bintang JRocks di Blog, Membuat bintang berjatuhan di blog dapat memberikan efek cantik pada blog, biasanya blog yang cantik akan disukai pembaca juga, dengan satu syarat tidak membuat blog menjadi berat, nah kali ini infonetmu akan memberikan script untuk Membuat Hujan Bintang JRocks di Blog, langsuna saja ke caranya!

Login ke akun blogger
Masuk ke Rancangan dan tambahkan widget HTML/JavaScript
Copy lalu paste kode hujan bintang Jrocks berikut
<script type="text/javascript" src="http://infonetmu.googlecode.com/files/SakuraRain.js"></script>
Simpan

Jika ingin menbuat hujan bintang jRock dalam template kamu cari kode </body> dan letakkan didalam diatas. nah demikian tutorial singt dari infonetmu.

BACA JUGA!

Membuat Link Sumber Otomatis Ketika dicopas

2012-02-02T19:20:00.008+07:00

Membuat Link Sumber Otomatis Ketika dicopas, Memberi Link Sumber Otomatis Ketika artikel dicopas, atau memberi link yang tampil secara otomatis ketika artikel pada postingan blog kita di copy paste orang sangat mudah, copy paste artikel postingan blog menurut saya boleh-boleh saja, saya yakin semua blogger kita pernah juga copy paste, eits... tapi lihat-lihat dulu etikanya!

Copy paste adalah hal yang wajar juga, kadang pembaca mengcopy paste sebuah artikel untuk pribadi dan agar apa yang dia peroleh tidak hilang, dan caranya mereka mengcopynya pada blog mereka masing-masing.

Nah, namun jika kamu mengcopy paste artikel dengan tujuan untuk kamu publikkan maka etika yang tepat adalah cantumkan link sumber dari artikel tersebut. oke kan sob..nah bagi kamu yang ingin jika artikel kamu di copas lalu akan tebentuk sebuah link yang mengarah kepada artikelmu,nih infonetmu punya scriptnya, silahkan saja pasang di blogmu, bagaimana cara membuat link sumber otomatis ketika dicopas? ikuti tutorial dibawah ini!

Login ke blog kamu
Klik Rancangan
Klik edit html
Centang expand template widget dan jangan lupa backup.
Copy dan paste kode berikut tepat diatas kode <body> template kamu.
<script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber :"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://infonetmu.googlecode.com/files/sumber-otomatis.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script>
Lalu simpan.

Untuk mengeceknya silahkan copy paste artikelmu pada notepad atau kotak postingan, jika berhasil maka akan ada link sumber otomatis pada apa yang kamu copas.Mudah kan cara membuat link sumber otomatis ketike artikel artikel di copas? semoga berguna.

Baca juga!

Membuat Tombol Share Melayang di Blog

2012-02-01T20:42:00.006+07:00

Membuat Tombol Share Melayang di Blog, tombol share sosial media sangat penting untuk blog kita, disamping untuk meningkatkan pengunjung tombol share akan membantu kepada pembaca untuk membagi artikel kita ke media yang lain, seperti share di facebook, share di twitter dll.

Membuat tombol sosial media dalam blog saya rasa jadi sebuah kewajiban bagi para blogger, nah kali ini INFONETMU akan memberikan tentang cara membuat tombol share melayang di blog, lihat gambar dibawah ini!

Gambar diatas menampilkan banyak kombinasi tombol share di blog, like facebook, share facebook,twitter juga digg. sudah cukup lengkap kan tombol share melayang diatas?
Lalu bagaimana cara membuatnya atau memasangnya pada blog kita? ikuti tutorial dibawah ini:

Cara membuat tombol share melayang di blog :

Masuk ke blogger kamu.
Klik Rancangan.
Tambah gadget dan pilih HTML/Javascript.
Lalu copy dan paste kode dibawah ini.

<style>

#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://infonetmu.blogspot.com/2012/02/membuat-tombol-share-melayang-di-blog.html" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>
Langkah terakhir klik simpan.

Demikian sedikit informasi tentang cara membuat tombol share melayang di blog, semoga berguna buat blog kamu. thanks..
Baca juga!

Cara Membuat Random Post Di Blog

2012-02-01T07:39:00.000+07:00

Cara Membuat Random Post Di Blog,Infonetmu kali ini akan tulis lagi tentang cara membuat random post di blog, random post atau artikel acak pada blog berguna agar pembaca bisa artikel blog kita yang lain secara acak,berbeda dengan artikel terkait dengan gambar thumbnail yang akan menampilkan postingan yang terkait berdasarkan label yang telah kita buat, nah bagaimana cara membuat random post di blog? ikuti tutorial dibawah ini!

~~Cara membuat random post di blog~~ sebagai berikut!

Silahkam kamu login pada blog kamu.
Klik Rancangan/ design.
Lalu tambah gadget.
Pilih HTML/Javascript.
Copy dan paste kode dibawah ini:
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;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>
Simpan

keterangan:
Warna merah yaitu angka sepuluh adalah jumlah artikel yang akan ditampilkan.

Nah,demikian tutorial singkat tentang cara membuat random post di blog, sangat mudah kan? kamu bisa juga membuat artikel terkait dengan gambar thumbnail atau membuat recent post berjalan pada blog kamu untuk mempermudah pengunjung menjelajahi blog kamu. silahkan baca artikel saya yang lainya juga. semoga tidak bosan!

Membuat Valid XHTML Widget Followers

2012-01-31T16:50:00.000+07:00

Membuat Valid XHTML Widget Followers, cara membuat valid xhtml widget followers blog sangat mudah, kamu cukup mengganti widget follower yang ada pada blog kamu dengan kode page sourchnya saja, jadi untuk membuatnya kamu tambahkan dulu widget followers dulu lalu klik kanan dan view page sourcenya.lihat gambar dibawah tampilan widget followers untuk blog INFONETMU ini!

Page source diatas bisa kamu jadikan widget followers pada blog kamu,jadi kamu copy saja kode page source follower blogmu lalu kamu hapus followers bawaan blogger. untuk lebih mudah silahkan langsung copy saja kode dibawah ini!

<div class="widget-content"><script src="http://www.google.com/friendconnect/script/friendconnect.js"type="text/javascript"></script>
<div id="div-nznv300jljd2" style="width: 100%; "></div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "200";
skin['TITLE'] = "";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#ffffff";
skin['ENDCAP_LINK_COLOR'] = "#ff8000";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#ff8000";
skin['CONTENT_TEXT_COLOR'] = "#ffffff";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FF8000";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#ffffff";
skin['CONTENT_HEADLINE_COLOR'] = "#ffffff";
skin['FONT_FACE'] = "normal normal 100% \x27Trebuchet MS\x27,Verdana,Arial,Sans-serif";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "div-nznv300jljd2",
height: 200,

site: "14775397019788979390"
,locale: 'in'

},skin);</script></div>

Ganti yang berwarna merah dengan kode widget foolowers blog kamu, untuk caranya melihat kode followers silahkan kamu klik kanan blogmu dan view page sourcenya, setelah itu kamu buat add gadget lagi,add html/javascript dan simpan, setelah berhasil kamu hapus widget followers bawaan blog kamu. nah sekarang kamu coba cek di http://validator.w3.org/, selamat sekarang berhasil membuat valid xhtml widget followers pada blogspot atau blogger kamu.

BACA JUGA!

Cara Memasang Tombol Like Facebook di Blog

2012-01-31T15:37:00.000+07:00

Cara Memasang Tombol Like Facebook di Blog, jumpa lagi dengan postingan infonetmu lagi di cara memasang tombol like facebook di blog, tombol like facebook atau tombol suka di facebook dapat kita pasang di blog kita untuk menunjukkan like atas postingan kita.

Sama halnya dengan status pada facebook maka tombol like facebook diperlukan untuk mengukur tingkat antosiasme pembaca atas tulisanmu. nah jika kamu ingin membuat tombol facebook dipasang pada blog kamu ikuti tutorial singkat INFONETMU kali ini!

Tutorial cara memasang tombol like facebook di blog sebagai berikut:

Login ke blogger kamu, buka Dashboard - Design - Edit HTML
Download Full Template --> untuk berjaga-jaga jika ada kesalahan
Centang Expand Widget Templates
Copy code dibawah ini
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show-faces=true&width=530&height=60&action=like&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>
Letakkan kode diatas ditempat yang kamu inginkan. misal dibawah postingan kamu cari kode <data:post.body/> dan letakkan kode no 4 tepat dibawah kode <data:post.body/>
Simpan template kamu.

keterangan: kode standard bisa kamu ubah dengan button_count
dan kode light dengan kode dark, sesuaikan dengan blog kamu. nah mudah kan? selain itu baca juga cara memasang tombol google plus pada blog ya..selamat mencoba!

Download Template Blog Keren

2012-01-30T21:52:00.000+07:00

Download Template Blog Keren, Template blogger keren akan membuat pengunjung lebih betah membaca berlama-lama di blog kita,loh kok bisa? ibarat memandang pemandangan yang indah atau melihat wajah cewek yang cantik maka kamu akan betah juga kan? he he.....

Jadi dalam memasang template blogspot kamu harus pintar memilih template yang keren juga, yuk kita bareng-bareng mengganti template blog kita agar tampil keren,,,..nah,untuk itu infonetmu malam ini akan memberi sebuah template yang super keren dan yang pasti tidak berat juga kayak blog ini. lihat tampilan gambar-gambar template dibawah ini,lihat demonya dan jika suka silahkan kamu download template blog keren ini.

Zoom Magazine

DEMO | DOWNLOAD

Sporty magazine 2

DEMO | DOWNLOAD

Mashable

DEMO | DOWNLOAD

Nah,diatas adalah sedikit template-template yang keren terpilih infonetmu buat kamu yang ingin template yang lain silahkan baca artikel infonetmu terdahulu di template SEO friendly 2012 juga download template SEO friendly 2011. semoha bermanfaat.

Membuat Iklan Berdampingan

2012-01-30T20:00:00.000+07:00

Membuat Iklan Berdampingan, Cara Membuat Iklan Berdampingan, Cara membuat iklan berdampingan di blog sangat mudah, kamu hanya perlu memasukkan kode css dan html agar iklan kamu bisa tampil berjajar di kanan dan dikiri. nah Lihat gambar dibawah ini!

Iklan google adsense diatas tampil secara berdampingan diatas postingan blog dan tepat dibawah link judul posting, untuk membuatnya ikuti tutorial INFONETMU dibawah ini!

Cara Membuat iklan berdampingan caranya sebagai berikut!

Login ke blogger kamu
Klik rancangan]
Lalu klik edit HTML
Beri tanda centang di kotak kecil expand template widget
Jangan lupa download dulu template kamu untuk back up.
Cari kode ]]></b:skin> dan letakkan kode berikut diatas kode ]]></b:skin>
#iklankontent {
height: 250px;
}
#iklankiri {
float: left;
}
#iklankanan {
float: right;
}
Diatas adalah kode css untuk iklan, sekarang letakkan ikan tepat dibawah link judul blog dan tepat diatas postinganmu, kamu cari kode <data:post.body/> dan letakkan kode berikut tepat diatas kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div id='iklankontent'>
<div id='iklankiri'>
Kode Iklan Kiri
</div>
<div id='iklankanan'>
Kode Iklan Kanan
</div>
</div>
</b:if>
Simpan Template kamu.

Keterangan: 250 adalah tinggi iklan kamu sedangkan kode iklan kiri dan kode iklan kanan ganti dengan kode script iklan kamu, nah demikian cara membuat iklan berdampingan pada blog, untuk variasi yang lain kamu juga bisa memasang iklan diatas kotak komentar blog maupun di tengah-tengah postingan blog kamu. semoga berguna.

Cara Membuat Blog Di Blogger

2012-01-27T17:16:00.000+07:00

Cara Membuat Blog Di Blogger sangat mudah, karena blogger gratis juga membuat blog di blogger adalah salah satu cara untuk menyalurkan pikiran kita,ilmu maupun blog yang berisi tentang curhat pribadi, nah kali ini INFONETMU akan memberikan tutorial bagi kamu semua yang ingin belajar blogger.

Langkah pertama belajar ngeblog di blogger pastinya kita harus mendaftar dulu di blogger, nah bagaimana cara membuat blog di blogger? ikuti langkah-langkah dibawah ini!

Silahkan buka alamat http://www.blogger.com
Setelah masuk halaman utam blogger, silahkan klik get started
Setelah itu kamu akan disuguhkan formulir pendaftaran,isilah formulir tesebut dan jangan lupa kamu memakai email kamu, dan klik lanjutkan.
Pada langkah keempat ini anda disuruh untuk member nama dan alamat blog, isikan nama blog dan alamat blog sesuai dengan keinginan sobat. Jika sudah klik tombol Lanjutkan
Selanjutnya kamu diminta memilih tampilan blog, pilih tampilan yang anda inginkan,jangan khawatir tampilan itu bisa dirubah sewaktu-wktu juga, pilih mana aja thema yang kamu suka dan klik Lanjutkan
Sekarang blog kamu sudah jadi, dan yang terakhir klik mulai blogging.

Selamat kamu sudah berhasil membuat blog di blogger atau blogspot Kamu selanjutnya akan diarahkan langsung ke halaman untuk menulis artikel kamu seperti gambar dibawah ini:

Sekian saja sedikit tutorial infonetmu tentang cara membuat blog di blogger atau blogspot, selain di blogger kamu bisa juga daftar di web penyedia blog gratis, yaitu weebly, semoga bermanfaat!

Tips Meningkatkan Penghasilan Iklan

2012-01-27T11:04:00.000+07:00

Iklan dalam blog bisa kita tempatkan pada tempat-tempat yang kita inginkan,misalnya memempatkan iklan pada postingan maupun memasang iklan diatas komentar blog kita, namun hal yang terpenting adalah penempatan iklan itu tetap sesuai aturan yang telah ditentukan.

INFONETMU kali ini akan memberitakan tips untuk menipu pengunjung,agar pengunjung yang awam tentang blog akan mengeklik iklan kita, lihat gambar dibawah ini!

Gambar diatas menunjukkan tampilan iklan yang diletakkan disamping gambar yang menggoda,dan pengunjung mengira link iklan tersebut akan mengarah kepada gambar tersebut lalu pembaca akan klik link tersebut? unik kan tips meningkatkan penghasilan iklan kali ini he he he....

Terserah kamu semua bilang apa, saya menemukan penempatan semacam itu saat blogwalking, menyalahi aturan atau tidak silahkan kamu menilainya sendiri,disini infonetmu hanya akan share cara pemasanganya saja.

Bagaimana cara meningkatkan penghasilan iklan dengan meletakkan gambar seperti diatas,ikuti langkah2nya dibawah ini!!

Copy kode dibawah ini!

<center><table><tbody><tr><td><img alt='' border='0' src='http://2.bp.blogspot.com/-Q8kAbUcgiKQ/TnmnB5xPojI/AAAAAAAADoQ/AE7RYwoEDHs/s400/HealthyInsurance.jpg' style='cursor:pointer; cursor:hand;width: 60px; height: 250px; padding-right:4px;'/></td><td>KODE IKLAN KAMU</td></tr></tbody></table></center>

Kode yang berwarna kuning adalah gambar hot yang akan menarik pengunjung, dan ganti warna merah dengan kode iklan kamu, letakkan iklan tersebut ditempat yang kamu inginkan. he he he.. semoga berguna. :)

Membuat Iklan Melayang Di atas Header

2012-01-26T20:36:00.000+07:00

Memasang ikaln untuk blog bisa kita tempatkan sesuai keinginan kita,kita bisa menempatkan iklan kita di sidebar blog, di tengah postingan maupun di atas komentar blog kita,nah kali ini INFONETMU akan memberi tutorial yang berbeda tentang membuat iklan dari ketiga cara diatas, kali ini saya tulis cara membuat iklan melayang di atas header blog.

Gambar diatas menampilkan iklan yang melayang diatas header blog, maksud dari melayang yaitu walau blog tersebut di scroll namun iklan tersebut akan tetap diam dan seperti melayang.

Bagaimana cara membuat iklan melayang di atas header? ikuti langkag-langkah dibawah ini!

Login ke Blogger
Pilih Rancangan
Klik Edit HTML
Selanjutnya Coba Anda cari kode <div id='outer-wrapper'>
Jika sudah ketemu,letakkan kode berikut dibawahnya
<div style='display:scroll; top:0px;position:fixed;'>

<a href='http://infonetmu.blogspot.com'><img alt='usaha berhasil' border='0' height='54' src='http://i1111.photobucket.com/albums/h465/asistenikopin/JasaBuatIklanBanner.gif' width='972'/></a>
</div
Yang ditunjukkan dengan warna merah adalah nilai tinggi dan lebar iklan, sesuaikan dengan blog kamu, sedamgkan warna kuning adalah Gambar iklannya.
Simpan template kamu.

Semikian tutorial tentang cara membuat iklan melayang di atas header blog, semoga bermanfaat!

Cara Mengganti Template Blog

2012-01-26T18:52:00.000+07:00

Cara Mengganti Template Blog sangat mudah,Tapi pagi para blogger pemula yang baru mendaftar di blogspot mungkin akan bingung, seperti pengalaman INFONETMU beberapa tahun yang lalu juga, bahkan tidak tahu kalau template blogger bisa diganti dengan cara yang instan tanpa kita mengotak-atik htmlnya.

Tutorial cara mengganti template blog!

Silahkan download template blog yang kamu inginkan. adapun beberapa web penyedia template gratis antara lain
http://www.zoomtemplate.com/
http://www.bloggerblogtemplates.com/
http://www.premiumbloggertemplates.com/
Hasil download biasanya berbentuk rar,zip, maupun file xml. kalau terkompresi dalm bentuk rar atau zip silahkan kamu extract dulu file tersebut.
Setelah kamu extract maka hasilnya adalah file xml seperti dibawah ini
Selanjutnya Upload file xml tersebut ke blogmu, cara upload file xml tersebut sebagai berikut:
1. Login ke blog kamu
2. Klik Rancangan
3. Edi html.
4. lalu upload xml template tersebut
5. Silahkan hapus atau pertahankan witged blogmu. dan lihat hasilnya
Selesei.

Demikian tutorial singkat tentang cara mengganti template blog, kamu bisa juga memakai template SEO friendly 2012 maupun download template SEO friendly 2011 yang pernah saya posting beberapa waktu yang lalu juga, semoga bermanfaat bagi blogger pemula.

Cara Membuat Blog Di Weebly

2012-01-26T17:55:00.000+07:00

Membuat blog secara gratis sekarang sangat mudah, banyak website yang memberi layanan membuat blog, misalnya adalah salah satu layanan dari weebly, nah buat kamu yang ingin membuat blog di weebly, infonetmu akan memberi tutorial singkat agar bisa membantu kamu.

Tutorial Cara Membuat Blog Di Weebly:

Silahkan masuk ke situs weebly disini http://www.weebly.com/
Masukkan username,email juga password kamu lalu klik sign up it's free.
Kemudian akan muncul untuk permintaan verifikasi dengan tampilan berikut
Setelah itu kamu akan ditampilkan seperti gambar dibawah ini
Klik Crete s site lalu masukkan judul blog weebly kamu.
Selanjutnya masukkan URL blog Weebly kamu.
Klik continue lalu kamu akan di hadapkan halaman utama dalam manage blog kamu.

Nah,selamat kamu sekarang telah berhasil bikin blog di weebly. demikian tutorial cara membuat blog di weebly, semoga bermanfaat!

Membuat Background Blog Berubah Saat Di Refress

2012-01-26T16:16:00.000+07:00

Membuat Background Blog Berubah Saat Di Refress, pernahkah kamu berkunjung ke salah satu blog teman kamu dam saat kamu menjelajahi blog tersebut tapi background blog tersebut berubah-ubah warnanya? warna-warni background blog tersebut terjadi secara otomatis. nah bagaimana cara membuatnya?

Sebelumnya INFONETMU tulis tentang cara mengganti background blog dengan gambar,kali ini berkaitan juga dengan hal tersebut, tetapi warna yang akan berubah pada tutorial kali ini bisa kamu atur sesuai dengan warna yang sesuai dengan blog kamu, maksudnya jangan sampai sama dengan warna text maupun link dalam blog kamu, agar tidak bertubrukan dan akhirnya artikel blogmu tidak bisa dibaca.
Cara membuat background blog berubah warna saat di refress sebagai berikut:

Silahkan kamu login ke blog kamu.
Klik rancangan.
Tambah gadget.
Lalu pilih HTML/javascript.
Masukkan kode dibawah ini:
<script type='text/javascript'>
//CDATA[
/* JavaScript Kit (http://ageboy.blogspot.com/)*/
//Created Ageboy:
var bgcolorlist=new Array("#FFFFFF", "#B30000", "#EEFF00", "#11FF00", "#FF8A14", "#0008FF", "#4AFFF3", "#000")
document.body.style.background=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]
//]]>
</script>
kode yang berwarna merah adah kode warna-warni blog kamu,sesuaikan atau dengan blogmu.
Simpan.

Nah mudah kan caranya? silahkan test di blog kamu, semoga bermanfaat!

Cara Membuat Recent Post Berjalan

2012-01-26T15:48:00.001+07:00

Banyak cara untuk menampilkan recent post pada blog kita, agar blog kita tampil cantik kita bisa juga membuat recent post kita dengan recent post bergambar. selain dapat mempermudah pengunjung untuk lebih banyak membaca artikel kita yang lainya,sama halnya dengan artikel terkait atau related post,recent post juga bisa dengan tampilan thumbnail,nah kali ini infonetmu akan memberi tutorial tentang cara membuat recent post Berjalan lihat gambar dibawah ini:

Sebelumnya saya juga telah posting cara membuat recent post dengan gambar,lalu bagaimana agar gambar tersebut bisa tampil dengan slide show? ikuti tutorial dibawah ini:

Login ke akun Blogger sobat
Klik Rancangan >> Elemen haLaman
Klik Tambah Gadget
Pilih HTML/Javascript
Masukan kode berikut :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<style media="screen" type="text/css">

</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 20;
home_page = "http://infonetmu.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
</script></div>
Simpan

Note :

Url yang berwarna merah ganti dengan Url sobat
Angka yang berwarna biru jumlah post yang ingin di tampilkan

Nah demikain cara membuat recent post berjalan pada blog, semoga bermanfaat!

Membuat Page Number Valid Xhtml di Blog

2012-01-25T19:18:00.000+07:00

Membuat Page Number Valid Xhtml di Blog, hari ini saya mengganti template salah satu blog saya, yaitu INFONETGUE karena setelah saya cek di w3 ternyata banyak error yang saya temukan pada blog INFONETGUE tersebut, dan saya menambahkan page number atau halaman bernomor atau page 1,2.3 di blog tersebut, nah kali ini INFONETMU membuat page number valid XHTML di blog tersebut.

Buat kamu yang ingin membuat page number pada blog kamu mungkin kode yang saya berikan ini akan membantu kamu agar tidak terjadi error di w3 saat kamu membuat page number di blog kamu.

Nah, inilah langkah-langkah membuat page number valid xhtml di blog:

Login Ke Account Blogger kamu.
Masuk Ke "Tata Letak lalu Edit HTML
Dan Klik "Download Template Lengkap" untuk proses backup Template
klik pada "expand..."
Cari kode ]]></b:skin>
Jika Sudah Ketemu, tambahkan kode di bawah ini diatas kode ]]></b:skin>
/* PageNav */
.showpageArea{font-family:arial;font-size:11px;padding:6px 10px;text-align:right;font-weight:700}
.showpageNum a{color:$linkcolor; text-decoration:none;border:1px solid #999;margin:0 3px;padding:2px 5px}
.showpageNum a:hover{border:1px solid $visitedlinkcolor;}
.showpagePoint{margin:0 3px;padding:2px 5px}
.showpageOf{margin:0 8px 0 0;}
.showpage a{color:$linkcolor;text-decoration:none;border:1px solid #999;padding:2px 5px}
.showpage a:hover{border:1px solid $visitedlinkcolor;}
Lalu cari lagi kode </body>
kemudian masukkan kode di bawah ini diatas kode </body>
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=2;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://infonetmu.googlecode.com/files/pageNavalidOK.js' type='text/javascript'>
</script>
</b:if>
Cari lagi kode 'data:label.url' ganti dengan kode dibawah ini
'data:label.url + "?&max-results=5"'
Simpan Template kamu.

Demikian cara membuat page number valid xhtml di blog, semoga berguna.

BACA JUGA!

Membuat Recent Post Valid XHTML

2012-01-24T22:36:00.000+07:00

Membuat Recent Post Valid XHTML, cara Membuat Recent Post Valid Xhtml berguna untuk mengurangi error template kamu,karena setelah di test recent post standard ternyata terjadi penambahan error saat di cek di http://validator.w3.org nah INFONETMU kali ini akan memberikan script recent post agar jika kamu memasangnya tidak terjadi penambahan error lagi.

Cara membuat recent post valid xhtml sebagai berikut:

Login ke blogger kamu.
Klik Rancangan.
klik add Gadget/tambah gadget.
pilih HTML/Javascript
Masukkan kode dibawah ini:
<div style="height: 250px; overflow: auto; padding: 3px; text-align: left;"><script type="text/javascript" src="http://infonetmu.googlecode.com/files/recentpostvalidxhtml.js"></script><script type="text/javascript">
var numposts = 10;var
showpostdate = true;var
showpostsummary = true;var
numchars = 50;var
standardstyling = true;
</script><script type="text/javascript" src="http://alamatblog.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
Simpan.

Kode script diatas adalah kode valid xhtml untuk recent post,langlah berikutnya adalah menghapus kode <b:include name=’quickedit’/> pada html template kamu, cari kode <b:include name=’quickedit’/> dalam template kamu dan hapus semuanya. karena kode tersebut akan menambah error juga,dan kode tersebut akan selalu muncul jika kamu menambah gadget baru juga. nah sekian tutorial Membuat recent post valid xhtml, semoga dengan edit template ini bisa membuat lebih SEO friendly. Amiin

Cara Membuat Gambar Berdampingan

2012-01-24T16:38:00.000+07:00

Cara Membuat Gambar Berdampingan,Cara Membuat Gambar Berjajar di blog, Cara membuat sebuah gambar agar tampil secara berdampingan sangat mudah,kamu hanya perlu menyisipkan kode html table pada gambar tersebut. nah bagaimana cara membuat gambar berdampingan? ikuti tutorial INFONETMU dibawah ini.

Silahkan kamu beri kode html table pada Url Gambar kamu!

<table><tr>
<td>kode gambar1</td>
<td>kode gambar2</td>
</tr></table

Adapun kode html gambar biasanya seperti ini:

<img src="http://1.bp.blogspot.com/-33NxQLQ78fc/Tx59Yxgl__I/AAAAAAAABQI/kK0KcrfY_V0/s400/gambar-berdampingan.jpg"/>

Nah,mudah kan cara membuat gambar berdampingan di blog? semoga bermanfaat!

Template SEO Friendly 2012

2012-01-24T16:00:00.000+07:00

Template SEO Friendly 2012, Download Template SEO Friendly 2012, Template Super SEO Friendly ini setelah INFONETMU amati ternyata memang benar-benar bagus untuk optimasi SEO, tapi sebelumnya saya mohon maaf sekali jika template ini sebenarnya tidak baru dibuat ditahun 2012 ini, tetapi di era tahun 2012 ini template platinum blogger saya rasa adalah template yang bisa kamu jadikan salah satu pilihan untuk optimasi SEO blogspot kamu.

Diatas adalah gambar tampilan dari template platinum ini, selain SEO Friendly template ini jugan sangat ringan loadingnya,karena template ini banyak hanya menggunakan css daripada gambar yang membuat blog menjadi berat. nah bagi kamu semua yang ingin mencoba Template SEO Friendly 2012 ini saya persilahkan saja.

Untuk Demo dan Download Klik link dibawah ini!

DEMO

DOWNLOAD

ups! jangan lupa baca juga template blogger seo friendly 2011 juga yah!

Cara Submit Artikel Blog Ke Lintas Berita

2012-01-24T07:59:00.000+07:00

Cara Submit Artikel blog Ke Lintas Berita, Cara Submit Artikel blog Ke Lintas Berita adalah salah satu cara untuk mendongkrak artikel blogmu agar tampil di halaman depan hasil pencarian google, setelah infonetmu memasang meta tag alexa kali ini infonetmu akan share cara submit artikel blog ke lintas berita karena dengan mensubmit artikel blogmu ke lintas berita artikel kamu akan dicuplik oleh lintas berita dan lintas berita akan mengarahkannya ke postingan blogmu. bagus juga kan?

Nah,bagaimana langkah-langkah cara submit artikel blog ke lintas berita? ikuti tutorial infonetmu dibawah ini!

Silahkan kamu menuju ke website lintas berita di http://www.lintasberita.com/
Silahkan daftar ke situs lintas berita,atau bagi kamu yang sudah punya akun silahkan langsung login.
Klik button/tombol Submit Berita yang berwarna merah atau klik link ini http://www.lintasberita.com/kirimmedia.
Masukkan link artikel yang ingin anda submit ke Lintas Berita pada kotak Alamat Sumber Berita.
Pilih jenis media yang anda akan anda kirimkan yaitu :
Gambar 1: Untuk jenis dokumen
Gambar 2: Untuk jenis foto atau file gambar
Gambar 3: Untuk jenis video
Klik tombol Kirim Sekarang, maka akan terbuka tab baru dimana judul artikel yang disubmit sudah terisi secara otomatis. Anda juga dapat mengganti judul sesuai keinginan anda.
Kemudian isikan deskripsi singkat atau ringkasan dari artikel yang dikirim pada kolom Content. Kalau mau gampang tinggal copy saja paragraf pertama dari artikel anda dan paste pada kolom Content ini.
Kamu juga harus memilih Kategori dan Gambar dari artikel yang akan dikirim dengan cara mengklik pada bagian yang sesuai atau yang diinginkan. Tampilan preview dapat anda lihat langsung dibagian bawah.
Jika semua sudah terisikan dengan lengkap maka langkah terakhir tinggal klik tombol Kirim Sekarang dan tunggu beberapa saat sampai muncul pemberitahuan bahwa berita anda sudah terkirim.

Nah demikian cara submit artikel blog di lintas berita, semoga bermanfaat!

Membuat Rocking Rolling Rounded Menu dengan JQuery dan CSS3

2012-01-21T23:40:00.000+07:00

Membuat Rocking Rolling Rounded Menu dengan JQuery dan CSS3 adalah salah satu cara mepercantik menu navigasi pada blog kamu, dengan memasang jQuery ini maka akan mempermudah juga bagi para pengunjungmu untuk bisa memilih menu yang diinginkan. saya sendiri sebenarnya suka dengan menu ini,hanya saja setelah saya mengukur berat blog ini dan ternyata cukup gemuk, maka Infonetmu tidak memasang menu ini, sama halnya dengan membuat daftar isi dengan jQuery Accordion widget ini tidak membuatjadi lelet. nah bagi kamu yang ingin memasangnya saya persilahkan juga.

Dan bagaimana Cara Membuat Rocking Rolling Rounded Menu dengan JQuery dan CSS3 ? ikuti langkah-langkah dibawah ini:

Login ke akun Blogger kamu.
Letakkan kode berikut diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
Tapi jika dalam template kamu sudah terpasang script ini,maka kamu tinggalkan langkah ini.
Kemudian letakkan juga kode dibawah ini tepat dibawah kode JQuery 1.3.2 tadi.
<script src='http://infonetmu.googlecode.com/files/jquery-animate-css-rotate-scale.js' type='text/javascript'/>

<script src='http://sabarmuanas.googlecode.com/files/jquery-css-transform.js' type='text/javascript'/>
Cari kode ]]></b:skin> dan letakkan kode diawah ini diatas kode ]]></b:skin>
#rocking-rolling{
width:auto;
height:52px;
text-align:left;
font-family:"Trebuchet MS",sans-serif;
font-size:16px;
font-style:normal;
font-weight:bold;
text-transform:uppercase;
}
#rocking-rolling h2,#rocking-rolling p, #rocking-rolling form{
/* netralisasi tampilan elemen heading, paragraf dan formulir */
margin:0 0 0 0;
pading:0 0 0 0;
border:none;
background:transparent;
}
#rocking-rolling .item{
position:relative;
background-color:#f0f0f0;
float:right;
width:52px;
margin:0px 5px; height:52px;
border:2px solid #ddd;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:1px 1px 3px #555;
box-shadow:1px 1px 3px #555;
cursor:pointer;
overflow:hidden;
}
#rocking-rolling .link{
left:2px; top:2px;
position:absolute;
width:48px;
height:48px;
}
#rocking-rolling .icon_home{
background:transparent url(http://3.bp.blogspot.com/-fuX8vT6cIzs/TlXFJXROx2I/AAAAAAAAAxE/D1kiRmSFBy4/s1600/home.png) no-repeat top left;
}
#rocking-rolling .icon_mail{
background:transparent url(http://2.bp.blogspot.com/-FaTjV0LsMXQ/TlXFJ_5vpxI/AAAAAAAAAxc/JRPFgDCZ6lg/s1600/mail.png) no-repeat top left;
}
#rocking-rolling .icon_help{
background:transparent url(http://4.bp.blogspot.com/-l7M2zGOJAQo/TlXFJ0YZR6I/AAAAAAAAAxM/32acLuLn_r8/s320/help.png) no-repeat top left;
}
#rocking-rolling .icon_find{
background:transparent url(http://4.bp.blogspot.com/-ZIEGzN0LZCg/TlXFJ8WVzEI/AAAAAAAAAxU/2-oDKLYjsKw/s1600/find.png) no-repeat top left;
}
#rocking-rolling .icon_photos{
background:transparent url(http://4.bp.blogspot.com/-IwFEevO-np8/TlXFKFu47FI/AAAAAAAAAxk/aejG1YmQumc/s1600/photos.png) no-repeat top left;
}
#rocking-rolling .item_content{
position:absolute;
height:52px;
width:220px;
overflow:hidden;
left:56px;
top:7px; background:transparent; display:none;
}
#rocking-rolling .item_content h2{
color:#aaa;
text-shadow:1px 1px 1px #fff;
background-color:transparent;
font-size:14px;
}
#rocking-rolling .item_content a{
background-color:transparent;
float:left;
margin-right:7px;
margin-top:3px;
color:#bbb;
text-shadow:1px 1px 1px #fff;
text-decoration:none;
font-size:12px;
}
#rocking-rolling .item_content a:hover{
color:#0b965b;
}

#rocking-rolling .item_content p{
background-color:transparent;
text-transform:none;
font-weight:normal !important;
display:none;
}
#rocking-rolling .item_content p input{
border:1px solid #ccc;
padding:1px;
width:155px; float:left;
margin-right:5px;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
Terakhir adalah tag HTML untuk memanggil menu navigasi Rocking Rolling Rounded yang dapat diletakkan sesuai tempat menu ini tampil, misalnya dibawah header atau di atas header. Posisi header dalam template biasanya ditandai dengan kode <div id='header-wrapper'> Letakkan kode ini dibawah kode <div id='header-wrapper'>
<div id='rocking-rolling'>
<div class='item'>
<a class='link icon_mail'></a>
<div class='item_content'>
<h2>KONTAK SAYA</h2>
<p>
<a href='#'>Email</a>
<a href='#'>Twitter</a>
<a href='#'>Facebook</a>
</p>
</div>
</div>

<div class='item'>
<a class='link icon_help'></a>
<div class='item_content'>
<h2>BANTUAN</h2>
<p>
<a href='#'>Buku Tamu</a>
<a href='#'>Lapor</a>
<a href='#'>Kritik dan Saran</a>
</p>
</div>
</div>

<div class='item'>
<a class='link icon_find'></a>
<div class='item_content'>
<h2>TELUSURI</h2>
<p>
<form expr:action='data:blog.homepageUrl + "search/"' method='get'><input name='q' type='text'/></form>
</p>
</div>
</div>

<div class='item'>
<a class='link icon_photos'></a>
<div class='item_content'>
<h2>GALERI FOTO</h2>
<p>
<a href='#'>Kategori</a>
<a href='#'>Arsip</a>
<a href='#'>Daftar Isi</a>
</p>
</div>
</div>

<div class='item'>
<a class='link icon_home'></a>
<div class='item_content'>
<h2>MULAI DARI SINI</h2>
<p>
<a href='#'>Pelayanan</a>
<a href='#'>Portfolio</a>
<a href='#'>Pembayaran</a>
</p>
</div>
</div>

<div style='clear:both;'></div>
</div>

<script type='text/javascript'> function collapse(a){var b=1440;var c=setInterval(function(){if(b==0){clearInterval(c);return}b-=40;$('.link',a).stop().animate({rotate:'+=40deg'},0)},10);a.stop().animate({width:'52px'},1e3).find('.item_content').stop(true,true).fadeOut().find('p').stop(true,true).fadeOut()}function expand(a){var b=0;var c=setInterval(function(){if(b==1440){clearInterval(c);return}b+=40;$('.link',a).stop().animate({rotate:'+=-40deg'},0)},10);a.stop().animate({width:'268px'},1e3).find('.item_content').fadeIn(400,function(){$(this).find('p').stop(true,true).fadeIn(600)})}$('.item').hover(function(){var a=$(this);expand(a)},function(){var a=$(this);collapse(a)}) </script>
Simpan template kamu.

Ganti yang berwarna merah dengan judul, dan warna biru untuk menunya,dan ganti tanda # dengan link yang dituju. nah cukup sekian cara Membuat Rocking Rolling Rounded Menu dengan JQuery dan CSS3, semoga bermanfaat.

Google Translate Bahasa Jawa

2012-01-21T19:58:00.000+07:00

Google Translate Bahasa Jawa Mungkin judul yang unik,tetapi maksud dari INFONETMU Dari google translate bahasa jawa adalah Tenjemah bahasa jawa. diterjemah dari bahasa Jawa kepada Bahasa Indonesia Maupun Dari Bahasa Indonesia kepada bahasa jawa, nah layaknya Google translate bahasa sunda yang infonetmu share beberapa waktu yang lalu juga kan?

Banyak cara juga kan menterjemah bahasa,jadi bagi kamu yang tidak bisa bahasa jawa, kamu bisa menggunakan tool ini untuk membantu kamu dari bahasa Indonesia kepada bahasa jawa. Nah, semoga bermanfaat.

Inilah tool google translate bahasa jawa, silahkan masukkan kata yang ingin kamu terjemah,centang pilihan,dan tekan search.

Download Mig33 Untuk Android

2012-01-20T12:33:00.000+07:00

Download aplikasi mig33 untuk Android, Mig33 Download for Android, Aplikasi mig33 untuk HP Android. Mig33 yang merupakan komunitas mobile pertama terbesar di dunia mengumumkan pembaruan terhadap aplikasi Android yang dimilikinya. Versi 2.0 yang dirilis tanggal 20 April lalu ini membutuhkan Android 2.1 ke atas. Dengan ukuran 826KB, aplikasi Android ini tentunya akan memudahkan pengguna mig33 berkomunikasi dengan komunitasnya.

Aplikasi mig33 versi Android terbaru ini memiliki karakteristik desain yang simpel, tampilan visual user interface yang lebih beragam, kemudahan chatting antara beberapa teman serta pengiriman hadiah virtual kepada sesama pengguna mig33 hanya dengan satu klik.

Adapun fitur-fitur terbaru dari mig33 android ini antara lain:

Desain iconic yang lebih cepat dan mudah
“Chat Aktif” yang dapat mengelola berbagai chat di satu tampilan
Konten baru – tanpa perlu meng-upgrade aplikasi mig33
Potongan teks berjalan untuk mengingatkan pengguna adanya pesan ataupun notifikasi baru
Satu tombol klik untuk mengirim hadiah, emoticon dan lainnya

Dan inilah beberapa gambar mig33 android.

Nah, buat kamu yang punya hape Android silahkan download aplikasi terbaru mig33 untuk android ini dengan klik tautan dibawah ini!

Download Mig33 Untuk Android

Cara Memasang Tombol Google Plus Di Blog

2012-01-19T11:09:00.000+07:00

Cara Memasang Tombol Google Plus Di Blog, cara pasang tombol google+1 atau plus one pada blogger atau blogspot sangat mudah, tips dan tutorial infonetmu kali ini mungkin banyak dicari juga oleh para pengguna blogspot, nah langsung saja cara pasang tombol google plus pada blog sebagai berikut:

Tutorial cara pasang google+1 di blog:

Login ke Akun Blogger kamu
Klik Design atau Rancangan, kemudian pilih edit html
Centang Expand Widget Template (saya anjurkan download dahulu template anda)
Cari </head> kode (Biar gampang pake CTRL+F aja)
Letakkan script dibawah ini tepat diatas kode </head> tersebut.
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'id'}
</script>
Kemudian letakkan Script dibawah ini ditempat yang anda inginkan.
<b:if cond='data:blog.pageType == "item"'>
<div class='post-share-buttons' style='float:right;padding:4px;'>
<g:plusone size='standard'/>
</div>
</b:if>
Selesei.

kamu bisa meletakkanya di sidebar maupun postingan blogmu. dan adapun jika kamu meletakkan dibawah postinganmu maka cari kode <data:post.body/> dan letakkan kode no 6 dibawah kode <data:post.body/> Nah, Demikian tutorial cara pasang tombol google+1 di blog, semoga bermanfaat!

Cara Daftar Internet Unlimited XL

2012-01-18T18:54:00.000+07:00

Cara Daftar Internet Unlimited XL, Daftar paket XL bulanan 49 ribu,XL sebagai salah satu operator seluler di Indonesia kembali menghadirkan paket baru Internet Unlimited bulanan (per 10/08/2011). Paket baru ini adalah Internet Unlimited Rp 49 Ribu Perbulan dengan kuota sebesar 500MB dengan kecepatan yang ditawarkan adalah maks 512Kbps. Setelah kuota habi pelanggan tetap dapat mengakses internet dengan kecepatan sebesar 64 Kbps.

Paket ini tersedia untuk pelanggan prabayar. Untuk dapat menggunakan paket ini pelanggan harus melakukan aktivasi terlebih dahulu dengan cara menghubungi *123*400# lalu memilih Paket Internet Bulanan 49 Ribu. Selain itu juga dapat dilakukan dengan cara mengirim SMS ke 868 dengan format XLIB49.

Cara Setting APN Internet XL
Bila sebelumnya Anda belum pernah melakukan akses internet menggunakan XL, maka terlebih dahulu Anda harus mengatur APN modem yang akan Anda gunakan. Berikut ini konfigurasi settingnya.

APN internet XL: xlunimited
Profile Name : XL Broadband
APN : choose static, type xlunlimited
Dial Number :*99#
Username :[kosong]
Password :[kosong]
Untuk mobile device atau handphone
Pilih Menu > Services> Option
Pilih Setting > Default Access Point
Pilih Options > New Access Point
Pilih Use default setting
Masukkan GPRS parameter:
Connection name : XLBroadband
Data bearer : GPRS
Access Point Name : xlunlimited
User name : [leave]
Prompt Password : No
Password : [kosong]
Authentication : Normal
Connection security : off
Session Mode : permanent
Tekan : Option > Advanced Setting, masukkan parameter dibawah ini:
Phone IP Address : Automatic
Primary Name Server : 0.0.0.0
Secondary Name Server : 0.0.0.0
Proxy Server Address : 202.152.240.50
Proxy Port Number : 8080
Untuk info selengkapnya mengenai fitur dan daftar paket internet unlimited XL bisa Anda lihat langsung disitus resmi xl.co.id

Nah demikian cara Mendaftar Internet Unlimited XL. Semoga puas.

Google Translate Bahasa Sunda

2012-01-18T17:55:00.000+07:00

Bahasa Daerah di Indonesia sangat bermacam-macam,dan Bahasa sunda adalah salah satu bahasa yang populer juga dan khas sekali dengan Indonesia, namun saya sendiri tidak begitu tahu terjemah dari bahasa sunda,karena itu mungkin google tranlate tools ini saya gunakan. nah, kali ini infonetmu akan memberikan tools online lagi yang akan membantu kamu menterjemah dari bahasa sunda ke bahasa Imdonesia maupun bahasa Indonesia ke Bahasa Sunda.

Nah,silahkan ketik kata-kata yang ingin kamu terjemah, tidak kalah canggih kan google translate bahasa sunda ini dengan google translate milik google :) dan jika kamu ingin memasang tools ini pada blog kamu, silahkan copy code dibawah ini, dan letakkan pada blogmu.

<div style="text-align: justify;"><iframe width="550px" height="200" src="http://www.bahasa-nusantara.com/kamussunda.php" name="I2"></iframe></div>

Semoga bermanfaat.

Cara memasang Google Search di Blog

2012-01-18T16:13:00.000+07:00

Cara memasang Google Search di Blog, Pasang pencarian google di blog, kotak search google di blog bermacam-macam,kamu bisa memasang goole search di blogmu dengan berbagai macam cara juga, yang paling mudah kamu bisa memasangnya dengan add widget pada blogmu.

Selain menambah gadget yang telah tersedia pada blogmu, kamu juga bisa memasang google searh di blogmu dengan menggunakan google cse, tapi tutorial infonetmu kali ini berbeda dengan kedua cara diatas, hanya saja tetapmenggunakan id dari cse juga, dan script google search yang bisa kamu pasang dimanapun letaknya, di navbar, sidebar maupun footer blog kamu. nah inilah scriptnya:

<form action="http://www.google.com/cse" id="cse-search-box">
<div style="text-align: center;">
<input type="hidden" value="007381593252970536975:md_xk6byezk" name="cx" />
<input type="hidden" value="UTF-8" name="ie" />
<input id='s' name='q' onblur='if (this.value == "") {this.value = "search...";}' onfocus='if (this.value == "search...") {this.value = ""}' type='text' value='search...'/>
<input type="submit" value="Pencarian" name="sa" /></div>
</form>

Ganti yang berwarna merah dengan kode cse apy key kamu,untuk mendapatkan kode cse kamu bisa membuatnya disini.
Semoga bermanfaat!

Kode Warna HTML Lengkap

2012-01-18T00:52:00.000+07:00

Kode warna html, Daftar kode warna HTML, Tabel warna HTML, Kode warna css blog.Nah bagi para blogger mungkin inginn tahu kode warna HTML dengan mudah, INFONETMU akan memberikan tools untuk mengetahui kode-kode warna HTML.

Untuk mengetahui kode warna HTML silahkan klik warna yang kamu inginkan pada kotak dibawah ini.

Semoga bermanfaat!

Cara Pasang Meta Tag Alexa di Blog

2012-01-17T18:30:00.000+07:00

Cara Pasang Meta Tag Alexa di Blog, Cara memasang meta tag alexa pada blog, cara verifikasi Blog di alexa sangat mudah kok,mungkin sobat semua telah memasang widget alexa pada blog kamu, tapi apakah kamu sudah memverifikasi blogmu di alexa? lalu apa fungsinya.. nah yang utama adalah verifikasi blog ke alexa akan membantu alexa untuk selali memantau blog kamu, dan ini bagus juga untuk SEO.

Nah,bagaimana cara pasang meta tag alexa di blog? silahkan ikuti tutorial INFONETMU dibawah ini!

Silakan kunjungi situs Alexa di http://www.alexa.com kemudian klik menu register di pojok kanan atas.
Selanjutnya isikan data-data yang diminta seperti, alamat email, nickname, fullname, pilih negara Anda kemudian klik tombol Register
Kemudian akan muncul halaman "Terima kasih". Berikutnya silakan buka email Anda dan klik "confirmation link" yang diberikan Alexa untuk membuat akun Anda.
setelah link di klik maka Selanjutnya kamu akan dihantar menuju halaman setting password. isikan password kamu dan klik tombol submit password.
Jika berhasil atau sukses, selanjutnya kamu menuju ke halaman site tools dan klaim blog atau situs Anda di Alexa.
Selanjutnya pilih yang free. dan klik sign up
Lalu silahkan copy kode yang diberikan alexa dan paste dibawah kode <head> lalu simpan template kamu dulu. setelah itu kembali ke alexa dan klik tombol verify my ID
Nah jika berhasil maka kamu akan ada instruksi sukses disitu.
Selamat,Blog kamu sudah terverifikasi sekarang. semoga dengan memverifikasi dan memasang meta tag alexa dapat cepat menurunkan alexa rank blog kamu. amiin..

Demikian tutorial cara pasang meta tag alexa di blog semoga bermanfaat!

Cara Agar Dapat Bintang 5 Di pencarian Google

2012-01-16T16:04:00.000+07:00

Buat para Blogger pasti ingin blognya tampil beda,di hasil pencarian google pun juga ingin beda,misal dengan menambahkan meta title SEO friendly yang membuat unik pada hasil pencarian Google, nah kali ini INFONETMU akan memberi tutorial yang sangat penting,yaitu cara memberi bintang 5 postingan di hasil pencarian google, bintang lima ini menunjukkan tinggi rating daripada postingan kamu. lihat gambar dibawah ini!

Cara Agar Dapat Bintang 5 Di pencarian Google sangat mudah,silahkan Ikuti langkah2 dibawah ini:

Buat page halaman di google plus,atau klik disini (buka tab baru)
Pada Page halaman google plus, klik "Edit Profile", masukkan Email dan Alamat blog Mas bro. Klik "Done Editing", lalu klik "Verify Email" dan sebuah link konfirmasi akan dikirim ke email yang di masukan tadi
Menghubungkan Page halaman Google plus dengan Blog
Di halama utama page google plus tadi klik "Get Started" tepat dibawah nama Page halaman. Klik "Get The Badge" dan pilih tipe badge yg bisa kamu pasang sidebar blog. tapi jika kamu memakai badge bergambar, maka verifikasinya ada 2 tahap, yaitu memasukkan kode ke verifikasi tag di bawah <head> dan kode html ke sidebar blog. dan inilah gambar jika sudah terverifikasi
Saat kamu posting letakkan kode dibawah ini pada modus Edit HTML jangan compose (tulis)
<div itemscope="" itemtype="http://data-vocabulary.org/Review">
<span itemprop="itemreviewed">Judul Arikel disini </span><br />
Oleh <span itemprop="reviewer">Nama Anda penulis</span> pada <time datetime="2012-12-10" itemprop="dtreviewed">januari 12</time>.<br />
<span itemprop="summary">sedikit ringkasan artikel anda</span>
<span itemprop="description">Sedikit deskripsi dari artikel anda.</span>
Rating: <span itemprop="rating">3.5</span></div>
Terbitkan tulisanmu. dan cek hasilnya disini apakah di pencarian google sudah ada bintang lima nya atau belum.

Nah demikian cara membuat bintang 5 di hasil pencarian google, semoga bermanfaat!

BACA JUGA!

Cara Mengganti Background Blog Dengan Gambar

2012-01-16T07:47:00.000+07:00

Pada template blog,khususnya template blogger atau blogspot, warna background pada blog dapat kita ganti dengan sangat mudah sesui dengan gambar yang kita inginkan. nah bagaimana cara mengganti background blog dengan gambar? ikuti tutorial INFONETMU dibawah ini!

Disini kita mengambil contoh pada background body di tamplate blog kita, cari kode body { Nah di sana terdapat kode background,

body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

Setiap blog rada berbeda sih Backgroundnya, nah untuk mengganti backborund misal dengan background / gambar ini

http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg

Maka kalian cukup menambahkan url(http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg) repeat-x; pada background tersebut.
Jadi :

body{
background:#ded8c0 url(http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

Gambar Background kamu juga bisa tetap walaupun scroll mouse kamu gerakkan ke atas atau kebawah. Tinggal kamu ganti repeat-x; menjadi repeat-x top left fixed;
Atau yang paling saya suka adalah menggunakan gambar kecil namun bisa menjadi besar dan tetap. Yakni kamu cari dulu gambar kecil, setelah itu seperti biasa, tinggal kamu rubah repeat-x; menjadi repeat scroll 0 0;
Nah demikian cara mengganti background blog dengan gambar, semoga bermanfaat.
Baca juga!

Cara Memasang Antivirus di Flashdisk

2012-01-16T05:00:00.001+07:00

Antivirus sangat penting untuk komputer kamu, dengan adanya antivirus komputer kamu akn lebih terlindungi dari malware, Perkembangan virus sekarang ini makin mengganas baik antar PC maupun melalui portable/flashdisk. Nah... untuk mengantisipasi agar data kita terhindar dari virus-virus yang akan masuk, baiknya diinstal antivirusnya terlebih dahulu.
Sekarang ini bukan hanya hardisk yang dapat diinstal antivirus tapi dari flashdisk pun antivirus juga bisa di autorun.
Untuk tips n trik kali ini sebagaimana telah direkomendasikan oleh INFONETMU sebaiknya pakai aja antivirus mx one yang bisa langsung autorun. Gimana cara memasang antivirus di flashdisk, Mau Tahu?
Untuk langkah-langkahnya sebagai berikut:

Download aplikasinya di sini
Setelah selesai download kemudian exstrak lah file tersebut.
Kemudian simpan ke dalam flasdisk
Lalu klik mx one install.exe
Pada kotak dialog yg muncul pilih english dan klik ok
Setelah itu muncul gambar seperti dibawah ini
Klik yang bergambar USB sebagaimana gambar diatas
Kemudian akan muncul kotak dialog mx one...pilih english lalu OK.
Klik next dan akan muncul gambar dibawah ini
Pilih nama drive flasdisk. misalkan flasdisk anda drivenya F maka pilih F
Klik Next
Klik Finish untuk mengakhiri

Apabila anda pingin mengupdate antivirus tersebut pada PC, anda perlu menginstal Guardian untuk PC yang bisa digunakan untuk update antivirus.
Berikut langkah-langkahnya:

Ulanggi langkah 1 sampai 7 diatas
Klik guardian
Pilih English
Klik next terus sampai muncul instal
Klik Instal

Selesai diinstal maka di taskbar akan muncul icon baru mx one dan untuk mengupdatenya anda tinggal klik kanan pada mx one di taskbar.
Sekian saja ya ,demikian tentang Cara Pasang / Install Antivirus di Flashdisk , semoga bermanfaat dan Flashdisknya aman dari serangan virus . :)

Baca juga!

Modifikasi Komentar Blogspot agar Seperti Wordpress

2012-01-15T19:39:00.000+07:00

Seperti yang kamu ketahui bahwa Komentar pada blogspot atau blogger sangat mudah untuk di modifikasi, seperti merubah ukuran komentar maupun menambahkan komentar facebook di blog juga bisa,pertanyaan muncul lagi..lalu bagaimana agar tampilan kotak komentar blogspot bisa tampil sepeti wordpress / wp, he he,,

Nah inilah tutorial tentang cara memodifikasi komentar blogspot agar seperti wp atau wordpress.

Silahkan daftar ke web ini http://intensedebate.com.
Login ke akun anda
Klik menu Sites dan pilih Add blog/site
Masukkan alamat lengkap blog anda, kemudian Next.
Pada pilihan pertama silahkan anda pilih widget.
Sekarang anda masuk ke dashboard blogger anda, setelan,lalu klik komentar,dan pada Default Komentar untuk Entri, pilih Entry baru tidak memiliki komentar. lalu Simpan
Kembali lagi ke halaman Install IntenseDebate, geser scroll ke bagian bawah dan klik Add widget to my blog
Tekan Add Widget. Letakkan element Intense Debate Comments di bawah blog post anda, dengan cara menggesernya. Simpan dan Lihat hasilnya.

Memberi Kotak Background Internal Link Otomatis

2012-01-15T17:44:00.000+07:00

Beberapa saat yang lalu ada yang bertanya pada blog INFONETMU ini tentang bagaimana cara memberi kotak background pada internal link otomatis, dia menyebutkan dengan kata cara ngasih internal link dengan box, he he..tapi aq tahu maksudnya kok. nah buat yang belum membuat internal link otomatis silahkan baca artikelnya Disini.

Setelah membuat internal link otomatis, lalu bagaimana caranya agar internal link tersebut tampil dalam kotak berwarna? nah saya cuma menambahkan kode css saja pada internal link otomatis tersebut.

Untuk memberi backgrond internal link dengan ktak dan warna berbeda Silahkan tambahkan kode berikut:

<div style='border: 1px solid #FF0000; margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color: #484B52; text-align: left;'>KODE INTERNAL LINK OTOMATIS</div>

Ganti kode yang berwarna merah dengan kode css yang kamu inginkan.Nah Mudah kan cara memberi box internal link pada blog .. semoga bermanfaat.

Cara Memasang Google Translate di Blog

2012-01-15T16:05:00.000+07:00

Cara Memasang Google Translate pada Blog,Pasang Google translate di Blogspot, Pasang Google Translator pada Blogger,Google translate membantu pembaca untuk menterjemah artikel suatu blog sesuai bahasa yang diinginkan.

Dengan Memasang widget ini membantu dan mempermudah pengunjung dari berbagai negara bisa membaca dan mengerti atau memahami postingan yang kita tulis pada blog kita setelah di terjemahkan dengan widget google translate ini.

Ada bebarapa hal perlu diperhatikan dalam penulisan pada blog bahasa Indonesia yaitu penulisanya di usahakan menggunakan bahasa Indonesia yang baku, baik dan benar ejaanya, sehingga tidak salah dalam terjemahanya.

Memang menterjemahkan menggunakan google translate ini tidak lah sempurna, namun setidaknya jika ada pengunjung dari luar negara lain mengerti dan memahami isi postingan pada blog kita dengan bantuan widget ini.

Nah bagi yang ingin memasang google translate pada blog silahkan ikuti tutorial INFONETMU dibawah ini!
Copy kode dibawah ini!

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id',
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Silahkan paste di sidebar yang kamu inginkan dengan cara tambah gadget, terus pilih HTML/JavaScript paste disitu simpan selesai.
Cukup Mudah kan memasang google translate pada blog, Nah kamu juga bisa memasang google translate dengan bendera,untuk tutorialnya silahkan baca artikel yang terdahulu di cara memasang google translate berbendera pada blog. semoga bermanfaat.

Cara Membuat Komentar Facebook di Blog

2012-01-14T20:18:00.000+07:00

Cara Membuat Komentar Facebook di Blog,Cara Pasang Kotak Komentar Facebook di Blogger, Cara Memasang Komentar Facebook di Blogspot, Manfaat memasang kotak komentar facebook selain memudahkan pengunjung untuk bisa langsung berkomentar karena biasanya kebanyakan dari pengunjung blog sudah login pada akun facebooknya, kotak komentar facebook menjadi daya tarik untuk membuat pengunjung blog semakin betah untuk berkunjung kembali ke blog sobat,Buat yang tertarik untuk memasang kotak komentar facebook pada blog silakan ikuti tutorial dibawah ini!

Cara Membuat Komentar Facebook di Blog

Agar tidak bentrok dengan komentar blogger silahkan sembunyikan dulu komentar blogger kamu. Caranya klik pengaturan,lalu klik komentar dan beri centang sembunyikan komentar dan simpan.
Buatlah Facebook App ID ( Aplikasi di Facebook ) Login dulu dengan Account Facebook Anda Lalu Silahkan buka web ini http://www.facebook.com/developers/createapp.php
Beri nama kotak komentarmu, centang setuju
dan "Buat aplikasi baru"
verifikasi kata, dan "Submit"
Catai ID yang kamu dapat dan jangan lupa save url kamu disitu.
Nah sekarang tinggal memasukkanya ke blog kamu.
Masuk ke blogger
pilih Design / Rancangan
Pilih Edit HTML
Download template full dan Expand Widget template, untuk menghindari kemungkinan gagal
Cari kode yang mirip seperti kode dibawah ini,letakkanya paling atas.
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
Tambahkan dengan kode xmlns:fb='http://www.facebook.com/2008/fbml' akhirya terlihat seperti kode dibawah ini:
<html xmlns:fb='http://www.facebook.com/2008/fbml' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' >
Letakkan kode berikut tepat dibawah kode <body>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'APP ID FB KAMU',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};

(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
<fb:comments/>
</script>
Ganti yang berwarna merah dengan ID aplikasi fb kamu.
Cari kode <title><data:blog.title/></title> kode ini letakknya diatas juga,atau bagi yang memasang meta tag tambahkan dibawah kode meta tag blog kamu. letakkan kode berikut dibawah kode <title><data:blog.title/></title> atau dibawah meta tag.
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='NAMA BLOGMU' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='YOUR-APP-ID' property='fb:app_id'/>
<meta content='PROFIL ID FB' property='fb:admins'/>
<meta content='article' property='og:type'/>
Ganti keterangan yang berwarna merah sesuai punya kamu.
Cari lagi kode <data:post.body/> dan letakkan kode berikut dibawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<p align='left'>Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Url Blog!</p>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments colorscheme='dark' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='450'/></div>
<div style='background-color: #000;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='' width='16'/> <b><a href='http://infonetmu.blogspot.com/' target='_blank' title='INFONETMU'>Comments for blogger!</a> brought to you by INFONETMU , Ingin Kotak Komentar seperti ini? <a href='http://infonetmu.blogspot.com/2012/01/cara-membuat-komentar-facebook-di-blog.html' target='_blank' title='komentar facebook'> KLIK DISINI!?</a></b></div>
</b:if>
Ganti dark dengan warna lain yang kamu suka.
Dan simpan template kamu.

Nah,demikian tutorial Cara Membuat Komentar Facebook di Blog semoga bermanfaat.

Baca juga!

Membuat Author Box Dibawah Postingan

2012-01-13T19:10:00.000+07:00

Cara memasang atau membuat author box dibawah postingan sangat mudah,author box atau kotak admin/penulis blog bisa juga ditampilkan dibawah postingan, bagi sobat semua yang ingin menambahkan foto profilenya pada blog tanpa harus menambah gadget profile ini adalah salah satu caranya,nah bagaimana cara membuat author box dibawah postingan blogspot? ikuti tutorial dibawah ini!

Login ke blogger
Klik Edit Html , Beri Centang Pada "Expand Template Widget"
Letakkan kode dibawah ini diatas kode ]]></b:skin>
.author-box {
background: #f0f0f0;
margin: 20px 0 40px 0;
padding: 10px;
overflow: auto;
color:#888;
font-family:verdana, sans-serif;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box a{
color:#666;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}
Cari kode <div class='post-footer-line post-footer-line-1'> Dan letakkan kode berikut dibawahnya.
<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='URL avatar/photo kita' width='70'/><b>About Author</b><br/>
Sekilas tentang diri kita<br/></p>
</div>
</b:if>
Simpan template kamu.

Ganti yang berwarna merag sesuai url foto kamu dan text yang kamu inginkan.Nah demikian cara Membuat author box dibawah postingan blogger, semoga bermanfaat.

BACA JUGA!

Download IDM Terbaru 2012 Full Version

2012-01-12T07:12:00.000+07:00

Download IDM Terbaru 2012, Download IDM Terbaru Gratis, Internet Download Manager Terbaru 2012, ~~Free Download Internet Download Manager Full Version~~, Free Download Internet Download Manager + Serial Number.Biasanya sih orang lebih suka download idm yang terbaru dikarenakan lebih update lengkap berbagai fitur tambahan lainnya. Walaupun sebenarnya IDM versi lama juga tidak kalah bagus. Apa saja kelebihan dari IDM Terbaru? Lebih lanjut buat yang pengen download IDM Terbaru juga telah tersedia linknya di akhir postingan ini.

IDM atau Internet Download Manager merupakan salah satu tools yang dapat meningkatkan kecepatan download hingga 5 kali lebih cepat. Bukan hanya itu saja, IDM Terbaru juga dapat melanjutkan download yang terputus atau rusak akibat hilangnya koneksi, masalah jaringan, komputer shutdowns, atau listrik padam tak terduga.

Kelebihan apabila sobat men download IDM Terbaru :

Fixed bug
Kompatibilitas dengan browser yang berbeda termasuk Internet Explorer 9 Final, Mozilla Firefox 8, Google Chrome
Peningkatan download video di web
Panel akan muncul di lebih banyak jumlah situs populer.
Ditambahkan dukungan penuh untuk browser 64-bit
Lengkap revisi integrasi browser.
Peningkatan integrasi IDM Untuk Google Chrome, Opera, dan browser lainnya. Tetap kompatibilitas
Masalah dengan browser. Ditambahkan panel download untuk browser
Peningkatan FLV grabber untuk menyimpan video dari pemain web di YouTube, WOW! Google Video, MySpace TV, dan situs populer lainnya.

Jika anda tertarik dengan Internet download manager terbaru 2012 free download full version free silahkan download idm update terbaru Klik disini

Untuk serial number idm, patch, keygen, ataupun crack nya silahkan download serial number idm terbaru 2012 dan ikuti petunjuk yang telah disediakan silahkan klik disini

BACA JUGA!

Membuat Daun Berjatuhan Di Blog

2012-01-11T23:47:00.000+07:00

Membuat Daun Berjatuhan Di Blog, Membuat Daun Berjatuhan Di Blogger, Buat Daun Berjatuhan Di Blog, ~~Bikin Efek Daun Berjatuhan pada blog~~, script Daun jatuh pada blog,Membuat Daun Berguguran Di Blog.Efek daun berjatuhan di blog sepertinya juga banyak diminati oleh sobat blogger, dan menurut saya efek daun berjatuhan ini loadingnya lebih ringan dan cepat ketimbang efek bintang bertaburan yang saya posting sebelum ini. Trik membuat efek daun berjatuhan ini juga masih menggunakan javascript, cara membuatnya simak lebih lanjut dibawah ini.

Cara Membuat Efek Daun Berjatuhan :

Seperti biasa login dulu ke dashboard blogger anda.
Pilih Rancangan > Edit HTML, centang Expand widget template.
Cari kode </head>
Letakkan kode berikut diatas kode </head>
<script type="text/javascript" src="http://infonetmu.googlecode.com/files/daun.js"></script>
Simpan template kamu.

Demikian langkah-langkah bagaimana cara membuat efek daun berjatuhan di blog, cukup mudah bukan ? Semoga bermanfaat!

Baca juga!

Cara Merubah Ukuran Kotak Komentar Blogger

2012-01-11T16:15:00.000+07:00

Cara Merubah Ukuran Kotak Komentar Blogger, Cara Merubah Ukuran Kotak Komentar Blog,Merubah ukuran Kotak komentar form Blogspot, ~~Cara merubah lebar dan tinggi kotak komentar pada blogger~~, Cara mengubah size kotak komentar blog, dan inilah tutorial tentang cara merubah ukuran kotak komentar blog secara lengkap dan detail.

CARA MERUBAH/EDIT UKURAN KOTAK KOMENTAR BLOGSPOT:

Login ke akun blogger kamu
Pilih Rancangan »» edit HTML
Beri tanda checklist pada Expand widget template
Cari kode:
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='410' id='comment-editor' scrolling='auto' width='100%'/>
Jadikan yang berwarna kuning sebagai patokan waktu kamu mencari kode diatas,karena setiap template berbeda, dan untuk merubah ukuran kotak komentarmu,silahkan ganti yang berwarna merah,sesuaikan dengan template kamu.
Simpan template kamu dan lihat hasilnya.

Cara Membuat Refresh Otomatis di Blog

2012-01-11T07:36:00.000+07:00

Cara Membuat Refresh Otomatis di Blog,Cara Bikin Refresh Otomatis pada Blogger, Membuat Blog Refresh Otomatis, ~~Cara Membuat Halaman Otomatis Reload atau Refresh~~. Pernahkah kamu membuka halam suatu blog teman kamu lalu tiba2 halaman blog tersebut melakukan refress secara otomatis tanpa kamu merefressnya? nah ternyata cara tersebut adalah dengan menggunakan script yang otomatis jika blogmu kamu pasang script tersebut,blogmu akan refress otomatis sesuai waktu yang kamu tentukan.

Fungsi refresh otomatis itu sendiri yakni untuk membuat penyegaran blog secara otomatis tanpa pengunjung harus me-refresh tombol pada address bar secara manual, karena ini terjadi secara otomatis.

Nah inilah tutorial tentang Cara Membuat Refresh Otomatis di Blog secara lengkap dan detail:

Login ke akun blogger kamu
Pilih Rancangan »» edit HTML
Beri tanda checklist pada Expand widget template
Cari kode </head>
Letakkan kode berikut diatas kode </head>
<meta http-equiv="refresh" content="20"/>
Simpan Template kamu.

Perhatikan pada kode content="20" , angka ''20'' menujukan pe-refresh-an terjadi setiap 20 detik sekali. Jadi jangan gunakan angka yg terlalu cepat, ini akan membuat pengunjung jengkel yg akhirnya berujung meninggalkan blog anda. Saran penulis set/atur refresh otomatis
setiap 600 - 900 detik sekali atau setiap 10 - 15 menit sekali.

Selain sebagai refresh otomatis trik ini juga berfungsi untuk me-Redirect (mengalihkan) URL yg satu ke URL lain, jika anda menginginkan-nya. Misalkan anda ingin me-Redirect ke alamat affiliate. Untuk fungsi redirect ini kita harus men-set ''0'' (nol) detik pada scriptnya. Untuk membuatnya gunakan script berikut:

<meta http-equiv="refresh" content="0;URL=
tulis_alamat_redirect_disini.html
"/>

Nah, jika ada yang membuka halaman blogmu maka akan dialihkan otomatis ke alamat URL yang berwarna merah tersebut.
BACA JUGA!

Cara membuat PopUp Window pada Blog

2012-01-10T16:26:00.000+07:00

Cara membuat PopUp Window pada Blog,Tips tentang Cara membuat PopUp Window pada Blog, Membuat PopUp Window di Blog.window pop up merupakan suatu halaman yang muncul di belakang maupun di depan halaman utama yang muncul begitu saja dengan tiba-tiba walau tanpa kita klik sekalipun,bisa berjumlah 1 pop up,2 pop up,3 pop up bahkan bisa sebanyak mungkin yang di kehendaki.

Halaman pop-up Biasanya di gunakan untuk beriklan dari suatu produk maupun jasa yang di tawarkan. Contoh konkrik iklan pop-up yang sering di pakai adalah situs ziddu,dimana setiap kali kita mendownload file yang ada di situs tersebut pasti akan keluar halaman window pop-up, betul tidak?

Pop up window terkadang membuat jengkel oleh para pengunjung blog, terkadang iklan pop up yang keluar tidak ada hubungannya dengan apa yang pengunjung cari, malahan kadang membuat loading blog menjadi lambat karena banyaknya iklan pop-up yang keluar,tapi terserah kamu semua,mau memasangnya atau tidak terserah kamu. dan inilah tutorial tentang cara membuat pop up windows pada blog.

Login ke akun blogger kamu
Pilih Rancangan »» edit HTML
Beri tanda checklist pada Expand widget template
Cari kode <body>
Dan letakkan kode berikut dibawah kode <body>:
<script type='text/javascript'>
var popurls=new Array()
popurls[0]='http://infonetmu.blogspot.com/'
popurls[1]='http://infonetmu.blogspot.com/2010/11/info-pemesanan-blog-milik-anda-sendiri.html'
popurls[2]='http://sabarmuanas.blogspot.com/'
function openpopup(popurl) { var winpops=window.open(popurl,'','width=,height=,toolbar,location,status,scrollbars,menubar,resizable') }
openpopup(popurls[Math.floor(Math.random()* (popurls.length))])
</script>
Simpan template kamu.

Keterangan:
Jika kamu memasang script pop up diatas,maka akan muncul halaman-halaman lagi sesuai yang kamu targetkan,ganti yang berwarna merah dengan halaman pop up kamu sendiri.
Jika ingin menambahkan jumlah halaman pop up maka tinggal tambahkan kode berikut ke dalam script di atas popurls[nomer]='http://link-url-tujuan.com' atau jika ingin mengurangi tinggal buang salah satunya.

Baca juga!

Edit Tag Heading Agar Lebih SEO Friendly

2012-01-08T19:49:00.000+07:00

Edit Tag Heading Blogspot Agar SEO Friendly,Cara Mengedit Tag Heading Blogger Supaya Lebih SEO,Merubah Tag Heading judul postingan menjadi h1,~~Tips SEO tentang cara mengubah tag Heading agar lebih SEO Friendly~~.Nah,tutorial kali ini INFONETMU akan memberikan tips tentang cara membuat tag heading pada blogspot kamu agar lebih SEO friendly.

Susunan tag heading pada sebuah blog atau web sangat penting untuk SEO, karena tag heading akan memberikan informasi pada mesin pencari tingkatan-tingkatan sebuah tag,dari yang paling Utama yaitu H1 sampai urutan yang terakhir yaitu H6.

Gambar diatas menunjukkan uran dari tag heading itu sendiri,hal itu juga akan menunjukkan dari yang paling penting dan yang paling kecil tingkatannya.

Pada umumnya atau template standart blogger menempatkan judul blog pada tag heading h1,judul widget pada tag heading h2,dan judul postingan pada tag heading h3. nah sekarang kita akan merubah judul posting blog pada h1, dan menghindari dowble h1 pada blog kamu,karena dowble h1 akan membuat blog kamu kurang bagus juga untuk SEO. lalu bagaimana caranya?

Cara mengedit tag heading blog agar lebih SEO friendly caranya sebagai berikut:

Login ke Blog - Rancangan - Edit HTML
Centang "Expand Widget Template" dan jangan lupa backup template kamu.
Cari 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>
Ganti kode diatas dengan kode dibawah ini:
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 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>
</h2>
</b:if>
<b:else/>
<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>
Selanjutnya Cari kodedi bawah ini:
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
Ganti kode tersebut dengan kode dibawah ini:
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
Lalu cari lagi kode berikut:
<h1 class='title'>
<b:include name='title'/>
</h1>
Ganti kode tersebut dengan kode dibawah ini:
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='font-size:30px; font-weight:bold;letter-spacing:-1px;line-height:normal;margin:5px 5px 0;padding:15px 20px 3px 0;'>
<b:include name='title'/>
</p>
</b:if>
Agar sesuai ukurannya Cari lagi kode yang mirip kode berikut:
.post h3 {
color: #333333;
font-size: 16px;
font-family: Tahoma, Arial, Verdana;
font-weight: normal;
text-decoration: none;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h3 a, #content h1 a:visited {
color: #333333;
font-size: 22px;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h3 a:hover {
color: #CF152A;
text-decoration: none;
}
Ganti dengan kode:
.post h1, .post h2 {
color:$titlecolor;
font-size: 160%;
font-weight: normal;
line-height: 1.4em;
margin: 0.25em 0 0;
padding: 0 0 4px;
}
.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong {
color:$titlecolor;
display: block;
font-weight: bold;
text-decoration: none;
}
.post h1 strong, .post h1 a:hover,.post h2 strong, .post h2 a:hover {
color: #333333;
}
Dan yang terakhir,cari kode yang mirip dengan kode di bawah ini:
#header h1 {
............................
}
Ganti dengan kode di bawah ini:
#header h1, #header p {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
Kemudian yang selanjutnya adalah mengubah tag heading pada widget di blog cari kode di bawah ini:

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
Ganti h2 menjadi h3
Biasanya untuk perubahan pada tutorial yang terakhir yaitu mengubah tag heading pada widget, jika diubah h2 menjadi h3 maka style/judul dari widget anda akan berubah. Agar sama seperti semula, lanjutkan mencari kode berikut:
.sidebar h2
dan rubah h2 menjadi h3
Selesei.

Sekarang di halaman index Anda, halaman utama blog, judul blog memiki tag h1 dan judul postingan bukan tag h1. Sementara ketika google index halaman postingan Anda, judul postingan otomatis berubah ke tag h1 dan judul blog tidak lagi menggunakan tag h1. Alhasil, tidak ada lagi tag h1 ganda yang akan menimbulkan kekhawatiran untuk peringkat Anda.... Semoga bermanfaat...

BACA JUGA!

Cara Membuat Recent Post Dengan Thumbnail

2012-01-06T20:20:00.000+07:00

Cara Membuat Recent Post Dengan Thumbnail,Cara Membuat Recent Post Dengan Gambar Thumbnails, Sebelumnya infonetmu memberi tutorial tentang membuat artikel terkait dengan thumbnail,tutorial ini sedikit mirip tapi berbeda,karena recent post pada blogger menunjukkan artikel-artikel yang terbaru pada blogger,nah langsung saja bagaimana cara nenbuat recent post dengan thumnail?

Login ke blogger sobat
Pada menu Dashboard klik menu "Design - > Page Elements"
Lalu pilih area pada layout anda dan klik "Add a Gadget" dan pilih "HTML / JavaScript"
Dan taruh script dibawah ini kedalamnya.
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";
imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";
imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";
imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";
imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
showRandomImg = true;
boxwidth = 230;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "transparent";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://infonetmu.blogspot.com/";
</script>
<script src="http://infonetmu.googlecode.com/files/recentposts_thumbnail.js" type="text/javascript"></script>
Ganti yang berwarna merah dengan alamat blog kamu lalu simpan.

Nah,mudah bukan cara membuat recent post dengan thumnail. selamat mencoba.

Cara Mengubah Label Blogger Menjadi Nofollow

2012-01-06T16:21:00.000+07:00

Cara membuat label blogger menjadi nofollow, Merubah label blog menjadi nofollow, Cara Membuat Label Blogspot Menjadi Nofollow, ~~Cara Merubah Label atau Category Blogspot Menjadi Nofollow~~
, Nah bagaimana caranya agar blog kita lebih SEO friendly,ini mungkin satu tips yang masih kontroversi,label pada blogger ada yang bilang itu penting,walau label blogger bukan permanent link,dan mesin pencaripun tidak mengindexnya,tapi label masih bisa membantu mesin pencari untuk memilah-milah pada katogori suatu artikel.lihat gambar screenshot dibawah ini!

Gambar diatas menunjukkan bahwa adanya label masih diperlukan oleh search engin, jika kamu klik link "tips seo" pada hasil pencarian itu,maka akan mengarah pada label yang ada pada blogmu juga. okelah..lihat juga gambar dibawah ini!

Gambar diatas menunjukkan bahwa label pada blogger akan membuat link crawl error di google webmaster semakin banyak,dengan kata lain ternyata link pada label diRestricted oleh robots.txt. dan hal ini tentunya tidak baik juga untuk SEO. bagaimana menurutmu? mau mempertahankan labelmu dan menambah link crawl error semakin banyak? atau ingin seperti gambar yang pertama saja?

INFONETMU hanya memutuskan mempertahankan gambar yang pertama dan menghapus crawl error yang ada di webmaster tool juga,bagaimana caranya?

Untuk membuat agar link label tidak menjadi halaman crawl error kamu harus nofollowkan label pada template kamu, dan agar mesin mencari tetap bisa memanfaatkan label seperti gambar pertama,kecualikan nofollow pada breadcrumb navigasi kamu.

Adapun cara membuat label jadi nofollw caranya sebagai berikut:

Jika link-link label ditambahkan secara manual, maka cukup tambahkan atribut rel="nofollow" pada tag a label. Contoh:

<a href="http://infonetmu.blogspot.com/search/label/tips%20blog" rel="nofollow">Tips blog</a>

Namun pada label yang ditampilkan pada widget yang bersifat otomatis, misalnya widget labelBlogger dan label yang ditampilkan di atas/di bawah posting, maka harus ditambahkan atribut nofollow pada bagian tag xml label.

Masuk ke dashboard > design/rancangan > Edit HTML.
Klik/check "Expand Widget Templates"
Cari data:label.url (gunakan Ctrl + F)
Secara utuh, kode tersebut ada dalam tag seperti ini:
<a expr:href='data:label.url'>
Tag itu biasanya ada yang berjumlah satu atau dua tergantung pada jenis template XML Blogger tysng digunakan. Bahkan dalam beberapa template XML Bogger tertentu, ada pula yang berjumlah lebih dari dua.
Untuk mengubah label menjadi nofollow, tambahkan atribut rel='nofollow' ke dalam semua tag tersebut seperti pada contoh berikut:
<a expr:href='data:label.url' rel='nofollow'>
Simpan template kamu.

Sedangkan untuk breadcrumb navigasi kamu biarkan seperti sebelumnya atau berattribut rel="tag" semoga bermanfaat.

Baca juga!

Merubah Label Menjadi Meta Keyword

2012-01-05T19:54:00.000+07:00

Cara merubah label menjadi keyword,Meta tag keyword dengan label atau Tips merubah label menjadi keyword sangat bagus juga untuk SEO,banyak cara bisa dilakukan agar blog template kita lebih SEO friedly,dari membuat template yang lebih valid XHTML maupun memasang meta tag pada template,nah bagaimana membuat label yang ada pada blog kita menjadi label? lihat gambar dibawah ini!

Nah, ikuti langkah-langkah berikut:

Login ke blogger sobat.
Klik rancangan.
Klik Edit HTML,jangan lupa back up template kamu.
Cara kode <head>
Letakkan kode dibawah ini tepat diatas kode <head>

<b:if cond='data:blog.pageType == "item"'>
<b:section id='meta1' showaddelement='no'>


<b:widget id='Blog2' locked='no' type='Blog'>
<b:includable id='nextprev'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='post' var='post' />
<b:includable id='status-message'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='comments' var='post'/>
<b:includable id='main' var='top'>

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>

<meta name="keywords" content="<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if></b:loop>" />
</b:if>
</b:loop>
</b:includable>
</b:widget>
</b:section>
</b:if>
Lalu letakkan kode dibawah ini lagi tepat dibawah kode <head>


<b:include data='blog' name='all-head-content'/>


<b:if cond='data:blog.pageType != "index"'>
<title><data:blog.pageName/></title>
<meta name='description' expr:content='data:blog.pageName' />

<b:else/>
<title><data:blog.pageTitle/></title>
<meta name='keywords' content='your,blog,keywords!!' />
<meta name='description' content='your blog description!!' />
</b:if>
Lalu cari lagi kode seperti di bawah :
<b:include data='blog' name='all-head-content'/>
Dan
<title><data:blog.pageTitle/></title>
Jika sudah ketemu, Hapus semua kode tersebut. karena jika tidak di Hapus akan terjadi duplikat title.
jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Coba lihat postinganmu.dan klik kanan dan lihat page sourcenya,jika berhasil maka otomatis label kamu akan jadi ~~meta keyword~~ seperti gambar diatas. demikian tips merubah label menjadi keywords, semoga bermanfaat.

Membuat Daftar Isi dengan jQuery Accordion

2012-01-05T03:59:00.000+07:00

Membuat Daftar ISI dengan jQuery Accordion di blog, membuat daftar isi blog yang satu ini dijamin keren dan cantik. daripada membuat daftar isi dengan kotak fungsi scroll atau membuat daftar isi blog secara otomatis, INFONETMU lebih memilih dengan membuat daftar isi ini,lihatlah gambar screenshot dibawah ini!

Cantik kan? nah jika kamu ingin membuat daftar isi blog dengan jQuery accordion seperti ini,silahkan baca tutorial yang dulu klik disini!

Tips Modifikasi Komentar Default Blogger

2012-01-04T18:32:00.000+07:00

Tips Modifikasi Komentar Default Blogger,Cara Memodifikasi Komentar Blogspot,Edit tulisan Jumlah Komentar Blog,Atau Memodifikasi komentar standar pada blogger sangat mudah,seperti biasanya kita harus oprek html template pada blog kamu, lihat tampilan gambar dibawah ini,dan lihat perbedaannya pada blogmu.

Nah,kelihatan lebih menarik bukan? cara memodifikasi tulisan jumlah komentar blogger sebagai berikut:

Login ke Blogger.
Masuk ke tab Rancangan > Edit Html.
Centang Expand Widget,Kalau perlu download template untuk mencegah terjadinya kesalahan.
Cari kode berikut, gunakan control f untuk mempermudahnya.
<h4>
<b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
Ganti kode diatas dengan kode dibawah ini.
<h4>
<b:if cond='data:post.numComments == 1'>1 Komentar pada artikel "<a expr:href='data:post.url'><data:post.title/></a>"
<b:else/>
<b:if cond='data:post.numComments == 0'>Tidak Ada Komentar Pada Artikel "<a expr:href='data:post.url'><data:post.title/></a>"
<b:else/>
<data:post.numComments/> Komentar pada artikel "<a expr:href='data:post.url'><data:post.title/></a>"
</b:if>
</b:if>
</h4>
Simpan template kamu.

Ganti teks berwarna merah dengan Teks yang kamu inginkan. Selamat mencoba!
selamat mencoba dan semoga bermanfaat.

Baca juga!

Update Anti Virus McAfee Terbaru

2012-01-04T01:14:00.000+07:00

McAfee Antivirus Enterprise adalah antivirus yang sangat ampuh dan teruji dibandingkan dengan antivirus yang lain. Antivirus McAfee mempunyai kemampuan untuk membersihkan file yang terinfeksi virus tanpa harus menghapus file yang terinfeksi virus tersebut. Jika file yang terinfeksi udah gak bisa di clean, bisa langsung di delete aja.

Tetapi bagi anda yang memiliki komputer dengan spesifikasi rendah mungkin akan mengeluh dengan antivirus McAfee ini karena, antivirus mcafee ini membutuhkan resources yang sangat besar sehinggga akan cukup membebani komputer anda. Tapi mengenai kemampuan McAfee sangat bisa di andalkan.

Cara update Anti virus McAfee sangat mudah, berikut caranya :

Download Update McAfee nya di sini
Jalankan file update McAfee dengan dobel klik file tersebut dan ikuti sampai selesai.
Selesei, dan cek antivirusmu sudah terupdate apa belum dengan klik icon mcafee di tray.kanan bawah dan klik about virusscan enterprise

Semoga Berhasil.

Baca Juga!

Menyembunyikan Sidebar Wordpress Di Homepage

2012-01-01T18:05:00.000+07:00

Cara menyembunyikan sidebar wordpress di Home page,Menyembunyikan sidebar blog di home page pada wordpress,menyembunyikan sidebar pada blog wordpress,~~tips menyembunyikan sidebar pada homepage di wordpress~~,Tutorial menyembunyikan sidebar blog di home page untuk CMS wordpress sangat mudah,ikuti caranya sebagai berikut:

Buka file index.php di folder themes dan cari kode seperti dibawah ini:
<?php get_sidebar(); ?>
Ganti/replace kode tersebut dengan kode:
<?php if (!is_front_page()) {get_sidebar(); } ?>
Lalu simpan. coba buka homepage blog kamu,maka sidebarnya tidak akan muncul.

Daftar Kontes SEO Sewa Ruang Kantor Jakarta Murah

2011-12-31T17:43:00.000+07:00

Informasi Tentang Daftar Kontes SEO dengan keyword "Sewa Ruang Kantor Jakarta Murah" Mungkin lagi banyak dicari oleh para blogger hari-hari ini,Kontes SEO ini dimulai dari 10 Desember 2011 (Jam 12:00 wib) hingga 10 Maret 2012 (Jam 12:00 wib) dan diselenggarakan oleh Indonesia Master SEO Master Award 2012.Nah buat para master SEO Indonesia,juga semua blogger Master SEO yang pura-pura jadi newbie ini adalah informasi yang perlu kamu baca.

OfficePlus adalah exclusive sponsor untuk SEO MASTER AWARD 2012, seluruh penggunaan logo dan materi terkait dapat diperoleh di website www.sewa-kantor.com

Syarat juga ketentuan Kontes SEO Sewa Ruang Kantor Jakarta Murah:

Target Keyword SEO : “Sewa Ruang Kantor Jakarta Murah” dan membuat link ke www.sewa-kantor.com
Setiap entry halaman peserta harus memiliki back link yang dapat dilihat terhadap www.sewa-kantor.com
Target Search Engine Master SEO Award 2012 adalah Posisi di Google.co.id.
Anda bebas memilih untuk memasang Banner SEO MASTER AWARD 2012 atau tidak di website anda.
SEO Contest ini menggunakan bahasa Indonesia sebagai content relevansinya.
Relevansi content sangat diperhatikan disini, buatlah content berbahasa indonesia yang sesuai target kata kunci dan enak dibaca.
Tidak diperbolehkan adanya unsur pornografi, diskriminasi, atau tindakan yang melanggar hukum dalam website / blog yang diikutsertakan, maupun dalam content artikel yang diikutsertakan.
Hanya peserta yang teregistrasi yang dapat bersaing dan memenangkan hadiah yang disediakan panitia.
Pendaftaran tidak dipungut biaya dan terbuka untuk siapa saja tanpa batasan umur.
Satu orang hanya dapat memperoleh satu hadiah. Peserta boleh mendaftar beberapa domain, dengan syarat nama, email, dan alamat harus sama. Nama berbeda tapi orangnya sama akan di diskualifikasi.
Informasi kontak yang valid harus ada di website yang dipakai ikut SEO Award. Email lebih diutamakan
Anda diperbolehkan menggunakan domain yang telah ada, namun halaman/URL entry yang disubmit harus benar-benar baru dengan tanpa back link dan versi cache sebelumnya.
Tidak menggunakan domain dan subdomain dengan target keyword yang di lombakan (tidak menjadikan 5 frase keyword yang dilombakan sebagai domain atau subdomain).
Peraturan dapat ditambah atau diubah dari waktu ke waktu sesuai dengan feedback yang diterima dari peserta.
Bagi yang mendaftarkan diri tanpa mengisi alamat dengan jelas dan lengkap atau menggunakan email yang tidak bisa dihubungi (valid), kami meminta untuk mendaftarkan diri kembali karena pendaftaran yang tidak lengkap akan kami hapus.
Bagi yang kedapatan melakukan copy paste artikel, anda punya waktu 48 jam untuk menghapusnya. Jika dalam waktu tersebut anda belum bisa bekerjasama dengan panitia, kami akan hapus nama anda dari daftar peserta.

Proses Pemilihan Pemenang!

Kami akan memilih pemenang pada pukul : 11.00 - 12.00 Wib pada tanggal 10 Maret 2012.
Dengan membuka Google.co.id dan mencari kata kunci yang telah ditentukan dari 3 lokasi yang berbeda di Jakarta. Website yang menempati posisi No.1, 2 dan 3 akan di screenshot dan ditentukan sebagai pemenang.
Perubahan posisi yang terjadi diatas pukul 12.00. 10 Maret 2011, tidak akan diperhitungkan lagi.

Apabila ditemukan teknik SEO seperti : Invisible text, Cloaking Keyword, Stuffing dan Doorway pages. Maka Pemenang terkait akan digugurkan dan posisi dibawahnya akan menjadi pemenang. Proses penilaian akan dilakukan oleh professional & trainer SEOcertification.org.

Hadiah!

JUARA 1
Uang Tunai : Rp 2.000.000
Sertifikat : SEO Certified Professional
Badge + terdaftar di Seo.certification.org

JUARA 2
Uang Tunai : Rp 1.000.000
Sertifikat : SEO Certified Professional
Badge + terdaftar di Seo.certification.org
JUARA 3

Uang Tunai : Rp 500.000
Sertifikat : SEO Certified Professional
Badge + terdaftar di Seo.certification.org
30 Posisi Teratas di Google
Badge Online SEO Practitionaire
+ hadiah lainnya dari sponsor lainnya*

Semua Peserta
Gratis Ebook SEOCertification.org
Voucher Biind.com = Rp 50.000

Berminat? silahkan ikuti kontes SEO dengan keyword Sewa Ruang Kantor Jakarta Murah ini. Silahkan daftarkan diri anda disini!

Cara Membuat Hujan Salju Pada Blog

2011-12-28T20:08:00.000+07:00

Cara memberi efek salju pada blog,membuat turun salju di blog,memberi efek hujan bola salju pada blog,~~Membuat salju berjatuhan pada blog~~. | Sebelumnya saya sudah tulis juga tentang membuat efek turun salju pada blog, tapi ada salah satu komentator yang memberi tahu saya bahwa dia tidak berhasil, setelah memasang script turun salju pada blognya ternyata tidak ada efek yang terlihat juga,akhirnya saya cek script yang pernah saya share dulu,ternyata idak bekerja, nah ni adalah update dari postingan yang dulu juga. karena saya telah mengganti script untuk turun hujan saljunya.

Cara membuat hujan salju pada blog sebagai berikut:

Login ke blog sobat.
Klik Rancangan/design.
Add gadget lalu pilih HTML/Javascript.
copy dan paste kode berikut:
<script src="http://infonetmu.googlecode.com/files/snowstorm.js" type="text/javascript"></script>
Simpan dan lihat hasilnya.

Demikian tutorial cara membuat hujan salju pada blog, semoga bermanfaat!

Cara Edit Template Blog Agar SEO Friendly

2011-12-28T17:33:00.000+07:00

Cara mengedit template blog agar SEO friendly,Tips edit template Blog supaya lebih SEO Friendly,Mengedit Template Blogspot agar SEO friendly,~~Edit tempate blogger agar lebih SEO~~ | Nah,langsung saja bagaimana cara agar template kita agar lebih SEO banyak cara yang bisa kita tempuh,kali ini saya akan urutkan dari yang terpenting dahulu.dan perlu diingat tutorial edit template agar SEO friendly ini adalah versi INFONETMU. Jadi jadikan referensi saja untuk apa yang kamu yakini,karena bagaimanapun tehnik-tehnik SEO yang ada belum tentu benar juga adanya.

Tips agar template blog lebih SEO friendly sebagai berikut:

Buatlah template blog kamu seringan mungkin,karena menurut survey,mesin pencari lebih ramah pada template yang loadingnya cepat.Ukur seberapa berat blog kamu juga.

Edit Meta title blog kamu pada meta title yang bisa menghindari duplikat kontent.untuk tutorialnya kamu bisa baca disini.

Pasang meta tag pada template blog kamu,untuk cara pasang meta tag otomatis kamu bisa juga baca artikel saya yang dahulu yaitu di cara memasang meta tag otomatis pada blog.

Edit template kamu pada yang lebih valid XHTML,untuk tutorial ini silahkan baca artikel saya cara membuat template lebih valid XHTML juga.
Pasang Breadcrumb Navigasi pada template blog kamu,beberapa mesin pencari membaca juga breadcrumb navigasi pada blog,untuk cara memasangnya klik disini.

Pasang Artikel terkait pada template blogmu,baca artikel saya di cara pasang artikel terkait dengan thumbnail.

Pasang Internal link otomatis pada template blog kamu, baca disini.

Matikan setting arship pada blog kamu,Begini, Google sangat membenci dengan yang namanya duplicate content. Jadi ketika kita mengaktifkan opsi blog arsip, misalnya kejadiannya seperti ini, Anda ingin membuat sebuah blog di blogger.com. Lalu membuat 3 posting, 1 buah setiap hari. Maka di halaman utama atau homepage Anda akan ada 3 posting dan sebuah link arsip seperti ini, http://BLOGANDA.blogspot.com/2007_03_01_archive.html, yang memunculkan 3 posting yang sama dengan yang dimunculkan oleh homepage. Intinya, 2 buah link yang memunculkan sebuah halaman yang sama. Bagi Search Engine apa lagi Google, ini adalah masalah serius. Oleh karena itu kita harus me-nonaktifkan opsi arsip.

Caranya, cukup klik tab Setting, pilih Archiving. Nah, pada bagian Archiving Frequency ubah menjadi No Archive. Selesai sudah! :)

Tambahkan meta tag cannonical untuk postinganmu,agar menghindari duplikat kontent. cara memasangnya letakkan kode berikut dibawah kode <head>
<link expr:href='data:blog.url' rel='canonical' />
Edit Tag Heading pada template kamu, silahkan baca pada artikel edit tag heading blog agar lebig seo friendly.

Kontes SEO Sewa Ruang Kantor Jakarta Murah

2011-12-28T02:16:00.000+07:00

Malam ini saya blogwalking ke salah satu blog teman saya,ternyata ada yang aneh,dia tulis judul yang tidak biasanya, dia menulis dengan judul "Sewa Ruang Kantor jakarta Murah",karena biasanya dia menulis tentang Tutorial blog,tapi setelah saya cek dan ricek ternyata dia ikut lomba SEO dengan keyword "Sewa Ruang Kantor jakarta Murah"

Kontes SEO kali ini menarik perhatian saya,walau saya masih awam dalam tehnik-tehnik SEO tapi rasany saya ingin mencobanya dengan menulis artikel tentang "Sewa Ruang Kantor Jakarta Murah"

Nah,Buat teman-teman yang ingin ikut dalam kontes saya persilahkan,bagi yang sudah mendaftar dan sudah menulis artikel tentang "Sewa Ruang Kantor Jakarta Murah saya persilahkan juga,karena disamping Ikut Kontes SEO kamu Akan diberi hadiah langsung berupa Ebook gratis kamu juga akan dapat voucer sebesar rp.50.000.Lumayan kan walau tidak menang nantinya.

Buat yang berminat mengikuti kontes SEO dengan keyword Sewa Ruang Kantor Jakarta Murah Silahkan Klik Disini. dan daftarkan segera blog yang kamu ikutkan untul lomba SEO yang Baru ini.

Membuat Daftar Isi Dengan jQuery

2011-12-27T21:43:00.001+07:00

Cara membuat daftar isi,Membuat daftar isi blog,Daftar isi blogger,Membuat daftar isi dengan script,Cara membuat daftar isi otomatis,Membuat daftar isi dengan jquery, daftar isi accordion, Membuat daftar isi blogspot.| Cara membuat daftar isi dengan jquery yang satu ini ternyata banyak disukai oleh para blogger.karena dengan daftar isi ini sangat keren dan cantik untuk dilihat juga. disamping itu tampilan ini lebih disukai daripada daftar isi dengan fungsi scroll lihat gambar tampilan daftar isi dibawah ini!

Nah,keren kan tampilanya? jika kamu ingin melihat demonya langsung silahkan klik disini. lalu bagaimana cara membuat daftar isi dengan jquery tersebut? ikuti langkah-langkah dibawah ini!

Login ke blogspot.
Klik Design/Rancangan.
Edit HTML.
Kemudian letakan kode dibawah ini di atas kode ]]></b:skin>
#dafis-acc{
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
background:#ffffff;
}
.dafis-label {
background: url("http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif") repeat-x scroll 0 0 #E1F4FB;
border: 1px solid #2F94BA;
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
line-height: 1.4em;
margin: 1px 3px;
outline: medium none;
overflow: hidden;
padding: 2px 10px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
vertical-align: baseline;
white-space: nowrap;
}
.dafis-label:hover {
background: url("http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif") repeat-x scroll 0 0 #E1F4FB;
color: #003366;
}
.dafis-daf ol {
margin: 0 0 0 30px !important;
padding: 0 !important;
}
.dafis-daf ol li {
background-color: #C9E9F4;
border: 1px solid #339DC6;
line-height: 1.5em;
margin: 1px 3px !important;
text-align: left;
white-space: nowrap;
}
.dafis-daf ol li a {
color: #333333 !important;
display: block;
padding-left: 10px;
text-decoration: none !important;
}
.dafis-daf ol li a:hover {
background: none repeat scroll 0 0 #7BC4DF;
border-left: 5px solid #333333;
padding-left: 5px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
Copy kode dibawah ini dan letakkan diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
Tapi jika di blogmu sudah ada kode seperti ini maka kamu boleh meninggalkan langkah no 5 ini.
Jika sudah,copy dan paste kode dibawah ini,boleh kamu letakkan dalam postingan maupun widget blog kamu.
<script type="text/javascript" src="http://infonetmu.googlecode.com/files/Acc1.js"></script>
<script src="http://infonetmu.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
Ganti yang berwarna merah dengan URL blogmu.Selesei.

Mudah bukan? sulit ya? ya sudah,kalo mau yang gampang silahkan kamu copy kode dibawah ini,letakkan dipostingan kamu lalu terbitkn..

<style type='text/css'>
#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript" src="http://infonetmu.googlecode.com/files/Acc1.js"></script>
<script src="http://infonetmu.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>

Ganti yang berwarna merah dengan URL blog kamu. selesei deh..

Supaya Postingan Cepat Terindex Google

2011-12-23T20:56:00.000+07:00

Bagi seorang yang mempunyai blog, atau bahkan seorang penulis secara online akan ingin karya tulisan yang dia posting dilihat orang,dan disinilah publikasi diperlukan. Jika postingan kita cepat di index oleh mesin pencari khususnya Google,kita akan dapat media agar postingan kita punya peluang dilihat orang, Bagi yang master SEO mungkin sangat mudah supaya postingan cepat terindex google,tapi bagi blogger pemula seperti INFONETMU ini,perlu menerapkan tehnik-tehnik SEO dan beberapa langkah-langkah khusus agar postingannya dapat peringkat di SERP google.

Nah kali ini saya akan memberikan tips khusus versi saya sendiri cara agar postingan kamu cepat diindek oleh google.

Daftarkan blog kamu ke Google webmaster tool, klik disini untuk caranya.
Pasang meta tag untuk blog kamu. Klik disini untuk cara pasang meta tag otomatis pada blog kamu.
SEO on Page yang baik. misalnya memberi anchor link pada tulisanmu,penekanan pada text dengan tebal,miring,atau underline,cara ini terbukti efektif juga untuk SEO.
Beri internal link yang berkaitan dengan tulisan tersebut.
Ping Tulisanmu, untuk ping google silahkan klik disini.
Tulis judul yang unik tapi tetap tidak menyeberang dari isi artikel. contohnya jika kamu ingin membuat judul "Antarmuka blogger yang diperbarui" beri unik dalam judul postinganmu,contoh "Antarmuka blogger yang diperbarui ribet".
Beri gambar pada postingan kamu dan jangan lupa kasih attribut alt juga title pada gambar tersebut.
Pasang script google search tool pada blog kamu. seperti contoh dibagian bawah blog saya ini.
Ini kodenya:
<script language="JavaScript"type="text/javascript"> function search_google(){ window.open("http://www.google.com/search?q="+document.search.query.value); } function search_images(){ window.open("http://www.google.com/images?q="+document.search.query.value); } </script><br /> <br /> <form name="search"><input name="query" value="" type="text"/><br /> <input value="Search" onclick="search_google()" type="submit"/><br /> <input value="image" onclick="search_images()" type="submit"/><br /> </form>

Setelah selesai mengupdate postingan terbaru, lihat tampilan blog pastikan fasilitas google search tool sudah terpasang di blog.
Copy-paste alamat url atau judul postingan terbaru tadi di kotak search google, klik search.
Jika page google sudah menampilkan hasil pencarian postingan terbaru, klik hasil pencarian agar mengarah ke postingan terbaru blog kita. Otomatis postingan terbaru tadi sudah terindex google.

Nah demikian sedikit tips dari Infonetmu agar postingan kamu cepat terindex mesin pencari,kususnya google.selamat mencoba.

AntarMuka Blogger Yang Diperbarui Ribet

2011-12-21T16:55:00.000+07:00

Hari ini INFONETMU mencoba menulis di Antarmuka blogger yang diperbarui,ternyata ada beberapa menu yang hilang dari antarmuka blogger yang baru,nah, misalnya download html untuk backup html waktu kita mengedit template,saya tidak menemuinya atau memang ada tapi tapi saya saja yang belum tau lokasinya,padahal itu menu penting untuk saya,bisa kacau kalau kita tidak bisa mengambil back up html.

Antarmuka blogger baru ribet bagi saya.yah walau ada kelebihan-kelebihan juga di antarmuka blogger yang baru misalnya sangat ringan dll,tapi saya lebih suka menggunakan antarmuka blogger yang lama, maaf ya Blogger aku tidak suka dengan tampilan barumu.

Nah,sekarang bagaimana tanggapan temen-temen tentang tampilan antarmuka blogger yang diperbarui? suka atau sama seperti saya? beri komentar dibawah..

Membuat Template Blog Lebih Valid XHTML

2011-12-19T21:17:00.000+07:00

Template Blogger sangat bepengaruh untuk Optimasi SEO,Disamping kita bisa memilih template blog yang SEO friendly kita juga bisa membuat atau mengedit template kita agar lebih ramah SEO,Misalnya kita membuat meta title SEO friendly maupun memasang meta tag otomatis pada setiap postingan, kali ini ada tips lagi untuk membuat agar template blog kamu lebih SEO friendly,yaitu dengan cara mengedit beberapa kode HTML pada yamg lebih valid XHTML.

Bagaimana cara membuat template blogger lebih valid XTHML? ikuti step demi step berikut!

Login ke akun blogger sobat
Masuk Rancangan/Layout
Pilih Edit HTML
Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
Beri tanda centang "Expand Template Widget"
Setalah itu kita mulai step by step dan cari kode dibawah ini:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Kemudian, gantilah kode diatas dengan kode berikut:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Cari kode semacam ini:
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
Hapuslah semua kode/tanda strip (--) hanya stipnya saja yang dihapus.
Dan cek juga pada kode css yang lainya, biasanya terdapat banyak tanda seperti pada contoh diatas.
Hasilnya kan menjadi seperti ini:
Hapuslah semua kode/tanda strip (--) hanya stipnya saja yang dihapus.
Dan cek juga pada kode css yang lainya, biasanya terdapat banyak tanda seperti pada contoh diatas.
Hasilnya kan menjadi seperti ini:
<b:skin><![CDATA[/*
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
*/
Cari kode dibawah ini:
<b:include name='quickedit'/>
Hapus saja semua kode diatas yang ada dalam template kamu,dan ingat! kode diatas akan muncul jika kamu menambah gadget pada blog kamu,jadi selalulah menghapusnya ketika sesudah kamu menambah gadget.
Cari kode dibawah ini:
<b:include data='blog' name='all-head-content'/>
Dan hapus saja juga! tapi buat kamu yang memberi foto profile pada komentar blog maka berisiko foto-foto profile komentar tidak muncul,tapi terserah ke kamu,kalau ingin valid maka sikat aja.
Langkah selanjutnya silahkan kamu cari kode </head> dan letakkan kode dibawah ini tepat dibawah kode </head>
Jika Sobat meng-upload sebuah gambar, berilah tambahan alt pada gambar tersebut. contoh kode alt seperti ini:
<a href="http://validator.w3.org/"><img alt="Markup Validation Service" src="http://3.bp.blogspot.com/_L8cTYaYGAGI/SyHeZ6cwSmI/AAAAAAAAA0M/bUqfyU9VsFU/s320/valid-html.gif" /></a>
Jika sobat menemukan penulisan meta content dengan huruf besar, rubahlah menjadi huruf kecil,contoh:
<META content='blogger' name='generator'/>
ubah menjadi:
<meta content='blogger' name='generator'/>
Menghapus Post icon,adapun kode post icon atau pensil kodenya mirip kode seperti ini:
<span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>


<b:include data='post' name='postQuickEdit'/>
</span>
Ganti kode diatas dengan kode berikut:
<span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
Menambahkan jenis type="text/javascript" pada semua kode JavaScript yang ada. Contoh:
<script src="http://infonetmu.googlecode.com/files/SakuraRain.js"></script>
Tambahkan kode berwarna merah seperti dbawah ini:
<script type="text/javascript" src="http://infonetmu.googlecode.com/files/SakuraRain.js"></script>
Menyembunyikan page navigation di halaman utama
cari kode:
<b:include name='nextprev'/>

ganti kode diatas dengan kode dibawah ini!

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:include name='nextprev'/>
</b:if>
Memperbaiki attribut title dan alt pada link gambar.sebagai contoh:
<a href="http://infonetmu.blogspot.com" alt="free backlink generator" target="_blank"><img src="http://3.bp.blogspot.com/_GV9KiOUzsBM/TGadf4gs9EI/AAAAAAAAA4Q/18Fv0kzXc4k/s1600/aang-vs-naruto+%281%29.jpg" title="Free backlinks generator" border="0" /></a>

Rubah menjadi:

<a href="http://infonetmu.blogspot.com" title="free backlink generator" target="_blank"><img src="http://3.bp.blogspot.com/_GV9KiOUzsBM/TGadf4gs9EI/AAAAAAAAA4Q/18Fv0kzXc4k/s1600/aang-vs-naruto+%281%29.jpg" alt="Free backlinks generator" border="0" /></a>

Untuk kasus diatas jangan lupa untuk link atributnya title dan target, untuk gambar alt dan border jagan sampe terbalik-balik.

Nah mungkin cara diatas cukup untuk membuat template blog lebih valid XHTML, sebenarnya masih banyak, dan masih bisa dikompres lagi, itu tergantung widget/kode script yang ada di blogger sobat. Untuk hasil silahkan cek sebelum dan sesudah kamu edit menjadi valid XHTML, silahkan cek disini http://validator.w3.org

Memberi Title Otomatis Link Judul Blog

2011-12-18T19:22:00.000+07:00

Title pada link blog sangatlah penting untuk optimasi SEO, apalagi sebagai blogger pemula seperti INFONETMU ini memerlukan penerapan tehnik-tehnik SEO,banyak cara juga agar blog kamu lebih ramah search engin,misalnya membuat meta tag title blog yang SEO Friedly maupun memasang meta tag otomatis pada blog kamu.

Berkaitan juga dengan Title atau judul pada blog,kamu bisa membuat agar judul blog kamu lebih SEO friendly yaitu dengan cara memberi title otomatis pada setiap link judul postingan kamu,Untuk lebih jelasnya silahkan kamu lihat gambar dibawah ini:

Faham kan maksud saya? Untuk membuat title otomatis pada judul blog postingan kamu ikuti tutorial dibawah ini!

Login ke akun Blogger anda
klik Rancangan Template kamu
Klik edit HTML
Expand Template Widget Dan download atau Restore template kamu untuk berjaga-jaga apabila ada kesalahan dalam mengedit template
Cari kode di bawah ini :
<a expr:href='data:post.link'><data:post.title/></a>
Hapus kode tadi lalu ganti dengan kode berikut :
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
Lalu cari kembali kode seperti ini :
<a expr:href='data:post.url'><data:post.title/></a>
Hapus kode tadi lalu ganti dengan kode berikut :
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
Simpan Template kamu.

Lihatlah hasilnya,sekarang arahkan mouse atau pointer kamu pada link judul blogmu,maka akan tampil title secara otomatis.

Membuat Recent post Slide Show

2011-12-18T13:01:00.002+07:00

Recent post atau postingan terakhir sangat penting bagi para blogger,disamping menunjukkan artikel-artikel terbaru,recent post juga dapat mempermudah pengunjung untuk lebih banyak membaca artikel kita yang lainya,sama halnya dengan artikel terkait atau related post,recent post juga bisa dengan tampilan thumbnail,nah kali ini infonetmu akan memberi tutorial tentang cara membuat recent post slide show. lihat gambar dibawah ini:

Sebelumnya saya juga telah posting cara membuat recent post dengan gambar,lalu bagaimana agar gambar tersebut bisa tampil dengan slide show? ikuti tutorial dibawah ini:

Login ke akun Blogger sobat
Klik Rancangan >> Elemen haLaman
Klik Tambah Gadget
Pilih HTML/Javascript
Masukan kode berikut :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<style media="screen" type="text/css">

</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 20;
home_page = "http://infonetmu.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
</script></div>
Simpan

Note :

Url yang berwarna merah ganti dengan Url sobat
Angka yang berwarna biru jumlah post yang ingin di tampilkan

Perbedaan Margin,Border,Padding dan Content

2011-12-17T16:35:00.000+07:00

Sebelum mengetahui tentang perbedaan margin,border,padding dan konten silahkan baca dulu tentang kode CSS untuk margin,border dan padding dalam visualisasinya kali ini infonetmu akan share lagi tentang margin,border,padding dan content agar kamu bisa lebih detail mengenal kode-kode CSS tersebut. lihat gambar dibawah ini:

Dari gambar diatas pasti kamu faham tentang perbedaan margin,border,padding serta konten.
Adapun Sedikait Ulasan tentang gambar di atas :

Margin = Area sebelah luar dari border. Margin yang tidak memiliki warna latar belakang, dan benar-benar transparan.
Border = Garis yang memisahkan antara padding dan margin. garis ini dapat diberi warna maupun jenisnya.
Padding = Area antara border dan content,padding ini dapat diberi warna juga.
Content = Isi kotak, di mana teks dan gambar muncul

Dalam penulisan code untuk menentukan bagian per bagain terdiri dari dua cara yaitu:

margin: 2px 2px 5px 0px; urutannya –> Atas, kanan, bawah, kiri
margin-top: 2px; margin-right: 2px; margin-bottom: 5px; margin-left: 0px;
demikian juga halnya dengan padding bila di tulis bagian per bagain.

Semoga Bermanfaat

Chat di PC dengan Madesu messenger v1.0

2011-12-17T07:08:00.000+07:00

Lama gak online di mig33 melalui PC,biasanya online di mig33 melalui komputer menggunakan mig33 messenger juga mig33 sjboy,dan akhirnya saya coba online menggunakan madesu messenger yang terbaru yaitu Madesu messenger v1.0.0,ternyata banyak perubahan pada madesu messenger kali ini,salah satunya madesu messenger dilengkapi dengan fiture admin,jadi buat kamu yang punya room,tidak ada salahnya kamu memakai aplikasi ini.

Dibawah ini adalah tampilan dari madesu messenger v1.0 :

Download madesu messenger v1.0

Buat sobat semuanya yang ingin mecoba aplikasi ini saya persilahkan saja,dijamin free juga, oya buat yang belum register file ocx-nya,silahkan register file ocx dulu yah,atau pakai aja aplikasi untuk register file ocx. Semoga bermanfaat.