Membuat Semut Muter-muter di Blog

Ada gula ada semut, ada yang yang asyik-asyik dan manis akan banyak pengunjung. Kayak blog yang hitam manis ini :D. Pernah lihat blog yang di halamannya ada semut yang muter-muter. Atau malah pernah tertipu karena mengira itu semut ada di monitor PC kamu, dan mau menyingkirkannya ternyata asli dari blognya.

Baiklah, sekarang kita akan belajar untuk membuat semut berputar-putar di halaman blog. Sebenarnya sangatlah mudah, hanya menambahkan kode HTML sederhana. Dan tidak hanya semut, bisa juga diganti gambar animasi lain yang kamu suka, bisa monyet, cecak, dan lain-lain.

Cara Membuat Semut Muter-muter di Blog

1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
   
   

   <div style="display:scroll; position:fixed; top:150px; left:20px;"><img border="0" src="http://i1217.photobucket.com/albums/dd381/funywrld/semutfuny.gif" /> </div>

5. Kode yang berwarna merah adalah URL gambar animasinya. 150 itu adalah jarak dari atas dan 20 jarak dari samping. Kita dapat menggantinya sesuai sesuka hati.
6. Simpan jika sudah selesai. 

Cara Mendapatkan Uang dari Blog

Sebuah blog bisa menghasilkan uang, tentu banyak blogger yang sudah membuktikannya. Dari hobi menulis dan berbagi ide dan pengalaman di blog bisa mendapatkan penghasilan bukanlah hal yang mustahil. Karena sudah banyak terbukti hanya gara-gara ngeblog mendapatkan penghasilan yang tidak sedikit.

Pada dasarnya jika dilihat cara mendapatkan (penghasilan) dari blog, ada 2 cara. Yaitu secara langsung dan tidak langsung. Kita bahas yang secara tidak langsung terlebih dahulu, maksudnya adalah karena gara-gara rajin ngeblog orang tersebut bisa mendapatkan uang. Contoh yang sukses adalah Raditya Dika, yang berawal dari menulis di blognya dengan tulisan yang jenaka, dia bisa menjadi seleb blog yang kemudian merambah ke dunia nyata.

Tentu masih banyak lagi blogger yang berhasil mendapatkan materi dari kegiatan yang membutuhkan ide kreatif ini. Karena tulisan-tulisan yang menariknya di suatu bidang tertentu dia bisa diundang menjadi pembicara, blogger yang hobby traveling bisa menuliskan pengalamannya di blog dan menjadikan buku. Biasanya blogger yang memiliki kreativitas tinggi, dan mampu membuat konten yang unik di blognya bisa menjadi terkenal dan yang secara langsung dan tidak langsung bisa mendapatkan uang gara-gara ngeblog.

Kemudian cara mendapatkan uang dari blog secara langsung. Cara ini banyak dipakai oleh kebanyakkan blogger. Yang dimaksud adalah, dengan memanfaatkan dengan menyediakan ruang (space) dari blognya untuk menampilkan iklan atau mengikuti lomba blog. Berikut adalah beberapa cara untuk mendapatkan uang dari blog secara langsung tersebut:

1. Menambahkan iklan di blog. Dengan banyak tulisan (konten) yang sudah kita buat dan publikasikan di blog bisa mendatangkan traffick atau pengunjung. Sehingga blog kita bisa untuk menampilkan iklan. Dari mana orang mau memasang iklan di blog kita? Tidak usah khawatir, kita bisa memanfaatkan pihak ketiga, biasanya blogger memasang iklan dari agency iklan online, semisal ada; kliksaya.com, kumpulblogger.com, adsensecamp.com, sitti.co.id, idblognetwork.com dan Google Adsense. Jumlah uang yang didapatkan dari blog, dihitung berdasarkan jumlah klik iklan yang ditampilkan atau dikenal dengan istilah PPC (Pay Per Click).
2. Mengikuti lomba blog. Dunia blogging semakin ramai, dan banyak kegiatan-kegiatan online yang memanfaatkan blog. Salah satu yang bisa kita manfaatkan untuk mendapatkan uang dari blog adalah dengan mengikuti lomba blog. Semakin hari semakin banyak lomba blog yang berhadiah cukup lumayan. Lomba blog biasanya ada 2 jenis, yaitu lomba blog untuk SEO dan kreativitas menulis. Kebanyakan lomba yang diselenggarakan adalah jenis lomba blog yang menutut kreativitas blogger dalam menulis. 

