Tampilkan postingan dengan label Tips Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Blogger. Tampilkan semua postingan

Minggu, 01 Agustus 2010

Menonaktifkan Fungsi Klik Kanan Pada Blogger

Penulis Blog | 00.00 | | |
Copy paste pada blog memang sangat banyak terjadi. Adapun sikap blogger, ada yang memperbolehkan blognya dicopy dengan menyertakan link balik atau backlink, adapula yang tidak mengijinkan blognya dicopy. Banyak cara yang dapat digunakan untuk menghindari copy paste. salah satunya adalah dengan menonaktifkn fungsi klik kanan pada blog.

Bagi kalian yang ingin menonaktifkan fungsi klik kanan pada blog, silahkan silahkan instal pada tombol berikut:

1. Menonaktifkan fungsi klik kanan biasa
Blog menjadi tidak dapat di klik kanan sama sekali

2. Menonaktifkan fungsi klik kanan dengan pesan
Blog akan menampilkan pesan ketika di klik kanan

3. Menonaktifkan kilk kanan dengan ekstrim
Blog akan menampilkan pesan ketika di klik kanan. Apabila di klik kanan tiga kali, efeknya akan sangat mengerikan, window tidak bisa di close, dan untuk close window harus dengan mematikan komputer.
Baca selengkapnya »
Diposting oleh Penulis Blog di 22 komentar:

Cara Membuat Floating Box Yang Cocok Untuk Adsense

Penulis Blog | 00.00 | | | |
Blogger biasanya membuat floating page untuk diisi dengan adsense. Floating page ini kadang terlihat sangat merepotkan pengujung. Karena dapat melayang-lanyang tak berpindah ketika halaman website digerakkan ke atas-bawah. Halaman website digeser-geser ke atas ke bawah, floating box ini tetap pada tempatnya.

Bagaimana cara membuat floating page ini? Berikut ini akan saya jelaskan:
1. Pertama-tama Anda harus login ke dalam akun blogger Anda.
2. Pilih Design dan selanjutnya pilih Edit HTML.
3. Pasang kode di bawah ini antara <head> dan </head>
<script src='http://sites.google.com/site/mardiunj/adse.js' type='text/javascript'/>
4. Letakkan kode CSS berikut ini di atas kode ]]></b:skin>
#topbar{
position:absolute;
border: 1px solid black;
text-align:center;
padding: 2px;
background-color: lightyellow;
width: 600px;
visibility: hidden;
z-index: 100;
}
Silahkan ganti kode CSS sesuai keinginan Anda.
5. Kemudian klik SAVE TEMPLATE untuk menyimpan kode tersebut.
6. Pilih Page Element kemudian pilih Add Gadget dan pilih HTML/Javasript. Gadget dapat diletakkan dimana saja, karena box ini akan melayang di dalam halaman website.
7. kemudian masukkan kode di bawah ini di dalam Gadget:
<div id="topbar">

Masukkan Kode Adsense, Script, Image, atau yang lainnya sesuai keinginan Anda

<a href="" onclick="closebar(); return false"><img src="http://sites.google.com/site/mardiunj/close.png" border="0" /></a>

</div>
8. Jika sudah selesai, klik Save.
9. Litah hasilnya.
Baca selengkapnya »
Diposting oleh Penulis Blog di 3 komentar:

Cara Membuat Window Terbuka dengan Animasi

Penulis Blog | 00.00 | |
Kita berselancar di internet tentunya membutuhkan web browser. Kadangkala, saat membuka link dengan web browser tersebut, kita dikejutkan dengan penampilan terbukanya window dengan animasi. Sebenarnya saya sendiri tidak suka dengan animasi ini.

Cara membuat animasi window di web browser ketika link terbuka:
1. Masuk ke akun blogger, pilih Design, kemudian pilih Edit HTML.
1. Copy paste kode berikut dan letakkan di atas tag head
<script type="text/javascript" src="http://sites.google.com/site/mardiunj/javascript/animatedwindow.js"></script>
2. Simpan template
3. Kemudian untuk membuat linknya yang terbuka dengan animasi window
<a href="#" onClick="expandingWindow('http://starchem05.blogspot.com/');return false">Starchem</a>
4. Silahkan dicoba.
Baca selengkapnya »
Diposting oleh Penulis Blog di Tidak ada komentar:

Cara Membuat Tombol Auto Install Widget di Blogger

Penulis Blog | 00.00 | |
kali ini saya akan menjelaskan tentang cara membuat tombol auto instal widget. Tombol auto instal ini dapat digunakan untuk pengguna blog blogspot/blogger. Bagi pengguna baru blogspot, tentunya akan merasa sedikit kesulitan untuk memasang kode HTML yang agak sedikit rumit. Oleh karena itu, terdapat cara mudah untuk menginstal kode HTML, yaitu dengan menggunakan tombol auto instal untuk blogger.

