Dunia Maya

Dulu saya pernah menerbitkan artikel tentang Cara Install Windows XP Menggunakan Flashdisk, namun karena sesuatu dan lain hal blog tempat saya membuat tentang tips dan trik seputar komputer, internet dan software saya non aktifkan. Namun beberapa hari belakangan ini saya mulai bersemangat lagi untuk membuat artikel-artikel menarik seputar komputer, internet dan software yang mungkin dapat bermanfaat untuk pengunjung blog ini.

Sampai saat ini wordpress masih jadi salah satu CMS (Content Managemen System) terbaik untuk mesin blog, gratis digunakan, mudah instalasinya, tersedia ribuan theme dan plugin dan masih banyak lagi. Kelebihan lainnya, di samping versi online, wordpress juga bisa diinstall di komputer lokal.

Instant WordPress

Selain XAMPP yang begitu populer, bagi yang belum tahu sebenarnya ada aplikasi lain untuk install wordpress di komputer lokal dengan lebih mudah, nama aplikasinya yaitu Instant WordPress. Saya sendiri sudah menggunakannya hampir satu tahun, dan menurut saya aplikasi ini malah lebih baik dibandingkan XAMPP karena aplikasi ini bersifat portable (tidak perlu diinstall) sehingga sangat mudah untuk dibuka di komputer lainnya tanpa perlu diinstall lagi (bisa dibuka lewat Flasdisk). Kelebihan lainnya, dengan Instant Wordpress kita tidak perlu install apache (web server), tidak perlu membuat mysql (database) dll, pokoknya tinggal download » ekstrak » buka aplikasi beres (pokoknya tinggal leb …).
Berikut ini beberapa fitur yang ada di Instant WordPress. Ketika pertama membuka Instant WordPress, kita langsung akan dibawa ke menu utama yang terdiri dari 6 menu utama yaitu :

• WordPress Frontpage, jika diklik kita akan dibawa ke halaman utama blog atau halaman index (home) dengan URL : http://127.0.0.1:4001/wordpress
• WordPress Admin, jika diklik kita akan dibawa ke halaman untuk login (administrator) dengan usename:admin dan passwordnya:password
• Plugins Folder, jika diklik kita akan dibawa ke folder plugins, di sini kita bisa menginstall plugin baru (selain lewat dashboard » plugins), atau mungkin mau ngoprek plugin yang telah ada juga bisa.
• Themes Folder, hampir sama seperti plugins folder, jika diklik kita akan dibawa ke folder theme, di sini kita bisa menambahkan theme baru (selain lewat dashboard » theme), atau mungkin mau ngoprek file css, javascript dll ya terserah anda heeeee….
• MySQL Admin, ini adalah menu untuk membuka halaman MySQL dan management database, nah di sini kita bisa mengenal lebih jauh tabel-tabel yang ada di database seperti wp_post, wp_comments, wp_users dan lain-lain. Untuk masuk ke MySQL Admin gunakan username:root password: dikosongkan.
• Documentation. Menu ini hanya berisi link untuk diarahkan ke halaman dokumentasi online tentang Instant WordPress.

Saat ini Instant WordPress sudah sampai versi 4.1, namun bagi yang masih menginginkan versi yang lama masih tersedia link download untuk versi 4.0 dan 3.3. Untuk veri 4.1 ini paket yang ada di dalamnya antara lain :

• WordPress versi 3.2.
• Apache 2.2.15 (Win32).
• PHP 5.3.2.
• MySQL 5.1.46-community-nt.
• Sudah tersedia beberapa contoh postingan.

Ok cekidot.
http://www.instantwp.com/go/instantwp41
Update :
http://www.instantwp.com/download/ 

Cara Merubah Tampilan Page Navigasi Dengan Angka

