Membuat Blog Anti Copy, Anti Klik Kanan dan Anti Blok

Tidak mau posting anda dicopy oleh seseorang, Ingin webnya tidak bisa diklik kanan, atau ingin webnya tidak bisa diblok, Inilah trick singkat untuk mengubah blog anda menjadi blog yang Anti Copy...

1. Copy seluruh isi script anti copy yang dibawah ini
<script language='javascript'><br /> var message="Maat atas Ketidaknyamanan ini, Anda tidak bisa copy paste artikel ini, hargailah artikel orang lain!!! Terimakasih";<br /> ///////////////////////////////////<br /> function clickIE4(){<br /> if (event.button==2){<br /> alert(message);<br /> return false;<br /> }<br /> }<br /> function clickNS4(e){<br /> if (document.layers||document.getElementById&&!document.all){<br /> if (e.which==2||e.which==3){<br /> alert(message);<br /> return false;<br /> }<br /> }<br /> }<br /> if (document.layers){<br /> document.captureEvents(Event.MOUSEDOWN);<br /> document.onmousedown=clickNS4;<br /> }<br /> else if (document.all&&!document.getElementById){<br /> document.onmousedown=clickIE4;<br /> }<br /> document.oncontextmenu=new Function("alert(message);return false")<br /> // --><br /> </script><br /> <script language="javascript"><br /> function onKeyDown() {<br /> alert("Anda tidak bisa menggunakan ctrl+c dan ctrl+v"); // commentnya<br /> // current pressed key<br /> var pressedKey = String.fromCharCode(event.keyCode).toLowerCase();<br /> if (event.ctrlKey && (pressedKey == "c" ||<br /> pressedKey == "v")) {<br /> // disable key press porcessing<br /> event.returnValue = false;<br /> }<br /> } // onKeyDown<br /> </script><br /> <br /> <br /> <br /> <script language="JavaScript"><br /> //Disable klik kanan di mouse kamu<br /> <br /> <br /> //pesan yang akan ditampilkan bila kamu klik kanan<br /> var message="Maaf, anda tidak dapat menggunakan klik kanan";<br /> <br /> //Kode selanjutnya merupakan fungsi untuk mendisable klik kanannya<br /> function clickIE4(){<br /> if (event.button==2){<br /> alert(message);<br /> return false;<br /> }<br /> }<br /> function clickNS4(e){<br /> if (document.layers||document.getElementById&&!docume nt.all){<br /> if (e.which==2||e.which==3){<br /> alert(message);<br /> return false;<br /> }<br /> }<br /> }<br /> if (document.layers){<br /> document.captureEvents(Event.MOUSEDOWN);<br /> document.onmousedown=clickNS4;<br /> }<br /> else if (document.all&&!document.getElementById){<br /> document.onmousedown=clickIE4;<br /> }<br /> document.oncontextmenu=new Function("alert(message);return false")<br /> <br /> </script><br /> <br /> <br /> <script type="text/javascript"><br /> <!--<br /> //Disable select-text script (IE4+, NS6+)<br /> ///////////////////////////////////<br /> function disableselect(e){<br /> return false<br /> }<br /> function reEnable(){<br /> return true<br /> }<br /> //if IE4+<br /> document.onselectstart=new Function ("return false")<br /> //if NS6<br /> if (window.sidebar){<br /> document.onmousedown=disableselect<br /> document.onclick=reEnable<br /> }<br /> // --><br /> </script>
2. Buka Layout di admin blogger anda. dan klik add a gadget >>  html/javascript
3. Paste script di gadgetnya, dan klik save ...

 Script Anticopy sudah terpasang di blog anda...

Read More

Cara Mudah Publikasikan Blog dengan Technorati

Technorati adalah salah satu search engine yang mengkhususkan diri pada blog, saat ini sudah jutaan blog yang terdaftar di Technorati. Sebagai sebuah komunitas yang besar, Technorati bisa menjadi salah satu sumber untuk mendapatkan pengunjung. Karena itu sangat berasalan bagi kita untuk ikut mendaftarkan blog yang kita buat pada Technorati. Disamping untuk menjaring pengunjung, Technorati juga bisa dijadikan alat untuk mencari link dari blog-blog lain yang mempunyai tema yang sama.

Technorati merupakan salah satu directory blog yang cukup populer, Sampai saat ini technorati masih menjadi favorite para blogger jadi tidak ada salahnya jika kita mendaftarkan kelayanan ini. Keuntungan dari layanan ini yaitu selain blog kita akan dikenal luas sekaligus meningkatkan trafik pada blog kita

Technorati merupakan salah satu webmaster yang sangat berpengaruh untuk peningkatan page rank pada blog maupun situs yang anda miliki dan tentu saja traffic yang tinggi.
Daftarkan blogmu segera di Technorati

Read More

Cara Membuat DTree Menu

Semakin lama, HP saya sepertinya dah banyak error nih. Dulu penerima sinyalnya yang error. Masih tetap ada sinyal 3G walaupun saya bawa didaerah yang tidak tercoverage 3G. Akhirnya jalan satu - satunya adalah upgrade. Berhasil!!! Sekarang mulai error lagi. Ditambah lagi sinyalnya penuh terus. Pasti orang akan senang kalau sinyalnya penuh terus, tetapi kalau di daerah tanpa sinyal tetap ada sinyal di HP bagaimana? Aneh kan? Tanda 3G juga gak hilang - hilang tuh. Karena males upgrade firmware, ya tetap pake saja sebagai modem. Putus - putus gak jelas deh akhirnya nih koneksi. Tetapi tetap setia berbagi pengalaman. Beginilah sepenggal cerita dari saya, tetapi posting kali ini tidak menceritakan tentang itu.......!!

Seperti judul postingnya, saya akan berbagi dengan para sahabat blogger tentang cara membuat DTree Menu. Apa itu DTree Menu? Tidak akan saya jelaskan karena bisa kalian lihat sendiri di pojok kiri atas blog ini. Di daftar artikel, seperti model explorer windows kan? Nah itulah DTree menu. Maaf bila salah dalam pemberian nama ya. Yang penting semua mengerti.

Bagi yang ingin membuatnya, berikut ini adalah langkah - langkahnya (pakai blogger bahasa indonesia):

1. Buka blog kamu (khusus pengguna blogger)
2. Log in dengan email dan password kamu seperti biasa
3. Buka tata letak kemudian edit HTML
4. Cari kode berikut :
   
   ]]></b:skin>
5. Bila kesulitan, bisa kamu cari dengan menekan Ctrl + F dan ketikkan code yang ingin kamu cari.
6. Letakkan kode dibawah ini diatas kode tersebut :
   
   
   
   .dtree {
   font-family: Arial, Sans-serif;
   font-size: 12px;
   color: #fff;
   white-space: nowrap;
   }
   .dtree img {
   border: 0px;
   vertical-align: middle;
   }
   .dtree a {
   color: #FFFFFF;
   text-decoration: none;
   }
   .dtree a.node, .dtree a.nodeSel {
   white-space: nowrap;
   padding: 1px 2px 1px 2px;
   }
   .dtree a.node:hover, .dtree a.nodeSel:hover {
   color: #FFFFFF;
   text-decoration: underline;
   }
   .dtree a.nodeSel {
   background-color: #c0d2ec;
   }
   .dtree .clip {
   overflow:;
   }
7. Kode dibawah ini kamu letakkan di bawah kode ]]></b:skin>
   
   
   
   <script src='http://kacrut82.googlepages.com/dtree.js' type='text/javascript'/>
8. Setelah itu simpan template kamu

Bagian pertama telah selesai, lanjut ke bagian selanjutnya.

1. Setelah template tersimpan, buka Elemen Halaman dan tambah gadget (Add Widget)
2. Tambah HTML/Javascript
3. Isi widget dengan code berikut :
   
   
   
   <div class="dtree">
   <script type="text/javascript">
   <!--
   d = new dTree('d');
   d.add(0,-1,'My example tree');
   d.add(1,0,'Node 1','link.html');
   d.add(2,1,'Node 1.1','link.html');
   d.add(3,2,'Node 1.1.1','link.html');
   d.add(4,3,'Node 1.1.1.1','link.html');
   d.add(5,0,'Node 2','link.html');
   d.add(6,5,'Node 2.1','link.html');
   d.add(7,5,'Node 2.2','link.html');
   d.add(8,0,'Node 3','link.html');
   d.add(9,0,'Node 5','link.html');
   document.write(d);
   //-->
   </script>
   </div>
