Unlock Blog / Website Using Free Proxy
URL :
Selamat Datang di ihgilailmam.blogspot.com , Silahkan Cari disini apa yang anda Cari,dan Jangan lupa Follow & Commentnya ya !

Pengalaman Memalukan

Posted in Label: |

Hari ini , Rabu, Ada les yang namanya TRIDAYA. Lesnya tuh jam 12-an, niatnya sih les tuh maunya sama temen saya namanya Ambia Rahman Panggilannya Ambi aja dah . nah waktu menit-menit menjelang jam 12, Ambi sedang main Game Online diwarnet. Nah truss kan saya panggil noh ,Mbi les cepetan , yaudah kita berdua bergegas untuk les Tridaya. Namun, Waktu Ambi ingin ganti baju dirumah , rumahnya itu terkunci , Kuncinya dibawa ibunya pergi menjemput adiknya .Karena Ambi kira lesnya mulai jam 2.


Setelah jam 12 kurang 5 menit . Ambi pun menumpang menelepon ibunya di rumah saya. Setelah tersambung 
Ambi    : Mah, ada dimana ?? mau les Tridaya nih.  
Mamah : Mamah lagi dijalan jemput adik nih
 Ambi   : Aaah,mamah mah kunci rumahnya tuh dibawa segala
Mamah : oooh,yaudah tunggu aja yaa .
Ambi    : gk lah , pasti lama .
Ambi pun menutup telepon. Aduuuh , jadi gimana nih mam ?? dia gak mau les karena bajunya itu baju rumahan yang sering dipake buat main , katanya sih bajunya ada bekas "Ilernya" dan celananya ada yang "Bolong" hahaha... gimana gk maluu ?? saya pun Fighting Spirit For Ambi untuk mau les , Akhirnya Ambi pun mau les...
Dengan baju seadanya , dan Tasnya oun meminjam dari saya dan hanya diisi 1 buah buku .


Akhirnya, setelah jam 12 lebih, Kami pun berangkat les dari rumah. Dijalan saya pun sambil ketawa-ketiwi melihat kondisi Ambi yang Memalukan itu , kwkwk...Tapi untungnya dia itu orangnya BONEK !! BOcah NEKat ampe beraninya begitu . untung dah yang dipake bukan baju tidur , kalo gitu malu abiizzz .


Setelah sampai tujuan saya masih aja ketawa , ngeliat siAmbi tapi sebenernya sih kasian ngeliatnya, DiTridaya dia numpang nelepon lagi, ternyata nelepon ibunya dan minta bawain Tas,Baju,Celana , hohoho...
Akhirnya setelah ibunya dateng mengantarkan tas yang berisi baju dan celana itupun dia segera mengganti baju dan celananya . Dan Ambipun melaksanakan aktifitasnya semula dengan normal dan tidak malu lagi .
soalnya saya yang nganterin terus, massa ntar diliatditanya orang lain "kenapa les make baju celana buat main??"

Read Users' Comments (6)

Membuat Page Feel Efek

Posted in Label: , |

Apa sichh Page Peel Effect itu? Page Peel Effect adalah efek yang jika di sentuh dengan kursor akan terlihat seperti halaman yang terbuka, atau juga seperti kertas yang tergulung di pojok. Dengan membuat Page Peel Effect yaitu dimana ketika kita mengarahkan/menyentuh mouse pada area Page Peel ini, maka akan terlihat halaman menggulung layaknya anda membuka selembar kertas dan menemukan halaman lain dilembar sebaliknya .

Untuk membuat page peel efek mungkin agak rumit karena code yang kita masukkan lumayan banyak, kita tinggal memasukan kode yang agak rumit dan mengganti beberapa kode misalnya url gambar atau url yang dituju. Okk , langsung aja kita belajar bersama membuat Page Peel Effect 

Cara Membuat Page Peel Efek
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh (copy paste) kode berikut ini diatas kode <b:skin><![CDATA[
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
//Page Flip on hover
$(&quot;#pageflip&quot;).hover(function() {
$(&quot;#pageflip img , .msg_block&quot;).stop()
.animate({
width: &#39;307px&#39;,
height: &#39;319px&#39;
}, 500);
} , function() {
$(&quot;#pageflip img&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;52px&#39;
}, 220);
$(&quot;.msg_block&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;50px&#39;
}, 200);
});
});
</script>

6. Kemudian letakan kode CSS dibawah ini diatas kode ]]></b:skin>
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(http://img222.imageshack.us/img222/9213/subscribe.png) no-repeat right top;
}

7. Letakan kode ini dibawah tag <body>
<div id='pageflip'>
<a href='http://feeds2.feedburner.com/namafeedkamu'>
<img alt='' src='http://img224.imageshack.us/img224/8315/pageflip.png'/>
<span class='msg_block'/>
</a>
</div>