Di template original Blogger sebenarnya sudah terdapat page navigasi di bawah postingan ( old post dan Never post ), tapi tampilanya kurang menarik. Tampilan tersebut bisa kita rubah dengan menggunakan angka, tetapi fungsinya tetap sama, caranya hanya dengan memasukan beberapa kode di templatenya.



Nah, di postingan kali ini saya mau coba berbagi info bagaimana Cara merubah tampilan page navigasi dengan angka.

Berikut langkah -  langkahnya :

• Seperti biasa masuk dulu ke akun blog anda
• Masuk ke Rancangan --> Edit HTML  (tidak perlu memberikan klik pada Expand template widget)
• Cari kode  ]]></b:skin> Kemudian Copy dan paste kode CSS berikut tepat diatas kode  ]]</b:skin>  

/* -- NUMBER PAGE NAVIGATION -- */
.showpageNum a{font:15px Arial,Verdana;padding:4px 8px;margin:0 4px;text-decoration:none;border:0 solid #333;background:#dfdfdf;color:#686868;border:1px solid #989898}
.showpageOf{margin:0 8px 0 0;color:#222;font:15px Arial,Verdana}
.showpageNum a:hover{color:#494949;background:#dfdfdf;border:1px solid #626262}
.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#111}
.showpagePoint{color:#434343;font:bold 15px Arial,Verdana;padding:4px 8px;margin:2px;border:1px solid #b6b5b5;background:#fff;text-decoration:none}

• Cari kode </body> kemudian Copy dan paste kode dibawah ini tepat diatas kode </body>

<!-- PAGE NAVIGATION START-->
<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
var upPageWord =&#39;&#171; &#39;;
var downPageWord =&#39; &#187;&#39;;
</script>
<script src='http://u-sup.googlecode.com/files/page_num.js' type='text/javascript'/>
 <!-- PAGE NAVIGATION END-->

• Klik Simpan Template, dan silahkan lihat hasilnya, Wow,..

Keterangan :
Perhatikan pada kode yang dicetak biru itu dapat anda sesuaikan dengan keingin anda kode tersebutlah yang menentukan berapa jumlah posting yang akan ditampilkan pada setiap halamannya, contoh saya akan menampilkan 10 Posting  dan 5 tombol angka navigasi berarti kode saya sebagai berikut :
var pageCount=10;
var displayPageNum=5;

Dan untuk merubah Tampilan silahkan rubah kode CSSnya sesuai dengan selera anda, jika merasa tampilannya kurang cantik menurut anda!

Mudah bukan, ayo di coba biar nambah lagi ilmunya,... Semoga bermanfaat..

Udah lama banget ga ngisi postingan di blog tutorial ini. Sekarang saya hanya ingin share dikit tentang cara mudah dan praktis membuat iklan melayang di blog.

Langsung saja ya,..

Berikut langkah-langkahnya:

• Langkah pertama jelas mesti login dulu ke akun blogger anda
• Buat Widget baru (Pilih yg Javascript ya) di sidebar lalu masukan kode dibawah ini kedalam kotak widget baru tersebut:

<p><center><a href='http://goo.gl/TEZZ9' rel='nofollow' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9VAqIBkSFh_UV0oMfqBlkOBcl7An0jJYMbJGV-di9hBvOdelf5ZQ6CgrauVre7n-vB09bhv1iKlNC8Iwhc6mVaoqdC91uNubRjjUXhSkLy7H6RslYjllLlU-u0hjqlv8jc-_BlFxR6kvZ/s1600/recognition-abenetworkweb.gif'/></a></center></p>


<style type="text/css">
#gb{
position:fixed;
top:0px;
z-index:+1000;
}
* html #gb{position:relative;}


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

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

<div id="gb">

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

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:<img src="http://lh6.ggpht.com/_RVpTV2JOOxA/S8X3Rh5G2OI/AAAAAAAACxI/0zISG8UL24A/tutup_iklan_t4belajarblogger.png" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>

[ MASUKAN KODE IKLAN ANDA DISINI ]

</center>

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

•  Lalu Save/Simpan. Selesai.

**Untuk mengatur tampilan seperti background, tinggi, border, anda bisa edit yang  tulisan berwarna merah.

Itulah Cara mudah dan praktis membuat iklan melayang, semoga bermanfaat.

Cara Membuat Peringatan Klik Kanan Di Blog, jika sebelumnya menulis artikel cara menonaktifkan klik kanan / disable klik kanan dengan peringatan, kali ini membahas hal yang sama, tapi hanya memberi peringatan saat pembaca blog sobat melakukan klik kanan di blog sobat,, cara ini tidak berpengaruh apa-apa hanya memberi peringatan/pesan kepada pembaca.
jika pembaca mengklik ok pada peringatan tersebut maka klik kanan akan berfungsi seperti biasa

ok sob langsung aja ke cara membuatnya:
1.login ke blog sobat
2.TataLetak > Tambah Gatget > HTML/JavaScript

<script language='javascript'>
<!--
//edit by CaraBadut

var message="Terimakasih telah berkunjung di blog saya,, silahkan tinggalkan komentar, karna blog ini blog yang DOFOLLOW, untuk menambah site link sobat.. maaf jika pesan ini mengganggu aktifitas sobat, karena kritik dan saran merupakan hal yang sangat membantu dalah pembuatan blog ini :)";
///////////////////////////////////

document.oncontextmenu=new Function("alert(message);return true")
// -->
</script>

tulisan yang ber warna merah bisa sobat ganti dengan kalimat sobat :)
3.save widget

jika ada pertanyaan silahkan tulis di komentar :)

Cara Membuat Tampilan Menu Scroll Pada Arsip Blog

Arsip blog merupakan salah satu menu penting yang harus anda pasang di blog, karena dengan adanya arsip blog tersebut akan memudahkan pengunjung menemukan semua artikel yang ada di blog tersebut.


Tapi meskipun begitu banyak para blogger yag enggan untuk memasangnya dikarenakan ekan memakan banyak tempat apalagi jika jumlah artikelnya sudah banyak tentuk membutuhkan tempat yang luas.


Nah, kali ini ane dapat solusi untuk masalah tersebut yaitu dengan cara membuat tampilan menu scroll. Cara ini ane dapat setelah dari search di mbah google dan setelah ane coba ternyata berhasil.

Berikut langkah bagaimana cara merubah tampilan arsip blog dengan menu scroll :

• Seperti biasa masuk dulu ke akun blog anda
• Pilih menu design -- > Seting elemen widget arsip anda pake gaya Hierarki
• Setelah selesai, pindah kemenu Edit Html -- > Centang kotak expand widget
• Cari kode seperti dibawah ini (Tekan keyboard tombol Ctrl + F untuk mempermudah pencarian dengan memasukan kata yang dicari di dalamnya)

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
          <b:includable id='main'>
          <b:if cond='data:title'>
          <h2><data:title/></h2>
          </b:if>
          <div class='widget-content'>
          <div id='ArchiveList'>
          <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
          <b:if cond='data:style == &quot;HIERARCHY&quot;'>
          <b:include data='data' name='interval'/>
          </b:if>
          <b:if cond='data:style == &quot;FLAT&quot;'>
          <b:include data='data' name='flat'/>
          </b:if>
          <b:if cond='data:style == &quot;MENU&quot;'>
          <b:include data='data' name='menu'/>
          </b:if>
          </div>
          </div>
          <b:include name='quickedit'/>

• Sisipkan kode dibawah ini tepat diatas kode <div id='ArchiveList'>

<div style='overflow:auto; width:ancho; height:100px;'>

• Tambahkan kode </div> diatas <b:include name='quickedit'/>
• Tampilan keseluruhan kode menjadi

 <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
          <b:includable id='main'>
          <b:if cond='data:title'>
          <h2><data:title/></h2>
          </b:if>
          <div class='widget-content'>
          <div style='overflow:auto; width:ancho; height:100px;'>
          <div id='ArchiveList'>
          <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
          <b:if cond='data:style == &quot;HIERARCHY&quot;'>
          <b:include data='data' name='interval'/>
          </b:if>
          <b:if cond='data:style == &quot;FLAT&quot;'>
          <b:include data='data' name='flat'/>
          </b:if>
          <b:if cond='data:style == &quot;MENU&quot;'>
          <b:include data='data' name='menu'/>
          </b:if>
          </div>
          </div></div>
          <b:include name='quickedit'/>

• Terakhir klik Save. Selasai.

Keterangan :

• Sebelum melakukan edit HTML template blog, selalu back up dengan cara download terlebih dahulu template blog kita untuk mengantisipasi kegagalan saat proses edit HTML berlangsung.
• Pada kode yang ditambahkan berikut ini, <div style='overflow:auto; width:ancho; height:100px;'>, angka 100px pada height menunjukan tinggi dari scroll sebagai pembungkus yang kita buat. Atur sesuai selera.
• Sebelum melakukan edit HTML untuk merubah tampilan arsip blog dengan model scroll, pastikan kita telah merubah model arsip blog kita menjadi model hierarki terlebih dahulu. Untuk tampilannya apakah dimuat perbulan atau perminggu tidak masalah.

Bagaimana, mudah bukan. Yang penting anda teliti pasti bisa. Semoga bermanfaat.

Cara Membobol DeepFreez,  sobat sudah tau dpnk apa itu DF(deepFreez)? jika sobat sudah berniat mau membobolnya tentunya sudah tau apa itu deepfreez.

jika sobat menggunakan deepfreez dan sobat lupa password dari DF sobat apa,, maka langkah yang harus di lakukan adalah instal ulang.

tapi cara itu dapat di atasi dengan cara berikut ini sob, sobat tinggal gunakan saja software pembobol deepfreez, yach cara ini sepertinya cukup efektif, CB sudah gunakan di beberapa Versi Deepfreez,
jika sobat CB ada yang berminat untuk mencoba, silahkan download softwarenya di sini

download software anti deepfreez

semoga bermanfaat :)

 Cara Menambah Elemen di Bawah Header Blog, ada beberapa hal hingga kita harus menempat kan lement di tempat2 tertentu,, Elemen atau Tambah Widget terkadang tidak kita temui di bawah header,, seperti Template yang CB gunakan ini, tidak menyediakan Element Tambah Widget Di Header hanya menyediakan Tambah element di bagian side/samping saja.