4. Ganti "Node" dengan judul posting kamu dan "Link .html" dengan link dari judul posting tersebut.
5. Code pada wigdet diatas akan menampilkan beberapa bagian dari menu.
6. Bila kurang jelas, bisa kamu lihat contoh code dari blog ini (menghasilkan 1 bagian dari 1 menu). Berikut ini adalah codenya :
   
   
   
   <h2 class="title"><span style="color: rgb(51, 255, 51);">Daftar Artikel</span></h2>
   <div class="dtree">
   <div style="overflow: auto; border: 1px solid rgb(128, 128, 128); color: rgb(255, 255, 0); padding: 5px 5px 5px 5px;">
   <script type="text/javascript">
   
   
   <!--
   d = new dTree('d');
   
   /*---------------------------------------------------*/
   
   
   d.add(0,-1,'Rattlenetwork');
   
   d.add(1,0,'Bisnis Online Gratis');
   
   d.add(2,1,'Penawaran Bonus (Cashback For Referral)','http://rattlenetwork.blogspot.com/2009/07/penawaran-bonus-cashback-for-referral.html');
   
   d.add(3,1,'Apa Itu Paid To Click','http://rattlenetwork.blogspot.com/2009/06/apa-itu-ptc-paid-to-click.html');
   
   /*---------------------------------------------------*/
   
   d.add(100,0,'Free Software');
   
   d.add(101,100,'Software Bagus Nih!','http://rattlenetwork.blogspot.com/2009/06/software-software-bagus-nih.html');
   
   d.add(102,100,'Camfrog Chat Paling Asik','http://rattlenetwork.blogspot.com/2009/06/camfrog-chat-paling-asik.html');
   
   d.add(103,100,'Uninstall Program Sampai Bersih Dengan Your Uninstaller Pro','http://rattlenetwork.blogspot.com/2009/08/uninstall-program-sampai-bersih-dengan.html');
   
   /*---------------------------------------------------*/
   
   d.add(300,0,'Hack Dan Tool');
   
   d.add(301,300,'Pengertian Hacker','http://rattlenetwork.blogspot.com/2009/08/pengertian-hacker.html');
   
   d.add(302,300,'Cara Hacker Menyembunyikan Diri','http://rattlenetwork.blogspot.com/2009/09/cara-hacker-menyembunyikan-diri.html');
   
   ...............dst
   
   /*---------------------------------------------------*/
   
   
   document.write(d);
   //-->
   
   </script></div></div>
7. Ingat, angka setelah d.add adalah tidak boleh sama dengan sebelumnya. Seperti menu Hack dan Tool (contoh diatas), angka 300, 301, 302,..dst jangan sampai ada yang sama. Baik dari menu Hack dan Tool atau yang lainnya. Sedangkan angka 300 harus sama pada menu Hack dan Tool, tetapi tidak boleh sama pada menu yang lain seperti Free Software dan Bisnis Online Gratis (menu yang lain harus mempunyai angka unik yang lain, lihat contoh).
8. Tanda /*-----------------*/cuma sebagai tanda pembatas saja, tidak ada masalah jika tidak disertakan.
9. Simpan Widget kamu dan lihat hasilnya

Selesai sudah perjalanan kita hari ini dan akan melanjutkan perjalanan untuk esok hari. Salam buat semua sahabat. Tetaplah berkreasi dan berbagilah dengan semua sahabat. Selamat berkreasi....!!!

Read More

Pemberantas Virus Lokal dari ANSAV

Semakin hari perkembangan virus mulai merajalela. Entah itu dari luar negeri ataupun virus lokal. Tetapi dengan beriringnya waktu (kayak puisi saja), dunia antivirus pun kian berkembang. Dari sekian banyak antivirus, saya hanya akan mencoba menguraikan tentang satu antivirus buatan anak negeri. Namanya An's Antivirus atau Ansav.

Tentang Ansav

AnsAV kependekan dari An's AntiVirus, AnsAV merupakan software (aplikasi) yang berjalan dilingkungan Windows, yang dibuat khsusus untuk menangani bermacam-macam mallware seperti virus, trojan dan spyware.

Kemampuan AnsAV hampir sama dengan Antivirus komersil, karena AnsAV hanya didesain sebagai software portabel dan bisa dijalankan tanpa perlu instalasi. Tetapi Ansav bisa juga di instalasi. Dengan penginstalan ansav, maka komputer akan dilindungi oleh ansav guard yang tidak akan berjalan bila ansav tidak dilakukan penginstalan.

Saat ini AnsAV sudah mampu mendeteksi berbagai macam virus lokal terbaru dan beberapa virus mancanegara yang banyak beredar di Indonesia, tetapi AnsAV tidak bisa diandalkan sebagai Antivirus pribadi Anda karena banyak juga virus-virus yang bisa dideteksi oleh Antivirus lain dan tidak terdeteksi oleh AnsAV, hal ini disebabkan karena keterbatasan database Antivirus (virus definition signature) yang dimiliki AnsAV yang hanya dikembangkan dalam ruang lingkup Indonesia saja (lokal support only) walaupun sudah dapat mendeteksi beberapa virus manca. Oleh karena itulah peran Anda untuk selalu mengirimkan sampel virus terbaru yang belum dapat dideteksi oleh AnsAV sangat diperlukan, agar AnsAV selalu menjadi senjata andalan Anda untuk membasmi virus khususnya virus lokal.

AnsAV dibuat menggunakan bahasa Assembly 32 bit, sehingga filenya berukuran sangat kecil, tetapi memiliki kecepatan yang tinggi, dalam suatu test menggunakan PC komputer processor AMD Athlon XP 1.5Ghz, chip ECS, RAM 512 MB, HD Seagate 7200 RPM, OS Windows XP Pro SP1, Ansav menghasilkan kecepatan checking 237 file perdetik!, tetapi kecepatan ini juga tergantung pada media yang dicek, misal kecepatan checking pada Hardisk akan berbeda dengan checking pada CD-ROM atau pada Removable media (exp. Flashdisk).

Keunggulan Ansav

1. Ansav mempunyai interface yang baru, multi tabs untuk tiap tiap fungsi seperti scanning dan pengaturan
2. Multi language, bahasa bisa diganti dari Inggris (default), misalnya menjadi bahasa Jawa atau bahasa indonesia
3. Mekanisme update yang baru, auto-checking untuk new updates (online) dan offline update
4. Tampilan dan penanganan plugin untuk Ansav (Plugin Ansav bisa memunculkan kembali hidden system yang disebabkan oleh virus)
5. Interface Control for the New “Ansav Guard“ (Hanya ada bila Ansav dilakukan penginstalan)
6. Tanpa Lisensi Software alias gratis
7. Ansav dapat digunakan bersamaan dengan antivirus lain (misalnya Norman Security Suite dll)

Selama ini saya mengunakan Ansav dan Norman Security Suite dan saya rasa kerja kedua antivirus ini lumayan bagus. Bila Norman Security Suite tidak bisa mendeteksi virus lokal (bisa mendeteksi sebagian virus lokal), maka Ansav lah yang membunuh virus itu.

Sehebat - hebatnya Ansav, Tetap saja ada kekurangannya. Ansav versi terbaru tidak bisa digunakan dalam lingkungan windows vista. Jadi hanya bisa digunakan di lingkungan windows XP kebawah. Tapi tenang saja, Ansav masih bisa digunakan walaupun kita menggunakan windows vista karena Ansav versi 2.26 bisa digunakan di windows vista. Ansav versi ini juga masih bisa mengupdate database (virus signature) dari database Ansav yang terbaru.

Untuk menggunakan Ansav 2.26 anda bisa mendownloadnya Disini atau Disini untuk yang versi 2.40 + update.

Read More

Tentang Anti Virus

Antivirus adalah sebuah jenis perangkat lunak yang digunakan untuk mendeteksi dan menghapus virus komputer dari sistem komputer. Disebut juga Virus Protection Software. Aplikasi ini dapat menentukan apakah sebuah sistem komputer telah terinfeksi dengan sebuah virus atau tidak. Umumnya, perangkat lunak ini berjalan di latar belakang (background) dan melakukan pemindaian terhadap semua berkas yang diakses (dibuka, dimodifikasi, atau ketika disimpan).

Sebagian besar antivirus bekerja dengan beberapa metode seperti di bawah ini:

* Pendeteksian dengan menggunakan basis data virus signature (virus signature database): Cara kerja antivirus ini merupakan pendekatan yang banyak digunakan oleh antivirus tradisional, yang mencari tanda-tanda dari keberadaan dari virus dengan menggunakan sebagian kecil dari kode virus yang telah dianalisis oleh vendor antivirus, dan telah dikatalogisasi sesuai dengan jenisnya, ukurannya, daya hancurnya dan beberapa kategori lainnya. Cara ini terbilang cepat dan dapat diandalkan untuk mendeteksi virus-virus yang telah dianalisis oleh vendor antivirus, tapi tidak dapat mendeteksi virus yang baru hingga basis data virus signature yang baru diinstalasikan ke dalam sistem. Basis data virus signature ini dapat diperoleh dari vendor antivirus dan umumnya dapat diperoleh secara gratis melalui download atau melalui berlangganan (subscription).

* Pendeteksian dengan melihat cara bagaimana virus bekerja: Cara kerja antivirus seperti ini merupakan pendekatan yang baru yang dipinjam dari teknologi yang diterapkan dalam Intrusion Detection System (IDS). Cara ini sering disebut juga sebagai Behavior-blocking detection. Cara ini menggunakan policy (kebijakan) yang harus diterapkan untuk mendeteksi keberadaan sebuah virus. Jika ada kelakuan perangkat lunak yang "tidak wajar" menurut policy yang diterapkan, seperti halnya perangkat lunak yang mencoba untuk mengakses address book untuk mengirimkan e-mail secara massal terhadap daftar e-mail yang berada di dalam address book tersebut (cara ini sering digunakan oleh virus untuk menularkan virus melalui e-mail), maka antivirus akan menghentikan proses yang dilakukan oleh perangkat lunak tersebut. Antivirus juga dapat mengisolasi kode-kode yang dicurigai sebagai virus hingga administrator menentukan apa yang akan dilakukan selanjutnya. Keuntungan dari cara ini adalah antivirus dapat mendeteksi adanya virus-virus baru yang belum dikenali oleh basis data virus signature. Kekurangannya, jelas karena antivirus memantau cara kerja perangkat lunak secara keseluruhan (bukan memantau berkas), maka seringnya antivirus membuat alarm palsu atau "False Alarm" (jika konfigurasi antivirus terlalu "keras"), atau bahkan mengizinkan virus untuk berkembangbiak di dalam sistem (jika konfigurasi antivirus terlalu "lunak"), terjadi false positive. Beberapa produsen menyebut teknik ini sebagai heuristic scanning. Teknologi Heuristic Scanning ini telah berkembang begitu jauh hingga sekarang. Beberapa antivirus mengecek sebuah file dengan definisi biasa. Jika lolos dari deteksi biasa, maka file tersebut dijalankan di sebuah lingkungan virtual. Semua perubahan yang dilakukan file bersifat seperti virus, maka pengguna akan diperingatkan.

Antivirus yang menggunakan behavior-blocking detection ini masih sedikit jumlahnya, tapi di masa yang akan datang, kemungkinan besar semua antivirus akan menggunakan cara ini. Beberapa antivirus juga menggunakan dua metode di atas secara sekaligus.

* Antivirus - antivirus terbaru sekarang tidak hanya mendeteksi virus. Program antivirus sekarang juga telah diprogram untuk mendeteksi spyware, rootkits, dan malware - malware lainnya. Tidak hanya itu, antivirus sekarang dilengkapi firewall, untuk melindungi komputer dari serangan hacker dan anti spam untuk mencegah masuknya email sampah bervirus ke inbox pengguna.

* Antivirus berdasarkan jenis pengguna dapat dibagi menjadi 2, yaitu untuk Home User dan Network (Corporate User). Untuk home user, antivirus berjalan seperti biasa. Untuk versi jaringan, antivirus dapat melakukan scan di komputer - komputer client dan network drive. Selain itu, proses update komputer client dalam jaringan tidak harus langsung dari Internet. Komputer client dapat melakukan upate langsung dari server jaringan.


Produsen Antivirus

ESafe http://www.aks.com
Avast http://www.asw.cz
Anyware AntiVirus http://www.helpvirus.com
Ansav http://www.ansav.com/ atau Disini
AVG Anti-Virus http://www.grisoft.com
Avira AntiVir http://www.avira.com
Quick Heal http://www.quickheal.com
Vexira Antivirus http://www.centralcommand.com
Command AntiVirus http://www.authentium.com/command/index.html
eTrust http://www.ca.com/virusinfo/
waVe Antivirus http://www.cyber.com
SpIDer Guard http://www.dials.ru
NOD32 http://www.nod32.com
F-Prot Antivirus http://www.f-prot.com
F-Secure Anti-virus http://www.fsecure.com
RAV AntiVirus http://www.rav.ro
AntiVir Personal Edition http://www.antivir.de
ViRobot, DataMedic, Live-Call http://www.hauri.co.kr
WinProof dan ExcelProof http://www.hiwire.com.sg
Die Klinik http://www.ikarus-software.at
Kaspersky Anti-Virus (AVP) http://www.kaspersky.com
VirusBUSTER II http://www.leprechaun.com.au
Email scanning services http://www.messagelabs.com/viruseye/
eScan http://www.microworldtechnologies.com
MKS Vir http://www.mks.com.pl
McAfee Virus Scan http://www.mcafee.com atau http://www.nai.com
InVircible AV http://www.invircible.com
Norman Virus Control http://www.norman.no
Panda AntiVirus dan NanoScan http://www.pandasoftware.com
Per AntiVirus http://www.persystems.com/antivir.htm
Protector Plus http://www.pspl.com
VirusNet PC and VirusNet LAN http://www.safe.net
BitDefender http://www.bitdefender.com
Sophos Anti-Virus http://www.sophos.com
Antigen for Microsoft Exchange http://www.sybari.com
Symantec Antivirus Corporate Edition http://www.symantec.com
PC-Cilin http://www.trendmicro.com
VirusBuster http://www.vbuster.hu
ClamAV http://www.clamav.org
PCMAV http://www.pcmav.biz/
Microsoft ForeFont http://onecare.live.com
ZoneAlarm AntiVirus http://www.zonealarm.com/
BullGuard Antivirus http://www.bullguard.com/


Anda dapat mendownload antiviruses updates secara manual di:

AVG Anti Virus http://www.avg.com/download-update
PC Media Anti Virus http://www.pcmav.biz/, http://www.virusindonesia.com/
ANSAV http://www.ansav.com/ atau Disini
McAfee VirusScan http://www.mcafee.com/apps/downloads/security_updates/dat.asp?region=us&segment=enterprise
Symantec Norton AntiVirus http://www.symantec.com/business/security_response/definitions.jsp
Kaspersky Antivirus http://www.kaspersky.com/avupdates
TrendMicro http://www.trendmicro.com/download/apac/pattern.asp?WT.mc_id=2008HPAPAC_TRC_PatternFile
AVG Antivirus http://free.avg.com/download-update
BitDefender http://www.bitdefender.com/site/view/Desktop-Products-Updates.html

Read More

MENAMPILKAN EFEK BINTANG BERKEDIP PADA LINK

Penampilan sebuah link akan lebih menarik jika ditambah dengan asesoris berupa bintang yang berkedip. Apalagi jika latar belakang dari link tersebut berwarna gelap, link akan terlihat lebih hidup ketika disorot mouse (bintang berkedip di sekitar link). Trik ini sudah banyak digunakan oleh blog-blog terutama yang memiliki latar belakang gelap.

Blog anda juga dapat ditambah dengan trik ini. Cuma disarankan ubahlah background blog anda menjadi lebih gelap agar bintangnya terlihat lebih jelas.

Berikut langkah-langkahnya :

• Masuk ke Blogger.
• Pilih Rancangan kemudian klik Edit HTML.
• Backup dulu template anda, jika takut gagal.
• Cari kode ini pada template anda :
  
  a:link {
text-decoration:none;
color: $(link.color);
}

a:visited {
text-decoration:none;
color: $(link.visited.color);
}

a:hover {
text-decoration:underline;
color: $(link.hover.color);
)
• Ganti kode css berwarna kuning dengan kode css dibawah ini dibawah ini :
  
  a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUarTVNrRL03_Q2pToDu9EyxHCdbeugc7-t2ZNP1SyyBVKu2DQbXkpRsKf7kUALriCd0iPH9EQlo4rV-3qumYMqfD2xyFS3NnkwGToiQdG0K9gWXr9jFoH1E0AS8q2NzCjBtiCcMlBwkIi/s128/bintang.gif);}
• Secara lengkap susunannya jadi seperti dibawah ini :
  
  a:link {
text-decoration:none;
color: $(link.color);
}

a:visited {
text-decoration:none;
color: $(link.visited.color);
}