Jadi jika ada pertanyaan, Apakah dengan ngeblog bisa mendapatkan uang? Jawabnya bisa. Lalu, bagaimana cara mendapatkan uang dari blog? Ada berbagai cara, berdasarkan pengalaman dan pengamatan, di atas adalah cara-cara mendapatkan uang (penghasilan) dari blog. Apakah blogger bisa dijadikan profesi tetap untuk mendapatkan penghasilan? Hanya sedikit yang berani dan mau, tidak tahu ke depannya bagaimana, tetapi konten tetap bisa memiliki nilai jual.

Tergantung motivasi apa yang mendasari dalam ngeblog, yang jelas kreativitas, keunikan menjadi penting. Jika kita menganggap ngeblog adalah sebagai hobi, kegiatan sampingan, passion (kesukaan) kita, ya jalani saja dengan sungguh-sungguh dan dengan hati. Kalau pun kita bisa mendapatkan uang dari blog, itulah bonusnya, kalau pun tidak mendapatkan juga tidak akan mengurangi semangat ngeblog. 

Membuat Label Cloud Blog Menjadi Warna-Warni

Label adalah untuk mengkategorikan dan penanda tulisan yang diposting di blog. Blogger.com sendiri sudah menyediakan gadget (widget) untuk menampilkan label dalam bentuk cloud yaitu ukuran font berbeda-beda. Label yang sudah kita buat, sesuai dengan isi postingan bisa menjadi menu di blog kita. Menu adalah sebuah navigasi untuk mempermudah penelusuran postingan.

Masih ingat dulu, blogger belum memberikan fitur Label Cloud, masih berberuk daftar atau list. Sehingga untuk menampilkan label menjadi bentuk Cloud yang biasanya sering ditemui di blog yang berplatform wordpress harus mengedit template. Bahkan untuk membuat label menjadi lebih menarik ada yang menampilkannya menjadi bentuk animasi flash atau blogumulus.

Nah sekarang, kita akan belajar untuk membuat label cloud yang warna-warni. Label akan ditampilkan dalam ukuran font yang berbeda tiap labelnya juga dengan warna yang berbeda-beda. Dengan warni-warni tentu akan membuat blog lebih berwarna dan menarik, selain itu menampilkan label membuat pengunjung lebih mudah menelusuri setiap halaman di blog kita.

Cara Membuat Label Cloud Blog Menjadi Warna-Warni

1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Masukkan kode css berikut di atas kode ]]></b:skin>
   
   

   * Label Could Warna-Warni - http://kurniasepta.blogspot.com */
   .label-size-1 a {
   font-size: 13px;
   text-decoration: none;
   color:#4B8A08;
   }
   .label-size-2 a {
   font-size: 15px;
   text-decoration: none;
   color:#DF0101;
   }
   .label-size-3 a {
   font-size: 16px;font-family: Arial, Trebuchet MS, Verdana;text-decoration: none;
   color:#045FB4;
   }
   .label-size-4 a {
   font-size: 18px;
   text-decoration: none;
   color:#DF7401;
   }
   .label-size-5 a {
   font-size: 23px;
   text-decoration: none;
   color:#045FB4;
   }
   .label-size-1 a:hover,
   .label-size-2 a:hover,
   .label-size-3 a:hover,
   .label-size-4 a:hover,
   .label-size-5 a:hover { text-decoration:underline;}

5. Kode merah adalah kode warna, Simpan Template jika sudah selesai

Di atas langkah awal, masih ada langkah selanjutnya untuk menampilkan label cloud yang warna-warni. Langsung saja kita ikuti langkah selanjutnya;

1. Pilih Tata Letak, kemudian Tambah Gadget
2. Lalu pilih Label dan pilih tampilkan Cloud
3. Klik Simpan jika sudah selesai. 

Jika sudah selesai semua, coba lihat hasil dari membuat Label Cloud menjadi warna-warni. 

Membuat Efek Drop Shadow Pada Foto di Blog

