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

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

Tips Meningkatkan Alexa Rank

Masih seputar alexa rank seperti pada dua artikel sebelumnya, namun sepertinya artikel ini merupakan edisi terakhir mengenai alexa rank. Dalam coretan terakhir ini Kang Rohman coba membahas tentang beberapa tips meningkatkan alexa rank untuk web atau blog.

Sebenarnya inti dari meningkatkan alexa rank adalah meningkatkan jumlah trafik atau kunjungan ke web atau blog anda, namun seringkali data yang di dapat oleh alexa tentang trafik blog anda tidak akurat, oleh karena itu kita sebagai pemilik web atau blog harus berusaha agar data trafik web atau blog kita sampai ke alexa dengan akurat.

Berikut adalah beberapa tips meningkatkan alexa rank untuk web atau blog :

Memasang Alexa Toolbar di browser internet yang anda pakai

Seperti telah di singgung sebelumnya bahwa alexa.com akan mengetahui jumlah trafik atau kunjungan adalah melalui toolbar alexa yang terpasang pada browser internet. Sebenarnya cara ini tidak hanya menguntungkan bagi web atau blog anda sendiri, namun ini juga menguntungkan bagi web atau blog yang sering anda kunjungi. Akan tetapi saya yakin anda akan lebih sering mengunjungi blog anda sendiri di bandingkan dengan mengunjungi blog orang lain (soalnya kang rohman begitu dhenk). Tertarik ingin memasang alexa toolbar di browser anda, install saja sekarang.

Bagi pengguna Internet explorer :

Bagi pengguna FireFox :

Alternatif lain bagi pengguna Firefox (integrasi antara Page Rank checker serta Alexa Rank checkher) :

Memasang alexa Widget di blog

Ini adalah alternatif lain agar mesin alexa mengetahui jumlah pengunjung blog secara akurat, karena tidak semua pengunjung web atau blog kita memasang alexa toolbar di browser internetnya. Jika anda masih merasa kesulitan memasang alexa widget di blog, silahkan baca artikel tentang “Tutorial Pasang Widget Alexa di Blog”.

Setting Web atau Blog anda menjadi Home Page di browser internet

Apa sih yang di maksud dengan Home Page di atas? begini, apabila anda menjalankan browser internet, akan langsung terbuka suatu halaman situs (tergantung setting sebenarnya sih), nah situs itulah yang di namakanhome page. Ada baiknya home page ini di setting untuk web atau blog anda sendiri. Bingunggggg… gimana cara settingnya? oh masih bingung ya, begini nih caranya :

Untuk Internet Explorer 7 (IE7)

Silahkan jalankan internet explorer nya.
Lihat ke bagian atas, di sana ada bar menu. Klik menu “Tools”, lalu pilih “Internet Option”.
Setelah keluar option nya, pastikan anda berada pada tab General, tulis alamat blog anda pada kolom yang ada. misal : http://kolom-tutorial.blogspot.com. Klik tombol apply lalu klik tombol OK.
Selesai. Sekarang setiap anda membuka internet, blog anda akan langsung di kunjungi.

Untuk pengguna FireFox intinya sama saja, langkahnya mirip-mirip :

Untuk Firefox 3 :

Silahkan jalankan Firefox nya.
Klik menu Tools, klik Options…
Setelah keluar options, klik tab Main. Isi nama home page dengan alamat blog anda. klik tombol OK. Selesai.

Buatlah tulisan di blog anda mengenai alexa

Dengan anda membuat tulisan tentang alexa, maka para pengunjung setia blog anda akan tertarik menggunakan tool alexa, ini tentunya menguntungkan karena data yang masuk ke alexa akan sangat lancar.

Tingkatkan pengunjung jumlah blog anda.

Alexa rank adalah suatu peringkat yang berdasarkan banyaknya kunjungan terhadap suatu web atau blog, maka tentu saja semakin banyak pengunjung web atau blog anda, alexa rank akan semakin baik.

Berikut beberapa tips agar blog anda ramai di kunjungi oleh pengunjung :

Isi blog anda banyak di minati oleh orang banyak. Misal : Info lowongan kerja, tutorial, berita, dll.
Coba fahami sedikit tentang yang namanya SEO, baca di sini!.
Daftarkan situs anda di berbagai Search engine. Selengkapnya tentang submit ke search engine, baca di sini!
Daftarkan blog anda ke berbagai agregat atau social bookmarking. Untuk blog berbahasa inggris coba submit ke digg, stumbleupon, ma.gnolia, delicious, furl, technorati, simpy, spurl, reddit, mybloglog,blogcatalog, dan lain-lain. Untuk blog bahasa indonesia, coba daftarkan ke blog-indonesia, lintas berita,info gue, dal lain-lain.
Jadikan web pertemanan semisal friendster, yuwie, hi5, facebook, dan lain-lain sebagai ajang untuk promosi, namun jangan terlalu gencar karena bisa di anggap spam.
Masukkan alamat web atau blog anda pada signature forum (bagi yang aktif di forum).
Masukkan alamat web atau blog anda pada signature email.
Pasang iklan di situs iklan baris gratis seperti : iklanbaris.co.id, iklanads.com, webiklan.com, dan lain-lain.
Jika punya dana lebih, coba pasang iklan bayar per klik seperti : kliksaya, kumpulblogger, adsensecamp, dan lain-lain. Jika ingin yang lebih dahsyat coba deh dengan google adword.
Coba pasang Iklan di blog yang ramai di kunjungi tapi dengan harga murah. Contoh di http://kolom-tutorial.blogspot.com
Cape ah ngetiknya, udahan dulu deh.