8. Lihat Hasilnya (pratinjau lebih aman) dan Simpan jika sudah selesai.
 Kita dapat mengganti URL FEED blog kita atu URL gambar, kita dapat memodifikasinya sesuai dengan yang kita inginkan dan kreatifitas kita. Selamat mencoba dan semoga berhasil .

Read Users' Comments (0)

Membuat Tulisan Berkedip-kedip di Blog

Posted in Label: |

Blog kita akan terlihat lebih baik dan bagus jika didukung oleh tampilan yang yang baik juga, artinya selain konten (isi) blog kita baik atau bermutu setidaknya juga ditunjang tampilan blog kita yang juga harus indah dan bagus. Salah satu hal yang bisa kita lakukan untuk memperindah blog kita adalah dengan membuat tulisan atau teks yang ada di blog kita tak hanya diam, artinya berjalan dan bergerak-gerak :z

Setelah kita belajar membuat tulisan berjalan, yang dulu pernah kita pelajari bersama disini. Kita sekarang beralih, cara membuat tulisan berkedip-kedip. Mungkin kita juga bisa kasih julukan dengan tulisan genit :o Karena dengan tulisan berkedip-kedip ini akan menjadi daya tarik orang untuk melihatnya. Bayangkan saja jika ada cewek di dekat kita yang mengedip-ngedipkan matanya. :D 
SELAMAT DATANG DI IHGILAILMAM

Itu contoh atau hasil dari pelajaran kita hari ini, yaitu membuat tulisan berkedip, lalu apa saja hasil dari modifikasi atau manfaat apa yang bisa kita peroleh dari kode html tulisan berkedip ini? Kita juga dapat membuat link dari tulisan berkedip itu, hasilnya akan seperti ini : 

Cara Membuat Tulisan Berkedip-kedip 
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode-kode berikut ini
<blink><b>SELAMAT DATANG</b></blink>
5. Sedang untuk yang kita sisipkan link kodenya seperti ini
<blink><a href="http://www.ihgilailmam.blogspot.com/"><b>SELAMAT DATANG </b></a></blink>

6. Kita dapat menganti tulisan yang nampak (SELAMAT DATANG), dengan berbagai keinginan kita. Dan link http://www.ihgilailmam.blogspot.com/ dengan URL yang kita tuju.
7. Simpan kalau sudah selesai. 


