Cara Membuat Menu Horizontal Berdasarkan Label

Add caption

Label secara default adalah list item, daftar yang sifatnya vertical dan dibelakang label diikuti angka dari jumlah isi label yang sama. Jika ingin mengelola label menjadi menu yang horizontal, maka dibutuhkan kode CSS yang bisa mengelola tampilan label terlihat mendatar.

Membuat Menu horizontal dengan Label atau kategori - Menu horizontal merupakan kumpulan beberapa link yang diletakkan secara horizontal dan biasanya ditempatkan di bawah header. Tujuannya untuk memberikan Jalan pintas atau shortcut link ke halaman halaman tertentu sesuai yang di inginkan.

Kebanyakan Menu Horizontal linknya di isi secara manual. Sekarang bagaimana memasukkan label/kategori ke menu horizontal agar link yang di tampilkan bisa otomatis mengikuti label yang ada.
Berikut Langkah-langkahnya:

1. Login ke Blogger
2. Pilih Rancangan atau tata letak
3. Pilih Edit Html
4. Untuk mengantisipasi hal yang tak di inginkan, Download template dulu dan save di Pc.
5. Masukkan kode CSS berikut sebelum tag ]]></b:skin>

#menulabel{margin: 0px auto; padding:0; width:100%;background:#045FB4 }
#label{margin: 0px auto; padding: 3px 0; width:1000px;border-bottom:1px solid #000 ; height:20px;background:#045FB4 url() repeat-x top; }
#label ul {float: left; list-style: none; margin: 0px; padding: 0px;}
#label li {float: left; list-style: none; margin: 0px; padding:0 10px;}
#label li a, #label li a:link, #label li a:visited {color: #fff; display: block; margin: 0px; padding: 2px 10px 2px 5px;;font-weight: none;}
#label li a:hover, #label li a:active { color: #fff; margin: 0px; padding: 2px 10px 2px 5px;;text-decoration: underline;font-weight: bold;}

6. Masukkan Kode Html berikut di atas <div id='outer-wrapper'> atau kode sejenisnya 

<div style='clear:both;'/>
<div id='menulabel'>
<b:section class='label' id='label' maxwidgets='1' showaddelement='no'>
<b:widget id='Label12' locked='false' title='' type='Label'/>
</b:section>
</div>

7. Terakhir Simpan Template

Setelah Berhasil masih ada satu langkah lagi yaitu menghapus Angka di belakang label agar lebih rapi. Caranya tinggal di klik pengaturan label dan tidak mencentang nomer jumlah per label. Itu saja.

Sebetulnya label bisa dimuat kedalam menu horizontal bergambung dengan menu sebelumnya. Caranya dengan mengelola CSS seperti di tulisan saya sebelumnya: Membuat Menu Drop Down List. Tapi untuk model yang seperti ini mesti dilakukan secara manual. Meskipun demikian tidak akan sulit dilakukan. Untuk membuat agar menu label bisa bekerja, maka linknya mesti seperti ini:

<a href="/search/label/Variasi Menu">Variasi Menu</a>.

Jika anda membuat seperti ini:

<a href="http://wisencare.blogspot.com/search/label/Variasi Menu">Variasi Menu</a>

tidak akan berhasil. Jadi jika ingin menu lebih indah, menggabungkan kedua cara itu patut dicoba.

Sumber artikel :  http://wisencare.blogspot.com

Pengalamanku Berbelanja di ELS Computer Toko Laptop Murah

EL’S Computer adalah salah satu tempat penjualan notebook / laptop murah serta aksesoris komputer yang terbagi di beberapa wilayah di Indonesia. EL’S Computer yang berlokasi di Purwokerto misalnya, tempat ini menjadi tujuan beberapa konsumen yang tidak hanya dari kota itu namun telah mencapai sasaran konsumen luar kota seperti Banjarnegara, Purbalingga, Cilacap, Kebumen . Dengan profil usaha yang dinilai bagus maka EL’S Computer kini bisa meraih pasar penjualan komputer dengan harga termurah khususnya di Purwokerto. Angka penjualan yang semakin tinggi menjadi bukti tingkat kepercayaan konsumen terhadap EL’S Computer , dari produk ( gadget, laptop, printer, peripheral ) berkualitas, klaim garansi yang mudah, dan pelayanan yang baik.

Menurut saya pribadi berbelanja di EL’S Computer adalah suatu pilihan yang tepat. Sebelum melakukan transaksi penjualan kita bisa mengetahui price list ( daftar harga ) dari website resminya di http://els.co.id , terlebih lagi layanan transaksi online juga bisa dilakukan via customer service. Beberapa waktu yang lalu pimpinan di kantor minta bantuan kepada saya untuk memberikan pertimbangan mengenai harga laptop murah dengan kualitas terjamin.Langsung pikiran saya tertuju pada Els Computer sebagai toko laptop murah berkualitas yang ada di Purwokerto, beberapa saat kemudian saya mulai membuka website els computer untuk mendapatkan informasi mengenai produk dan harga.Dalam waktu singkat "price list" sudah di peroleh dan rupanya harga serta spesifikasi laptop Toshiba menjadi pilihan sang pimpinan. Saat itu saya ditugaskan untuk menuju ke TKP di Purwokerto membeli produk yang dimaksud. Lokasi Els Computer berada di pusat kota Purwokerto yakni disebelah utara Pasar Raya Sri Ratu.
Selanjutnya perjalanan kami menuju Els Computer di Purwokerto menempuh jarak kurang lebih 50 km dari Banjarnegara, dihitung waktu kurang lebih 1 jam. Rasa lelah selama perjalanan membuat saya memutuskan untuk beristirahat lebih dahulu di alun-alun Purwokerto. Sebotol air mineral cukup menopang energi bagi saya. Beberapa menit setelah saya melanjutkan perjalanan akhirnya saya tiba di depan pintu toko Els Computer.




