Tips Cara Hacking Website Dengan Havij

Rifqi's Blog ™ - Cara Hacking Website Menggunakan Tools Havij Pernahkan anda melihat website-website yang dihack atau dideface oleh seorang hacker. 

Nah malam ini saya akan memberi tahu caranya. Tapi jangan gunakan cara ini untuk berbuat jahat atau iseng-iseng. 

Berikut adalah Cara Hacking Website :

- Download Tools :

• Havij Version 1.15 Free | 2.75 MB
• Password :Di Sini

- Installation Setup :

• Download Tools Havij
• Lalu Extract FIlenya
• Kemudian Double Klik Icon Havij
• Selesai

1. Kalau Tools Havijnya sudah terinstal, buka tools tersebut dengan cara double click.

2. Nah, sekarang kita cari targetnya. Karena saya belum sempat share Dorknya, Jadi sobat bisa cari Dorknya di Google, Banyak kok

3. Jika target sudah dapat, saya ambil contoh http://www.dephut.go.id/index.php?q=hotspot&hid=2054

4. Kita masukkan target tersebut kedalam kolom target No 1, terus liat dilangkah No 2, terlihatkan nama databasenya, kemudian kalo udah berhasil klik table yang sudah saya tandai dengan nomer No 3.

5 .Kalo sudah sobat klik, maka tampilannya akan seperti dibawah ini. Lalu kalo sudah, sobat klik lagi Get Tables, liat nih gambar dibawah.

6. Akan ada banyak sekali table-table yang terbuka. Terus ayo kita tebak dimana letak admin & passwordnya berada. Saya menebak kalo user dan passwordnya ada ditable web_users. Okelah, kita coba table tersebut, kita liat isinya dengan hanya mengklik GetColoums yang terletak disebelah Get Tables yang saya tandai degan No 2.

7. Selanjutnya tinggal sobat centang data yang ingin sobat ambil. Saya tandai dengan No 1, lalu klik Get Data, Kemudian kita lihat apa yang terjadi.

8. Horee, keliatankan user sama passwordnya, tapi masih terenkripsi dengan MD5. Cara mengenkripsinya mudah kok, karena tools ini juga menyediakan enkripsi untuk MD5.

9. Yang paling penting sobat tinggal mencari halaman login adminnya, Sobat hanya perlu mengklik Icon yang berjudul Find Admin, kemudian tunggu hingga muncul tulisan I'm IDLE.

Nah bagaimana ? Lebih mudah atau lebih sulit dengan cara yang pernah saya post sebelumnya, kalo menurut saya cara ini adalah cara terpraktis, termurah dan paling gampang kalo kita mau meretas sebuah website.

Read more

Menambahkan Recent Comment Blog With Avatar

Rifqi's Blog ™ - Kali ini saya akan share seperti pada gambar disamping ( terlihat Recent Comment dengan gambar / Avatar ).

Mau mau mau ??? hohoh 
langsung saja ( tanpa basa basi lagi ) saya akan memberitahukannya ..

• Login ke akun Blogger masing masing ( pastinya gan )
• Masuk ke  Edit Tata Letak  > Add Gadget 
• Tambahkan HTML/JavaScript, kemudian paste kode berikut

<style type="text/css">

    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}

    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}

    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}

    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}

    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}

    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}

</style>

<script type="text/javascript">

//<![CDATA[

    // Recent Comments Settings

    var

numComments = 5,

showAvatar = true,

avatarSize = 60,

roundAvatar = true,

characters = 40,

showMorelink = false,

moreLinktext = "More »",

defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",

hideCredits = false;

//]]>

</script>

<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>

<script type="text/javascript" src="http://www.indramayu-pc.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

• Simpan

Ganti : www.indramayu-pc.com dengan alamat blog sobat, dan angka 5 ( berwarna hijau ) untuk jumlah recent comment yang ingin anda tampilkan

Gimana, mudah bukan ...

Read more

Cara Membuat Label Cloud Pada Blogger

Rifqi's Blog ™ - Pada postingan yang lalu, saya pernah share tentang Cara Membuat Label Cloud Blogumus, kali ini juga saya akan share Cara Membuat Label Cloud Blogumus ( eittts, gak ada blogumusnya ya. hehehe )

• Login ke akun blogger masing-masing ( pastinya )
• Masuk ke Edit HTML ( jangan lupa untuk dibiasakan backup dulu template anda )
• Cari kode ]]></b:skin>
• Setelah ketemu, paste kode berikut tepat Di Atas kode ]]></b:skin>