kalau ini kan tulisan yang ingin kita buat sendiri tetapi dengan kedipan 
ada juga script yang untuk berkedip tetapi semua link yang disentuh , itu saya tidak ngeposting :(

Read Users' Comments (1)komentar

Cara Membuat Jump Menu atau Dropdown Menu

Posted in Label: |


Jump menu adalah salah satu gadget (widget) yang sama fungsinya dengan blogroll, tetapi lebih hemat tempat lagi, karena cuma satu baris dan untuk membukanya kita tinggal mengklik arah panah ke bawah.
Kita akan belajar membuat dropdown menu atau Jump menu,  Dengan menggunakan jump menu atau dropdown menu tersebut kita akan bisa lebih menghemat tempat didaerah gadget yang lain.

Jump menu atau dropdown menu kita dapat gunakan sebagai blogroll yaitu menampilkan teman-teman kita, untuk menghormati teman kita, kita cantumkan blog teman-teman kita. dan dapat juga promosiin website kamu yang lain , seperti wordpress , blogdetik , blogspot yang lain...

Cara Membuat Jump Menu atau Dropdown Menu
1. Login ke blogger
2. Pilih tata letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
contoh berikut saya asal saja , karena saya tidak punya blogdetik maupun wordpress saya hanya punya blogspot inilah... hehe .
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option value="0" selected>Teman-Teman</option>
<option value="http://ihgilailmam.blogspot.com"> Blogspot</option>
<option value="http://ihgilailmam.blogdetik.com"> Blogdetik</option>
<option value="http://ihgilailmam.wordpress.com"> Wordpress</option>
.... dst ....
</select>

Perhatian !!
Teman-Teman adalah judul 
http://ihgilailmam.blogspot.com adalah alamat URL
Blogspot adalah judul blog teman kita
Kamu bisa menambakannya sendiri, sebanyak teman kamu .

5. Simpan Kalau sudah yakin.

Read Users' Comments (1)komentar

Membuat Efek Reload atau Refresh di Blog

Posted in Label: |

Membuat Efek Reload atau Refresh di Blog
Salam blogger, bagaimana kabarnya? Kadang merasa jenuh atau bosan nggak ngeblog? Rutinitas ngeblog jadi terasa bosan, malas untuk mengurusnya. Mungkin untuk menyulut semangat blog yang lebih membara lagi perlu penyegaran atau refresh. Sedikit berlibur, dan melupakan ngeblog  sekarang


Ngomong - ngomong soal merefresh sekarang saya akan membahasnya tentang "Membuat Efek Reload Atau Refresh Di Blog" .  Kalau orangnya (blogger) perlu juga direfresh, bagaimana dengan blognya? Bisa juga kok blog kita reload atau refresh secara otomatis. Jadi jika blog dibuka, selang beberapa waktu akan mereload atau refresh sendiri. Konon dengan ini bisa juga meningkatkan page view blog , dan mungkin orang kira blog kita unik kan :D


Cara Membuat Efek Reload atau Refresh di Blog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh kode berikut di atas kode </head>

<meta http-equiv="refresh" content="600"/>

6. 600 adalah lamanya reload akan terjadi dalam satuan detik, jadi kalau 600 berarti setiap 10 menit akan direload atau direfresh secara otomatis.
7. Simpan template jika sudah selesai. 

Read Users' Comments (0)

Cara Membuat Random Post

Posted in Label: |

Membuat Random Post (Update)
Binguuung nih mau ngomong apa...??? yaudahlah , kalo mau diisi top post atau posting terpopuler nanti juga itu - itu saja yang muncul ,Hmmm...Kurang variatif . Ok, Sekarang kita akan membahas tentang cara Membuat Random Post ,, masih bingung apa yang dimaksud dengan random post ??? yaitu judul-judul posting ditampilkan secara acak ,jika halaman blog kita di reload.

Jadii , dapat dimungkinkan pengunjung blog tidak mencari - cari apa yang dia cari , bisa saja jika halaman blog kita dia reload , apa yang dia inginkan bisa muncul , karena itulah gunanya Random Post

Cara Membuat Random Post :
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:
<script type="text/javascript">
var acakarray = new Array();var l=0;var flag;
var numofpost=7; function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;acakarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in acakarray){if(l==acakarray[j]){ flag=1;}}
if(flag==0&&l!=0){acakarray[i++]=l;}}document.write('<ul>');
for(n in acakarray){ var p=acakarray[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>

5. Angka 7 adalah banyak judul postingan yang akan tampil.
Simpan jika sudah selesai.
Semoga Bermanfaat...

Read Users' Comments (2)

Membuat Efek Bubble (Gelembung) Pada Cursor

Posted in Label: |

Membuat Efek Bubble (Gelembung) Pada Cursor
Selamat datang kembali, salam Blogger.. :D Bagaimana tampilan blogmu? dah oke blom? Kali ini ihgilailmam menyajikan salah satu cara membuat blogmu terlihat berbeda. Kalau dulu pernah kita membuat efek bintang sekarang ganti membuat efek bubble (gelembung) yang akan mengikuti cursor. Sama seperti mainan bocah yang bola yang bergelembung-gelembung dari sabun itu loh,, tapi di terjadi di blog dan cursornya adalah penghasil bubble (gelembung-gelembung) itu.


Saya pernah mencoba, dan lucu. Gelembung itu dari berasal daricursor kecil lalu lama-lama besar dan naik ke atas. Ibarat sebuah halaman atau toko, kadang blog juga perlu kejutan atau tampilan yang berbeda dari biasanya. Efek bubble (gelembung) ini bisa menjadi pilihan ketika ingin membuat berbeda itu. Dan melepas (menghapusnya) ketika sudah mulai bosan. ;)

Cara Membuat Efek Bubble (Gelembung) Pada Cursor
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini: 
<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">

    // <![CDATA[

    var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles

    var bubbles=100; // maximum number of bubbles on screen

    var x=ox=400;

    var y=oy=300;

    var swide=800;

    var shigh=600;

    var sleft=sdown=0;

    var bubb=new Array();

    var bubbx=new Array();

    var bubby=new Array();

    var bubbs=new Array();

    window.onload=function() { if (document.getElementById) {

    var rats, div;

    for (var i=0; i<bubbles; i++) {

    rats=createDiv("3px", "3px");

    rats.style.visibility="hidden";

    div=createDiv("auto", "auto");

    rats.appendChild(div);

    div=div.style;

    div.top="1px";

    div.left="0px";

    div.bottom="1px";

    div.right="0px";

    div.borderLeft="1px solid "+colours[3];

    div.borderRight="1px solid "+colours[1];

    div=createDiv("auto", "auto");

    rats.appendChild(div);

    div=div.style;

    div.top="0px";

    div.left="1px";

    div.right="1px";

    div.bottom="0px"

    div.borderTop="1px solid "+colours[0];

    div.borderBottom="1px solid "+colours[2];

    div=createDiv("auto", "auto");

    rats.appendChild(div);

    div=div.style;

    div.left="1px";

    div.right="1px";

    div.bottom="1px";

    div.top="1px";

    div.backgroundColor=colours[4];

    div.opacity=0.5;

    if (document.all) div.filter="alpha(opacity=50)";

    document.body.appendChild(rats);

    bubb[i]=rats.style;

    }

    set_scroll();

    set_width();

    bubble();

    }}

    function bubble() {

    var c;

    if (x!=ox || y!=oy) {

    ox=x;

    oy=y;

    for (c=0; c<bubbles; c++) if (!bubby[c]) {

    bubb[c].left=(bubbx[c]=x)+"px";

    bubb[c].top=(bubby[c]=y)+"px";

    bubb[c].width="3px";

    bubb[c].height="3px"

    bubb[c].visibility="visible";

    bubbs[c]=3;

    break;

    }

    }

    for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);

    setTimeout("bubble()", 40);

    }

    function update_bubb(i) {

    if (bubby[i]) {

    bubby[i]-=bubbs[i]/2+i%2;

    bubbx[i]+=(i%5-2)/5;

    if (bubby[i]>sdown && bubbx[i]>0) {

    if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {

    bubb[i].width=bubbs[i]+"px";

    bubb[i].height=bubbs[i]+"px";

    }

    bubb[i].top=bubby[i]+"px";

    bubb[i].left=bubbx[i]+"px";

    }

    else {

    bubb[i].visibility="hidden";

    bubby[i]=0;

    return;

    }

    }

    }

    document.onmousemove=mouse;

    function mouse(e) {

    set_scroll();

    y=(e)?e.pageY:event.y+sleft;

    x=(e)?e.pageX:event.x+sdown; }

    window.onresize=set_width;

    function set_width() {

    if (document.documentElement && document.documentElement.clientWidth) {

    swide=document.documentElement.clientWidth;

    shigh=document.documentElement.clientHeight;

    }

    else if (typeof(self.innerHeight)=="number") {

    swide=self.innerWidth;

    shigh=self.innerHeight;

    }

    else if (document.body.clientWidth) {

    swide=document.body.clientWidth;

    shigh=document.body.clientHeight;

    }

    else {

    swide=800;

    shigh=600;

    }

    }

    window.onscroll=set_scroll;

    function set_scroll() {

    if (typeof(self.pageYOffset)=="number") {

    sdown=self.pageYOffset;

    sleft=self.pageXOffset;

    }

    else if (document.body.scrollTop || document.body.scrollLeft) {

    sdown=document.body.scrollTop;

    sleft=document.body.scrollLeft;

    }

    else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {

    sleft=document.documentElement.scrollLeft;

    sdown=document.documentElement.scrollTop;

    }

    else {

    sdown=0;

    sleft=0;

    }

    }

    function createDiv(height, width) {

    var div=document.createElement("div");

    div.style.position="absolute";

    div.style.height=height;

    div.style.width=width;

    div.style.overflow="hidden";

    return (div);

    }

    // ]]>

    </script>