Tag : laptop murah sekali, belanja laptop termurah 2013, toko laptop murah purwokerto, laptop murah els computer, pengalaman berbelanja di el's computer,
Apit Prayitno

Menyimpan Folder Rahasia di Komputer

 

Manusia mempunyai naluri untuk menutupi dan menyembunyikan segala sesuatu yang dirasakannya melanggar norma sosial, norma agama, hukum, dst. Karena pada manusia dikaruniai akal dan hati nurani, maka manusia berusaha untuk menghindarkan dirinya dari rasa malu, dibenci orang, menderita dll. Berikut ini trik untuk menyembunyikan file/folder dikomputer anda.

Salah satu fenomena sosial yang klasik “istri simpanan” terkadang membawa kesulitan tersendiri bagi para aktifisnya. Saya akan membantu mengatasi masalah anda, tapi saya hanya memberikan cara menyimpan foto istri anda tersebut, kalo menyimpan orangnya, wah saya nggak ada pengalaman, dan hal ini murni urusan anda, (ihik…hik….hik).

Kita akan mempelajari TRIK untuk membuat folder rahasia/khusus/pribadi, memang ada beberapa trik yang mungkin kita pernah memakainya. Trik membuat folder rahasia ini khusus menggunakan NOTEPAD yang ada di computer kita. (yang belum tahu bisa KLIK: start/ all program/ accessoris/ Notepad).

Umumnya kita pasti punya file-file pribadi dan rahasia yang tidak ingin diketahui oleh orang lain, nah trik tentulah sangat berguna, misal kita mempunyai dokument penting, buku harian, scaneran surat cinta pertama, dan bahkan mungkin file gambar/video yang kurang sopan, (tahu kan yg saya maksud….he..he. Pasti Faham, orang Indonesia.)

Tahapan dan caranya begini:

1. Buka NOTEPAD.
2. Taruh serangkain Kode yang tertulis dibawah ini atau langsung copy paste aja ke dalam NOTEPAD yang sudah dibuka.

@ECHO OFF
indonezian kunci folder
if EXIST “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}” goto UNLOCK
if NOT EXIST Locker goto MDLOCKER
:CONFIRM
ARE YOU SURE WANT TO LOCK 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 Foldernya dah terkunci
goto End
:UNLOCK
PLEASE INSERT PASSWORD!
set/p “pass=>”
if NOT %pass%== rahasia 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 Foldernya berhasil di buat
goto End
:End

3. Perhatikan Tulisan rahasia yang dicetak tebal diatas adalah sebuah password yang akan digunakan untuk membuka folder yang akan kita simpan. Password ini bisa kita ganti dengan serangkaian huruf atau nomor yang kita sukai dan haruslah selalu diingat.
4. Sesudah mengganti password maka klik File kemudian klik Save As, kemudian ganti Save As Type dengan All Files.
5. Di filename kita isikan extensi *.bat misalnya tuliskan (Rahasia Nafsuku) kemudian Save.
6. Silahkan klik dua kali pada file yang tadi kita simpan dengan extensi *.bat maka akan keluar di cmd.exe (kotak hitam).
7. Lalu kita tulis password yang telah dimasukkan tadi kemudian tekan ENTER.Setelah itu nanti ada muncul sebuah folder dengan nama Locker nah kamu bisa simpan file-file pribadimu disitu , dengan copy paste biasa saja.
8. Langkah terakhir kalau sudahselesai, klik kembali file *.bat yang kamu simpan tadi dan tuliskan “y” kemudian enter untuk mengunci dan menyembunyikan Folder kamu lagi.
Maka selesai sudah TRIKS sederhana ini, Oke cukup mudahkan? Met menyimpan dengan baik, terima kasih (Sha 5 W)..

Source : http://www.shalimow.com

Tips Share Printer Via Wifi

Sering kali kita sering dikantor untuk memprint atau mencetak dokumen tetapi instalasi kabel dan lain2 yang sangat merepotkan dikarenakan kendala beda ruangan atau jauh jaraknya.ini salah satu trik mensharing printer dari komputer yang satu ke banyak komputer selama ia masuk dalam jangkauan wifi yang sama .

silahkan : 

1. Menginstal printer pada salah satu komputer pada jaringan sesuai dengan instruksiprodusen.
2. Buka "Printer dan Fax" folder dengan mengklik "Start", "Control Panel" dan "Printer dan Faks.
3. Right-klik pada printer yang sesuai dalam folder "Printers and Faxes" dan pilih "Berbagi."
4. Klik "Berbagi" tab di kotak dialog yang muncul.
5. Klik pada "Berbagi Printer ini." Masukkan nama untuk printer di tempat yang disediakan. Klik "Apply" dan kemudian klik "OK."
6. Pergi ke komputer lain pada jaringan dan membuka "Printers and Faxes" folder.Double-klik pada "Add Printer" dan klik "Next."
7. Dalam "Add Printer" wizard pilih "Sebuah printer jaringan" dan kemudian klik "Next."
8. Pada dialog "Add Printer" wizard pilih "Browse for Printer" dan kemudian klik "Next." Ini akan memunculkan daftar printer bersama pada jaringan.
9. Pilih printer yang baru saja diinstal dan klik "Next." Ketika ditanya apakah Anda ingin membuat ini printer default, pilih "Ya" jika ini adalah printer hanya pada jaringan atau jika printer Anda akan paling sering digunakan, kemudian klik "Next." Jika Anda tidak memiliki driver untuk printer pada komputer Anda dan kedua komputer memiliki sistem operasi yang sama, maka driver akan secara otomatis diinstal pada komputer baru.Jika tidak, kemudian ikuti instruksi dari pabriknya untuk menginstal driver.
10. Klik "Next." Ketika ditanya apakah halaman uji yang diinginkan, klik "Ya" dan biarkan printer mencetak halaman tes untuk memastikan bahwa semua bekerjaproperly.properly.

