ILMU YANG BERMANFAAT

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.

Gunakan Javascript

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,

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...

Senin, 30 Mei 2011

Kotak Komentar Di Bawah Posting

Duh rupanya banyak yang salah paham nih tentang postingan kang rohman yang kemaren, saya tegaskan bahwa postingan itu khusus bagi anda yang sudah me modifikasi kotak komentar dengan kotak komentar yang di buat oleh jackbook. Bagi anda yang belum pernah memodifikasi kotak komentar sebelumnya alias masih perawan, silah baca postingan oom yang di sini atau mungkin ingin kang rohman yang nulis :D ya udah kalau gitu kang rohman tulis aja deh sekalian.

Sekali lagi saya tegaskan bahwa tutorial pasang kotak komentar di bawah posting ini khusus bagi anda yang belum pernah memodifikasi kotak komentar anda sebelumnya atau dengan kata lain masih asli dari sononya. Yukkk...kita mulai saja biar cepat kelar.

Silahkan Login ke http://draft.blogger.com dengan ID blogger anda. Ingat! bukan login ke blogger.com tapi ke draft.blogger.com karena fasilitas ini masih dalam tahap uji coba.

Tuju pada blog yang akan anda pasang kotak komentarnya. Klik pada Pengaturan

Klik tab Komentar, tuju ke tulisan Penempatan Formulis Komentar, kemudian beri tanda pada radio button untuk Disemat di bawah entri. Biar lebih jelas, sok dilihat gambarnya :

Klik tombol Simpan Pengaturan yang ada di bagian bawah layar monitor anda.

Selesai. Silahkan lihat hasilnya, mudah-mudahan langsung sukses.

Duhhh... saya belum berhasil nih!!! gimanaaaa??????

Jika belum berhasil, bisa mencoba langkah-langkah di bawah ini (biasanya jarang ada yang gagal kalau yang ini).

Langkah #1

Masih dalam posisi yang tadi, klik Tata Letak.

Klik Edit HTMl.

Klik pada tulisan Download Template Lengkap di bagian sebelah atas monitor. Silahkan di Backup dulu templatenya (sangat penting).

Beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.

Tunggu beberapa saat sampai proses selesai.

Cari kode yang seperti di bawah ini( karena kadang kode template berbeda-beda, silahkan fokus ke kode yang warna hijau, dan biasanya kode ini ada dua, pilih kode yang posisinya di bagian bawah ya!)


<p class='comment-footer'>

        <b:if cond='data:post.allowComments'>

        <a expr:href='data:post.addCommentUrl'             
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

    </b:if>


</p>

Hapus / delete kode diatas, lalu ganti dengan kode di bawah ini :


<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

<b:else/>

<b:if cond='data:post.allowComments'>


<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</b:if>

</p>

Klik tombol Simpan Template.

Langkah #1 selesai, yuk dulu biar lebih santai gitu lhohhh..

Sudah belum minum

nya? kalau sudah, kita mulai lagi dech. nyok encang encing enya babeh kita mulai lagi main bajidor nya ya.

Langkah #2

Klik pada Pengaturan

Klik tab Komentar, tuju ke tulisan Penempatan Formulis Komentar, kemudian beri tanda pada radio button untuk Disemat di bawah entri. Biar lebih jelas, sok dilihat gambarnya :

Klik tombol Simpan Pengaturan yang ada di bagian bawah layar monitor anda.

Selesai. Silahkan lihat hasilnya.

Biasanya kalau dengan cara yang kedua ini jarang gagal, jika masih gagal juga, ya udah kang rohman ucapkan "kaciaaaaaaaaan dech loe"

»» READMORE...

Membuat Warna Link Berkedip Warna Warni

Ada yang nanya ke kang rohman :

assalam mualaikum ww. kang ! bagaimana ya caranya bila tulisan tersebut berwarna dan bergerak pergantian warnanya...kayaknya kalau blog saya nantinya jadi lebih bagus deh.

Mungkin maksudnya ketika sebuah link di sorot, link tersebut akan berganti warna secara bergantian. Emang bisa? bisa saja sih, namun harus memakai script. Salah satu script gratis yang bisa di pakai adalah darihttp://www.dynamicdrive.com yaitu script rainbow. Ingin tahu caranya? silahkan ikuti langkah-langkah berikut ini :

Langkah Pertama :

Silahkan download dahulu script rainbow, klik pada link di bawah ini :

Download | mirror 1
atau
Download | mirror 2
Ekstraklah file yang sudah di download tadi ( file zip) menjadi file java ( js file ) dengan memakai software ekstraktor seperti winzip ataupun winrar :
Uploadlah file tersebut ke server yang biasa anda gunakan, contoh ke google page creator.
Jika sudah di upload, ambillah alamat URL file tersebut, contoh ( ini contoh saja, jangan di pakai) :

http://kangrohman.googlepages.com/rainbow.js
Ubahlah alamat URL tersebut menjadi seperti ini (contoh saja) :

<script src='http://kangrohman.googlepages.com/rainbow.js'/>

Langkah Kedua :

Silahkan login ke blogger dengan ID .
Klik Tata Letak.
Klik tab Edit HTML.
Cari kode seperti ini </head>.
Simpan kode scriptnya di bawah kode </head> (contoh saja).
Klik tombol Simpan Template.
Selesai.

Sekarang coba lihat blog anda dan sorot link nya, jika berhasil maka linknya akan berkedip berganti warna.

Selamat mencoba.

»» READMORE...

Membuat Warna Link Berkedip Warna Warni

Ada yang nanya ke kang rohman :

assalam mualaikum ww. kang ! bagaimana ya caranya bila tulisan tersebut berwarna dan bergerak pergantian warnanya...kayaknya kalau blog saya nantinya jadi lebih bagus deh.

Langkah Pertama :

Silahkan download dahulu script rainbow, klik pada link di bawah ini :

Download | mirror 1
atau
Download | mirror 2
Ekstraklah file yang sudah di download tadi ( file zip) menjadi file java ( js file ) dengan memakai software ekstraktor seperti winzip ataupun winrar :
Uploadlah file tersebut ke server yang biasa anda gunakan, contoh ke google page creator.
Jika sudah di upload, ambillah alamat URL file tersebut, contoh ( ini contoh saja, jangan di pakai) :

http://kangrohman.googlepages.com/rainbow.js
Ubahlah alamat URL tersebut menjadi seperti ini (contoh saja) :

<script src='http://kangrohman.googlepages.com/rainbow.js'/>

Langkah Kedua :

Silahkan login ke blogger dengan ID .
Klik Tata Letak.
Klik tab Edit HTML.
Cari kode seperti ini </head>.
Simpan kode scriptnya di bawah kode </head> (contoh saja).
Klik tombol Simpan Template.
Selesai.

Sekarang coba lihat blog anda dan sorot link nya, jika berhasil maka linknya akan berkedip berganti warna.

Selamat mencoba.

»» READMORE...

ILMU YANG BERMANFAAT

baner

Kamis, 02 Juni 2011

Membuat Label Menjadi Flash Animasi

Membuat Halaman Web/Blog Tidak Bisa Di Copy

Membuat Banner dan Tukeran Link Banner

Rabu, 01 Juni 2011

menambahkan animasi melayang di blog

Senin, 30 Mei 2011

Kotak Komentar Di Bawah Posting

Membuat Warna Link Berkedip Warna Warni

Membuat Warna Link Berkedip Warna Warni

sng nglihat

z

ghADJ