5. Kode warna pink adalah kode warna dari bubble (gelembung) itu, kamu bisa mengubah dengan kode warna yang lain.
6. Simpan jika sudah selesai. 

Read Users' Comments (0)

Pengalaman Kecelakaan

Posted in Label: |

Pernaah gak kalian kecelakaan...?? pasti kaget bangetkan kalo kejadian itu bakal terjadi pada kalian...Hhmmm ,untungnya pas kejadian itu terjadi itu tidak terlalu parah .Waktu kejadian , waah kaget banget kan ,tau-tau jatuh...mau ngerasain gk kecelakan ?? haha, kalo mau gimana  rasanya , rem aja make rem depan yang banyak pasirnya noh!! Karena kejadian itu persis dengan saya , Karena teman saya ngerem make rem depan...


Awalnya saya memang sudah mengira , kalo kejadian itu bakal terjadi kepada saya dan teman saya, Karena pada waktu itu tman saya yang membawanya , Soalnya teman saya memang sudah terbiasa dengan REM DEPAN ! makannya waktu didepan jalan itu ada pasir sudah deh dalam pikiran saya "Pasti Kcelakaan" bener deh kejadian,


Yaah untung deh cuma STANG motor yang rada bengkok ke kanan sedikit , mana itu motor saya lagi. Biasanya saya pulang les teman saya itu emang suka ngikut , tapi dia yang menyetir ,( Males Bawa Motor Cape ) Untungnya habis jatoh teman saya kuat langsung bangunin moor jalan lgi. Habis itu saya masih ingat apa yang dibilang ibu saya "Mam, Jangan Lupa Isi Bensin!" yaudah langsung kePom Bensin


Di Pom Bensin teman saya Herdwino Faiq Akbar ( Fafa ) ngomong "Mam mau diganti dulu gak ?" sambil ngeluarin duit CEPE (100.000) waah,mantaap kan, tetapi saya tidak menerimanya ,kasian sih. Pada saat di isi bensinnya tukang bensin juga langsung nanya "Jatuh dimana dek?" ooh itu bang di cipto... Hahaa Pengalaman.