jika sobat CB mengalami hal yang sama dan ingin menambahkan element di bawah header sobat. sobat bisa menggunakan trik berikut ini

1.login ke blog sobat
2.Template > Edit HTML
3.cari kode yang mirip dengan kode berikut ini:

<div class='blogname'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Cara Badut (Header)' type='Header'/>
</b:section>
</div>

atau untuk lebih mudahnya silahkan sobat cari kode showaddelement  jika ketemu dan kodenya mirip dengan yang di atas, silahkan sobat lakukan pengeditan

4.ganti menjadi seperti di bawah ini

<div class='blogname'>
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Cara Badut (Header)' type='Header'/>
</b:section>
</div>

angka 2 bisa sobat ganti dengan jumlah element yang ingin sobat tambahkan
5.save template sobat
6.buka Tata Letak sobat dan lihat di header akan ada elemen yang bertambah,, sobat bisa menambah gatget yang sobat suka di bawah header sobat


semoga bermanfaat :)

Cara Membuat Show/Hide Komentar Blog, sebuah blog tentunya membutuhkan komentar, jika sobat menampilkan komentar di blog sobat dan artikel sobat memiliki banyak komentar tentunya akan memakan bnayk waktu untuk membuka artikel tersebut,, seperti yang kita ketahui menunggu merupakan hal yang sangat membosankan, jika pengunjung blog sobat merasa terganngu karena harus menunggu lama dan itu di sebabkan komentar di artikel sobat yang sangat banyak, sobat bisa mengatasinya dengan cara berikut