/* Label Cloud Styles

----------------------------------------------- */

#labelCloud {text-align:center;font-family:arial,sans-serif;}

#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}

#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}

#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}

#labelCloud a{text-decoration:none}

#labelCloud a:hover{text-decoration:underline}

#labelCloud li a{}

#labelCloud .label-cloud {}

#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}

#labelCloud .label-cloud li:before{content:"" !important}

• Cari kode </head>, setelah ketemu paste kode berikut tepat Di Atas kode </head>

<script type='text/javascript'>

// Label Cloud User Variables

var cloudMin = 1;

var maxFontSize = 20;

var maxColor = [0,0,255];

var minFontSize = 10;

var minColor = [0,0,0];

var lcShowCount = false;

</script>

• Sekarang lagi Gulir ke bawah ke mana Anda melihat ini :

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

Nb : label widget Anda ID ( Label1 ) dapat berbeda

• Ganti kode diatas dengan kode berikut :

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<div id='labelCloud'/>

<script type='text/javascript'>

// Don't change anything past this point -----------------

// Cloud function s() ripped from del.icio.us

function s(a,b,i,x){

if(a>b){

var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)

}

else{

var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)

}

return v

}

var c=[];

var labelCount = new Array();

var ts = new Object;

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

var theName = "<data:label.name/>";

ts[theName] = <data:label.count/>;

</b:loop>

for (t in ts){

if (!labelCount[ts[t]]){

labelCount[ts[t]] = new Array(ts[t])

}

}

var ta=cloudMin-1;

tz = labelCount.length - cloudMin;

lc2 = document.getElementById('labelCloud');

ul = document.createElement('ul');

ul.className = 'label-cloud';

for(var t in ts){

if(ts[t] < cloudMin){

continue;

}

for (var i=0;3 > i;i++) {

c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)

}

var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);

li = document.createElement('li');

li.style.fontSize = fs+'px';

li.style.lineHeight = '1';

a = document.createElement('a');

a.title = ts[t]+' Posts in '+t;

a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';

a.href = '/search/label/'+encodeURIComponent(t);

if (lcShowCount){

span = document.createElement('span');

span.innerHTML = '('+ts[t]+') ';

span.className = 'label-count';

a.appendChild(document.createTextNode(t));

li.appendChild(a);

li.appendChild(span);

}

else {

a.appendChild(document.createTextNode(t));

li.appendChild(a);

}

ul.appendChild(li);

abnk = document.createTextNode(' ');

ul.appendChild(abnk);

}

lc2.appendChild(ul);

</script>

<noscript>

<ul>

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

<li>

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

<data:label.name/>

<b:else/>

<a expr:href='data:label.url'><data:label.name/></a>

</b:if>

(<data:label.count/>)

</li>

</b:loop>

</ul>

</noscript>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

• Pratinjau / Simpan deh template anda ..

Mudah bukan, heheheh. Terima kasih ...

Read more

Cara Membuat Label Cloud Blogumus Pada Blog

Rifqi's Blog ™ - Memasang animasi flash label cloud untuk blogger ternyata sangat mudah. Anda cukup meng-copy dan paste kode berikut pada template blogger. Label cloud atau label awan ini dikenal dengan istilah blogumus ciptaan Roy Tanck yang awal pembuatannya dipakai untuk wordpress sebagai WP Comulus Pluggin. 

Memang masih dibutuhkan sedikit edit manual pada beberapa bagian yang disesuaikan dengan selera saja. Nantinya akan nampak animasi label cloud yang dapat berputar-putar seperti putaran globe. Jika ada yang tertarik untuk membuatnya, dapat mengikuti langkah berikut.

Cara membuat animasi flash label cloud :

• Masuk ke blog dengan id blogger anda » Pilih Tata Letak dan klik Edit HTML » Jangan lupa untuk centang expand template widget. Cari kode di bawah ini atau yang mirip. Untuk memudahkan pencarian, tekan F3 atau Ctrl F pada keyboard anda.

<b:section class='sidebar' id='sidebar' preferred='yes'>

• Jika sudah ketemu, copy dan paste kode berikut tepat di bawah kode tadi.

<b:widget id='Label99' locked='false' title='Labels' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>

<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>

<script type='text/javascript'>

var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

// uncomment next line to enable transparency

//so.addParam("wmode", "transparent");

so.addVariable("tcolor", "0x333333");

so.addVariable("mode", "tags");

so.addVariable("distr", "true");

