Cara membuat Area Banner Iklan 125x125 + Free Banner

Cara membuat banner iklan ukuran 125x125px sangatlah mudah.Mas gusti akan mengulas sedikit script yang di pakai untuk membuat sebuah banner iklan mini.Secara garis besar menurut sepengetahuan saya,banner iklan bisa kita kreasikan dari berbagai program seperti css,flash banner dan banner gambar ( gif,jpg,png,dll ).Untuk kali ini saya akan mengulas bagian banner iklan gambar dalam format apapun.

Kali ini IBS alias idblogsite akan menjelaskan sedikit tentang banner iklan berukuran 125px dengan materi tutorial sebagai berikut :

1. Cara memasang banner di blog.
2. Script banner iklan 125x125px.
3. Free download banner iklan 125px 

   Hasil Akhir cara membuat area banner iklan 125x125 :

   
   
   
   
   

   Kode Script Banner iklan 125x125 pixel :

   <div align="center">
   <table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
   <tbody><tr>
   <td><center><a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDTL4xxj_kh54N763UdwBnLBrzX2B1b-eHdUNxHMyMvcqrM7_9tEw6G-CgrjbguVM-TmpmnIyzw2Es93eOiF6uCclWRvC0u5j5xYlPoVJWMRryFWzzxPaJxHF1PybYNi_Jm2xzcr-FiG8E/s1600/banner125pxhijau.png" height="125"/></a></center></td>
   <td><center><a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiykceE3dgFkBqhOHEEs1JvyW_22YoK0ROSz62Sg_3Kn5znMNwdgP1BUQxOMSNquFKuqPUG1t9US2Fc3ZAUyp32BEe6_Z0c0exOaT-j_xV-hCg9NidCB2hcgUBj859N2WTN-TiJQ59H8EWc/s1600/Banner125merah.png" height="125"/></a></center></td>
   </tr>
   <tr>
   <td><center><a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxG6QPkqFtcHc9ec4hJUdhY_dKMrykopJP_4Ycucc7VIqIh7v3pgTL0nK5pPIAr8qSJ3-KUJ6WVvpBX3mCMyJuiNC0Nu766EqdH3lsdYciq_CeACGYCV34vdaGsdipSlIJC2r1AtpV4Lek/s1600/banner125px.png" height="125"/></a></center></td>
   <td><center><a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbG_mN9YOP36iYWcIcj5D6tLcECvscSsQTIa6ENbQmYj2cOJ1DJ6ZFvat22KbCD_qgKTHTRPdF8ZF-LA2rVLa7M77CXes-Lb3XU3B_7xXp70g9qrXVV2N_3ymIUsBhfPSL5C2Dt8irpAT8/s1600/banner125pink.png" height="125"/></a></center></td>
   </tr>
   </tbody></table>
   <table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
   <tbody>
         <tr>
        
       </tr></tbody></table>
   </div>

   Keterangan :
   
   
   • Silahkan ganti kode yang mas gusti beri warna biru dengan alamat URL banner agan.
   • Ganti script yang berwarna orange dengan Deskripsi banner Iklan agan.
   • Sedangkan Kode yang berwarna merah adalah URL gambar iklan yang bisa anda ganti dengan kreasi agan sendiri ( Syarat gambar harus sudah di upload ke blogger atau web lain )

   Cara memasang Banner di Sidebar Blog :

   • Loggin ke blogger.
   • Pilih opsi TataLetak > Tambahkan widget ( add widgets )
   • Muncul beberapa pilihan klik HTML/Javascript
   • selanjutnya pastekan script diatas dan Simpan.
   • selesai.
   
   

   Kreasi BANNER IKLAN 125 X 125 by IBS Gratis :

   
   
            
   
   
   Itulah tadi sedikit ulasan tentang bagaimana membuat area banner iklan 125pixel di blog dan semoga bermanfaat.Ada yang kurang jelas,,,silahkan gunakan komentar di bawah untuk berdiskusi...!!

Template Toko Online Blog Gratis dengan Invoice Email