Foto atau gambar lebih bisa membuat orang jadi lebih lama ingat, selain itu dengan menampilkan gambar atau foto sebagai ilustrasi juga membuat blog menjadi lebih menarik. Orang akan lebih ingat dengan visualisasi blog daripada tulisan, karenan memang konon katanya sebuah paduan warna dalam foto gambar lebih tertanam pada memori otak dari pada hanya sekedar teks.

Dulu, di Belajar Ngeblog di BLOG juga pernah dibahas, cara membuat efek drop shadow untuk gamabar/foto yang ditampilkan di postingan. Sekarang kita akan belajar hal yang serupa, bedanya yang ini adalah membuat efek drop shadow untuk gambar atau foto yang ditambahkan sebagai widget. Kita ingat kembali, efek shadow adalah sebuah efek bayangan yang timbul pada suatu objek, bisa pada sebuah kotak, tabel, dan gambar. Kita tidak perlu mengedit foto itu, hanya menambahkan beberapa kode css efek shadow pada foto sudah terlihat.

Cara Membuat Efek Drop Shadow Pada Foto

1. Login ke akun blogger.com
2. Pilih Tata Letak
3. Lalu tambahkan Tambah Gadget > HTML/Javascript
4. Kemudian masukan kode berikut ini:
   
   

   Login ke akun blogger.com
   <style type="text/css">
   .efekshadow{ background:#fff; padding:2px;  border:1px solid #fff;
   -moz-box-shadow: 0 0 5px 5px #888;
   -webkit-box-shadow: 0 0 5px 5px #888;
   border-radius:5px;
   -moz-border-radius:5px;
   }
   </style>
   <a href="http://twitter.com/sonicheguevara" target="blank"><img class="efekshadow" src="https://twimg0-a.akamaihd.net/profile_images/2312189562/ddm8q41q3ioi43to04je_reasonably_small.jpeg" /></a>

5. Kode yang berwarna merah adalah URL link yang dituju dan URL gambar atau foto, kamu bisa menggantinya sesuai dengan keinginanmu. Simpan jika sudah selesai. 

Good Luck ^^

Membuat Link Bergerak (Bergoyang)

Maksudnya apa sih, link kok bergoyang? kayak dangdutan saja :D Maksudnya begini lo, link yang disetuh oleh cursor akan bergerak ke kanan, dan kalau dijauhkan akan kembali ke tempat semula. Sudah mengerti? Jadi hampir sama marquee, bedanya link akan bergerak hanya jika disentuh.

Dengan membuat link bergoyang ini, selain untuk membedakan kalau teks itu ada linknya, tentunya juga untuk membuat lebih menarik.

Cara Membuat Link Bergerak (Bergoyang)