a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUarTVNrRL03_Q2pToDu9EyxHCdbeugc7-t2ZNP1SyyBVKu2DQbXkpRsKf7kUALriCd0iPH9EQlo4rV-3qumYMqfD2xyFS3NnkwGToiQdG0K9gWXr9jFoH1E0AS8q2NzCjBtiCcMlBwkIi/s128/bintang.gif);}
• Tampilan image seperti dibawah ini :
  
  
• Ganti url image (yang berwarna putih) dengan image milik anda sendiri, atau jika belum punya silahknan copy kode diatas dan paste pada template anda.
• Klik tombol Simpan Template.
• Lihat Link pada blog anda sekarang.

Read More

CARA MEMBUAT MENU SENTUH PADA SIDEBAR

Mungkin timbul pertanyaan, "Apa menu sentuh itu..??". Menu sentuh diartikan sebagai deretan menu yang apabila disorot oleh mouse, menuyang sebelumnya tersembunyi, akan terbuka secara otomatis.
Trik ini bertujuan untuk menghemat ruang pada sidebar, terutama pada blog yang ingin memiliki menu banyak.
Menu sentuh dapat diisi apa saja sesuai dengan apa yang ingin ditampilkan, misalnya : widget, koleksi gambar, kumpulan link sahabat, buku tamu atau apa saja yang penting kode yang dimasukkan, semuanya berupa kode HTML/JavaScript.

Ada beberapa langkah untuk membuat menu sentuh.

LANGKAH PERTAMA

• Masuk ke Blogger.
• Pilih Rancangan pada bagian Edit HTML.
• Copy kode dibawah ini dan paste tepat diatas kode </head>
  
  
  
  <script src='http://sites.google.com/site/epgstudiosite/javascript/jquery.min.js' type='text/javascript'/>

<script src='http://sites.google.com/site/epgstudiosite/javascript/ddaccordion.js' type='text/javascript'>

</script>
<script type='text/javascript'>
ddaccordion.init({
headerclass: &quot;silverheader&quot;, //Shared CSS class name of headers group
contentclass: &quot;submenu&quot;, //Shared CSS class name of contents group
revealtype: &quot;mouseover&quot;, //Reveal content when user clicks or onmouseover the header? Valid value: &quot;click&quot;, &quot;clickgo&quot;, or &quot;mouseover&quot;
mouseoverdelay: 200, //if revealtype=&quot;mouseover&quot;, set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc] [] denotes no content
onemustopen: true, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: [&quot;&quot;, &quot;selected&quot;], //Two CSS classes to be applied to the header when it&#39;s collapsed and expanded, respectively [&quot;class1&quot;, &quot;class2&quot;]
togglehtml: [&quot;&quot;, &quot;&quot;, &quot;&quot;], //Additional HTML added to the header when it&#39;s collapsed and expanded, respectively [&quot;position&quot;, &quot;html1&quot;, &quot;html2&quot;] (see docs)
animatespeed: &quot;fast&quot;, //speed of animation: integer in milliseconds (ie: 200), or keywords &quot;fast&quot;, &quot;normal&quot;, or &quot;slow&quot;
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})
</script>

<style type='text/css'>
.applemenu{
margin: 5px 0;
padding: 0;
width: 170px; /*lebar menu*/
border: 1px solid #9A9A9A;
}
.applemenu div.silverheader a{
background: black url(http://sites.google.com/site/epgstudiosite/image/silvergradient.png) repeat-x center left;
font: normal 12px Tahoma, &quot;Lucida Grande&quot;, &quot;Trebuchet MS&quot;, Helvetica, sans-serif;
color: white;
display: block;
position: relative;
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}
.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}
.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(http://sites.google.com/site/epgstudiosite/image/silvergradientover.png);
color: white;
}
.applemenu div.submenu{
background: white;
padding: 5px;
height: 300px;
}
</style>
• Perhatikan huruf warna kuning :width: 170px; merupakan ukuran lebar menu, silahkan anda ganti sesuai lebar sidebar yang anda gunakan.
• border: 1px solid #9A9A9A; merupakan ukuran dan warna garis, anda ganti dengan yang diinginkan.
• height: 300px; merupakan ukuran tinggi dari menu yang tampil setelah disorot mouse, ubah ukurannya sesuai keperluan.
• Huruf warna merah lainnya merupakan file JavaScript dan image pemanis simpanan EPG Studio. Anda dapat mengganti dengan kepunyaan anda sendiri.
• Setelah selesai pengeditan, klik tombol Simpan Template.

LANGKAH KEDUA

• Sekarang masuk ke Elemen Halaman.
• Pilih pada sidebar yang mana anda ingin menampilkan menu sentuh.
• Klik Tambah Gadget.
• Pilih HTML/JavaScript.
• Copy kode dibawah ini dan paste pada kolom yang tersedia.
  
  
  
  <div class="applemenu">
<div class="silverheader"><a href="http://epg-studio.blogspot.com"target="_blank">Menu 1</a></div>
<div class="submenu">
isi dengan kode HTML/JavaScript yang ingin anda tampilkan <br />
</div>
<div class="silverheader"><a href="http://epg-studio.blogspot.com" target="_blank">Menu 2</a></div>
<div class="submenu">
isi dengan kode HTML/JavaScript yang ingin anda tampilkan<br />
</div>
<div class="silverheader"><a href="http://epg-studio.blogspot.com"target="_blank">Menu 3</a></div>
<div class="submenu">
isi dengan kode HTML/JavaScript yang ingin anda tampilkan<br />
</div>
<div class="silverheader"><a href="http://epg-studio.blogspot.com"target="_blank">Menu 4</a></div>
<div class="submenu">
isi dengan kode HTML/JavaScript yang ingin anda tampilkan<br />
</div>
<div class="silverheader"><a href="http://epg-studio.blogspot.com"target="_blank">Menu 5</a></div>
<div class="submenu">
isi dengan kode HTML/JavaScript yang ingin anda tampilkan<br />
</div>
</div>
• Perhatikan yang berwarna merah.
  1. http://epg-studio.blogspot.com merupakan link yang akan terbuka pada tab baru, jika pengunjung mengklik link tersebut. Ganti dengan link yang anda inginkan.
  2. Menu 1, menu 2, menu 3, menu 4 dan menu 5 merupakan judul dari seetiap menu yang tampil. Ganti dengan judul menu yang ingin anda tampilkan.
  3. isi dengan kode HTML/JavaScript yang ingin anda tampilkan merupakan tempat anda memasukan kode HTML/JavaScript yang akan tampil saat judul menu disorot mouse. Silahkan anda isi dengan kode HTML?Java Script yang ingin anda tampilkan, misalnya Buku Tamu, widget alexa, kumpulan banner sahabat, dll.
  4. Jumlah menu yang ditampilkan pada kode diatas sejumlah 5 menu. Jika anda ingin menambah dengan menu lainnya, tinggal menambahkan kode seperti di bawah ini :
     
     
     <div class="silverheader"><a href="http://epg-studio.blogspot.com" target="_blank">Menu selanjutnya</a></div>
<div class="submenu">
isi dengan kode HTML/JavaScript yang ingin anda tampilkan<br />
</div>
  5. Setelah selesai pengeditan tampilan menu sentuh, klik tombol Simpan.
  6. Lihat Blog anda.

Read More

INDOBILLING ENTERPRISE UNLIMITED CLIENT 5.92

Kembali lagi deh aku posting.. Kali ini aku akan kasih tahu gimana caranya biking IndoBilling yang awalnya Free untuk 4 clients bisa menjadi untuk Unlimited Clients. Bagi temen-temen yang punya warnet dan ongkos buat beli Billing Warnet kagak ada maka bisa pekek billing yang ini, maklum lah… Billing warnet yang profesional kan gak murah harganya, pokoknya udah ciamik banget deh billing ini. Disini bukan hanya menjadikan IndoBilling Unlimited Clients saja, tetapi juga atas nama Anda sendiri. Penasaran nie.. langsung ajah deh aku kasih tahu cara-caranya…

Caranya kayak ginie nie:

• Download dulu IndoBilling V.5.92 (bisa di download di halaman bawah)
• Jika sudah di download install billing servernya, caranya klik dua kali pada serversetup5.92.exe
• Lanjutkan installasi sampai selesai
• Jika sudah, jalankan IndoBillingnya, tampilannya seperti gambar di bawah

• Billing ini masih Free 4 Clients, untuk menjadikannya Unlimited Clients langkahnya begini:
• Jalankan program Karyo.exeIni digunakan untuk menginjeksi database IndoBilling agar menjadi Unlimited Clients
• Install seperti biasa, sampai muncul jendela seperti gambar di bawah ini

 

• Ikuti saja petunjuk pada gambar di atas
• Jika sudah, silahakan Refresh Billing Anda, dan lihat apakah sudah menjadi Full Unlimited ClientsJika sudah maka tampilannya akan seperti gambar di bawah ini

  