Template toko online blogspot gratis akan menjadi topik pembahasan kita kali ini.Mas gusti sudah menyiapkan desain template toko online untuk blogger yang lumayan elegant dan Fast Loading.Saya beri nama template ini MasgusMarket yang dilengkapi beberapa fitur canggih seperti email invoice dan navigasi menu responsive untuk mobile.Banyak blogger yang request template toko blogspot namun saya baru bisa merealisasikannya belakangan ini. Untuk lebih jelas silahkan lihat preview dan link download template ibs-store gratis untuk anda yang ingin membuka usaha toko baju atau Toko Online Market.

Detail Template

Ini merupakan template iseng karya mas gusti yang mengambil ide dari berbagai template blog baik yang SEO maupun yang profesional desain.Berikut beberapa fitur yang ada pada template ini dan mungkin sudah anda kenal sebelumnya.

1. Responsive navigasi menu.
2. Best Seller product gallery.
3. Invoice email pop-up ( By Maskolis )
4. Tabel posting
5. Related post Product.

Mungkin banyak dari anda yang menganggap template diatas sederhana atau memiliki banyak kekurangan,,, ya inilah karya saya.Jika anda berkenan memakainya yang silahkan, kalau nggak ya gak jadi masalah.Template ini juta gak bakalan bikin BBM turun kalau desainnya jelEk...Betul gak gan???....wkwkwkwk

...................................................................................................................................................................

Cara Setting Template IBS-STORE 

...................................................................................................................................................................

1. Setting navigasi menu

Saya disini menggunakan navigasi menu ciptaan mohamad mustafa ( mybloggertrick ). Jika anda ingin mengganti data dari menu navigasi,silahkan anda cari dan edit kode berikut ini :

<nav id='menu'>

<input type='checkbox'/>

<label>&#8801;<span>Id&#160;Blog&#160;Site</span></label>

<ul>

<li><a href='/'>Home</a></li>

<li><a href='http://idblogsite.com'>About</a></li>

<li><a href='http://idblogsite.com'>How To Buy</a></li>

<li><a href='#'>Product 1 <font size='1'>&#9660;</font></a>

<ul class='menus'>

<li><a href='#'>Product Name</a></li>

<li><a href='#'>Product Name</a></li>

<li><a href='#'>Product Name</a></li>

<li><a href='#'>Product Name</a></li>

<li><a href='#'>Product Name</a></li>

<li><a href='#'>Product Name</a></li>

</ul>

</li>

<li><a href='#'>Product 2 <font size='1'>&#9660;</font></a>

<ul class='menus'>

<li><a href='#'>Product Name</a></li>

<li><a href='#'>Product Name</a></li>

<li><a href='#'>Product Name</a></li>

</ul>

</li>

<li><a href='http://idblogsite.com'>About Template</a></li>

</ul>

</nav>

Keterangan :

• Ubah tulisan yang berwarna merah sesuai dengan kebutuhan dan selera anda.
• Ganti kode warna biru dengan alamat URL tujuan anda.

2. Setting Keranjang Belanja template.

simpleCart.email = 'blog.gusput@gmail.com';

simpleCart.checkoutTo = Email;

simpleCart.currency = IDR;

simpleCart.urlWebsite = 'http://ibsstore.blogspot.com/';

simpleCart.alamatPemilik = 'Alamat Anda ';

simpleCart.noHP = '081 xxxx xxxx';

simpleCart.urlFacebook = 'http://www.facebook.com/pages/your facebook';

simpleCart.urlTwitter = 'https://twitter.com/your twitter';

simpleCart.akunbank1 = 'Bank A';

simpleCart.norek1 = 'No Rekening Bank A';

simpleCart.namarek1 = 'Nama Pemilik Rekening Bank A';

simpleCart.akunbank2 = 'Bank B';

simpleCart.norek2 = 'No Rekening Bank B';

simpleCart.namarek2 = 'Nama Pemilik Rekening Bank B';

simpleCart.akunbank3 = 'Bank C';

simpleCart.norek3 = 'No Rekening Bank C';

simpleCart.namarek3 = 'Nama Pemilik Rekening Bank C';

simpleCart.akunbank4 = 'Bank D';