Cara Membuat Show/Hide Komentar Blog:
1.login ke blog sobat
2.silahkan sobat cari kode </Head> gunakan F3 untuk pencarian
3.letakkan kode berikut ini tepat di atas kode <Head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var panelSelector = '#comments',
openPanelText = "Tampilkan Komentar",
closePanelText = "Tutup Komentar",
slideDownPanelSpeed = 600,
slideUpPanelSpeed = 400;
//]]>
</script>
<script type='text/javascript'>
</script>
<script src='http://membuatgempar.net23.net/comment.js' type='text/javascript'/>

4.letakkan kode berikut ini di atas kode ]]></b:skin>

a.openpanel {display:block;width:100%;height:40px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background:#ffffff; url()repeat-x;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;position:relative;
}a.openpanel em {width:0px;height:0px;display:block;position:absolute;top:15px; right:15px;border:6px solid transparent;border-top-color:white;
}a.openpanel.active {background-color:#ffffff;}a.openpanel.active em {top:6px;border color:#222222;
}div.paneline {height:0px;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;}div.hompiPanel {padding:10px 20px 20px;margin:0px 0px !important;}

5.save template sobat

semoga berhasil dan semoga bermanfaat :)

Download Anti DeepFreez. ops software ini sangat membantu bagi sobat-sobat yg lupa password deepfreez sobat karna jika sobat lupa Password DF sobat, sobat tidak akan bisa menginstal ap2 di komputer sobat, karna jika di instal dan komputer di matikan atau di restart, maka secara otomatis DF bekerja,, menghilangkan file apa saja yang baru sobat masukkan.