• Pada tahapan ini Billing Anda sudah menjadi Unlimited Clients, akan tetapi data diri dalam Billing tersebut masih milik mas Karyo
• Selanjutnya untuk mengganti data diri pada Billing Anda langkah-langkahnya seperti berikut:
• Install softtware SQLyog712Ent.exe
• Jika sudah selesai jalankan softwarenya
• Klik dan klik Pada New

 

  

• Pada kotak New Connection isi dengan nama sembarang, atau biarkan saja defaultnya Klik OK

  

 

• Selanjutnya ada kotak isian MySQL Host Address, User, Password, Port, biarkan saja semua defaultnyaUntuk passwordnya diisi apa nie..???Untuk mengetahui Passwordnya, Anda bisa kirim email ke Support@skydiary.tkIsi saja Subject dengan Minta Password, nanti password akan saya kirim

  

• Jika sudah klik Connect —> Yes

  

• Selanjutnya akan muncul windows seperti bambar di bawah ini

 

 

• Pada kolom sebelah kiri pilih warnet –> Tables –> customerPada Kolom sebelah kanan pilih 3 Table Data, Edit semua datanya sesuai dengan keinginan Anda, Lihat gambar di bawah

 

 

• Jika sudah Klik Save, lihat gambar

 

• Selanjutnya Refresh Billing Anda lagi, lihat gambar

 

 

• Lihat apakah nama warnet sudah berubah seperti yang anda masukkan tadi (saya lingkari merah), maka sudah berhasil, jika masih belum restart komputer Anda
• Selanjutnya klik Manu Help –> About

• Disana data masih atas nama Aan Priyo, lihat gambar di atas
• Untuk menggantinya langkahnya sebagai berikut
• Masuk ke direktori installasi IndoBilling, biasanya di C:\indoserver

 

 

• Cari file billserver.iniUbah yang saya beri lingkaran sesuai data diri Anda, lihat gambarSave perubahan (Ctrl + S)

• Jika sudah, Refresh Billing Anda kembali, dan klik Menu Help –> AboutLihat hasilnya, jika berhasil akan tampak seperti ini

• Selesai………………………. dan hasil akhirnya seperti gambar di bawah

 

Maaf kalau tutorial yang saya buat ini terlalu panjang, dan mungkin agak sedikit bosan buat membacanya. Tapi dengan ini saya yakin Anda semuanya bisa melalukannya dengan baik.

Terima kasih telah berkunjung, dan terima kasih juga buat Mas Karyo yang telah menyediakan Database Indobiling Full Version.

Indobilling merupakan software untuk mencatat dan menghitung tarif pemakaian komputer dengan sistem prabayar maupun pascabayar yaitu prepaid dan postpaid pada usaha warnet, game online maupun offline, persewaan komputer, kursus komputer, laboratorium komputer sekolah dan lain-lain.

Info lebih lanjut tentang indobilling bisa di klik di http://info.indobilling.com/

Read More

POSTING BLOG TAMPIL DENGAN BORDER MELENGKUNG

Sekarang anda dapat menampilkan border post dalam bentuk kotak yang sudutnya melengkung. Sebagai contoh, coba anda perhatikan border post EPG Studio yang telah diatur sehingga tampilannya berupa kotak melengkung pada keempat sudutnya.
Caranya, anda hanya perlu menambahkan sedikit kode pada bagian post, maka blog andapun akan tampil dengan border melengkung.
Ikuti langkah=langkah dibawah ini :

1. Masuk ke Blogger.
2. Pilih Rancangan kemudian pilih Edit HTML.
3. Cari kode seperti dibawah ini :
   
   post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em
4. Copy kode dibawah ini, dan paste tepat dibawahnya
   
   
   • Untuk tampilan border melengkung pada seluruh (4) sudut :
     
     
     -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px
   • Untuk tampilan border melengkung pada 2 sudut bagian atas :
     
     
     
     -moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-radius-topleft: 10px;
-webkit-border-radius-topright: 10px;
-khtml-border-radius-topleft: 10px;
-khtml-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
   • Untuk tampilan border melengkung pada 1 sudut bagian kiri atas :
     
     
     -moz-border-radius: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-radius-topleft: 10px;
-khtml-border-radius-topleft: 10px;
border-top-left-radius: 10px
   • Untuk tampilan border melengkung pada 2 sudut bagian bawah :
     
     
     -moz-border-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
-khtml-border-radius-bottomleft: 10px;
-khtml-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
   • Border melengkung pada bagian atas kiri dan kanan bawah
     
     
     -moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-topleft: 10px;
-webkit-border-radius-bottomright: 10px;
-khtml-border-radius-topleft: 10px;
-khtml-border-radius-bottomright: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
5. Setelah selesai menambahkan kode border diatas, klik tombol Simpan Template.
6. Lihat perubahan blog anda sekarang.

Trik diatas dapat juga anda gunakan pada bagian blog yang lain, misalnya sidebar, komentar pengunjung atau bagian apa saja yang penting anda memahami dan mengetahui kode HTML bagian-bagian tersebut.
Selamat mencoba, semoga bermanfaat...!!!

Read More

MENAMBAH WIDFET DIBAWAH POSTINGAN

Jika kita memahami cara menambah sebuah widget pada blog, akan mudah sekali menambahkannya dimanapun/pada tempat yang anda sukai.
Satu lagi cara yang dapat anda praktekan untuk menambah widget yaitu "Menambah widget dibawah Postingan".
Widget yang dimaksud pada tips ini akan muncul setelah postingan tampil secara menyeluruh (setelah fasilitas readmorenya difungsikan). Jadi kehadirannya tidak menggangu penampilan pada halaman muka blog. Cuma...tips ini hanya berlaku pada blog yang telah dilengkapi fasilitas readmore.

Ikuti langkah-langkahnya :

Masuk ke Blogger.
Pilih Tata Letak.
Pilih Elemen Halaman.
Pilih Edit HTML.
Kasih tanda contreng pada kotak Expand Template Widget
Cari kode ini pada template anda :

<div class="post-body">
<b:if cond="data:blog.pageType == &quot;item&quot;">
<style>
.fullpost{display:inline;}
</style>
</b:if>
<data:post.body></data:post.body>

Letakan kode widget yang akan ditampilkan dibawah postingan tepat dibawah kode tadi.
Simpan Template.
Lihat Hasilnya.

Read More

MENAMPILKAN SCROLL PADA POSTINGAN

Sebenarnya tips ini telah dibuat beberapa bulan yang lalu (dalam bentuk draft), atas pertanyaan dari salah satu pengunjung EPG Studio. Tapi karena tips ini jarang yang menampilkan pada blog, maka postingan tersebut tetap dalam bentuk draft. Pada waktu admin EPG Studio melakukan Blogwalking, secara kebetulan ketemu sebuah blog yang pada postingannya menggunakan scroll, lalu teringat akan draft yang belum sempat dipublikasikan. Jadi bagi anda yang ingin postingannya memiliki scroll, silahkan ikuti tips dibawah ini.

• Masuk ke Blogger
• Pilih Rancangan kemudian klik Edit Template
• Cari kode ini :
  
  /* Posts
-----------------------------------------------
*/
• Scroll sedikit kebawah sampai ketemu kode ini :
  
  .post {
line-height: 1.4;
font-size: 110%;
position: relative;
}
• Atau jika tidak ketemu (mungkin templatenya berbeda), cari kode ini :
  
  .post-body {
line-height: 1.4;
font-size: 110%;
position: relative;
}
• Tambahkan kode dibawah ini :
  height:150px;
overflow:auto;
• Susunanya jadi seperti ini :
  
  .post {
line-height: 1.4;
font-size: 110%;
position: relative;
height:150px;
overflow:auto;
}
• Perhatikan cara penempatannya, yang berwarna merah merupakan kode yang ditambahkan
• Ubah angka pada height untuk menyesuaikan dengan keperluan.
• Klik tombol Simpan Template.
• Selesai

Read More

SCROLL TAMPIL PADA POSTINGAN JIKA DIPERLUKAN

Lanjutan dari post Menampilkan Scrool Pada Postingan, cuma post ini berbeda dengan postingan sebelumnya. Perbedaannya, kalau pada Menampilkan Scroll Pada Postingan scrollnya akan muncul secara otomatis pada setiap postingan, sedangkan " Scroll Tampil pada Postingan jika diperlukan" scrollnya hanya tampil jika memang ingin anda tampilkan pada postingan.
Berikut langkah-langkahnya :
Perlu diingat bahwa tips ini hanya berlaku pada template yang belum ditambah fasilitas read More
LANGKAH PERTAMA