so.addVariable("tspeed", "100");

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

so.addParam("allowScriptAccess", "always");

so.write("flashcontent");

</script>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

• Preview atau pratinjau blog anda. Bila pemasangan kode sudah tepat, maka label cloud blogumus sudah nampak pada sidebar blog. Kemudian simpan template anda.

Nah, untuk kode default blogumus tersebut, masih dapat diganti dan disesuaikan dengan desain template blog anda. Perhatikan kode tersebut :

1. KUNING : Tinggi dan Lebar
2. BIRU : Background
3. HIJAU : Warna teks ( Tanpa tanda # { EX : 000000 })
4. BIRU MUDA : Kecepatan Putaran
5. ORANGE : Besar Huruf

Jika semuanya sudah dipasang dan diganti, silahkan preview ( pratinjau ) lagi template blog anda. Secara manual, anda dapat memindahkan label cloud dengan menuju page elemen blog dan drag blogumus ke tempat yang anda inginkan. Label cloud atau label awan akan kelihatan jika anda telah menginstal Flash Player 7 atau yang lebih tinggi pada komputer anda. Jika ada kesulitan untuk memasang label cloud pada blog anda, jangan sungkan-sungkan untuk berkomentar ...

Read more

Cara Upload File Dengan PHP

Rifqi's Blog ™ - Salah satu keunggulan yang dimiliki php adalah upload file ke server yang dapat dilakukan dengan mudah. Syntax untuk upload adalah :

move_uploaded_file($filename,$destination)

$filename adalah string lokasi file yang ingin diupload (pada komputer)

$destination adalah string lokasi tujuan file akan disimpan (pada server)

Sebelum membuat script upload, kita buat terlebih dahulu script berisi form untuk memilih file yang ingin diupload. Buatlah script form_upload.php seperti di bawah ini :

<form enctype="multipart/form-data" method="post" action="upload.php">

   Pilih File : <input type="file" name="txtupload"><br>

  <input type=submit value=Upload>

</form>

Sekarang buat script upload.php :

<?php

  $filename = $_FILES['txtupload']['tmp_name'];

  $nama_file = $_FILES['txtupload']['name'];

  $destination = "files/$nama_file";

  if (move_uploaded_file($filename,"$destination")){

    echo "<b>$nama_file</b> berhasil di upload !!<br>";

  }else{

    echo "File gagal diupload !!";

  }

?>

Pada $destination berisi files/$nama_file yang artinya file yang diupload diletakkan di folder files. 

Sehingga anda harus membuat folder dengan nama files yang diletakkan satu folder dengan script form_upload.php dan upload.php. Script tersebut merupakan script upload yang paling sederhana, hanya menggunakan properti name dan tmp_name.

Selamat mencoba . . .   

Read more

Tips Cara Membuat Gambar Bergetar Pada Blogger

Rifqi's Blog ™ - Jadi konsepnya adalah ketika cursor mendekati gambar yang telah kita beri widget ini maka widget ini akan memberi efek bergetar pada gambar. 


Trik ini juga bisa di terapkan untuk gambar iklan yang ada pada blog kita agar lebih menarik

Ikuti langkah berikut dengan cermat dan teliti, karena sebagian besar ke gagalan di sebabkan tidak teliti dan buru-buru dan sisanya .... ya karena saya salah nulis kodenya hehehe

• Buka Account Blogger
• Menuju ke Edit HTML ( jangan lupa untuk mencentang kotak Expand Widget Templates & Download dahulu template anda )
• Cari kode ]]></b:skin> kemudian paste kode ini di atas kode tadi

.gambargetar {
position: relative;
}

Cari kode </head> kemudian paste kode dibawah ini diatas kode tadi


<script src="http://situseo.googlecode.com/files/gambargetar.js?attachauth=ANoY7crTQ4Lxnhf7dmkwVCDEuTh7tAEnUb24VQITeydgTn0GgWS6i13WBvtATMNH-03ZLeomrsDAaJdTYlyazR9wt1cIcZXm2h5BMS3bFaRzpwe3BVjMe-I_pzEALIgg97q3b1EWvttUKoUP8X3qebNDdmwO20x_okkWFa3AV68yosoYqixie957Grgnn8lIWESG-jcKGZG78t4wvT6zh2Svz3cpYleeSYekUxbpT2LfB9Qj1Q6pHvA%3D&amp;attredirects=0" type="text/javascript"></script>