Selamat mencoba.....

• Klik "Start" pada komputer yang printer secara fisik terhubung.
• Ketik "Network and Sharing Center" ke dalam kotak "Search" dan tekan "Enter."
• Gulir ke bawah dan klik tombol di sebelah baris untuk "Printer Sharing." Pilih "Aktifkan berbagi printer" dan klik "Terapkan."
• Klik "Start" dan klik "Control Panel."
• Klik "Printer" dan klik kanan printer untuk dibagi pada jaringan nirkabel Anda. Klik "Sharing" dan memeriksa "Berbagi printer ini."

Cara Memasang Widget Twitter Bird di Blogger

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot

Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Pertama-tama silahkan login di Blogger

• Klik Layout > Add Gadget > Html/Javascript
• Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="http://2.bp.blogspot.com/-7doZyLsr9yI/TqNtUCClP4I/AAAAAAAAAF8/ld0bdD3WWj8/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Username";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

• Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
• Simpan dan lihat hasilnya

Warna Pilihan Burung Terbang Twitter

Untuk membuat warna burung twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan

Warna Kuning

• http://3.bp.blogspot.com/-xL1Dk6Bhi4g/TqN5gbyvSCI/AAAAAAAAAGM/jxsjBiRWMLw/s1600/yellow+bird.png

Warna Hitam

• http://1.bp.blogspot.com/-N3RvHfV3MUk/TqN5iPPqAEI/AAAAAAAAAGU/oYKSvsOj108/s1600/black+bird.png

Warna Biru

• http://3.bp.blogspot.com/-FNowQ1mqsLg/TqN5kxq86EI/AAAAAAAAAGc/VzatkjsUAEc/s1600/Blue+bird.png

Warna Coklat

• http://3.bp.blogspot.com/-b-9ncuDJxm0/TqN5nrOnTCI/AAAAAAAAAGk/LREurKp_tLc/s1600/brown+bird.png

Warna Hijau

• http://3.bp.blogspot.com/-SJP4OZmyeCU/TqN5qcyXgGI/AAAAAAAAAGs/jKQaqHF9EkA/s1600/Green+bird.png

Warna Ungu

• http://3.bp.blogspot.com/-Ec4JlrN6yc4/TqN5tIAXDpI/AAAAAAAAAG0/ywnjHeG4ASM/s1600/purple+bird.png

Warna Putih

• http://1.bp.blogspot.com/-qsxd6A0vUFU/TqN5vZVI2-I/AAAAAAAAAG8/lb0Ol5Nbrvw/s1600/white+bird.png

Warna Merah

• http://1.bp.blogspot.com/-knGCnCFCahI/TqN59awa61I/AAAAAAAAAHE/mniE1h9IW14/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..!

Membuat Recent Post Slider Horizontal Automatic

Tutorial kali ini saya akan membahas bagaimana membuat slider Carousel otomatis berdasarkan label. Prinsip kerja dari slider ini sama seperti pada slider otomatis berdasarkan kategori. Anda tinggal mengganti dengan label anda dan slider ini akan bekerja sesuai dengan label yang anda masukkan. Slider Carousel yang saya buat kali ini sangat sederhana dan hanya menggunakan jCarousellite script tanpa menambahkan efek easing dan mousewheel.

Berikut ini adalah  langkah-langkah untuk membuatnya :

1. Login ke blogger dengan akun Anda
2. Setelah itu pilih blog yang ingin anda tambahkan slider ini.
3. Masuk ke template >> Edit HTML, kemudian centang expand widget templates
4. Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :
   
   #carousel{width:950px;height:185px;margin-bottom:0px;position:relative;display:block}
   #carousel .container{position:absolute;left:49px;width:895px;height:185px;overflow:hidden;background:url(http://2.bp.blogspot.com/-i9rfuXWNIjo/T5LAemTP3XI/AAAAAAAAArY/r7FcfxzgZpk/s1600/scroller-bg.png) repeat center}
   #carousel #previous_button{position:absolute;width:49px;height:185px;background:url(http://3.bp.blogspot.com/-APGScJbAlLM/T5LDZ9LDgkI/AAAAAAAAAr4/vGy7EquPGME/s1600/prev.png) center;z-index:100;cursor:pointer;border-right:1px solid #ccc}
   #carousel #previous_button:hover{background:url(http://3.bp.blogspot.com/-4wNqeM6eRvY/T5LGCrdA9iI/AAAAAAAAAsE/4rjwULz47WU/s1600/prev.png) center}
   #carousel #next_button{position:absolute;right:0;width:49px;height:185px;background:url(http://1.bp.blogspot.com/-pSHFy8ff1R0/T5LDZHkHIzI/AAAAAAAAArw/PCfZ762nK3E/s1600/next.png) center;z-index:100;cursor:pointer;border-left:1px solid #ccc}
   #carousel #next_button:hover{background:url(http://2.bp.blogspot.com/-vSaPjyDhEMI/T5LGB-g1_lI/AAAAAAAAAsA/wyUPBLWY15E/s1600/next.png) center}
   #carousel ul{width:100000px;position:relative;margin-top:10px}
   #carousel ul li{background:#fff url(http://3.bp.blogspot.com/-NsKF7TyEX7I/T418sIGTo7I/AAAAAAAAAnc/OdQmhV73piY/s1600/main.png) repeat-x top;display:inline;float:left;text-align:center;font-weight:700;font-size:.9em;line-height:1.2em;border:1px solid #ccc;width:145px;height:150px;margin:0 4px 20px 7px;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
   #carousel ul li:hover{filter:alpha(opacity=75);opacity:.75;}
   #carousel ul li a.slider_title{color:#222;display:block;margin-top:5px}
   #carousel ul li a.slider_title:hover{color:#cd1713}
   #carousel a img{display:block;background:#fff;margin-top:0}
   Perhatikan kode warna biru diatas, itu adalah lebar dan tinggi slider , silahkan Anda sesuaikan dengan ukuran template Anda.