Berikut ini adalah contoh kode HTML auto instal widget untuk blogger:
<form action="http://beta.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" type="hidden" value="" /><textarea cols="5" name="widget.content" rows="3" style="display: none;">&lt;script type="text/javascript" src="http://sites.google.com/site/mardiunj/javascript/disablerightclick.js"&gt;&lt;/script&gt;</textarea><input class="button" name="go" type="submit" value="Install disable right click" /></form>
Haslnya adalah:

Kode HTML untuk penginstalan adalah:
<form action="http://beta.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" value="NAMA WIDGET" type="hidden"><textarea cols="5" name="widget.content" rows="3" style="display: none;">KODE WIDGET</textarea><input class="button" name="go" value="INSTAL NAMA WIDGET" type="submit">
</form>
catatan:
Ganti text yang berwarna merah dengan penginstalan yang Anda inginkan. Value sebaiknya kosongkan.
Baca selengkapnya »
Diposting oleh Penulis Blog di 3 komentar:

Cara Membuat Blink Text effect

Penulis Blog | 00.00 | | |
Kita akan lebih menyukai suatu website atau blog yang lebih menarik perhatian tentunya. Selain dari membuat isi postingan yang menarik, kita juga dapat membuat gambar, text, link, background yang menarik perhatian. kali ini, saya akan menjelaskan cara membuat animasi blink text effect. Coba lihat contoh text berikut:

Islam Cinta Damai.

Kode HTML untuk text tersebut adalah:
<blink><b style="color: red;">Islam Cinta Damai.</b></blink>

Coba lagi:
Asal mula nama JavaScript adalah LiveScript. Dikembangkan pertama kali pada tahun 1995 di Netscape Communications.

Kode HTML untuk teks di atas adalah:
<blink>Asal mula nama JavaScript adalah LiveScript. Dikembangkan pertama kali pada tahun 1995 di Netscape Communications.</blink>

Untuk membuat text berkelip tersebut, Anda hanya perlu menambahkan kode <blink> dan </blink> pada text yang ingin Anda buat berkelip. Contoh:

<blink>
Ganti dengan text yang Anda inginkan
</blink>
Baca selengkapnya »
Diposting oleh Penulis Blog di 5 komentar:

Kamis, 22 Juli 2010

Cara Membuat Gambar Berubah Saat Terkena Kursor

Penulis Blog | 05.46 | | |
Gambar, ini merupakan salah satu hal yang penting dalam sebuah website, krena dengan gambar tersebut, website atau blog kita akan menjadi lebih menarik. Akan lebih menarik lagi bila terdapat variasi gambar, misalnya dengan cara membuat gambar berubah saat terkena kursor.

Berikut ini akan saya jelaskan bagaimana membuat gambar yang dapat berubah saat terkena kursor. Pertama-tama, sediakan 2 gambar. Tentunya, pilih gambar yang agak mirip.

menjadi
Gambar sebelum terkena kursor menjadi gambar setelah kursor.

Sehingga bila gambarnya digabungkan akan menjadi:

Kode HTML untuk gabungan gambar tersebut adalah:
<img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Oyk19qqvl7781NGC3Vk_3bEhwHcr2DwmCeo0hmNuzA2jbDTQykHEay79L8z-KP5TIDRZGXsC3PK3rExEkjb39thqZMRtExGyQrJ8NQ7pphDE8gLt432tKwwBLi71BKCyo0q_4h0z-KNg/s1600/cooltext-starchem05.png';" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH829eobqTr5r0EQFQ7Je8GOSxrXWFfTk9lj9SWIwByIr3LpeNkgw73wOMay2c-WTXh-7q6vbnhRT88BpB6hyphenhyphenUYZB8ckqBsaiCIsCv2ew1O1c-00v-rewxnnp0dunWXWX_B3FC7oQaGlsw/s1600/cooltext-starchem05-2.png';" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Oyk19qqvl7781NGC3Vk_3bEhwHcr2DwmCeo0hmNuzA2jbDTQykHEay79L8z-KP5TIDRZGXsC3PK3rExEkjb39thqZMRtExGyQrJ8NQ7pphDE8gLt432tKwwBLi71BKCyo0q_4h0z-KNg/s1600/cooltext-starchem05.png" />