simpleCart.norek4 = 'No Rekening Bank  D';

simpleCart.namarek4 = 'Nama Pemilik Rekening Bank D';

simpleCart.akunbank5 = 'Bank E';

simpleCart.norek5 = 'No Rekening Bank E';

simpleCart.namarek5 = 'Nama Pemilik Rekening Bank D';

simpleCart.akunbank6 = 'Bank F';

simpleCart.norek6 = 'No Rekening Bank F';

simpleCart.namarek6 = 'Nama Pemilik Rekening Bank D';

simpleCart.urlReferrer = 'http://idblogsite.com/';

simpleCart.businessName = 'idblogsite-store';

simpleCart.formatsmsKonfirmasi= '(Nama, Email, Jumlah transfer, Bank Tujuan Transfer, Tanggal transfer)';

simpleCart.contohformatsmsKonfirmasi= 'namalengkap, emailanda@gmail.com, Rp 1.500.000, BCA, 12 Desember 2012 ';

simpleCart.catatanTambahanInvoice= '(Untuk proses lebih cepat, silakan konfirmasi via SMS)';

simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment',  'decrement','Total'];

Keterangan :

• Ganti kode yang berwarna biru dengan data anda dan toko blog anda.

3. Setting Posting Artikel.

Copas script posting di bawah ini dengan cara masuk ke Setting > Post and Comment > Kemudian klik edit pada Opsi Post > Pastekan kode berikut dan klik Simpan.Hal ini bertujuan agar setiap postingan blog anda memiliki style yang sama dan tidak berantakan.

<table border="1" style="width: 660px;">
<tbody>
<tr>
  <th class="item_thumb" id="thumb" width="45%">Gambar Produk Anda</th>
  <td><input class="item_add" type="button" value="Add to Cart" /></td>
</tr>
<tr>
  <th><b>Kode Barang</b></th>
  <td class="item_name">Kode produk taruh disini!</td>
</tr>
<tr>
  <th><b>Harga</b></th>
  <td class="item_price">Rp 22,000.00</td>
 </tr>
<tr>
  <th><b>Keterangan</b></th>
  <td class="item_Description">Fitur produk!</td>
 </tr>
<tr>
  <th><b>Stok Barang</b></th>
  <td>Stok barang anda!</td>
</tr>
<tr>
  <th><b>Gambar Tambahan</b></th>
  <td>Gambar Tambahan Produk</td>
</tr>
</tbody>
</table>

Keterangan :

• Ganti kode yang berwarna biru sesuai dengan data produk yang akan anda jual.

4. Pengaturan halaman.

Silahkan anda membuat halaman terima kasih agar pada saat formulir pop-up selesai di isi oleh pembeli bisa di redirect ke halaman terima kasih. Caranya :

• Pilih opsi page ( halaman ) 
• klik Laman Baru > pilih Laman kosong.
• Untuk judul silahkan isi dengan Terima Kasih.
• Nah untuk kata-katanya sendiri bisa anda isi sesuai keinginan.

Nah itulah cara setting template toko online untuk anda yang memang tertarik memakai template karya saya ini.Sekian template toko online blospot gratis 2013 dan semoga template di atas berguna untuk anda.

Membuat Headline News Tanpa Edit HTML

Membuat Headline News Tanpa Edit HTML - Headline News adalah tulisan berjalan yang berisi informasi. Jika sobat melihat ke bawah TV, pasti ada tulisan berjalannya kan (Yang sering ada biasanya TvO*e atau Me*roTv)? Headline news yang ini berbeda dengan yang di tv, karena tulisan berjalannya bisa ada di atas atau di bawah. Ok tanpa panjang lebar lagi, lihat cara Membuat Headline News Tanpa Edit HTML.

Membuat Headline News Tanpa Edit HTML:

1. Login ke blogger --> Tata Letak -->Tambah Gadget --> HTML/Javascript

2. Copy kode di bawah ini:

<script type="text/javascript">var hn_url_blog = "http://muhammadfarizazri.blogspot.com/";var hn_jumlah_post =10;var hn_warna_latar = "#64DF6A";var hn_warna_garis = "#FBF84B";var hn_posisi = "BOTTOM";var hn_tampilkan_judul = true;var hn_backlink = true;</script> <script src="http://googlecode-fadilblogx.googlecode.com/files/headline_news.js"> </script>