6. Langkah selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :
   
   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
   <script src='http://yourjavascript.com/265232511102/carousellite.js' type='text/javascript'/>
   
   <script type='text/javascript'>
   //<![CDATA[
   imgr = new Array();
   imgr[0] = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";
   showRandomImg = true;
   
   aBold = true;
   
   summaryPost = 140;
   summaryTitle = 25;
   
   numposts1 = 15;
   label1 = "news";
   
   function removeHtmlTag(strx,chop){
   var s = strx.split("<");
   for(var i=0;i<s.length;i++){
   if(s[i].indexOf(">")!=-1){
   s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
   }
   }
   
   s = s.join("");
   s = s.substring(0,chop-1);
   return s;
   }
   function showrecentposts(json) {
   j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
   img = new Array();
   document.write('<ul>');
   for (var i = 0; i < numposts1; i++) {
   var entry = json.feed.entry[i];
   var posttitle = entry.title.$t;
   var pcm;
   var posturl;
   if (i == json.feed.entry.length) break;
   for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'alternate') {
   posturl = entry.link[k].href;
   break;
   }
   }
   
   for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
   pcm = entry.link[k].title.split(" ")[0];
   break;
   }
   }
   
   if ("content" in entry) {
   var postcontent = entry.content.$t;}
   else
   if ("summary" in entry) {
   var postcontent = entry.summary.$t;}
   else var postcontent = "";
   postdate = entry.published.$t;
   if(j>imgr.length-1) j=0;
   img[i] = imgr[j];
   s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
   if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
   //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
   var month = [1,2,3,4,5,6,7,8,9,10,11,12];
   var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
   var day = postdate.split("-")[2].substring(0,2);
   var m = postdate.split("-")[1];
   var y = postdate.split("-")[0];
   for(var u2=0;u2<month.length;u2++){
   if(parseInt(m)==month[u2]) {
   m = month2[u2] ; break;
   }
   }
   
   var daystr = day+ ' ' + m + ' ' + y ;
   var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="145" height="100" class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>';

   
   document.write(trtd);
   j++;
   }
   document.write('</ul>');
   }
   //]]>
   </script>
   Keterangan :
   
   Perhatikan URL script warna merah diatas, itu adalah kode script jQuery.min.js seri terbaru yang saya gunakan untuk membuat slider ini. Jika pada template Anda sudah terdapat jQuery.min.js walaupun serinya berbeda, kode warna merah diatas tidak perlu lagi Anda masukkan. Cukup satu jQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru.
   Sedangkan kode warna biru : 15 adalah jumlah slider yang ditampilkan. Dan news adalah label yang ditampilkan pada slider nantinya (Ingat besar kecil huruf harus sama dengan label yang sudah Anda buat).
7. Langkah selanjutnya adalah memanggil slider tersebut agar muncul di blog kita. Cari kode <div id='main-wrapper'>, kemudian letakkan kode berikut ini diatasnya :
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <div id='carousel'>
   <div id='previous_button'/>
   <div class='container'>
   <script>
   

   document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);

   </script>   
   <div class='clear'/>
   </div>
   <div id='next_button'/>
   </div>
   <script type='text/javascript'>
   (function($) {     $(document).ready(function(){
   $(&quot;#carousel .container&quot;).jCarouselLite({
       auto:4000,
       scroll: 1,
       speed: 800,   
       visible: 5,
       start: 0,
       circular: true,
       btnPrev: &quot;#previous_button&quot;,
       btnNext: &quot;#next_button&quot;
       });
       })})(jQuery)   
   </script>
   </b:if>
   Kode diatas bisa juga anda letakkan dibawah atau diatas navigasi menu Anda atau bisa juga diletakkan diatas footer. 
8. Langkah terakhir, save templates dan lihat hasilnya. Jika Anda ikuti langkah diatas dengan benar, slider Carousel itu akan muncul di blog Anda.

Sangat mudah ya, anda tinggal ikuti langkah-langkah diatas dan baca dengan teliti jangan terburu-buru, Jika masih ada yang kurang jelas silahkan tinggalkan pesan pada kotak komentar yang ada di bawah. Itu tadi tutorial singkat tentang bagaimana cara membuat slider Carousel otomatis berdasarkan kategori atau label kali ini, selamat mencoba dan semoga bermanfaat.