Sehabis itu kejadian , ditanya ibu saya sampe pulang yaudah saya jelaskan apa yang terjadi , Untung deh gpp (Lega) ,Truss besoknya motor tuh langsung dibenerin di bengkel terdekat... Bener kan apa yang saya tolak uang 100.000 itu , Karena biaya Pembenaran Cuma Rp10.000 , hohoho...untung tuh Fafa...    


Makannya kalian kalau menyetir motor harus hati - hati...jangan kayak saya dan teman saya ini , itu sedikit ceroboh , kejadian ini hanya membuat saya luka dibagian kaki dengan totol - totol 4 titik . 
Namun kejadian ini sudah 2 Minggu yang lalu , saya lupa untuk membuat posting ini , hoho...               

Read Users' Comments (2)

Membuat Back To Top [Scroll]

Posted in Label: |

Back To Top - Merupakan Tool yang berfungsi untuk memanjakan pengunjung, setelah sampai pada bawah halaman blog anda, pengunjung tinggal klik icon yang berada di pojok bawah dengan simbol arah panah keatas atau simbol yang lainya karena bisa di rubah sesuai keinginan kita. Penerapanya pun sangat mudah dan simple, ga ribet seperti membuat tool yang lain. Langsung ke pokok pembahasan.


Pemasangan Tool Back To Top
1. Masuk Blogger
2. Pilih Rancangan/Design
3. Pilih EditHTML lalu centang "Expand Template Widget"
4. Cari Kode <head> 
5. Copy kode dibawah ini tepat di bawah kode  <head>   
<script src="https://sites.google.com/site/astrindoo/javascript/jquery.min.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/astrindoo/javascript/scrolltop.js" type="text/javascript">
</script>
6. S A V E Template

Silahkan anda Reload/Refresh Halaman Blog anda dan lihat hasil operasi HTML anda. Mudah kan?... Selamat mencoba Mudah-mudahan berhasil ..



Read Users' Comments (1)komentar

Cara Meningkatkan Alexa Page Rank

Posted in Label: , |

Alexa page rank tentunya beda dengan google page rank. Jika google page itu 1 sampai 10, dan semakin tinggi page ranknya akan semakin mantap/baik. Blog yang memiliki google page rank 5 lebih baik dari pada blog yang berpage rank 3. Salah satu manfaat google page rank adalah berpengaruh pada pencarian di google search engine.


Sedangkan Alexa page rank adalah perankingan blog atau web yang dilakukan oleh alexa.com.
Kebalikannya dari google, rentang rangkingnya bisa sampai jutaan. Jangan kaget jika sebuah blog memiliki rank sampai 1 juta, itu wajar loh. Semakin kecil atau sedikit alexa page rank berarti akan semakin bagus/baik. Artinya blog yang memilki alexa page rank 356,000 lebih baik daripada blog yang alexa page ranknya 1,634,00. Salah satu manfaat alexa page rank adalah untuk menjadi pertimbangan dalam paid review atau review berbayar.

Cara Meningkatkan Alexa Page Rank
1. Memasang Widget Alexa
Caranya adalah kita melakukan registrasi di alexa.com, lalu ikuti intruksi untuk menambahkannya di blog. Widget Alexa ini akan mudah untuk membantu memonitoring blog, fluktuasi (naik turunnya) rank di alexa.

2. Memperbanyak Backlink atau Inbound Link.
Untuk meningkatkan alexa page rank yaitu dengan cara memperbanyakan link yang menuju blog kita. Ada beragam cara untuk bisa membuat backlink atau inbound link yang mengarah di blog kita, misalnya;
* Rajin blogwalking dan berkomentar di blog teman.
* Melakukan tukeran link atau banner dengan sesama blog yang bertema sama.
* Mensubmit link postingan terbaru ke bookmarking atau jejaring sosial, dll.

3. Rajin Posting atau Mengupdate Blog
Dengan terus rajin menulis, mempostingnya berarti kita terus menyajikan informasi. Sehingga akan terus ada yang berkunjung ke blog. Usahakan untuk rutin mengupdate blog walaupun itu tidak sering.

4. Meningkatkan Page View Blog
Tidak hanyak sekali datang, tapi buat pengunjung blog untuk membuka lagi halaman yang ada di blog, membaca lebih banyak postingan. Semakin lebih banyak page viewnya, misalnya rata-rata pengunjung mengklik atau membuka 3 halaman lagi. Jika sehari ada 300 pengunjung dan page viewnya 900 itu lebih baik untuk meningkatkan alexa page rank blog.

5. Install Toolbar Alexa 
Memasang alexa toolbar di komputer membuat blog kapanpun bertambah usia, jumlah alexanya semakin berkurang. Fungsi dari toolbar alexa ini, selain untuk menaikkan traffic ranking di alexa juga sebagai spy tool untuk melihat dan menganalisis kehebatan blog lain. Saat kita meng-install alexa toolbar di browser kita, pada pojok kanan bawah layar anda akan menemukan peringkat dari situs yang kita kunjungi. Inilah salah satu kehebatan toolbar alexa.