• Masuk ke Blogger.
• Pilih Rancangan kemudian masuk ke Edit HTML.
• Backup dulu template anda jika takut gagal.
• Cari kode : ]]></b:skin>
• Copy kode dbawah ini dan paste tepat diatas kode ]]></b:skin>

.scrollpost {
height:200px;
width:450px;
overflow:auto; }
• Ubah heght dan width sesuai dengan lebar tempat postingan artikel blog anda.
• Klik tombol Simpan Template.

LANGKAH KEDUA

Pada waktu anda akan membuat postingan dan ingin menampilkan scroll pada postingan tersebut, cantumkam kode dibawah pada kolom postingan.

<div class="scrollpost"> tulis artikel anda disini </div>

Selamat mencoba semoga bermanfaat.

Read More

POSTINGAN BERGESER KEKANAN KETIKA DIBUKA

Magazine template, memiliki keistimewaan dalam penempatan postingan. Keistimewannya itu, pada beranda atau pada halaman pencarian, semua postingan berada di sebelah kiri dan sidebar di sebelah kanan, tetapi sewaktu kita buka, postingan akan bergeser ke sebelah kanan dan sidebar jadi di sebelah kiri.
Setelah dipelajari kode-kode pada Magazine Template, ternyata ada penambahan kode untuk mengatur tampilan yang dimaksud diatas.
Sekarang EPG Studio sendiri menggunakan trik ini dengan maksud sebagai variasi agar tampian postingan tidak terlalu monoton.
Jika anda berminat untuk menerapkan pada blog kesayangan anda, ikutilah langkah-langkah di bawah ini :

• Masuk ke Blogger
• Pilih Rancangan pada tab Edit HTML
• Copy code dibawah ini kemudian paste tepat dibawah kode ]]></b:skin>
  
  
  
  <style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#main-wrapper {
width: 590px;/*samakan dengan lebar main-wrapper anda*/
float: right;
word-wrap: break-word;
overflow: hidden;
}
#sidebar-wrapper {
border: 1px none #FFFFFF;
width:470px;/*samakan dengan lebar sidebar anda*/
float:left;
word-wrap: break-word;
overflow: hidden;
padding:5px 5px .25em;
margin-bottom:0px;
}
</b:if>
</style>
  
  
• Kode diatas hanya berlaku pada template yang memiliki satu sidebar.
• Jika Sidebar blog anda memilik lebih dari satu, harus ditambahkan pada kode diatas yang diletakkan dibawah sidebar-wrapper.
• Sebagai contoh, coba anda perhatikan kode yang digunakan EPG Studio (6 sidebar)
  
  
  <style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#main-wrapper {
width: 590px;
float: right;
word-wrap: break-word;
overflow: hidden;
}
#sidebaratas-wrapper {
border: 1px none #FFFFFF;
width:470px;
float:left;
padding:5px 5px .25em;
margin-bottom:0px;
}
#sidebar-wrapper {
width: 230px;
float: left;
border:0px solid $bordercolor;white;
padding:5px 5px .25em;
word-wrap: break-word;
overflow: hidden;
}
#sidebarbaru-wrapper {
width: 230px;
float: left;
padding:5px 5px .25em;
padding-right:5px;
word-wrap: break-word;
overflow: hidden;
}
#sidebartengah-wrapper {
border: 0px solid #0066CC;
width:470px;
float:left;
padding:5px;
margin-bottom:0px;
}

#sidebarbawah-wrapper {
width: 230px;
float: left;
border:0px solid $bordercolor;white;
padding:2.5px 2.5px 2.5px .5em;
word-wrap: break-word;
overflow: hidden;
}
#sidebarbawahbaru-wrapper {
width: 230px;
float: left;
border:0px solid $bordercolor;white;
padding:5px 5px .25em;
word-wrap: break-word;
overflow: hidden;
}
</b:if>
</style>
• Klk tombol Simpan Template.
• Selesai.

Read More

MENGHAPUS TANGGAL DAN LABEL POST

Munculnya beberapa tulisan pada bagian bawah postingan (post footer) kadang-kadang mengganggu keindahan blog. Untuk itu pihak Blogger memberi pilihan kepada penggunanya untuk memilih mana yang mau ditampilkan dan mana yang mau disembunyikan.
Opsi Laman Entri secara default banyak sekali embel-embel yang ditampilkan seperti : Tanggal Entri, Diposkan oleh, label, komentar dan lain sebagaimya.
Jika anda merasa tampilan itu mengganggu keindahan blog, anda dapat menyembunyikan semua itu tanpa harus mengubah kode-kode tertentu yang memang kadang-kadang menyulitkan.
Cara menyembunyikannya mudah sekali, anda tinggal menghilangkan tanda cek pada kotak Opsi Laman Entri, dengan langkah-langkah sebagai berikut.

1. Masuk ke Blogger.
2. Pilih Rancangan bagian Elemen Halaman.
3. Klik Edit pada bagian Postingan Blog.Perhatikan gambar :
   
   
4. Setelah muncul jendela pop up tentang Opsi laman Entri, silahkan anda kasih tanda cek pada kotak kecil disamping kiri untuk menampilkannya dan hilangkan tanda cek untuk menyembunyikannya. Perhatikan gambar :
   
   
5. Setelah selesai, klik tombol Simpan.
6. Lihat hasilnya.
7. Cara ini lebih efektif dibanding dengan mengotak-atik kode HTML pada template, sebab suatu waktu nanti akan mudah mengembalikannya jika diperlukan.

Jika dengan cara ditas belum berhasil (mungkin disebabkan template blog anda sudah terlalu sering dimodifikasi), anda dapat melakukan langkah-langkah dibawah ini :

• Masuk ke Rancangan bagian Edit HTML.
• Kasih tanda cek pada kotak Expand Template Widget.
• Jangan lupa Backup dulu Template anda, jika takut gagal.
• Kode untuk tampilan label :
  
  
  <span class='post-labels'>
<b:if cond='data:post.labels'><data:postLabelsLabel/>
<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 != "true"'>,
</b:if></b:loop></b:if>
</span>
• Kode untuk Diposkan oleh :
  
  
  <span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>
• Kode untuk tulisan jam :
  
  
  <span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>
  /li>
• Hapus (delete) kode-kode diatas
• Klik tombol Simpan Template.
• Lihat Blog anda.
• Selamat mencoba, semoga bermanfaat.

Read More

MEMBUAT WIDGET COPY ARTIKEL

Jika anda ingin berbagi artikel dengan pengunjung blog sama persis seperti postingan yang anda miliki. Anda dapat menerapkan tips ini pada blog anda.
Widget ini ditempatkan dibawah setiap postingan artikel sehingga penampilannya tidak merusak tampilan halaman muka (beranda) blog anda dan jika tombol yang tampil (Blog This) di klik oleh pengunjung, akan langsung dibawa pada entri blognya masing-masing.
Simak caranya ...!!

1. Masuk ke Blogger.
2. Pilih Rancangan bagian Edit HTML.
3. Backup dulu template anda, jika takut gagal.
4. Kasih tanda cek pada kota Expand Template Widget.
5. Cari kode <data:post.body/> pada template anda.
6. Copy kode dibawah ni kemudian paste tepat dibawah kode <data:post.body/>. Jika kode <data:post.body/> ada dua buah, coba anda pilih yang kedua (yang bawah).
   
   
   
   <div style='text-align: center;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/> <br/>
Copy artikel ini,
untuk mendapat backlink ke blog ini
<form action='http://www.blogger.com/blog-this.g' method='post' target='_blank'>
<textarea cols='45' name='t' onclick='select()' readonly='readonly' rows='5'>
<data:post.body/> <br/> Sumber Asli:
<a expr:href='data:post.url'>
<data:blog.title/>
</a>
</textarea> <br/>
<input expr:value='data:post.url' name='u' type='hidden'/>
<input expr:value='data:post.title' name='n' type='hidden'/>
<input type='submit' value='Blog This!'/>
</form>
</b:if>
</div>
   
   
   Kalimat yang berwarna kuning dapat anda ganti dengan yang diinginkan
7. Klik tombol Simpan Template.
8. Lihat salah satu postingan blog anda untuk melihat hasilnya.
9. Selamat mencoba, semoga bermanfaat.

Read More

MENGATUR TAMPILAN JUDUL POSTINGAN

Tampilan judul postingan artikel merupakan bagian dari blog yang selalu dilirik oleh para pengunjung ketika mereka mencari artikel yang mereka butuhkan. Tentu saja sebagai pemilik blog selalu ingin menampilkan kesan "wah" pada tampilan blog secara keseluruhan termasuk tampilan judul postingan artikel.
Berikut ini beberapa tips untuk mengatur penampilan judul postingan artikel. Silahkan anda simak.