Source : www.maskolis.com

Cara Me-Nonaktifkan Login Screen Pada Windows XP/7

Menu log on sebenarnya dapat diubah menjadi otomatis atau dengan kata lain dihilangkan sehingga user tidak perlu repot2 lagi memasukkan username dan password.

Caranya:

Klik Start >> RUN >>



Kemudian Ketik “control userpasswords2” >> OK >>



unCek (hilangkan centang) pada "Users must enter a user name and password to use this computer" >> Apply >>



Isi nama account yang ingin anda gunakan (disini anda bisa memilih user name yang ingin anda gunakan dan tidak harus Administrator)

>> OK

Jika Masih Belum bisa , Coba dengan Cara yang ke -2
Untuk Windows XP
• Log on ke komputer sebagai administrator
• Klik Start, klik Control Panel, kemudian dobel klik User Account
• Klik Change the way users log on or off
• Pilih (beri centang) pada Use the Welcome screen jika anda ingin mendisable CTRL+ALT+DELETE
• Klik Start, klik RUN, kemudian ketik Control userpasswords2 kemudian tekan ENTER.
• Klik pada  tab Advanced
• Pada Secure logon , Pilih (beri centang) pada Require users to press Ctrl+Alt+Delete  untuk mengaktifkan. Lepas Centang apabila ingin mendisable / menonaktifkan Ctrl Alt Del
• Klik Apply dan OK


Untuk Windows 7 dan Windows Vista
• Log on ke komputer sebagai administrator
• Klik Start, klik RUN, kemudian ketik Netplwiz, tekan Enter

• Pilih Tab Advanced
• Pada Secure logon , Untuk mengaktifkan Pilih (beri centang) pada Require users to press Ctrl+Alt+Delete . Lepas Centang apabila ingin mendisable / menonaktifkan Ctrl Alt Del
• Klik Apply dan OK.


Ada cara lebih mudah yaitu tinggal download dan jalankan tools di bawah ini untuk disable dan enable Control+Alt+del
Link enable
Link Disable


Atau yang ke tiga :



Untuk mendisable atau menonaktifkan welcome screen ikuti langkah-langkah dibawah ini :

Masuk pada control panel > User Accounts

Pada jendela User Accounts, klik pada Change the way users log on or off

Hilangkan tanda centang pada Use the Wellcome screen kemudian klik Apply Options

Selesai .. sekarang jika shobat melakukan booting, maka jendela welcome screen sudah tidak muncul lagi.

Masih Belom bisa Juga ??

Oke , ini ada cara terakhir, Kalian Coba ketik gpedit.msc di Run

Kemudian Computer Configuration\Administrative Templates\System\Logon\ Always wait for the network at computer startup and logon ->

Nah disitu akan banyak sekali configur tentang logon  , Silahkan anda setting sesuka kalian :)

Source : http://imam77.blogspot.com/

Cara Mengaktifkan dan Menonaktifkan Deep Freeze

 

Sudah banyak pengguna PC yang mempercayai DeepFreeze sebagai alat pengaman system pada PC mereka. Untuk menghindari hal-hal yang tidak diinginkan pada system sebuah perangkat komputer tentunya tidak salah jika Deep Freeze bisa menjadi solusinya. Bagi Anda yang belum tahu cara kerjanya, baiklah simak step berikut ini :


1. Download dulu deep freezenya dari SINI
2. Install Deep Freeze
3. Jika sudah sekarang kita akan melakukan Penonaktifannya/
4. Tekan SHIFT + Klik Kiri ke Icon deep freeze disebelah pojok kana bawah. (TrayBar)

 5. Jika ada dialog yang meminta password, langsung saja tekan Oke

6. Jika sudah masuk, anda akan ditampilkan dengan Tampilan Seperti dibawah ini

Keterangan :
1. Boot Frozen : Mengaktifkan Deep freeze pada boot windows selanjutnya
2. Tab Password : Untuk menyetting password yang diinginkan sebelum masuk Deep freeze
3. Tekanlah tombol apply and reboot jika sudah menyetting
4. Boot Thawed On Next Restart : Menonaktifkan deep freeze pada restart windows yang kita inginkan. Misalnya kita isi 2. Berarti pada Restart ke 2 Deep freeze akan terdisable dan restart selanjutnya akan aktif kembali
5. Boot Thawed berarti deep freeze akan terdisable terus menerus.

Source : http://yasiranak252.blogspot.com

Tips Merawat Printer Infus Agar Tetap Awet

Cara Merawat Printer Yang Sudah Di Infus Agar Tidak Mudah Rusak | Tips Komputer | Cara Perawatan Printer Infus, Cara Merawat Printer, Cara Merawat Printer Infus, Cara Perawatan Printer Biar Awet, Perawatan Printer, Printer Canon, Printer Epson, Printer Hp, Printer Yang Sudah Di Infus, Tips Merawat Printer, perawatan printer infus - Printer merupakan alat untuk mencetak apa saja dalam bentuk tinta diatas kertas yang kita sediakan serta mempunyai ukuran yang bermacam - macam sesuai dengan ukuran yang kita inginkan. Printer juga memiliki umur dan bermacam - macam mereknya. Printer pada prinsipnya adalah itu alat untuk mencetak dari media elektronik dalam hal ini komputer/laptop, camera atau pun scanner yang intinya hasil karya kita akan dicetak dalam suatu media kertas dan sesuai dengan ukuran kita. Printer yang dalam keadaan baru kita dari dealer toko printer akan mendapatkan CD driver printer, kabel data ( usb ), kabel power listrik, buku petunjuk, dan buku garansi printer,...
Selanjutnya kita dipermasalahkan dengan kondisi tinta yang akan dipakai. Ada yang beberapa printer boros dalam memakai tinta dan ada juga printer yang irit. Untuk mengatasi itu maka ada beberapa solusi diantaranya memakai tinta infus. Tinta dengan menggunakan infus memang agak sedikit mahal sekitar 200 ribu - 300 ribu sudah komplet, tetapi harga mahal tersebut terbayar dengan keawetan serta iritnya pemakaian tinta selama bertahun - tahun, tentunya juga dengan adanya perawatan. Adapun beberapa perawatan untuk pemakaian printer infus agar tidak rusak hasilnya sebagai berikut :