Simpan template anda
Sekarang menuju Page Elements > Add Gadgets > HTML/JavaScript
Copas kode berikut ( jangan lupa diedit sesuai keinginan anda )


<center><a title="NAMA-WIDGET" href="http://ALAMAT-BLOG.com/" target="_blank"><img style="left: 0pt; top: 0pt;" src=" http://ALAMAT-GAMBAR-IKLAN" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()" class="gambargetar"/></a></center>



Nama Widget : Ganti dengan nama widget kamu
Alamat Blog : Ganti dengan alamat Blog kamu, contoh : bloggerproo-id.blogspot
Alamat Gambar Iklan : Ganti dengan alamat gambar kamu, alamatnya bisa didapat dari photobucket, upload dan dapatkan alamat gambarmu.

Save dan lihat hasilnya


Selamat mencoba ....

Read more

Tips Cara Membuat Background Blog Berubah

Mungkin anda ingin tampilan blog anda indah / keren / lainnya tapi harus merubah template atau lainnya. Berikut cara untuk membuat backround blog anda berubah - ubah dalam satu template.


Script-nya ini:

<div class="widget-content">

    <center><blink style="color: rgb(0, 102, 0);"><span style="font-weight: bold; color: rgb(0, 153, 0);">Change Background of This Blog!</span></blink><br /><br />

    <center><select onchange="document.body.style.background = this.value;this.style.background = this.value;" name="DADcbgc" title="Change Background Image" width="185" height="30">

    <option value="url() repeat center center fixed" />None

    <option value="url(http://cdn.indowebster.com/www42.indowebster.com/7dd2ae51f4b0cb792d3a435dc953f5cc_thumbnail.gif) repeat center center fixed" />Red Matrix

    <option value="url(http://yahyarezpectors.files.wordpress.com/2011/01/sharingan_wheel_by_neronin2.gif) repeat center center fixed" />Sharingan

    <option value="url(http://data0.eklablog.fr/hinata/mod_article214242.gif) repeat center center fixed" />Sharingan 2

    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVpXVAG25pOSHDAKm4aGuCq9XFFLJB6kRPd4DBdRoT_ghDjQHn0OE953RtV2Fs81OGr9HQH9frQ-OkCuI12KeVHmCPOFWbuLWhmL12s0_wCgt3mV-Gh6d2tqOKnbcuuckCPkaVytoDVTPI/s1600/death-note%25284%2529.jpg) repeat center center fixed" />Death Note 1

    <option value="url(http://i469.photobucket.com/albums/rr57/dragonknight0000039/ae/death20note20L.jpg) repeat center center fixed" />L Lawliet 1

    <option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZF_GOqPR_I/AAAAAAAAEsY/iGS-uTIVDs8/DADbg.JPG) repeat center center fixed" />Hidden Leaf

    <option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC4NlmmMI/AAAAAAAAEvk/cma5mtW-beU/DADbg2.JPG) repeat center center fixed" />Rikimaru

    <option value="url(http://lh6.googleusercontent.com/_GaKwmMcf4N4/TZGC24bJuCI/AAAAAAAAEvg/O1mDH3LU91w/DADbg0.jpg) repeat center center fixed" />Yu-Gi-Oh!

    <option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZGDGbOqsnI/AAAAAAAAEwI/FWAbOOZu2go/DAD1.jpg) repeat center center fixed" />Deidara

    <option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC7eK9TtI/AAAAAAAAEvw/Ly5L0UA3D4s/DADcloud.gif) repeat center center fixed" />Akatsuki Cloud

    <option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZGC7UA67RI/AAAAAAAAEv0/ehJ-oez_akU/DADbluematrix.gif) repeat center center fixed" />Blue Matrix

    <option value="url(http://lh3.googleusercontent.com/_GaKwmMcf4N4/TZGC9O9ZNUI/AAAAAAAAEv8/Idjb8xIrw60/DADgreenmatrix.gif) repeat center center fixed" />Green Matrix

    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjECJYCHxRonBAB9Wu3kYu1zHvUjDZE1AJlyuNijBC8qrpgsW-AQy820GzerXjZuWIQHMDfVRHtRTnB8BVIOVSgSwslujTUF81vnjGLcVYJrtBHczIiKhoohx97ABSS4yZvJGvvxhhyphenhyphenbuE/s320/Henge_Kyubi.jpg) repeat center center fixed" />kyubi

    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWnI0zXRT6xfTohu_mihCpgLE_xhE0SZw1KQUm0Gd1Iw1Up-7-FByoCnVLEaOkero0kU3ZgV8iVJfe_g0xSW3W1HEEFV8BRqq9uMJyaAlNweS1qTbooGZiO74wlNa7aYzxi_1_uzjQqP0/s1600/th_gif-sasuke-naruto.gif) repeat center center fixed" />Naruto VS Sasuke

    <option value="url(http://i354.photobucket.com/albums/r409/zulqi/animasi/sharingan.gif) repeat center center fixed" />Sharinggan 3

    <option value="url(http://i354.photobucket.com/albums/r409/zulqi/animasi/2748793811a3546012338b327107314l.gif) repeat center center fixed" />Sasuke Chidori

    <option value="url(http://i354.photobucket.com/albums/r409/zulqi/animasi/thsharingan.gif) repeat center center fixed" />sharinggan 4

    <option value="url(http://i1187.photobucket.com/albums/z387/amandayassin/GenerasiRasengan.jpg) repeat center center fixed" />Rasenggan

    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNWPNyVad73z2hKs6Q8N1sY_BzYRZlHTumTKFDG3G91_hIMOzDhzYmfiyheCVvShMegXu3A_LzE8xKXfJMMGp2FPS1aebvI7r5UkOhJ30rAJtTlyfSC_3cpweBoyapxqN88gz6POBU0g/s1600/avenged-sevenfold.gif) repeat center center fixed" />A7X

    <option value="url(http://gifsoup.com/webroot/animatedgifs1/1591575_o.gif) repeat center center fixed" />afterlife

    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMlVebGKSawp9DRTxiKyoX14pH_ouvUAx_Lu-KHh7P2_1eYxQUFcXXcFDXL_RSRqLnfxKu5ZWdCRVVJR0Cr0i6M-7nsBiwggDSq9mF8sYR8SJ6IHtV1ZJPvWzE3JdpExAK7NOx16mCCF6Q/s1600/deathbat1.gif) repeat center center fixed" />avenged 7fold

    <option value="url(http://29.media.tumblr.com/tumblr_lqvacoNquH1qay46jo1_400.gif) repeat center center fixed" />avenged

    </select></center></center>

    </div>

