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 ...

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 ...

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 ...

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 . . .  Wink Wink

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 ....

Pengertian Domain dan Hosting

Rifqi's Blog ™Mengenal domain dan hosting - Untuk membuat sebuah blog menggunakan Wordpress, anda perlu menggunakan domain serta hosting. Oleh karenanya, hal yang mendasar dan di rasa cukup penting adalah mengenal domain dan hosting

Berikut sedikit ulasan mengenai domain serta hosting.

    domain dan hostingDomain

Dalam membuat sebuah website atau blog anda wajib memiliki yang bernama domainApa sih  domain itu? mungkin anda pernah mendengar istilah ini dalam pelajaran matematika dulu atau mungkin dalam istilah lain. Jika menilik kepada bahasa umum, domain itu berarti tempat  atau daerah kekuasaan atau daerah yang di kuasai, nah di internetpun anda perlu memiliki sebuah tempat untuk website atau blog anda.

Untuk membedakan antara domain yang satu dengan domain yang lain, maka domain tersebut harus mempunyai nama atau istilah nya Domain Name ( nama domain ). Contoh domain name ( nama domain ) seperti ini : http://www.indramayu-pc.com, http://avansi.net, dan lain sebagainya. Namun dalam istilah sehari-hari Domain Name cukup di sebut sebagai Domain saja.

Nama Domain sangatlah bervariasi tergantung dari tujuan website itu di buat. Jenis domain ini di bedakan dengan kata di belakangnya seperti :
  • .com  ( baca; dot com ) : yaitu untuk website bersifat komersil
  • .org  : untuk website organisasi
  • .info : untuk website berisi informasi
  • .biz : untuk website bisnis
  • .gov ; untuk website milik pemerintah ( goverment )
  • dan lain - lain
Ada juga domain ini yang lebih mengarah ke teritorial, misal ;
  • .co.id ( baca : dot co dot id ) ; untuk website yang berada di Indonesia
  • .us ; untuk website di amerika ( US : united state )
  • .cn : untuk website di china
  • .co.il ; untuk website di israel
  • .my : untuk website di malaysia
  • dan lain-lain
Akan tetapi fakta di lapangan, nama domain tersebut tidak lagi menjadi identitas, misal domain yang berakhiran .org di pakai untuk website pribadi bukan oleh organisasi, domain berakhiran .info dipakai untuk berjualan ( komersil ) dan lain sebagainya.

Untuk membeli domain, anda bisa membelinya pada website-website penjual domain, baik itu yang diluar negeri atau yang ada di dalam negeri. Namun pembelian ini tidaklah bersifat permanen melainkan dihitung berdasarkan kurun waktu tahunan ( biasanya harga di patok untuk 1 tahun ), atau mungkin sebenarnya istilah yang tepat adalah sewa domain akan tetapi yang populer adalah beli domain bukan sewa domain.

Dalam istilah domain ada yang disebut sub domain ( bagian dari domain ). Sub domain ini di buat dari domain induknya, sub domain dapat dikenali dari penulisannya yang di pisahkan oleh dot ( titik ). misalkan jika domain induk http://www.indramayu-pc.com, kita bisa membuat bebagai sub domain seperti blog.indramayu-pc.comforum.indramayu-pc.com

Hosting

Jika anda sudah membeli sebuah domain, maka domain tersebut jika diakses adalah merupakan sebuah halaman kosong. Agar sebuah domain bisa di isi dengan apa yang kita inginkan, maka kita perlu sebuah hosting untuk menyimpan database, aplikasi web atau blog yang digunakan, dll.

Sebuah ilustrasi ringan, domain itu di ibaratkan sebuah hand phone dan hosting di ibaratkan kartu, keduanya saling mendukung satu sama lain. Jadi, sebuah website haruslah memiliki nama domain serta hosting agar isi website tersebut bisa di akses oleh halayak luas.

Untuk membuat sebuah webhosting, dibutuhkan peralatan yang sangat mahal, oleh karena itu hadirlah berbagai perusahaan webhosting yang bisa menyewakan space serta bandwidth. Perusahaan webhosting bisa anda temui dengan mudah di Internet, baik itu webhosting yang berada dalam negeri ataupun webhosting yang berada di luar negeri.

Penyewaan sebuah webhosting biasanya di patok oleh kurun waktu per satu bulan, 3 bulan, 6 bulan, 1 tahun, 2 tahun, dan sebagainya. Ini tentunya berbeda antara sebuah webhosting dengan webhosting yang lain.

Forum Web Hosting