1. Bukalah tutup tempat tinta ( yang paling kecil ) jika akan dipakai untuk mencetak apapun.
2. Jangan mencetak dahulu sebelum sobat mengklik bagian maintenance dan di head cleaning. Jika printer khususnya tinta infus jarang dipakai. Jika telah usai maka silahkan cetak sesuai dengan keinginan sobat.
3. Jika sobat memakai printer khususnya infus, itu jangan mencetak terlalu banyak, karena ketidak mampuan mesin jika harus terus menerus bekerja mencetak.
4. Jika sobat mencetak dalam jumlah banyak antara 50 lembar, maka harus dimatikan dan dinyalakan lagi ( di restat ) bertujuan agar printer yang menggunakan infus ini tetap awet dan tidak cepat rusak.
5. Jangan terlalu banyak menaruh kertas ditatakan sebelum mencetak, karena beban yang diterima akan merugikan roll dalam mesin printer,yang mengakibatkan priter jadi error.
6. Jika mengisi tinta dalam kotak infus itu jangan terlalu banyak dan harus diisi secukupnya saja, jika kurang kita juga akan mengisi lagi. Hal ini menurut saya agar tekanan yang diberikan pada selang tidak terlalu berlebihan, serta dapat mengawet kondisi printer infus.
7. Jika setelah di head cleaning maka akan dibuang oleh selang kecil di belakang printer, maka sering cek jika telah penuh buanglah pada tempat yang aman dari orang ( anak - anak ).
8. Printer harus dipakai setiap hari, minimal setiap hari 1 lembar di cetak. agar tekanan udara pada infus tetap baik.

Demikianlah sedikit tips agar printer infus tidak mudah rusak.

Source : http://kolombloggratis.blogspot.com

Membuat Navigasi Breadcrumb Di Blogger

Artikel saya kali ini akan membahas tentang fitur navigasi yang terletak di atas atau bisa juga di bawah judul postingan, yang biasa kita kenal dengan nama breadchumb. Pengertian breadcrumb sendiri kurang lebihnya adalah suatu navigasi yang berisikan kategori atau label dari postingan dan bisanya selalu di awali dengan tombol menuju home (halaman depan blog).

Pada dasarnya Breadcrumb merupakan navigasi seo sebaris dengan tautan internal yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke halaman depan dengan cepat. 

Jadi simple-nya seperti ini : search engine selalu membaca label atau tags setiap postingan blog, karena saat ini google sudah tidah menggunakan meta tag keyword lagi untuk mengindeks suatu website/blog, maka yang jadi perhitungan google saat ini adalah meta description dan label (kategori). Maka dari itu semakin relevan sebuah label dengan isi postingan (artikel) maka akan semakin mendapatkan kesempatan tampil di halaman depan google.

Langsung saja pada langkah-langkah pembuatan breadchumb ini : :