Read Users' Comments (0)

Format Meta Tag Yang Baru

Posted in Label: |


Apa sich meta tag itu..?? saya sendiri juga belum begitu paham keseluruhannya, tapi kata orang-orang yang pintar dalam search engine optimazition (seo) mengatakan bahwa Crawler Search Engine akan melihat meta tag ini terlebih dahulu dari pada bagian-bagian yang lain. dan mungkin ini akan menjadikan meta tagnya semakin bagus


Ada beberapa hal yang harus kita perhatikan dalam membuat meta tag, seperti yang dikatakan oleh kang rohman, yang suka berbagi, sebagai berikut :
1. Jangan terjadi duplikasi antara judul blog dengan deskripsi blog (kata-katanya sama).
2. Sebaiknya jumlah karakter keyword jangan lebih dari 500 katrakter.
3. Untuk jumlah keyword sebaiknya jangan lebih dari 20 keyword. Pemasangan keyword yang terlalu   banyak bisa di anggap spam oleh seach engine.
4.Keyword yang di pasang sebaiknya berhubungan dengan isi dari postingan.
5. Lakukan analisa terhadap meta tag yang anda pasang

Berikut ini format meta tag yang lama
<meta name="description" content=" Deskripsi blog "/>


<meta name="keywords" content=" keyword 1, keyword 2, keyword 3, dst "/>

Format meta tag yang lama tersebut dianggap kurang optimal, untuk format meta tag yang baru yaitu ditambah dengan judul blog tau title blog. Berikut ini format meta tag yang baru
<meta expr:content='data:blog.pageTitle + " - Deskripsi blog"' name='description'/>


<meta expr:content='data:blog.pageTitle + ", keyword 1, keyword 2, keyword 3, dst"' name='keywords'/>

Mungkin dengan memasang format Meta Tag yang baru ini , dapat menaikkan jumlh traffic pengunjung blog , Amiiiiin... Ok sobat semoga sukses ya...


Read Users' Comments (0)

Menambahkan Meta Tag Description di Blogger

Posted in Label: |


Blogger.com, sudah tampil dengan tampilan baru sejak beberapa bulan yang lalu. Bukan hanya pilihan tampilan blognya tetapi begitu pula dengan tampilan dasbornya. Sementara itu tampilan blogger yang baru tentu juga diikuti dengan tambahan fitur yang baru. Kali ini kita akan membahas fitur baru di blogspot yang ada di dasbor baru.Meta tag description adalah memberikan deskripsi singkat yang akan terbaca oleh search engine (google).


Meta tag description adalah memberikan deskripsi singkat yang akan terbaca oleh search engine (google). 
Meta tag adalah elemen HTML digunakan untuk menyediakan data atau deskripsi terstruktur tentang halaman blog kita. Tag tersebut ditempatkan di bagian kepala (atas) dari dokumen HTML. Search Engine menggunakan data ini untuk menampilkan potongan pencarian ketika search engine menampilkan halaman dari blog kita. 

Cara Menambahkan Meta Tag Description:
Di Blogger yang baru ini juga meluncurkan berbagai fitur SEO dan sekarang menambahkan Meta Tag Description telah menjadi begitu mudah. 
SEKARANG :
1. Login ke Blogger.com dan pastikan kamu dalam tampilan dasbor yang baru.
2. Pilih Setelan lau Preferensi penelusuran dan Aktifkan uraian penelusuran Meta Tag.
3. Tuliskan deskripsi yang menggambarkan secara umum isi blog kamu, maksimal 150 karakter.

4. Jika sudah klik Simpan Perubahan.

5. Menambahkan Meta Tag Description di Setiap Entri. 
Sekarang ketika kita membuat entri baru atau di halaman entri, kita dapat mengatur dan menuliskan Meta Description dengan cara mengatur Setelan Entri yang ada di sidebar. Kita tuliskan deskripsi singkat yang menggambar isi entri di Uraian Penelusuranmaksimal 150 karakter. Setalh selesai bisa kita publikasikan.

6. Sekarang kita harus menambahkan beberapa kode HTML untuk Template Blogger kita. Untuk melakukannya pilih Templatekemudian Edit HTML terus jangan lupa centang Expand Template Widget. Cari <head> dan bawahnya sisipkan kode berikut.
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>

7. Simpan Template jika sudah selesai 

Read Users' Comments (0)

PulsaSurprise Simpati Telkomsel

Posted in Label: |