3. Simpan

Note:

1. Ganti warna biru= Dengan URL Sobat.
2. Atur warna merah= Dengan Judul Postingan yang ingin sobat tampilkan.
3. Warna hijau= Background Headline News, ganti dengan selera sobat.
4. Warna kuning= Garis Headline News, ganti dengan selera sobat.
5. Bertulisan BESAR= Posisi Headline News, jika sobat pengen di atas ganti dengan top.

Begitulah cara Membuat Headline News Tanpa Edit HTML yang bisa saya berikan, mudah dan saya yakin sobat bisa membuatnya.       

Cara membuat tulisan selamat datang saat blog dibuka

pasti kalau sebelum anda masuk ke blog saya anda pasti akan mendapatkan pesan selamat datang (seperti diatas). nah, postingan saya kali ini saya akan memberitahu cara membuat tulisan selamat datang seperti diatas n pesan penutup nya juga, ni caranya gue share buat masbro n mbasis sekalian,
Cekidoot :D

1. log in dulu ke blogger.
2. klik layout ---> Edit HTML
3. copykan kode dibawah ini di bawah kode <head>


<SCRIPT quality='high' type='text/javascript'>
var name = prompt("Welcome!!! di muhammadfarizazri.blogspot.com", "Muhammad Fariz Azri ");
alert("Salam kenal ya ")
//
alert ("SELAMAT DATANG DI Muhammad Fariz Azri Blog ")
// goodbye alert
function goodbye(){
alert('terima kasih atas kunjungannya! Lain kali kalau ada waktu luang jangan lupa main ke sini lagi ya..! THANKS AND VISIT MY BLOG AGAIN, OK..!');
}
parent.window.onunload=goodbye;
//<![CDATA[
//]]>
//<![CDATA[
//]]>
</SCRIPT>

4. Ganti alert yang berwarna merah sesuka hatimu, hehe..




*NB : KAlo kalian mau buat pesan penutup n pembuka, langsung di copy smua scripnya aja, :D
WOKE. . .

Sukses Gan...!!!

Beginilah Cara Hacker Mencuri Password FB Anda

Contoh halaman facebook palsu untuk mencuri password anda (sumberfoto: screenshoot docpri)

Kenapa akun Facebook kita bisa dihack. Bagaimana cara hacker membobol password kita. Sebenarnya pencurian password fb sangat mudah semudah menyebar umpan di kolam yang banyak ikannya. Begitu juga cara hacker memancing anda untuk bisa mencuri password facebook anda.

Bagaimana cara memancingnya? Artikel saya akan menjelaskan bagaimana caranya. Mungkin sebagian pengguna internet sudah tahu dan sudah waspada dengan pancingan seperti itu. Namun bagi yang awam dan kurang waspada akan mudah termakan umpan pancingan dari para hacker ini.

Menyebar Umpan Hoax

Para pencuri password ini dengan sengaja membagikan link-link berita berbau hoax yang sifatnya heboh dan menggemparkan sehingga mengundang rasa ingin tahu yang besar. Bagi yang penasaran dan mengklik link itu akan mudah terpancing. Link ternyata membawa kita kehalaman login facebook yang sebenarnya hanya mirip saja. Jika kita penasaran dan ingin tahu maka kita akan login menggunakan akun berupa email dan passwornya. Nah disinilah mereka mendapatkan “ikan” berupa password anda. Ternyata setelah anda login anda akan kembali masuk beranda fb anda sendiri. Dan berita hoax itu memang tidak ada.

Menyebar Konten Pornografi

Bagi yang hobi dengan link berbau pornografi juga akan mudah dicuri passwordnya. Caranya juga sama seperti penjelasan diatas. Anda akan dibawa ke halam login facebook palsu dan secara sukarela menyerahkan password kita.

Menyebar Link Software atau Game Gratisan