1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh kode berikut di atas kode </head>
   
   

   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
   <script type='text/javascript'>
   $(document).ready(function() {
   $(&#39;a&#39;).hover(function() { //mouse in
   $(this).animate({ marginLeft: &#39;12px&#39; }, 400);
   }, function() { //mouse out
   $(this).animate({ marginLeft: 0 }, 400);
   });
   });</script>

6. Simpan Template jika sudah selesai.

Bersiaplah untuk melihat link yang ada di blog kita akan bergoyang jika disentuh, ayo digoyang lagi :p 

Semoga Bermanfaat ^^

META BUAT WEB DAN BLOG

<meta content='Window target' name='Windows7 XP Linux'/>

<meta content='RevealTrans' name='Duration 3.0 Transisi 2'/>
<meta content='blogger' name='generator'/>
<meta content='NAMA BLOG KALIAN' property='og:title'/>
<meta content='http://ALAMAT BLOG KALIAN' property='og:url'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='archive, follow' name='googlebot'/>
<meta content='KODE VERIFIKASI DARI YAHOO' name='y_key'/>
<meta content='EN' name='language'/>
<meta content='US' name='country'/>
<meta content='all' name='audience'/>
<meta content='NAMA KALIAN' name='author'/>
<meta content='follow,all' name='robots'/>
<meta content='noodp' name='robots'/>
<meta content='Index, follow' name='Robots'/>
<meta content='General' name='Rating'/>
<meta content='KODE VERIFIKASI BINGWEBMASTER' name='msvalidate.01'/>
<meta content='2 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='general' name='rating'/>

<meta content='true' name='MSSmartTagsPreventParsing'/>

<meta content='Aeiwi, Alexa, AllTheWeb, AltaVista, AOL Netfind, Anzwers, Canada, DirectHit, EuroSeek, Excite, Overture, Go, Google, HotBot. InfoMak, Kanoodle, Lycos, MasterSite, National Directory, Northern Light, SearchIt, SimpleSearch, WebsMostLinked, WebTop, What-U-Seek, AOL, Yahoo, WebCrawler, Infoseek, Excite, Magellan, LookSmart, bing, CNET, Googlebot' name='search engines'/>

<meta content='follow, all' name='alexabot'/>

<meta content='follow, all' name='ZyBorg'/>

<meta content='text/html charset=iso-8859-1' http-equiv='Content-Type'/>

<meta content='ALL' name='WEBCRAWLERS'/>

<meta content='all' name='audience'/>

<meta content='http://www.ALAMAT BLOG KALIAN.blogspot.com/' property='og:url'/>

<b:include data='blog' name='all-head-content'/>

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<title><data:blog.pageTitle/></title>

<b:else/>

<title><data:blog.pageName/> - <data:blog.title/></title>

</b:if>

<meta content='id' name='geo.country'/>

<meta content='general' name='rating'/>

<meta content='true' name='MSSmartTagsPreventParsing'/>

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>

<meta content='0' http-equiv='Expires'/>

<meta content='VERIVIKASI ID ALEXA KALIAN' name='alexaVerifyID'/>

KETERANGAN :

Pasang dibawah code "<head>"

Dan seandainya kalian sudah punya meta yang terdahulu biar ditambahkan saja tidak apa2 juga koq.

Pokoknya aman.

Cara Membuat Label Berputar-putar Di Blog

 Salam blogging sobat-sobat ku semua, kali ini saya sedikit share tentang cara membuat label berputar-putar di blog, cara ini sudah banyak di bahas oleh master-master blog terdahulu.

Disini saya hanya mengulas ulang, siapa tahu ada sobat blogger yang belum mengerti, ataupun sudah pernah melihat dan ingin mempraktikkan di blog sobat. Dengan menggunakan cara ini tampilan widget label akan lebih ringkas, dan tidak terlihat terlalu panjang ataupun terlalu lebar, karena lebar dan panjangnya bisa sobat sesuaikan sendiri.

Saya kira cukup sekian saja penjelasan saya, mari kita menuju ke pokok pembahasan yaitu cara membuat label berputar-putar di blog.

Berikut ini langkah-langkah cara membuat label berputar-putar di blog:

1. Seperti biasa sobat harus login dulu di akun blog sobat
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Sobat cari kode berikut:
   
   - Untuk template lama cari kode ini: <b:section class='sidebar' id='sidebar' preferred='yes'>
   - Untuk template baru cari kode ini: <b:section-contents id='sidebar-right-1'>
   
5. Setelah ketemu sobat copy paste code berikut ini tepat di bawah kode yang sobat cari tadi
   
   

   <b:widget id='Label99' locked='false' title='Labels' type='Label'>
   <b:includable id='main'>
   <b:if cond='data:title'>
   <h2><data:title/></h2>
   </b:if>
   <div class='widget-content'>
   <script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
   <div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
   <script type='text/javascript'>
   var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "300", "200", "7", "#ffffff");
   // uncomment next line to enable transparency
   //so.addParam("wmode", "transparent");
   so.addVariable("tcolor", "0x333333");
   so.addVariable("mode", "tags");
   so.addVariable("distr", "true");
   so.addVariable("tspeed", "100");
   so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
   so.addParam("allowScriptAccess", "always");
   so.write("flashcontent");
   </script>
   <b:include name='quickedit'/>
   </div>
   </b:includable>
   </b:widget>

   Keterangan :
     - Kode berwarna Orange adalah lebar widget, bisa sobat sesuaikan sediri.
     - Kode berwarna hijau adalah tinggi widget, bisa sobat sesuaikan sendiri.
   
6. Save Template

Cara Membuat Efek Bintang Pada Link