Hari ini ternyata jamannya pulsasurprise dari telkomsel nih , ampe-ampe kaka we tuh nungguin ampe berapa jam lamanya mungkin 4 jamlah...gilaa tuh emang bikin orang kayak gitu jadinya , soalnya isi voucher pulsa surprise itu mencakup 50.000 - 100.000 sobat . makannya semua orang ampe kayak gitu untuk bisa mendapatkannya , dan kaka we pun juga bisa terpengaruh , WOW !

Padahal kaka we yang ini biasanya gk peduli sama sekali ada apa yang seru - seru , tapi dengan pulsa surprise ini ampe tergila - gila inin mendapatkannya...Hebat bener tuh Telkomsel .

Emang sih , kalo loe dikasih pulsa 50.000 - 100.000 dengan gratisnya dan apalagi dengan bahasa "SURPRISE" gitu ! gimana loe gak mau nolak. pastinya loe bakalan nerimakan , tapi kata kaka we kalo we yang dapet pulsasurprise itu we harus bagi - bagi , haha...mau enak sendiri aja sih mbak .

Dan dengan bahasanya surprise gitu , yaa jelas , karena pulsa yang dikirimkan dengan gambar yang berisi code dari voucher itu dikirimkan oleh pihak Telkomsel secara tiba - tiba...dan sering keluar di jejaring sosial network yitu jejaring sosial Twitter loh . makannya kalian jika pulsa limite dateng aja noh ketwitter dan tunggu aja pulsasueprisenya wkwkw...jika lama menunggu bebas dah ngapain aja sesuka loe .

Ternyata Telkomsel baik juga ya , karena pulsa yang diberikan bukan 10.000 maupun 20.000 melainkan 50.000 - 100.000 , dan itu juga cukup mahal kan , makannya kalo loe beruntung dapet , Waaaah,mantaaap noh . Tapi sayang kaka we walaupun bekerja keras untuk mendapatkannya , sampai sekarang blom pernah dapet , --"

Read Users' Comments (0)

Membuat Header Full Gambar Dan Berlink

Posted in Label: , |

Beberapa waktu yang lalu saya pernah melihat blog orang lain yang headernya itu disertai gambar/thumbnails , yaitu header yang full gambar dan disertai link diheader yang bergambar itu,dan ada gambar 9(icon) yang dapat kita klik dan nyambung ke URL lain...dan akhirnya saya mencari cara bagaimana cara membuatnya, akhirnya...saya menemukannya juga.
contoh untuk header full gambar & berlink
Caranya cukup ribet juga ya, yang pertama kita harus setidaknya bisa sedikit photoshop.Menyiapkan beberapa gambar yang dijadikan header dan pernak-pernak lainnya sebagai menu di header. Untuk belajar tutorialnya membuat header yang full gambar dan bisa ngelink bisa kamu baca di sini. Sudah sangat lengkap di paparkan caranya tahap demi tahap dengan gaya anak muda banget,tapi jika malas disini juga tidak apa-apa.


Memang biasanya header full gambar dengan berbagai pernak-pernik menu link ke tempat lain, semisal facebook, twitter, lalu halaman about me dan sebagainya ini lebih banyak dipakai oleh remaja. Nggak tahu apakah itu ikut-ikutan atau memang itulah yang disukai kalangan remaja. Silahkan kalau mau dicoba, semoga sukses 


Alat Dan Bahan :
Photoshop, Dreamwaver, dan akun image hosting (kayak Photobucket, tinypic, dll *pilih satu aja*)

Selanjutnya, cari aja di Google aksen atau hiasan yang pengen kamu pake. Disini saya nyontohin ditambah gambar spongebob. kamu cari dah yang menurut kamu bagus. Disini juga pake feel dan kreativitas. Terkadang hal simpel keliatan bagus dan menarik, tapi malah bisa jadi hal yang keliatan , WOW jadi biasa aja karena kita gak kreatif.
 

Nah, berikutnya ini tampilan Photoshop. Buka Gambar header sama spongebob tadi.

Terus, si gambar header saya tutup dengan kotak warna putih. Di Photoshop ada toolsnya dengan Rectangular Tool. kamu bisa ngasi warna apa aja, sesuai selera aja, kalo mau kuning yo sok mangga pake warna kuning. Ijo boleh, merah boleh, asal jangan terkesan norak dan nyakitin mata pembaca. Muehehehe. Namanya user-interface itu butuh yang namanya white-space *sok-sokan ngomongin user interface design #eaaa*
 

Seleksi gambar spongebob tadi.Saya biasanya pake Quick Selection Tool. Terus, gabungin deh sama gambar header tadi.

Nah, untuk bikin menu-nya, saya pake Elips Tool. Bikin aja bunderan gitu.

Terus di atas si bunderan tadi, di kasi tulisan sesuai dengan menunya. Biasanya saya suka bikin menu itu berdasarkan urutan pada umumnya. So, firstly saya bikin menu HOME.