Yang hobi gratisan alias gretongan juga mudah terjebak dengan link palsu ini Karena menginginkan sesuatu yang gratis kita tanpa sadar juga menyerahkan password kita secara sukarela. Akhirnya akun fb kita akan dihack atau dicuri.

Apa yang terjadi jika password kita dicuri

Para hacker setelah mendapat password kita ada yang langsung mengganti dengan password baru sehingga kita tak bisa login lagi. Ada juga yang membiarkan saja dan akan posting iklan biasanya jualan online. Jika kita menyadari maka segera ganti password. namun bagi yang tak sadar dan jarang login di fbnya maka dengan leluasa dia berjualan dan mentag  teman2 kita yang akhirnya teman-teman jadi jengkel.

Tindakan Pencegahan

1. Jangan login saat ada halaman mirip login fb padahal sebelumnya anda sudah login.


2. Jangan mudah penasaran dengan hal-hal yang tak jelas yang dishare di beranda facebook kita.


3. Ganti secara berkala password fb anda untuk menghindari hal-hal yang tak diinginkan.


4. Jika berbagai pakai perangkat usahakan selalu logout setelah membuka facebook.

Solusi jika akun anda merasa dihack

Satu-satunya cara untuk mengembalikan akun yang dihack adalah dengan melapor ke pihak facebook. Namun syaratnya email anda tidak dihack juga. Ada juga cara yang aman anda telah mendaftarkan nomor ponsel di akun fb anda sebagai verifikasi saat lupa password untuk mengembalikan akun anda yang telah dihack.

Kunjungi link berikut:

1. akun facebook dibajak dan email telah diubah, alamat nya adalah :   http://www.facebook.com/help/contact.php?show_form=hack_login_changed

2. akun facebook dihack tapi email masih bisa dipakai untuk login, alamatnya adalah :   https://ssl.facebook.com/help/contact.php?show_form=hacked_self_recovery

Semoga bermanfaat.

Cara Membuat Nama Blog Bergerak

Caranya, ganti nama blog pada script di atas dengan nama blog kamu.
Untuk cara pemasangan script di blog, seperti biasanya silahkan login dulu ke blogger. Setelah itu pilih tata letak halaman, lalu pilih edit template. Kemudian cari kode</head>


Dan letakkan kode berikut :
<SCRIPT language='JavaScript'>
var txt="..::Nama blog kamu di sini::... ";
var kecepatan=170;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</SCRIPT>

dan letakkan script tadi di atas kode </head> tersebut. Jika sudah,
coba di pratinjau dulu.... jika hasil cocok dengan keinginnan kamu
silahkan simpan template....
Kode berwarna MERAH ganti dengan nama blog mu...
SEMOGA BERMANFAAT

Cara Terbaik Membuat Anti Copas dan Anti Klik Kanan di Blog

Cara Terbaik Membuat Anti Copas dan Anti Klik Kanan di Blog - Di kalangan blogger bicara tentang COPAS sudah sering kita dengar. Bahkan dibeberapa blog anda akan membaca tulisan, COPAS ijin dulu, bila ingin COPAS baca ini dulu, klik disini, bla...bla...bla...bla... dan seterusnya...

Sebenarnya, orang atau blogger tersebut bila menulis kata-kata di atas, dia suka bila postingannya di copas. (maaf ini hanya pandangan saya...) Alasan saya, kalao memang artikelnya tidak ingin di COPAS, pasang saja script anti copas atau anti klik kanan. Sipembaca pun dengan sendirinya akan tidak meng-COPAS-nya. Benar gak sih.... hehehehe

Apa itu Copas
Di blog lain yang saya kelola, saya menulis tentang Bagaimana Cara COPAS yang baik. Oh iya, tahukah Apa itu COPAS?

COPAS berasal dari kata CO dan PAS, CO itu singkatan COPY, PAS singkatan dari PASTE. COPAS adalah tindakan atau melakukan COPY (salin) langsung sebuah artikel dari sumber tulisan tanpa repot-repot menulis artikel hasil karya sendiri. Dan biasanya, artikel yang di COPAS oleh tukang Copas, tidak mencantumkan sumber atau LINK artukel tersebut.