untuk mengatasi itu tanpa harus INUL(instal ulang) hahahaah copas :P
sebaikknya sobat coba software ini software ini komplit sob,, ada video untuk cara menggunkannya juga di dalam,,

ok langsung aja sob download softwarenya :)

Cara memasang TV online di Blog, bagi sobat CB yang suka menonton TV sobat CB bisa menambahkan widget ini di blog sobat, widget ini akan menampilkan acara-acara dari televisi indonesia! sobat CB bisa sambil nonton sambil bloggeran so sobat CB tidak ketinggalan acara kesayangan sobat

ok langsung aja sob ke cara membuatnya:
1.login ke blog sobat
2.Tata Letak > tambah Gatget > HTML/JavaScript
3.tambahkan kode berikut

 <embed align="top" allowfullscreen="true" allowscriptaccess="sameDomain" bgcolor="#ffffff" devicefont="false" height="790" menu="true" name="MivoTV" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" scale="noscale" scroll="auto" src="http://id.imediabiz.com/MivoTV.swf?r=' + Math.round(Math.random() * 99999) + '" type="application/x-shockwave-flash" width="100%" wmode="transparent"></embed>

agar tv online ini bisa tampil sobat harus sudah menginstal flasplayer di komputer sobat untuk download flash player versi terbaru silahkan kunjungi situs resminya http://get.adobe.com/flashplayer/
4.done

semoga bermanfaat :)

(<data:label.count/>)

4.setelah sobat temukan, silahkan sobat hapus kode tersebut
5.save template sobat

selesai,, simple kan sob:)

<span style="float: left; color: black; font-size: 50px; line-height: 30px; padding-top: 5px; padding-right: 5px; font-family: arial;">S</span>silahkan sobat ganti kata-kata berikut ini

 tampilannya akan seperti ini:
Ssilahkan sobat ganti kata-kata berikut ini


hurus S bisa sobat ganti dengan huruf pertama yang ingin sobat tampilkan lebih besar/drop cap

karna cara ini cukup simple,saya rasa cukup sekian penjelasannya
jika sobat masi kurang mengerti silahkan kirim pertanyaan di komentar :)