Cara Membuat Efek Bintang Pada Link - Bulan lalu saya pernah menulis sebuah posting cara membuat link berwarna warni, kali ini kita akan membuat link tersebut dengan efek bintang berkedip. Efek ini akan muncul apabila link tersebut disorot oleh cursor. Jika sobat ingin membuat blog lebih menarik dengan berbagai macam animasi maka trik yang satu ini mungkin saja bermanfaat. Efek bintang pada link udah saya terapkan di demo blog dan hasilnya sukses. Berikut ini saya akan berikan langkahnya kepada sobat:

1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Carilah kode a:link{ atau a:visited{
4. Lalu letakkan kode dibawah ini dibawah kode a:link{ atau a:visited{
   

   a:hover {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiTleM3VHKGRKYrfylaYe3JPagSxamq1X0z35OLEU3DWc5rTqr05zOicmDnobqeuvlALyEVOZ604EnGWDjcqeWgu3ko4Nn6I5fhRygLE1H3d_zzLTOARNaxaWrgXDxaEaQmHdhkTUUApU/s1600/stars.gif);}

5. Simpan template anda lalu lihat hasilnya

Jika sobat kurang menyukai efek animasi gambar diatas maka sobat tinggal ganti dengan url gambar yang lain. Selamat mencoba!

Cara Membuat Teks Berjalan di Tab dan Navbar Atas

Cara Membuat Teks Berjalan di Tab dan Navbar Atas - Pada kali ini akan saya membagi-bagikan tips untuk mempercantik dan memperindah blog para rekan-rekan pemula tentang cara membuat teks di Tab dan Navbar atas itu berjalan. Mungkin diantara kalian belum ada yang tahu dimana letak Tab dan Navbar Atas.

Langsung saja to the point ye .. :
                         

1. Login dan buka Account Blogger anda Design/Template dan Edit HTML, lihat contoh gambar dibawah :
   
   
2. Beri tanda Chek pada Expand Template Widget
3. Copy Paste kode Java Script dibawah ini :
   

   <script language='JavaScript'> var txt=&quot;. . : : Selamat Datang di Blog Sonii-Beta™, Terima Kasih Atas Kunjungannya , Jangan Lupa Komentarnyaa: : . .&quot;; var kecepatan=80;var segarkan=null;function bergerak() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak(); </script>

4. Letakan kode diatas seperti pada gambar
   
   
5. Klik Pratinjau untuk melihat apakah anda memasukannya dengan benar, apabila sudah benar dan teks yang berjalan sudah sesuai dengan yang kita inginkan ya..tunggu apa lagi tinggal si simpan aja lagi. Untuk menyesuaikan teks yang diinginkan ganti huruf yang berwarna merah, sedangkan untuk mengatur kecepatan ganti teks yang berwarna biru.

Selamat Mencoba ! Good Luck ^_^

Cara Membuat Kamera Pengintai di Blog

Haaiii,..hhehe kali ini saya akan posting tentang "Cara Memasang Widget CCTV di Blog",..

Saat browsing saya menemukan blog dengan widget yang unik yaitu ada CCTV di kanan atas halamannya,  langsung pengen saya. Kemudian setelah cari tau caranya ternyata ada script nya sendiri. Nah langsung saja begini cara masangnya :

• Login ke Blog
• Buka template, "Edit HTML"
• kemudian tambahkan script di bawah <head>

<script language="JavaScript" src="http://mufid-cheater.xtgem.com/CCTV.txt" type="text/javascript"> </script> <script language="JavaScript"
type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQBT_x839aia49ZMd9QJA2a9E3OnL87XYQm41R52RXSeuSolHvg-aIGl_Ie3f9R2K6H0fq-4q_JO5MZbIlIPogG12uubawR2s3VZh6dg_wh8TtNDi5Ii97GRHIvd8rP4HdWblZ6UdXj2o/s1600/cctv.gif")</script>

Catatan : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQBT_x839aia49ZMd9QJA2a9E3OnL87XYQm41R52RXSeuSolHvg-aIGl_Ie3f9R2K6H0fq-4q_JO5MZbIlIPogG12uubawR2s3VZh6dg_wh8TtNDi5Ii97GRHIvd8rP4HdWblZ6UdXj2o/s1600/cctv.gif bisa kalian ganti dengan url gambar lain jadi tak hanya kamera CCTV saja

• Simpan
• lihat hasilnya

Selamat Mencoba ! Semoga Berhasil ^_^