Bila kita lihat secara hukum, bahwa orang yang melakukan tindakan COPAS merupakan sebuah pelanggaran atau pencurian hasil karya orang lain.

Bagaimana Cara Agar Atikel kita Tidak Bisa di Copas?
Untuk selanjutnya ikuti langkah-langkah berikut.

1. Silahkan buka akun blog anda sendiri.
2. Masuklah ke Elemen Layout atau Tata Letak
3. Pilih Add a Gadget atau Gadget Baru
4. Setelah muncul kotak baru, lalu pilih HTML/JavaScript
5. Salin / Copy lah Script di bawah ini lalu tempatkan (Paste) di Gadget yang baru anda buat.

<script> var message="Maaf,,, Untuk sementara Blog Ini dilarang klik kanan !!!";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function("alert(message);return false")</script>

6. Apabila semua sudah beres, lalu SIMPAN Gadget Baru tersebut.
7. Selesai dan lihat hasilnya.

Gampang bukan, demikianlah Bagaimana Cara Terbaik Membuat Anti Copas dan Anti Klik Kanan di Blog. Selamat Mencoba. Salam

CHEAT Seal Online Indonesia

TRAINER GRATIS

KLIK DISINI

DOWNLOAD

PASSWORD:atlus-cladea.blogspot.com

JANGAN BUAT DI JUAL LAGI UNTUK KEPENTINGAN PRIBADI LU ! TAU DIRI !
THANKS...

1. Bypass CE = 50k
2. Pointer Spam Combo Hard = 50k
3. Pointer Spam Skill 1 Tombol = 50k
4. Pointer Call/Kick Paksa = 50k
5. Tools Auto Pot HP Dan AP = 10k
6. Bypass WPE = 400K
7. DC 1 Layar Harus Bisa WPE = 100K
8. Pointer Hunt = 50k

Fiture : Pointer Hunt

Hunt Hack

• Lari 
• Aspd 
• Zoom Hack 
• Pet No Lapar 
• Pot No Delay 
• Auto Pot (Gaius) 
• Auto Dart 
• Range Hack 
• Spam 
• Spam Combo No Delay 
• Command GM 
• Anti Stunt 
• XP Unlimited 

Party Hack 

• Selip Party 
• Selip Guild 
• Call No Party / Kick Party 
• Master Party 
• Master Guild 
• Jumlah Party 
• 
  
• Area Hack 

• All Area Job 1 
• All Area Job 2
• 
  
• Fake Hack 

• Freeze Dialog 
• Element Slot 1 
• Value Gambar Slot 1 
• Value Item Slot 1 
• Fake EP 
• Fake Job 
• Fake Reputasi 
• Fake Level 
• Fake Map 
• 
  
• Auto Hunt 

• Auto Skill / Santet Otomatis

Cara Mudah Merubah Tampilan Cursor Mouse di Blog

Mouse pointer atau penunjuk mouse adalah tanda yang menyatakan posisi mouse pada layar. Umumnya berbentuk tanda panah akan tetapi bisa diubah sesuai keinginan. Untuk itu pada postingan kali ini saya akan membagikan cara mudah merubah pointer atau cursor mouse pada Blog anda. Cursor mouse merupakan salah satu bagian penting pada Blog, karena merupakan bagian yang paling sering mendapat perhatian dari pengunjung. Dengan merubah kursornya dengan tampilan yang lebih unik tentunya Blog anda akan terlihat lebih menarik. Jika anda tertarik untuk mengganti kursor pada Blog anda, silakan ikuti tutorialnya dibawah,

Langkah-langkah:

• Kunjungi situs www.cursors-4u.com
• Disana anda akan disugukan banyak contoh dari kursornya.
• Anda dapat memilih berdasarkan kategori yang ada.



• Silakan anda pilih salah satu gambar yang anda ingin gunakan pada Blog anda.