Terus di copy-paste aja. Nah, bikin aja sebanyak menu yang kamu mau. Dan akhirnya bisa jadi seperti di bawah ini. *Dimodifikasi dengan rectangular tool*


Terus, save as deh, biasanya untuk header saya save as jpeg.

Nah, disini bisa ngatur kapasitas dari header, biasanya saya sih bikin qualitynya maximum. Terus, klik OK aja.

Nah, lalu buka tuh dreamwaver. Klik new > Pilih HTML dan Klik OK, tampilannya bakal kayak yang di bawah ini.

Nah, klik di bagian <body>. Kita bakal masukkin image header spongebob tadi di bawah tag <body>. Klik insert > image. Ntar bakal ada tampilan kayak di bawah ini.

Terus, pilih gambar header yang mau dimasukkin. Kalo ada tampilan kayak di bawah, klik OK aja. Tenang tenang, jangan gusar gitu *biasanya banyak yang suka takut dan ngira laptop atau PC-nya nge-hang*

Apakah sekarang tampilan dreamwaver kamu kayak gini? Kalo iya berarti bener.

Selanjutnya, di bawah ada gambar kayak shape gitu. Ada Kotak, Bulet, sama Poligonal. Terserah milih yang mana. Sesuain sama menu yang udah kamu buat. Fungsi dari shape inilah yang bikin menu bisa ngelink. Lihat yang saya tandain no. 2, shape bulet udah nutupin si menu. Selanjutnya, tanda no. 3,  masukkin link home itu kemana, disini home yang  saya  maksud adalah ngelink ke alamat blog  saya . Untuk target, kamu bisa milih _blank atau _self. Kalo _blank, ketika di klik bakal ada tab baru. Kalo _self, ketika di klik tetep kebuka di tab yang sama. Ini sih tergantung selera, kamu doyan makan mi rasa soto ayam atau soto bebek #emangadarasasotobebek????


Nah, buat deh shape sebanyak si menu itu. Disini  saya  nyontohin shapenya cuma buat satu menu. Ya menurut  saya , kamu semua pasti bisa bikin shape untuk menu selanjutnya. Save header ini dengan format .html

Kalo udah disave, pasti ada file html baru di folder di mana kita ngesave sang file. Klik kanan, open with notepad.

Kalo si code udah kebuka di notepad, perhatikan kode img src. Disitu gambar yang dimaksud adanya di komputer kita, tapi di internet belum ada alias belum diupload. Gimana cara menguploadnya? Disinilah akun image hosting berperan. saya  biasa pake Photobucket.

Ini tampilan Photobucket. Kalo mau bikin akun, klik Sign Up.

Karena  saya  udah punya akun,  saya login pake akun  saya . Disini kalo males bikin akun baru, bisa juga login pake akun facebook atau twitter.

Kalo udah berhasil masuk ke akun masing-masing, bakalan ada menu upload *liat yang  saya  buletin merah*.
Klik upload.

Setelah nge-klik upload, selanjutnya, muncul tampilan kayak di bawah. Klik Select Photos and Videos.
 

Bakalan muncul tampilan kayak gini, pilih dah image banner yang udah kita bikin tadi. Klik Open. 

Selanjutnya, nunggu si header ke-upload.


Kalo udah ke-upload, tampilannya kayak gini. Klik aja view album, ntar bakal masuk ke tampilan daftar gambar yang udah pernah di-upload. Klik di gambar header tadi.


Setelah si gambar header kebuka, liat di pojok kanan, ada Links. Pilih yang direct link, terus di-copy aja.

Balik lagi ke kode html yang dibuka pake notepad tadi. Terus, paste si kode banner ngegantiin headerspongebob.jpeg tadi, hasilnya kayak gini.
 
Login ke blog kamu masing-masing, masuk ke design. Terus, tambah dd gadget deh, pilih yang HTML/Javascript.




Masuk ke kode yang di notepad tadi, copy isi dari tag <body>. Kenapa kode  saya  singkat banget? Karna tadi menu yang nge-link cuma home. Kalo misalnya kamu ngebuat menu yang nge-link tadi lebih dari satu, udah pasti kodenya lebih dari kode di bawah. 




Setelah di-copy, paste si kode banner di gadget HTML/Javascript tadi. Klik Simpan.

Si gadget sudah muncul *liat tanda merah*. Tapi kok di samping sih? Kan header biasanya di atas?


Kalian tinggal seret aja gadgetnya ke atas kayak gini. Terus, klik simpan dan bakal muncul tulisan 'Perubahan blog telah disimpan'. Klik Lihat Blog kalo pengen liat hasilnya.


TADAAAAAAA!!!! Si header jadi-jadian udah nemplok di blog. Muehehehe gimana? Gak susah-susah banget kok, asal kita mau belajar.

Read Users' Comments (5)

Langganan: Postingan (Atom)

close