Secara default kode css untuk judul postingan seperti dibawah ini :

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

Dari kode post h3 diatas, dapat ditambahkan beberapa kode lainnya, seperti :

• Background (latar belakang) yang diikuti dengan dengan kode warna atau jika mau bisa ditambahkan asesoris berupa gambar. Kodenya seperti ini :
  
  background:#31363F; (background tanpa gambar)
  
  Jika ingin ditambahkan gambar, kodenya sperti ini :
  
  background:#31363F url(https://lh4.googleusercontent.com/_1j80TgNqd_8/TXd4bGFwdQI/AAAAAAAAB38/Y4wr7ccecso/s128/thbluestar2.gif)no-repeat center left;
  
  • Ganti kode warna #31363F dengan warna pilihan anda.
  • Ganti alamat gambar https://lh4.googleusercontent.com/_1j80TgNqd_8/TXd4bGFwdQI/AAAAAAAAB38/Y4wr7ccecso/s128/thbluestar2.gif dengan gambar dari koleksi anda (disarankan ukuran gambar disesuaikan dengan ukuran judul postingan/ukuran kecil).
  • Kode norepeat center left berarti gambar tersebut tampilannya hanya satu/tidak diulang, dengan letak dibagian kiri tengah.
• Border/garis disekeliling judul postingan dengan kode seperti ini :
  
  border:3px solid #2F323D;
  
  Border diatas memiliki ukuran 3px dengan style solid dan diakhiri kode warna dari border. Silahkan anda gati sesuai keinginan. Kode solid dapat anda ganti dengan : double, grove, dotted, outset dan ridge. Agar paham tentang istilah style border, silahkan anda kunjungi Tentang Border
• Agar tampilan border melengkung, dapat anda tambahkan kode seperti dibawah ini :
  
  border:3px solid #2F323D;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
• Huruf pada judul postingan dapat anda atur dengan huruf yang ingin anda tampilkan. Sebagai pedoman, coba anda buka MS Word untuk melihat jenis huruf (harus diingat, tidak seluruh huruf pada MS Word dapat ditampilkan pada blog). Jadi anda harus memilih/mencoba jenis huruf yang bisa ditampilkan. Kodenya seperti ini :
  
  font-family:castellar
  
  Ganti kata castellar dengan huruf yang ingin ditampilkan.
• Ubah kode padding pada contoh diatas dengan kode ini padding: 4px 4px 4px 4px; untuk mengatur agar judul postingan tidak berbenturan dengan bagian pinggir dari judul postingan. Kode diatas menunjukan bahwa jarak judul postingan dari bagian atas, bawah, kanan dan kiri memilik jarak yang sama 4px. Anda ubah ukurannya sesuai keperluan.
• Tambahkan juga ukuran tinggi/height dari judul postingan jika memang diperlukan (terutama untuk postingan dengan kalimat yang tidak mencukupi pada tempat judul postingan). Kodenya seperti ini :
  
  height:35px;
• Kode-kode lainnya yang dapat anda tambahkan diataranya :
  
  text-align:center; untuk mengatur letak huruf, dapat anda ganti dengan left, right atau justify.
  
  text-transform:uppercase; kode agar tampilan judul postingan tampil dengan huruf kapital.
  
  font-size:100%; (ukuran normal) untuk mengatur ukuran huruf, jika ingin lebih besar ganti angkanya dengan angka yang lebih besar atau kebalikannya.
  
  font-weight:bold; untuk mengatur agar huruf lebih tebal.
• Deretan kode-kode ditas jika disatukan akan menjadi seperti ini :
  
  .post h3 {
text-align:center;
margin:.25em 0 0;
padding:4px 4px 4px 4px;/*atas kanan bawah kiri */
font-size:100%;
font-family:castellar;
text-transform:uppercase;
font-weight:bold;
line-height:1.4em;
height:35px;
color:$titlecolor;
background:#31363F url(https://lh4.googleusercontent.com/_1j80TgNqd_8/TXd4bGFwdQI/AAAAAAAAB38/Y4wr7ccecso/s128/thbluestar2.gif)no-repeat center left;
border:3px solid #2F323D;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}

Selamat mencoba, semoga bermanfaat.

Read More

CARA MENGUBAH BACKGROUND BLOG

Pengaturan background sebuah blog dapat kita lakukan dengan mudah dengan syarat harus mengenal terlebih dahulu bagian-bagian dari blog.
Bagian-bagian tersebut diantaranya :

• Body : bagian keseluruhan dari blog.
• Outer Wrapper : bagian yang didalamnya terdapat : Main Wrapper dan Sidebar Wrapper.
• Main Wrapper : tempat kita membuat postingan.
• Sidebar Wrapper : tempat kita meletakan berbagai widget
• Main Widget : bagian dalam dari main wrapper.
• Sidebar widget : bagian dalam dari sidebar.

Setelah mengetahui bagian-bagian blog tersebut, selanjutnya tinggal mengganti warna sesuai dengan pilihan masing-masing.

• Pewarnaan pada bagian Body :
  
  body {
background:#002E3F;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
  
  Perhatikan yang berwarna merah, silahkan anda ganti dengan warna pilihan anda. Jika belum ada kode untuk backgroud, tinggal ditambah sesuai contoh diatas.
• Pewarnaan pada bagian Outer Wrapper :
  
  #outer-wrapper {
width: 990px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
background:#1B703A;
}
  
  Perhatikan yang berwarna merah, silahkan anda ganti dengan warna pilihan anda. Jika belum ada kode untuk backgroud, tinggal ditambah sesuai contoh diatas.
• Pewarnaan pada bagian Main Wrapper :
  
  #main-wrapper {
width: 470px;
float: $startSide;
background:#80FF00;
border:5px solid
backgroudcolor;white;
padding:15px 15px .25em;
word-wrap: break-word;
overflow: hidden;
}
  
  Perhatikan yang berwarna merah, silahkan anda ganti dengan warna pilihan anda. Jika belum ada kode untuk backgroud, tinggal ditambah sesuai contoh diatas.
• Pewarnaan pada bagian Sidebar Wrapper :
  
  #sidebar-wrapper {
width: 230px;
float: $endSide;
background:#78B749;
border:0px solid $bordercolor;white;
padding:5px 5px .25em;
word-wrap: break-word;
overflow: hidden;
margin-bottom:0px;
}
  
  Perhatikan yang berwarna merah, silahkan anda ganti dengan warna pilihan anda. Jika belum ada kode untuk backgroud, tinggal ditambah sesuai contoh diatas.
• Pewarnaan pada bagian Main Widget :
  
  .main .widget{
background:#CAF99B;
border:px solid #cccccc;
margin:0 0 0.5em;
padding:;
}
  
  Perhatikan yang berwarna merah, silahkan anda ganti dengan warna pilihan anda. Jika belum ada kode untuk backgroud, tinggal ditambah sesuai contoh diatas.
• Pewarnaan pada bagian Sidebar Widget
  
  .sidebar .widget{
background:#CAF99B;
border:2px solid #cccccc;
margin:0 0 0.5em;
padding:0.5em;
}
  
  Perhatikan yang berwarna merah, silahkan anda ganti dengan warna pilihan anda. Jika belum ada kode untuk backgroud, tinggal ditambah sesuai contoh diatas.

Silahkan anda coba dengan mengganti kode warna pada bagian-bagian blog yang anda kelola.
Selamat mencoba, semoga bermanfaat...!!

Read More

PASANG TOMBOL PENGGANTI BACKGROUND BLOG

Modifikasi background blog secara keseluruhan, umumnya kita lakukan melalui edit HTML. Cara itu hanya menampilkan satu jenis warna sesuai dengan kode warna yang dipilih.
Sebagai alternatif, anda dapat menampilkan background blog dengan berbagai pilihan warna. Pilihan warna tersebut ditampilkan dalam bentuk tombol yang berisi warna-warna yang apabila diklik, background blog anda akan berubah sesuai warna yang dipilh.

Demo :



Coba anda klik salah satu warna diatas untuk melihat perubahan backgroung blog EPG Studio.

Cara memasang pada blog anda :

• Masuk ke Blogger.
• Pilih Rancangan bagian Elemen halaman.
• Klik tambah Gadget pada bagian blog yang ingin anda tampilkan tombol warna.
• Pilih HTML/JavaScript.
• Copy sript dibawah ini dan paste pada kolom yang tersedia.
  
  
  <script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script><table width="100%">