• Jika anda telah menentukan kursor mana yang akan anda gunakan, klik gambar tersebut untuk mendapatkan kode dari kursornya.
• Sekarang copy kode yang diberikan untuk kursor yang telah anda pilih. (Option #1 - Universal CSS/HTML Code)



• Nah anda sekarang telah mendapatkan kodenya.
• Untuk memasangnya di Blog anda, Pilih Tata Letak >> Tambahkan Gadget >> HTML/Javascript.
• Isikan konten dengan kode yang sebelumnya telah anda copy.
• Jika sudah klik "Simpan".

Sekarang anda akan menemukan perubahan yang terjadi pada cursor mouse yang ada Blog anda.

Sekian tutorial dari saya mengenai cara mudah mengganti kursor blog dengan animasi, Semoga bermanfaat.

Memberikan Efek-efek Unik Pada Kursor Mouse

Memberikan efek-efek unik pada kursor mouse, yaa itulah tema kita malam ini. Karena sebelumnya saya memberikan cara merubah tampilan kursor mouse, jadi postingan kali ini ga usah jauh-jauh dari kursor dah :D. dari membaca judulnya pasti anda sudah bisa menerawang apa yang akan saya berikan di postingan ini, ok langsung saja beberapa efek yang saya punya untuk menghiasi kursor mouse yang ada di Blog anda.

Efek yang pertama adalah salju/bintang yang berjatuhan ketika kursor mouse anda bergerak.

Untuk memberikan efek ini pada Blog anda, langkah-langkahnya:

• Login >> Tata Letak >> Tambahkan Gadget >> HTML/Javascript.
• Isi konten dengan kode yang ada dibawah

<script src="https://pesan-bocah-alus.googlecode.com/files/salju.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">var colour="blue";</script>

Keterangan : Untuk kode yang berwarna biru, merupakan kode dari warna efek, dapat anda rubah sesuai selera anda.

• Klik "Simpan".

Efek yang kedua adalah Bubble/gelembung, jika pada efek yang pertama saljunya berjatuhan, maka pada efek ini buble akan melayang keatas.

Untuk menggunakan, Langkah-langkahnya persis seperti memasang efek yang pertama hanya dengan kode yang berbeda, yaitu:

• Login >> Tata Letak >> Tambahkan Gadget >> HTML/Javascript.
• Isikan konten dengan kode dibawah.

<script type="text/javascript" src="https://pesan-bocah-alus.googlecode.com/files/startbubble.js"></script>
<script type="text/javascript" src="https://pesan-bocah-alus.googlecode.com/files/bubble.js"></script>

• Klik "Simpan".

Efek yang ketiga berupa tulisan yang mengikuti kursor mouse, jika pada efek yang pertama saljunya akan berjatuhan dan efek yang kedua bubblenya melayang, maka pada efek ini tulisan akan terus mengikuti kursor mouse dan membentuk sebuah circle.

Untuk memasangnya pada Blog anda, Langkah-langkahnya masih sama dengan langkah efek pertama dan kedua, tentunya dengan kode yang berbeda, yaitu:

• Login >> Tata Letak >> Tambahkan Gadget >> HTML/Javascript.
• Isikan konten dengan kode dibawah.

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: &#39;comic sans ms&#39;, verdana, arial;
color: #0000FF;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type='text/javascript'>
//<![CDATA[
;(function(){
var msg = "Tulisan yang ingin anda tampilkan";
var size = 14;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.2;
var speed = 0.3;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :
document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +
'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
//]]>
</script>

Keterangan : kode berwarna biru, merupakan tulisan yang akan muncul nantinya.

• Klik "Simpan".

Efek yang keempat, berupa jam digital yang mengikuti kursornya.
Cara pemasangannya,

• Login >> Tata Letak >> Tambahkan Gadget >> HTML/Javascript.
• Isikan konten dengan kode dibawah.

<script src="https://pesan-bocah-alus.googlecode.com/files/analogkursor.js" type="text/javascript"></script>

• Klik "Simpan"

Sekarang anda hanya perlu menentukan efek mana yang sesuai dengan keinginan anda.

Sekian tutorial saya kali ini.

Semoga bermanfaat.

Beberapa Tokoh yang Berperan dalam Mempertahankan Kemerdekaan

Perjuangan mempertahankan kemerdekaan dilakukan dengan revolusi fisik (perang) dan diplomasi. Banyak tokoh yang berperan dalam usaha mempertahankan kemerdekaan, di antaranya Ir. Soekarno, Drs. Mohammad Hatta, Panglima Besar Soedirman, dan Sri Sultan Hamengkubuwono IX.
1. Ir. Soekarno

Presiden Soekarno banyak melakukan diplomasi dengan pemimpin-pemimpin tentara Sekutu di Indonesia. Kedatangan tentara Sekutu di Indonesia yang diboncengi NICA membuat Presiden Soekarno berada pada posisi yang sulit. Sekutu yang hanya memperoleh informasi sepihak dari Belanda, mendukung pengembalian Indonesia sebagai jajahan Belanda. Berkat diplomasi Presiden Soekarno dan Bung Hatta, Sekutu yang dipimpin Letjen Christison mau mengakui keberadaan RI.

Tanggal 1 Oktober 1945, Letjen Christison menyatakan bahwa kedatangannya tidak akan merebut pemerintahan Republik Indonesia. Kemampuan diplomasi Presiden Soekarno diuji kembali ketika pecah pertempuran di Surabaya tanggal 28 Oktober 1945. Tentara Sekutu di bawah pimpinan Brigjen Mallaby mengakibatkan jatuhnya korban di kedua belah pihak. Untuk menghindari terjadinya korban di kedua belah pihak, Bung Karno mengadakan diplomasi. Berkat diplomasi Bung Karno jatuhnya korban di kedua belah pihak dapat dihindari. Selama Perang Kemerdekaan sampai pengakuan kedaulatan, perjuangan Bung Karno terus berlanjut. Bung Karno tetap memakai cara diplomasi dalam perjuangannya.

2. Drs. Mohammad Hatta

sumber: 2.bp.blogspot.com

Peran Drs. Mohammad Hatta dalam usaha mempertahankan kemerdekaan antara lain sebagai berikut.

1) Menjadi pemimpin delegasi Indonesia dalam Konferensi Meja Bundar (KMB) di Den Haag, Belanda tanggal 23 Agustus–2 November 1949.

2) Pada tanggal 27 Desember 1945, menandatangani naskah pengakuan kedaulatan Republik Indonesia.

3) Drs. Mohammad Hatta dipercaya mendampingi Ir. Soekarno menjadi wakil presiden pertama Republik Indonesia.