• Seperti biasa anda harus login ke Blogger.
• Langsung tuju Edit HTML.
• Klik Expand Template Widget.
• Letakkan kode berikut ini tepat sebelum  kode ]]></b:skin>

  .breadcrumbs{
  padding:5px 5px 5px 0;
  margin:0;font-size:95%;
  line-height:1.4em;
  border-bottom:4px double #cadaef}

• Setelah itu, cari kode seperti ini :

  <div class='post hentry'>

• Letakkan kode berikut ini tepat setelah kode <div class='post hentry'>

  <b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

  Simpan Template.

Itu dulu teman-teman penjelasan dari saya, waktu sudah menunjukkan jam 23.41 menit WIB, jadi udah waktunya tidur nih. Besok saya akan lanjutkan kembali dengan tutorial yang lain.

Souce : www.maskolis.com

Cara Membuat PC Sebagai Virtual Wirelles Router

Cara Membuat PC Sebagai Virtual Wirelles Router - Untuk membuat Virtual Wirelles Router pada PC, kita memerlukan sebuah software yaitu Virtual WiFi Router. Virtual WiFi Router adalah aplikasi portabel yang menjadikan sistem operasi Windows 7 sebagai Wi-Fi Router. Dengan Virtual Wi-Fi router kita bisa berbagi koneksi internet secara nirkabel.

Cara menggunakan Virtual WiFi Router:

• Unduh Softwarennya secara gratis di virtualwifirouter.
• Buka Control Panel - Uninstall a Program - Turn Windows features on or off
• Pada jendela pop-up yang mucul, cari kategori Microsoft .NET Framework, lalu beri tanda centang pada Windows Communication Foundation HTTP Activation dan Non HTTP Activation.
• Atur wirelles Network Connection Properties, buka Network and Sharing Center - Change Adapter Settings, lalu klik Properties. Klik pada tab Sharing.
• Klik dan berikan tanda centang pada Allow other network users to connect through this computer's internet connection. Dengan cara ini akan mengaktifkan sharing pada koneksi internet.
• Jalankan aplikasi Virtual Wi-Fi Router, pilih kartu jaringan dari menu drop-down, lalu klik tombol configure.
• Masukkan nama dan password untuk koneksi virtual yang akan kamu buat, lalu klik Start untuk mengaktifkan hotspot Wi-Fi. Koneksi nirkabel pun telah tersedia. Semua orang yang mengetahui password yang telah kita buat pada aplikasi Virtual Wi-Fi Router akan bisa mengakses koneksi pada jaringan.
• Klik pada tab Clients Connected untuk melihat semua perangkat yang terhubung ke jaringan virtual.

Source : http://dexamaker.blogspot.com

Advanced SystemCare with Antivirus 2013 v5.5 full + Serial

Mungkin sudah tidak asing lagi yaa dengan Advanced SystemCare with Antivirus 2013 v5.5 ini ??
Namun ada yang beda ni, sesuai namanya Advanced SystemCare with Antivirus 2013 v5.5 ini adalah software paket utilities terbaru dari IObit yang dilengkapi dengan antivirus.
Kalo untuk urusan perawatan PC, saya rasa Advanced SystemCare with Antivirus 2013 v5.5 ini tidak perlu diragukan lagi, apalagi terus muncul versi terbarunya yang selalu menjadi lebih baik, lalu bagaimana dengan kekuatan Antivirusnya ??
Di download aja langsung biar kagak penasaran, hehehe

Download via UploadOrb (Installer Only) :

• Download Advanced SystemCare with Antivirus 2013 v5.5 - (57.4 MB)

Download via Sharebeast (Serial+Tips Only) :

• Download ASC with AV 2013 v5.5 [serial] - (1 KB)

#ScreenShot :

#System Requirements :

• Support OS : Windows XP, Vista, 7, 8
• 800 Mhz Processor or Faster
• 512 MB of RAM
• 800 MB Harddisk space

Terima Kasih. .  :)

Semoga Bermanfaat. .  ^_^

post by : http://oktasc.blogspot.com

Membuat Tab View di Blogspot

Untuk menghemat tempat, tab view menu sangat efisien. Ukuran yang relatif kecil tapi bisa memuat banyak space. Hal ini pernah ditanyakan oleh anda blogger pada kolom shout box beberapa minggu yang lalu tentang bagaimana cara membuat menu yang bisa memuat banyak judul, mungkin menu tab view ini yang dimaksud ya. 

Membuat menu dengan tab view memerlukan kode HTML yang lumayan panjang dan agak ribet, jadi sebaiknya simak baik-baik tutorial ini dan yang paling penting jangan lupa untuk backup template andaterlebih dahulu.

Jika setelah jadi nanti lebar atau tinggi menu tidak sesuai, silahkan anda sesuaikan sendiri dengan isi dari menu yang anda gunakan. Karena jika tidak mengerti akan jadi berantakan atau terlihat jelek. Baiklah, sekarang kita menuju pada pokok permasalahan

1. Pertama tentunya harus login dulu ke Blogger dengan akun anda.
2. Tuju Tata Letak.
3. Klik Edit HTML.
4. Jangan lupa backup template ansa terlebih dahulu dengan mengklik Download Template Lengkap.
5. Kemudian letakkan kode javascript berikut sebelum kode </head>
   <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>
