Original page: http://www.dickelodeon.co.cc/2011/02/energy-saving-mode-blog.html#ixzz1JCqZ6BCc Under Creative Commons License: Attribution Non-Commercial

baner

SELAMAT DATANG DI BLOGE CAH ALA

Kamis, 02 Juni 2011

Membuat Label Menjadi Flash Animasi


Ini berawal dari saya melihat flash animasi yaitu di dalam kotak da tulisan-tulisan yang bergerak-gerak, lalu dengan sengaja saya cari cari cara membuatnya, Label yang di fitur blogger standart menjadi tidak standart.

Kalau biasanya seperti ini:
Kucing (12)
Bunga (45)
Buku (8)
Maka dengan fitur widget yang baru ini maka label akan berubah menjadi bentuk flash animasi, seperti punya saya tu! Tahu gak?

Caranya Gimana?
Pertama, pilih Tata Letak > Edit HTML
Kedua, centang Expand Template Widget
Ketiga, cari kode di bawah ini


<b:section class='sidebar' id='sidebar' preferred='yes'>

Keeempat, Kalau sudah ketemu taruh script berikut ini di bawahnya.



<b:widget id='Label99' locked='false' title='Tag Cloud' 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/ruangsc/enes/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://twitter.com/kurniasepta'>@kurniasepta</a> Distributed by <a href='http://kurniasepta.blogspot.com'>Belajar Ngeblog di Blog</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "245", "180", "7", "#333333");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xffffff");
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>

Nah sekarang yang bisa kamu ubah adalah:

"240", "300"

240 adalah lebar flash animasi
300 adalah tinggi flash animasi

Pengetahuan ini saya peroleh dari tante amanda dengan rumahnya dapat kamu jumpai di sini. Ya semoga kamu juga berhasil mempraktekannya.
»»  READMORE...

Membuat Halaman Web/Blog Tidak Bisa Di Copy


Plagiatism sudah sangat sering terjadi di dunia maya. Terkadang mungkin Anda kesal tulisan yang Anda buat dengan susah payah dicopy oleh orang yang tidak bertanggung jawab tanpa meminta ijin anda terlebih dahulu. Memang pada dasarnya aturan dari hak cipta tulisan di dunia maya memang tidak terlalu ketat, sehingga untuk mengcopy sebuah tulisan sangatlah mudah.




Kali ini saya ingin berbagi cara agar tulisan anda lebih aman dari copy. Sebenarnya ada banyak cara agar tulisan anda tidak bisa dicopy, namun setau saya masih belum ada cara yang 100% sempurna. Berikut adalah beberapa cara yang bisa digunakan :



  • Gunakan File PDF yang di secure dalam pendistribusian tulisan.
Cara ini cukup mudah digunakan, saat anda membuat document extract file tersebut dalam format .pdf dan jangan lupa untuk menjadikan file tersebut secured (agar tidak bisa dicopy). Namun cara ini hanya berlaku jika anda mendistribusikan tulisan anda dalam file. Dan cara seperti ini pun tidak terlalu aman, pasalnya sudah banyak software untuk menjebol file pdf yang secure.


  • Untuk Web/Blog capture tulisan anda, dan post dalam bentuk gambar.
Cara ini cukup ampuh untuk melindungi tulisan anda dari pengcopyan. Anda cukup mengetik pada document editor anda, lalu sebelum di edarkan di internet anda capture terlebih dahulu (gunkana tombol printscreen pada keyboard). Lalu edarkan file gambar tadi. contohnya:

Namun perlindungan seperti ini juga kurang efektif, masalah akan timbul saat anda akan membuat link pada tulisan tersebut. Dan proses load page pun akan menjadi lebih lama.

Menurut saya inilah cara yang paling efektif. Sebelumnya coba anda kesini dan anda coba copy tulisan yang ada disana. Tulisan tersebut tidak bisa dicopy bukan? Untuk membuat web anda tidak bisa dicopy sebenarnya sangatlah mudah, berikut adalah caranya :

pada tag <body> tambahkan atribut:

oncopy="return false;"

jadinya nanti seperti ini :

<body onocopy="return false;">

Bagaimana? cukup mudah bukan?
Untuk mengeditnya pada blog anda bisa masuk ke menu Rancangan/Layout pilih option Edit HTML. Tekan Ctrl+F cari text <body dan tambahkan atribut seperti di atas. Jika pada blog anda ada banyak atribut di tag body anda tidak perlu menghapusnya, cukup tambahkan saja atribut oncopy seperti di atas.
»»  READMORE...

Membuat Banner dan Tukeran Link Banner