3. Panglima Besar Soedirman

sumber: 3.bp.blogspot.com

Peranan Jenderal Soedirman dalam perjuangan mempertahankan kemerdekaan bangsa Indonesia antara lain sebagai berikut.

1) Tanggal 12 Desember 1945, memimpin TKR di Ambarawa dalam menggempur dan mengusir Inggris. Saat itu beliau masih berpangkat kolonel.

2) Jenderal Soedirman memimpin pasukan TNI melakukan perang gerilya melawan Belanda dalam Agresi Militer Belanda II.

 

Jenderal Soedirman memimpin pasukan dengan ditandu

Satu hal yang perlu kamu ingat, Jenderal Soedirman tetap berjuang memimpin pasukan walaupun dalam keadaan sakit. Sebagai penghargaan atas jasa dan pengorbanannya, Jenderal Soedirman mendapat sebutan Bapak Tentara Nasional Indonesia.

4. Sri Sultan Hamengku Buwono IX

sumber: yusviar-luky-t.blog.ugm.ac.id

Peranan HB IX dalam perjuangan kemerdekaan Republik Indonesia antara lain sebagai berikut.

1) Pada tanggal 5 September 1945, Sultan Hamengkubuwono IX menyatakan bahwa Kesultanan Jogjakarta adalah bagian dari Negara Kesatuan Republik Indonesia.

2) Pada saat ibu kota RI di Jakarta diserang Belanda, HB IX mempersiapkan dan menyediakan Kota Jogjakarta sebagai pusat pemerintahan RI.

3) HB IX menjadi anggota delegasi Indonesia dalam Perundingan Roem–Royen.

4)Tanggal 27 Desember 1949, HB IX mewakili Indonesia dalam penandatanganan kedaulatan RI dan menerima penyerahan kedaulatan dari Belanda.