Untuk anda yang mempunyai ketertarikan lebih mengenai domain serta hosting, bergabung dan berdikusi di forum merupakan hal yang dirasa cukup tepat, berikut contoh forum di internet yang banyak mengulas tentang domain serta hosting :
  1. http://www.diskusiwebhosting.com/forum.php
  2. http://www.webhostingtalk.com
  3. http://www.hostingdiscussion.com
  4. http://www.adsense-id.com/forums/forumdisplay.php/93-Hosting-amp-Domain


Free Download BleachBit ( CCleaner Untuk Linux )

Rifqi's Blog ™ - Pastinya kamu tidak asing lagi dengan CCleaner bukan ? Software gratis yang bisa “membersihkan” PC sekaligus melindungi privasi tersebut sangatlah populer di kalangan pengguna Windows. Nah, BleachBit adalah software yang fungsinya mirip dengan CCleaner, tetapi bisa digunakan di komputer bersistem operasi Linux.
BleachBit bisa jadi solusi buat semua pengguna Linux yang ingin komputernya terjaga dari menumpuknya file-file sampah yang tidak berguna.


Fitur BleachBit
  • Membersihkan file tidak berguna agar disk space tetap terjaga
  • Menjaga privasi dengan membersihkan cache, cookies dan log files
  • Meningkatkan performa sistem
  • Swap dan membersihkan memori di Linux
  • Menghapus broken shortcut di Linux
  • Menghapus bahasa yang tidak kamu gunakan di Linux
  • Membersihkan APT untuk Debian, Ubuntu, Kubuntu, Xubuntu dan Linux Mint
  • Menemukan dan menghapus file sampah sepertu Thumbs.db dan .DS_Store
  • Menjalankan yum clean di CentOS, Fedora dan Red Hat untuk membersihkan cache package data
  • Menghapus daftar recent documents di OpenOffice
  • Overwrite Free Disk Space untuk menyembunyikan file sebelumnya
Download BleachBit
Kalau kamu menggunakan Ubuntu, kamu bisa langsung menginstall BleachBit via Software Center. Kamu juga bisa mendownloadnya langsung dari situs utama BleachBit Di Sini
Cara Menggunakan BleachBit
Bersih-bersih komputer
Berbeda dengan CCleaner, BleachBit menampilkan pilihan data yang bisa dihapus berdasarkan aplikasinya. Misalkan di Firefox, kamu bisa memilih data apa saja yang ingin kamu bersihkan.
BleachBit : Software CCleaner untuk Linux
Kamu juga bisa melakukan scanning file sampah, untuk kemudian menghapus file-file sampah tersebut.
BleachBit : Software CCleaner untuk Linux
Sebaiknya sebelum kamu menghapus file dengan BleachBit, kamu preview dulu buat memastikan kalau kamu tidak salah hapus.
BleachBit : Software CCleaner untuk Linux
File Shredding
Selain bersih-bersih komputer dengan cara biasa seperti diatas, BleachBit juga bisa dipakai untuk membersihkan file komputer secara permanen. Dengan cara ini data yang sudah kamu hapus tidak akan bisa dikembalikan oleh software file recovery.
Untuk mengaktifkannya, akses Edit -> Preference, kemudian centang saja “Overwrite files to hide contents”. Diaktifkannya fitur ini membuat proses bersih-bersih menjadi sedikit lebih lama.
BleachBit : Software CCleaner untuk Linux
Kamu juga bisa menghapus secara permanen file atau folder yang kamu inginkan melalui menu BleachBit
BleachBit : Software CCleaner untuk Linux
Menghapus System Files
Saat kamu mencoba menghapus system files, misalnya saja localozations, maka biasanya akan muncul error karena permission denied. Ini disebabkan karena kamu menjalankan BleachBit dari standard user account.
BleachBit : Software CCleaner untuk Linux
Agar tidak error kamu perlu menjalankannya sebagai root. Kalau di Ubuntu, km tinggal close BleachBit, tekan ALT+F2, kemudian ketikkan gksu bleachbit.
BleachBit : Software CCleaner untuk Linux
BleachBit akan langsung berjalan dengan privilage sebagai root sehingga kamu bisa menghapus berbagai system files yang kamu inginkan.
BleachBit : Software CCleaner untuk Linux
Walaupun memang fungsinya secara umum diperuntukkan bagi pengguna Linux, namun software ini juga ada versi Windowsnya lho. Jadi bagi pengguna Windows yang ingin mencobanya .. silahkan saja :D

Iklan Banner