Jika kita punya suatu produk, pasti kita ingin juga membuat sebuah logo dari produk kita tersebut, misalnya kita punya toko, tentu kita juga akan memberi nama toko kita itu, dengan nama yang bagus, yang mempunyai arti dan tentu saja mudah diingat, itu sama artinya saat kita punya blog, tentu kita akan menamainya dengan sesuatu nama atau brand dengan nama yang bagus dan mudah diingat.

Sebagai contohnya adalah blogger, yang sudah banyak dikenal orang, mungkin kenapa blogger juga banyak dikenal orang karena Logo Banner juga. Kita yang punya blog juga mengikuti atau setidaknya berusaha memperkanalkan blog kita pada khalayak umum dengan  salah satu caranya dengan membuat Banner.

Salah satu pernak-pernik blog yang banyak digunakan dan tentunya akan berdampak positif dengan blog kita adalah Banner dan Tukeran Link Banner. Dengan pernak-pernik tersebut akan membawa manfaat terciptanya pertemanan derngan blogger yang lain, karena saling bertukeran link, yang akhirnya berimbas pada traffic blog kita.

Cara Membuat Banner dan Tukeran Link Banner
1. Login ke blogger
2. Pilih Tata Letak -> Tambah Gadget
3. Pilih HTML/JavaScript 
4. Masukan kode HTML berikut ini

<a href="http://kurniasepta.blogspot.com" target="_blank">
<img border="0" width="123" title="KLIK!" src="http://images.cooltext.com/531532.gif" height="34"/></a>
<!------------------------------------------------------------>
<textarea rows="3" cols="16"><a href="http://kurniasepta.blogspot.com" target="_blank">
<img border="0" width="123" title="KLIK!" src="http://images.cooltext.com/531532.gif" height="34"/></a></textarea>

5. Sebelum disimpan, berikut ini hal-hal yang perlu kita ubah.
  • Diatas kode <!-----> adalah bannernya dan di bawahnya adalah textarea, kotak berisi kode banner.
  • http://kurniasepta.blogspot.com adalah URL yang dituju, kita ganti dengan URL kita sendiri.
  • http://images.cooltext.com/531532.gif adalah URL gambar atau logo banner.
  • Kita juga dapat mengatur lebar dan tinggi banner dengan mengubah angka-angka pada width dan height. dan kotak (textarea) dengan mengubah angka pada rows dan cols. Kalaupuan tidak diubah juga tidak akan jadi masalah
 Mungkin diantara kita masih, masih belum bisa membuat logo banner sendiri, jangan khawatir, karena kita juga bisa membuat logo banner secara online dengan mudah dan cepat. Kita bisa membuatnya di cooltext.com disana kita tinngal memilih modelnya, menganti judul, tulisan, dan warna, setelah itu sedikit registrasi dan kita akan mendapatkan kode HTMLnya. Ambil saja URL gambar atau logonya saja.




Setelah kita pasang atau tambahkan ke blog kita nanti hasilnya akan seperti di atas, ada yang mau tukeran link banner dengan saya? atau ada yang ingin mengoleksi banner? Silahkan
»»  READMORE...

Rabu, 01 Juni 2011

menambahkan animasi melayang di blog


Untuk temen temen yang sering mampir maaf ya... soalnya blog ini jarang update, itu dikarnakan saya ada sedikit kesibukan, n trus terang aja saya biasanya bingung mau pos apa...:D jadi kalau misalnya temen-temen ada yang punya ide tolong di sampaikan dengan cara tuliskan di buku tamu ok ok ok...

Untuk tips trik kali ini saya akan membahas bagaimana cara memasang animasi bendera pada blog ini."pos ini merupakan permintaan dari sob saya  mas ryan" ok langsung saja kita lanjut ke cara pemasangannya

seperti biasa kita login terlebih dahulu ==>Rancangan ==> edit HTML

kemudian kita akan menambahkan sebuah class baru di CSS blog kita, classnya saya namakan MERDEKA :D
kamu copy kan kode berikut di atas kode ]]></b:skin>

.merdeka {position:fixed;_position:absolute;top:10px;right:10px;width:150px;}
.merdeka img{opacity:0.5;filter:alpha(opacity=0); }
.merdeka img:hover{opacity:1;filter:alpha(opacity=100);}

kemudian kamu cari kode </body> terletak di bagian paling bawah, kemudian copykan kode berikut di atasnya,
<div class='merdeka'><img src='http://i35.tinypic.com/333a3ph.jpg'/></div>

kemudian simpan dan lihat hasilnya...

kamu juga bisa merubah animasinya dengan cara menggnati url imagenya...

ok agar lebih seru saya minta pendapat dari temen-temen semua, mengapa...??? class merdeka saya letakkan paling bawah yaitu di atas kode </body>

saya tunggu pendapat temen-temen,,,
»»  READMORE...