Mudah bukan ? heheh ..

Read more

Membuat Breadcrumbs Di Blog Cepat Terindeks

Rifqi's Blog - Untuk membuat menu navigasi breadcrumbs terindeks, anda cukup menggunakan kode breadcrumbs yang telah di edit. Berikut tutorial dan kode breadcrumbs terindeks :

• Masuk ke halaman kode template anda.

• Cari kode  <b:includable id='main' var='top'>

• Hapus kode tersebut dan ganti dengan kode berikut :

<b:includable id='breadcrumb' var='posts'>    <b:if cond='data:blog.homepageUrl != data:blog.url'>    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>    <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>    <b:else/>    <b:if cond='data:blog.pageType == &quot;item&quot;'>    <!-- breadcrumb for the post page -->    <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' property='v:title' rel='v:url'>Home</a></span>    <b:loop values='data:post.labels' var='label'>    <b:if cond='data:label.isLast == &quot;true&quot;'>     &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>    </b:if>    </b:loop>     &#187; <span><data:post.title/></span>    </div>    <b:else/>    <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>    </b:if>    </b:loop>    <b:else/>    <b:if cond='data:blog.pageType == &quot;archive&quot;'>    <!-- breadcrumb for the label archive page and search pages.. -->    <div class='breadcrumbs'>    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>    </div>    <b:else/>    <b:if cond='data:blog.pageType == &quot;index&quot;'>    <div class='breadcrumbs'>    <b:if cond='data:blog.pageName == &quot;&quot;'>    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>    <b:else/>    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>    </b:if>    </div>    </b:if>    </b:if>    </b:if>    </b:if>    </b:if>    </b:includable><b:includable id='main' var='top'>    <b:include data='posts' name='breadcrumb'/> 

Selanjutnya.........

• Cari kode ]]></b:skin>

• Letakkan kode CSS breadcrumbs terindeks berikut ini di atas kode tersebut :