<tbody><tr>
<td onclick="bgChange('#2E0000')" bgcolor="#2e0000">
</td>
<td onclick="bgChange('#570000')" bgcolor="#570000">
</td>
<td onclick="bgChange('#141543')" bgcolor="#141543">
</td>
<td onclick="bgChange('#434351')" bgcolor="#434351">
</td>
<td onclick="bgChange('#154511')" bgcolor="#154511">
</td>
<td onclick="bgChange('#6AA366')" bgcolor="#6aa366">
</td>
<td onclick="bgChange('#423215')" bgcolor="#423215">
</td>
<td onclick="bgChange('#88672B')" bgcolor="#88672b">
</td>
<td onclick="bgChange('#0B0DA8')" bgcolor="#0b0da8">
</td>
<td onclick="bgChange('#6F70D3')" bgcolor="#6f70d3">
</td>
<td onclick="bgChange('#8612A1')" bgcolor="#8612a1">
</td>
<td onclick="bgChange('#12A19A')" bgcolor="#12a19a">
</td>
<td onclick="bgChange('#0C6E69')" bgcolor="#0c6e69">
</td>
</tr>
</tbody></table>
  

• Klik tombol Simpan.
• Keterangan :
• Perhatikan kode warna yang berwarna kuning dan kode warna yang berwarna putih.
• Kedua warna tersebut setiap barisnya harus sama agar warna yang muncul pada tombol jika diklik warna background blog akan sama dengan warna yang diklik tadi.
• Gantilah kode-kode warna diatas dengan warna yang ingin anda tampilkan.

Bagi anda yang merasa kesulitan dengan kode warna, dapat anda kunjungi : KODE WARNA VERSI 3

Read More

Tutorial Membuat Blogspot

Tutorial Membuat Blogspot
Pada posting kali ini saya akan membuatkan panduan cara membuat blog yang disediakan secara gratis oleh blogger.com. Mungkin kamu pernah mendengar istilah blog atau webblog kan? blog tidak jauh berbeda dengan website, yang membedakan jika website hanyalah situs yang menyediakan informasi satu arah bagi pengunjungnya, sedangkan blog atau webblog menyediakan informasi secara dua arah, jadi para pengunjung bisa memberikan komentar tentang artikel yang disajikan oleh pengelola blog itu. Selain itu membuat dan mengelola blog juga jauh lebih mudah dari pada website. Oh ya istilah lain dari blog adalah CMS, yang merupakan singkatan dari Content Management Sistem. Sedangkan orang yang mempunyai blog disebut blogger
Ada dua layanan blog gratis yang sering digunakan oleh para bloger untuk ngeblog, yaitu blogspot (bloger.com) dan wordpress. Tapi kali ini yang akan dibahas adalah panduan cara membuat blog dengan blogspot (blogger) dulu. bagi kamu yang ingin tahu silahkan klik di sini
Oke, tanpa banyak berbasa-basi lagi silahkan baca langkah-langkah cara membuat blog di bawah ini ya…
1. Yang harus kamu siapkan dan wajib sebelum membuat atau bikin blog di blogspot (blogger) adalah memiliki email terlebih dahulu. email ini nantinya digunakan untuk mendaftar pertama kali. jika belum bisa atau belum membuat email baca di sini (klik di sini), kamu bisa belajar cara memabuat email di situ. Tenang saja tidak usah terburu-buru. Baca dulu panduan ini sampai habis, kemudian baru dipraktekkan. oke
2. Jika sudah membuat email, bukalah alamat www.blogger.com, dan pastikan yang muncul adalah halaman seperti di bawah ini

klik tombol orange yang bertuliskan Memulai, untuk mulai mendaftar.
3. Kemudian lengkapi formulir pendaftaran pembuatan blog di blogspot seperti gambar di bawah ini.

gambar di atas merupakan contoh, untuk isinya sesuaikan dengan data yang kamu miliki
pada kolom alamat email : masukan email kamu
ketik ulang alamat email : masukan lagi email yang sama seperti diatas
masukan sebuah password : masukkan kata kunci (minimal 8 karakter, bisa huruf bisa angka)
ketikan ulang sandi : masukan lagi password yang telah kamu masukan sama dengan yang di atas
Nama tampilan : isi nama kamu atau nama alias kamu (ini akan tampil bersamaan dengan posting, artikel yang kamu buat nanti)
verifikasi : masukkan gambar kata yang terdapat di atas kolom.
pada gambar di atas sudah saya sertakan contoh pengisiannya
jika sudah diisi semua lalu klik Tombol panah orange (Lanjutkan)


4. setelah kamu klik tombol lanjutkan, nanti akan tampil halaman formulir untuk melengkapi judul blog dan alamat blog kamu

Isilah Judul Blog dan Alamat blog sesuai dengan keinginanmu, jika alamat blog menggunakan 2 kata atau lebih gunakan tanda ( – ). karena blogspot tidak bisa menggunakan spasi. contoh pengisiannya perhatikan gambar di atas
terkadang alamat blog yang kita tulis sudah pakai oleh orang lain, jika sudah dipakai orang lain berati tidak bisa digunakan. Untuk mengetahui sudah dipakai orang lain atau belum Klik saja tombol “cek ketersediaan” jika belum dipakai orang lain, maka di bawahnya akan muncul tulisan warna hijau yang bertuliskan Alamat blog ini tersedia
jika sudah selesai menentukan judul dan alamat blog, silahkan klik tombol lanjutkan


5. Setelah kamu klik tombol lanjutkan, nanti akan tampil halaman untuk menentukan tema atau template blog kamu, seperti gambar di bawah ini.



Untuk memilih template tinggal klik salah satu. kemudian klik tombol lanjutkan.
Setelah tombol Lanjutkan di atas diklik, berarti blog kamu sudah jadi, hanya saja belum ada artikelnya sama sekali. Untuk memberi artikel pertama kali, silahkan klik tombol Mulai Blogging seperti gambar di bawah ini.





6. Setelah kamu klik tombol mulai blogging nanti akan tampil halaman pengisian artikel.
gambar di bawah ini merupakan halaman pengisian artikel yang sudah disertai dengan contohnya.



Kolom judul untuk judul artikel, kolom yang lebar di bawahnya itu untuk menulis artikel atau posting, dan kolom label untuk mengisi jenis kategory artikel.
jika sudah diisi semua, tekan menu TERBITKAN ENTRI, setelah itu akan muncul pemberitahuan yang mengatakan bahwa kamu telah berhasil menerbitkan posting atau artikel seperti gambar di bawah ini. Untuk melihat tampilan artikel yang berhasil kamu buat tadi silahkan klik tombol Lihat Entri.



Tampilan artikel di blog kamu akan tampak seperti gambar di bawah ini.

Sekarang blog kamu sudah selesai dibuat dengan satu buah artkel.
Perhatikan sisi halaman pojok kanan atas yang dilingkari. tombol entri baru untuk menulis artikel yang baru, tombol Desain untuk menentukan atau pengatur Desain, sedangkantombol keluar untuk Log out, jika sudah setelah memposting artikel atau setelah mengatur blog kamu.
7. jika suatu saat nanti kamu ingin memposting artikel baru lagi, kamu tidak perlu mendaftar lagi… tinggal buka www.blogger.com kemudian masukkan email , dan paswod kamu , kemudian klik tombol “masuk”, dengan begitu kamu akan d bawa ke menu dashboard blogspot,



Tampilan Dasrboard blogger kamu akan tampak seperti gambar di bawah ini, melalui halaman dashboard kamu bisa mengedit, membuat posting, ataupun mengatur setting blog kamu.

Beberapa waktu yang lalu, untuk bisa menggunakan blogger secara penuh, kita harus melakukan verifikasi akun dengan mengklik link verisikasi dari Blogger.com yang dikirimkan ke email kita, namun saat ini sudah tidak lagi. Jadi kita bisa menggunakan blogger secara penuh TANPA repot verisikasi akun.


8. Oh iya jika kamu sudah mempunyai email di Gmail. kamu tidak perlu mendaftar dari awal… Kamu dapat langsung memasukkan alamat email gmail dan password kamu, kemudian klik tombol masuk.
jika menggunakan email dari Gmail, kamu tidak perlu memasukan password dan email lain ataupun capta kode lagi… tinggal masukkan nama tampilan saja
Selanjutnya langkah-langkahnya sama dengan yang di atas….
sampai di sini dulu posting tentang langkah membuat blog di blogspot, semoga cukup mudah dipahami, jika kurang paham mohon maaf, dan bisa menuliskan komentar ada di bawah ini jika ada pertanyaan dan saran. terima kasih. dan selamat mencoba

Read More