6. Setelah itu letakkan kode berikut di atas kode ]]></b:skin>

   div.TabView div.Tabs

   {

   height: 30px;

   overflow: hidden;

   }

   div.TabView div.Tabs a

   {

   float: left;

   display: block;

   width: 98px; /* Lebar Menu Utama Atas */

   text-align: center;

   height: 30px; /* Tinggi Menu Utama Atas */

   padding-top: 3px;

   vertical-align: middle;

   border: 1px solid #BDBDBD; /* Warna border Menu Atas */

   border-bottom-width: 0;

   text-decoration: none;

   font-family: "Verdana", Serif; /* Font Menu Utama Atas */

   font-weight: bold;

   color: #000; /* 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: 3px 5px; }

7. Kemudian Simpan Template.
8. Langkah selanjutnya, silahkan anda klik Tata Letak.
9. Klik Elemen Halaman dan tambahkan Gadget.
10. Pilih yang HTML / Javascript, dan tambahkan kode berikut kedalamnya.

    <form action="tabview.html" method="get"> <div class="TabView" id="TabView"> <div class="Tabs" style="width: 300px;"> <a>Tab 1</a> <a>Tab 2</a> <a>Tab 3</a> </div> <div class="Pages" style="width: 300px; height: 250px;"> <div class="Page"> <div class="Pad"> Tab 1.1 <br /> Tab 1.2 <br /> Tab 1.3 <br /> </div> </div> <div class="Page"> <div class="Pad"> Tab 2.1 <br /> Tab 2.2 <br /> Tab 2.3 <br /> </div> </div> <div class="Page"> <div class="Pad"> Tab 3.1 <br /> Tab 3.2 <br /> Tab 3.3 <br /> </div> </div> </div> </div> </form> <script type="text/javascript"> tabview_initialize('TabView'); </script>

11. Kemudian Simpan.

Keterangan :

• Untuk kode yang berwarna merah adalah lebar dan tinggi menu, silahkan anda sesuaikan dengan isi.
• Kode yang berwarna biru silahkan sobat isi dengan judul - judul dari menu.
• Dan yang berwarna ungu, adalah isi dari menu. Anda bisa menambahkan link, gambar, banner, dll.

Selamat mencoba dan semoga bermanfaat.

Sumber : www.maskolis.com

Membuat Recent Post Slider With Thumbnail

Cara Membuat Recent Post Slider With Thumbnail - Hari ini kita akan mempelajari tentang recent post dengan versi thumbnail atau Cara Membuat Recent Post Slider With Thumbnail.

Recent Post Slider With Thumbnail? Sebelumnya kita harus tahu dulu thumbnails itu apa.
Thumbnails merupakan gambar atau pictures yang terpajang di media-media, contohnya widget yang sekarang kita bahas ini. Gambar yang dihiasi kata-kata dari javascript ini sangat bagus. Anda tidak akan menyesal untuk mencobanya.



Recent post dengan thumbnails ini berbeda dengan artikel terbaru yang hanya menggunakan bullet sebagai penghiasnya. Slideshow kali ini dilengkapi dengan efek marquee/berjalan  yang membuat blog kita semakin cantik. Dengan membuat Slide Show pada halaman blog kita, pengunjung akan lebih mudah lagi untuk menyelusuri daftar isi pada blog yang kita buat.

Tertarik membuatnya? Ikuti langkah berikut di bawah ini.
1. Login ke akun blogger sobat.
2. Lalu klik rancangan - tambah gadget - pilih HTML/Javascript.

3. Lalu masukkan kode di bawah ini di kolom tersebut.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">

<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:355px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:335px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</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 = 300;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 60;
thumbheight = 60;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "Reply(s)";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://daw-xp.blogspot.com/";
limitspy=5
intervalspy=6000
</script>

<div id="spylist">
    <script type='text/javascript'>
//<![CDATA[
 /*
 * Script dikombinasikan dari bloggerstricks.com
 * spy effect dari jqueryfordesigners.com
 * Oleh Abu Farhan (www.abu-farhan.com)
 * Modifikasi oleh daw-xp.blogspot.com
 */
jQuery(function(){jQuery("ul.spy").simpleSpy(limitspy,intervalspy).bind("mouseenter",function(){jQuery(this).trigger("stop")}).bind("mouseleave",function(){jQuery(this).trigger("start")})});(function(e){e.fn.simpleSpy=function(f,g){f=f||4;g=g||5000;return this.each(function(){var l=e(this),k=true,i=[],m=f,o=0,h=l.find("> li:first").height();l.find("> li").each(function(){i.push("<li>"+e(this).html()+"</li>")});o=i.length;l.wrap('<div class="spyWrapper" />').parent().css({height:h*f});l.find("> li").filter(":gt("+(f-1)+")").remove();l.bind("stop",function(){k=false}).bind("start",function(){k=true});function n(){if(k){var p=e(i[m]).css({height:0,opacity:0,display:"none"}).prependTo(l);l.find("> li:last").animate({opacity:0},1000,function(){p.animate({height:h},1000).animate({opacity:1},1000);e(this).remove()});m++;if(m>=o){m=0}}setTimeout(n,g)}n()})}})(jQuery);function showrecentposts(z){document.write('<ul class="spy">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var o=0;o<numposts;o++){var w=z.feed.entry[o];var g=w.title.$t;var f;var p;if(o==z.feed.entry.length){break}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="alternate"){p=w.link[l].href;break}}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="replies"&&w.link[l].type=="text/html"){f=w.link[l].title.split(" ")[0];break}}if("content" in w){var r=w.content.$t}else{if("summary" in w){var r=w.summary.$t}else{var r=""}}postdate=w.published.$t;if(j>imgr.length-1){j=0}img[o]=imgr[j];s=r;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){img[o]=d}cmtext=(text!="no")?'<i><font color="'+acolor+'">('+f+" "+text+")</font></i>":"";var q=[1,2,3,4,5,6,7,8,9,10,11,12];var x=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var u=postdate.split("-")[2].substring(0,2);var h=postdate.split("-")[1];var t=postdate.split("-")[0];for(var e=0;e<q.length;e++){if(parseInt(h)==q[e]){h=x[e];break}}var n=(showPostDate)?'<i><font color="'+acolor+'"> ('+u+" "+h+" "+t+")</font></i>":"";g=(aBold)?"<b>"+g+"</b>":g;var v='<li><a href="'+p+'"><img src="'+img[o]+'" width="'+thumbwidth+'" height="'+thumbheight+'" class="recent-thumb"/></a><a href="'+p+'" class="recent-link">'+g+'</a><div class="spydate">'+n+'</div><div class="spycomment">'+cmtext+"</div>";document.write(v);j++}document.write("</ul>")}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');
//]]>
</script>
</div>

• boxwidth = 300 adalah lebar widget dalam pixel (px), ganti nilainya sesuai dengan lebar sidebar blog.
• text = "Reply(s)" adalah teks di belakang jumlah komentar, ganti Reply(s) sesuai keinginan, misalnya: komentar, comment(s), dll.
• numposts = 10; adalah jumlah posting terbaru yg akan di-crawl, ganti nilainya sesuai keinginan.
• limitspy=5 adalah jumlah posting terbaru dalam sekali tampilan, ganti nilainya sesuai keinginan.
• intervalspy=6000 adalah kecepatan scroll / spy dalam milisecond (ms), ganti nilainya untuk mengatur kecepatannya.

4. Save widget dan lihat hasilnya.

Selesai sudah