Keterangan:
  • Teks yang berwarna merah  adalah url gambar sebelum terkena mouse yaitu https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Oyk19qqvl7781NGC3Vk_3bEhwHcr2DwmCeo0hmNuzA2jbDTQykHEay79L8z-KP5TIDRZGXsC3PK3rExEkjb39thqZMRtExGyQrJ8NQ7pphDE8gLt432tKwwBLi71BKCyo0q_4h0z-KNg/s1600/cooltext-starchem05.png ganti dengan url gambar Anda.
  • Teks yang berwarna biru adalah url gambar setelah terkena mouse yaitu https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH829eobqTr5r0EQFQ7Je8GOSxrXWFfTk9lj9SWIwByIr3LpeNkgw73wOMay2c-WTXh-7q6vbnhRT88BpB6hyphenhyphenUYZB8ckqBsaiCIsCv2ew1O1c-00v-rewxnnp0dunWXWX_B3FC7oQaGlsw/s1600/cooltext-starchem05-2.png ganti dengan gambar yang Anda inginkan.

Selain cara di atas, terdapat juga cara dengan hover. Tapi cara hover tidak akan saya jelaskan disini.
Baca selengkapnya »
Diposting oleh Penulis Blog di 4 komentar:

Selasa, 20 Juli 2010

Cara Membuat Kursor Berubah Saat Berada di Atas Gambar

Penulis Blog | 19.41 | | |
cursor

Kadangkala, saat kita membuka website tertentu, kursor kita berubah saat mengenai suatu gambar tertentu. Hal tersebut dapat mempercantik tampilan web.

Banyak sekali kursor yang dapat kita download di internet. Kursor tersebut ada yang gratis ada pula yang mengruskan untuk membayar. Kalau saya sarankan sih pilih yang gratis saja. Buat apa membayar kursor? ^_^

Sekarang marilah kita ke tema judul ini. Bagaimana cara membuat costum kursor untuk gambar dalam website/blog? Contohnya bisa kalian lihat di gambar sebelah atas ini. Code HTML gambar tersebut adalah:

<img alt="cursor" border="0" id="Berubah" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw_G2frmXuv9hVTegxiUz2BAmGWeyzs6vamDrsdX66oOn5O-4Fxt3X_Mgdz24hnNXbRmvxJP-CK27L9iMFqqMqPIy2KegzeYBfjJ2DLUrf3qm9_KS89GHEsNfv7NXsuZ6Ga31OTlns5ar1/" style="cursor: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHRXu2hnHazeK1K1sqGFhFyDPLktk7Sbw0OrW_ZGV2v_AdiN8sQ-l7m0PHR5_68kqUZM6fdBrot21QeXJdBdObwD-NnOoKc-fBKTvnyvyTOd28F9bD9wnzGxmBLLdkdNJO2PVdYWPXWyc1/&quot;), wait;" title="cursor" />

Catatan:
*Url yang berwarna merah adalah url gambar. Ganti gambar denan yang Anda inginkan.
*Url yang berwarnahijau adalah gambar kursor. Ganti gambar kursor dengan yang Anda inginkan

Contoh gambar cursor dapat Anda Download di http://cursors.funutilities.com/
Baca selengkapnya »
Diposting oleh Penulis Blog di 4 komentar:

Jumat, 16 Juli 2010

Cara Membuat Widget Sederhana Twitter

Penulis Blog | 06.43 | | |
Tentunya, kita sudah tahu twitter. Twitter adalah situs jejaring sosial yang terkenal. Dengan twitter memungkinkan kita untuk berkomunikasi lewat internet.

Kali ini saya akan mencoba menjelaskan tentang cara membuat widget sederhana twitter yang diletakkan di dalam blog. Widget tersebut berisi tentang feedfriend status kita. Isi dari widget tersebut hanya tweets dan link twitter Anda. Berikut ini adalah code:
<div id="twitter_div" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr6C6ax6V-3iZF9C1OLLt_LDFglB7TSSm0wR9pBJg9jGqDH5kkWR1U0Sv-fSo3S8X4wWIowQfBV7FPA6kIIgZoBz5pr5rwPcvkU7a7zcSeIdhOY6xAJz3rnuvzr2uLwukk29xyGTOf5p7B/) top left no-repeat; color:#000000; font-size:14px; padding-left: 50px;"><ul id="twitter_update_list"></ul>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/mardiono87">follow me on Twitter</a>
</div>
<script src="http://sites.google.com/site/mardiunj/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/mardiono87.json?callback=twitterCallback2&count=5" type="text/javascript"></script>
Catatan:
*Ganti code yang berwarna ungu dengan url gambar yang Anda inginkan dan style background, jenis huruf, besar huruf sesuai keinginan Anda.
*Ganti username yang berwarna biru dengan username Anda di twitter.
*Ganti yang berwarna hijau dengan banyaknya status yang Anda inginkan.
*follow me on Twitter ganti dengan selera Anda.

Masukkan Script di atas pada Widget "HTML/JavaScript" pada Akun blogger Anda.
Baca selengkapnya »
Diposting oleh Penulis Blog di Tidak ada komentar:
Langganan: Postingan (Atom)
Copyright ©2010-2013 Starchem05 Designed By: Software Reviews and Downloads Powered by Blogger
feed