.breadcrumbs{padding:8px 5px 5px 0;margin:10px 0 0px;font:normal 11px georgia; border-bottom:1px dashed #ccc;font-weight:normal}

• Simpan Template anda

• Selesai...

Dengan membuat breadcrumbs cepat terindex, setidaknya salah satu optimasi seo blogspot telah di lakukan. 

Semoga setelah memasang breadcrumbs yang cepat terindeks oleh google ini akan membuat blog anda lebih cepat tampil di halaman depan hasil pencarian sehingga trafik pengunjung akan lebih banyak dari biasanya.

Read more

Tips Cara Menggunakan FileZilla

Rifqi's Blog - Awalnya masih bingung gimana caranya hosting dan domain itu, tapi untung aja ada temen yang bisa hosting-hosting kaya gitu. asekkk. Dan saya pun diajarin secara terperinci. Termasuk cara menupload file php, html, foto dll ke webhostingnya. Saya pun disuruh pake Filezilla. Apa itu Filezilla ? Filezilla adalah sebuah software yang digunakan untuk mempermudah proses upload file web tersebut dengan lebih mudah. Karena file tinggal didrag saja dan kita tinggal menunggu proses upload itu saja. Setelah saya coba, sangat membantu sekali. Horeeeee !!

Begini cara menggunakan Filezilla tersebut:

1. Install FileZilla di komputer anda. Jika sudah terinstall, lalu jalankan.
2. Isikan host dengan nama domain yang telah anda daftarkan pada webhosting. Domain yang saya daftarkan yaitu indramayu-pc.co.cc
3. Isikan username dengan username anda yang tertera pada webhosting. Untuk mengetahui username pada www.000webhost.com, anda bisa masuk ke cPanel dan lihat pada tabel sebelah kanan (» Account Information ) / ( Lihat Pada Gambar di samping ).
4. Password diisi dengan password yang anda gunakan untuk login.
5. Lalu klik Quickconnect.

Jika telah terhubung dengan dengan server hosting anda, anda tinggal men-drag file web anda dari kolom sebelah kiri ke kolom sebelah kanan. Dan tunggu upload file hingga selesai.

Sungguh sangat mudah. Awalnya saya tidak tahu, makanya saya anggap itu susah. Setelah tahu caranya, ternyata sangat mudah penggunaannya ....

Read more

Tips Cara Mengganti Kursor Pada Blog

Rifqi's Blog - Walaupun artikel ini telah banyak, tidak ada salahnya saya share kembali ..


Gara-gara kepingin sekali mengganti gambar kursor di blog ini, akhirnya setelah googling kesana kemari nemu juga sebuah situs yang menyediakan banyak gambar-gambar kursor pilihan. 


Gambar kursor yang disediakan situs penyedia gambar ini http://www.totallyfreecursors.com/ banyak sekali, jadi kita tinggal memilih sesuai selera aja. Untuk cara memasang gambar kursor ini di blog, kita harus menambahkan sedikit saja kode CSS supaya bisa dipasang pada template. Dibawah ini ada beberapa sample gambar untuk kursor yang saya ambil berikut URL alamat kursor tersebut.

              URL :http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif

                URL :http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif

                URL :http://downloads.totallyfreecursors.com/thumbnails/tail2.gif

                URL :http://downloads.totallyfreecursors.com/thumbnails/banana1.gif

                URL :http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif

               

Cara mengganti gambar kursor di blog :

1.    Login ke dashboard blogger anda.

2.    Pilih Rancangan > Edit HTML, centang Expand widget template.

3.    Carilah kode </head> pada template anda dengan menggunakan Ctrl F.

4.    Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head> .

<style type='text/css'> HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;} </style>

5.    Simpan template anda dan lihat perubahan pada gambar kursor

6.  Jika sobat ingin mengganti gambar kursor dengan gambar yang lain, sobat tinggal ganti URL gambar yang berwarna merah dengan URL gambar pada sample diatas atau sobat bisa langsung browsing sendiri ke TKP di http://www.totallyfreecursors.com/.

jika sobat tidak suka pada gambar di atas, kunjungi http://www.totallyfreecursors.com

dan berikut adalah tutorial bagaimana cara mengambil gambar yang sobat sukai :
1. pilih gambar yang sobat sukai

      example:

2. lalu klik kanan pada gambar tersebut, lalu klik tulisan buka gambar di tab baru
example :

3. kalau sudah copy alamat gambar tersebut

example :

4.   Login ke dashboard blogger anda.

5.    Pilih Rancangan > Edit HTML, centang Expand widget template.

6.    Carilah kode </head> pada template anda dengan menggunakan Ctrl F atau tekan F3.

7.    Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head> .

<style type='text/css'> HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;} </style>

8. ganti tulisan yang bewarna merah tersebut dengan alamat yang sudah sobat copy.

9.    Simpan template anda dan lihat perubahan pada gambar kursor

Sangat mudah bukan ? hehehe ...

Read more