Electricity Lightning BRN CRUIZER: TEKNIK BLOG
Tampilkan postingan dengan label TEKNIK BLOG. Tampilkan semua postingan
Tampilkan postingan dengan label TEKNIK BLOG. Tampilkan semua postingan

Cara Membuat Banner Blog

Sebenarnya tutorial ini merupakan lanjutan dari Cara membuat Banner Otomatis di Blog. namun, mungkin sobat masih pada belum tahu cara membuat banner sehingga saya mengshare tutorial ini. ada 2 cara untuk membuat banner blog, yaitu melalui situs-situs penyedia layanan banner seperti cooltext, flashvortex.com, dan lain-lain atau juga bisa melalui software seperti photoshop yang waktu pembuatannya sangat lama dan membutuhkan keterampilan yang sangat tinggi. namun, bagi kalian yang tidak bisa menggambar dengan Photoshop tenang saja, karena pada tutorial kali ini kita akan memanfaatkan jasa pembuatan banner gratis melalui cooltext.com. langsung saja kalau begitu kita ke langkah-langkahnya  :

Baca selengkapnya »

Cara Agar Blog kamu Tidak Bisa di Klik Kanan oleh Pihak Lain

Cara pasang SCRIPT ANTI KLIK KANAN Untuk Menghindari dari serangan LEECHER yang ingin merusak atau menjiplak bl0g kita, maka diperlukan cara–cara khusus untuk mencegahnya, sebenarnya cara untuk menghindari nya sangat banyak tapi untuk saat ini yang saya pilih adalah script anti klik kanan ,,

Script Anti Klik Kanan dengan tanda peringatan

1. Masuk Ke Alamat Bl0g Anda dulu PASTINYA
2. Buka Dasbor lalu Klik Tata Letak
3. Buka Elemen Halaman
4. Klik Tambah Gadged
5. Copy Kode Berikut

<script> var message="DILARANG KLIK KANAN !!";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function("alert(message);return false")</script>

6. Setelah itu klik HTML/Javascript
7. Lalu Copy Paste kode diatas
8. Klik Simpan
9. Dan Lihat Hasilnya….

Membuat Animasi Burung Twitter Pada Blog


 
Beberapa waktu yang lalu Tim Java Creativity memperoleh beberapa email dari para pengunjung yang berisi sebuah saran agar Java Creativity memposting artikel yang membahas tentang Blog atau website. Ehhhmmm….saran yang sangat bagus sekali, lagipula agar isi blog ini tidak hanya terfokus pada software saja.

Nah, kali ini kami akan memposting Trik sederhana untuk Blogger yaitu membuat Burung Animasi Twitter yang melayang kesana-kemari, tidak hanya bisa melayang-layang saja lhooo tetapi Burung Cucak Rowo ini eeehhhh salah Burung Twitter maksud kami ^_^ juga akan sangat bermanfaat untuk menarik pengunjung blog sekaligus mencari Follower pada Akun Twitter anda. Nggak percaya?? Berikut ini akan kami uraikan secara detail.

Ada banyak sekali cara untuk mempopulerkan sebuah isi blog. Salah satunya adalah dengan menggunakan situs jejaring sosial. Salah satu jejaring sosial yang cukup terkenal adalah twitter. Dengan mengandalkan trafik dari twitter maka anda bisa menghasilkan trafik yang lumayan juga pada blog. Hanya sayangnya kadang kita terkendala dengan cara mempromosikan isi artikel dari blog kita. Salah satu metode yang banyak dipakai oleh kalangan blogger adalah dengan membuat animasi burung terbang dalam blog. Jadi burung terbang itu akan terbang kesana kemari mengukuti pergerakan halaman. Jika nanti burung tersebut diklik, maka artikel tersebut bisa langsung ter-share ke twitter.

Lalu bagaimana sih cara pembuatannya? Berikut ini tutorialnya :
  • Silahkan anda login dulu ke dalam Blog anda
  • Pilih Rancangan >> Elemen Laman >> Tambah Gadget >> pilih Html/ java script
  • Masukkan kode berikut :
<!-- floating twitter Bird -->
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggMlTNIwWxp4AW4xRqfcpBsDYSbdpCCyxW84IPFI4TaN8MItL0rRkTOVm8WWaUxbbDnAks-JofUKYNVsfSvLMiwqxC_bj8vU0iZgPLsOAaX14Cf5Vft6eDtCt58zTi2nK7rGVDnvVuCakd/s1600/original.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button",
"select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/#!/AkunTwitterAnda";var tweetThisText = "Twitter - AkunTwitterAnda http://javacreativity.com/";tripleflapInit();
</script>
  • Tampilannya seperti berikut kemudian klik Simpan
  • Lihatlah Hasilnya


Keterangan:
Ganti http://twitter.com/#!/ AkunTwitterAnda dengan URL Profil Twitter anda

Ganti http://javacreativity.com/ dengan URL Blog Anda

Ganti AkunTwitterAnda dengan IdTwitter anda


Tambahan:


Warna Burung bisa diganti dengan warna lainnya. Caranya: ganti kode https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggMlTNIwWxp4AW4xRqfcpBsDYSbdpCCyxW84IPFI4TaN8MItL0rRkTOVm8WWaUxbbDnAks-JofUKYNVsfSvLMiwqxC_bj8vU0iZgPLsOAaX14Cf5Vft6eDtCt58zTi2nK7rGVDnvVuCakd/s1600/original.png dengan kode burung dibawah ini:


Jika ingin Burung Twitternya berwarna Ungu, maka silahkan gunakan kode berikut ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPO1t2YRtVYeKMBVU1CXbbdEF34sjA_ThRCafi5iL47DNOPyKHRmrNET5HvXvMm3vEa8XaHTroLnhuE-IIvwBFfn75NeZdpZLvDD7imX-f05VZh_xdKL5y5p4_x9RO0xI_hCu8Qt18T9lK/s1600/purple.png


Jika ingin Burung Twitternya berwarna Hijau, maka silahkan gunakan kode berikut ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivtrqhYSLknOIlT-F_TehzroCK4GzDVUO3_ueLzfYRR-dsqNTX0OhJgo8wFe9RRAqdO4j9QValwKBGZaCOrV8RFjSFNNIjD6zHyKzJzMHjopLOVphUYaHjGHzj6QdqvmYeXCWqvQNGlatp/s1600/green.png


Jika ingin Burung Twitternya berwarna Biru, maka silahkan gunakan kode berikut ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDHIUG_OpaahzSp_w4YBI15cYwV1sd3vnX2iwu44gfdgEQlWX6j7Qx5GiV8DLD1mmVWFo_CgCzdH1tZ6TI_62irnrTQS9ehiNveIvQKzFjI_LfBXbwWNHck93hApJhQZk2swo-MFsK_Nsb/s1600/blue.png


Jika ingin Burung Twitternya berwarna Pink, maka silahkan gunakan kode berikut ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAIrB11sM7qWFxFqI1RJyaVShsAVK2NKib8II6tpqxqRGKT6lphQyHYxJ1msf_L1RHxXu3XAXFkkDeWtovY9ltng9-IPCwpndOo6ugMxf7JEyg7bvYme-Xq1R4BqKAneVzjatfmwQ9hARI/s1600/pink.png


Memasang 15 Animasi Super Keren Pada Blog



Sebelumnya kami ingin meminta maaf kepada teman-teman semua karena mungkin sudah beberapa hari ini Java Creativity tidak Update dikarenakan seluruh Tim pada sibuk semua ngurusin sesuatu hal yang sebenarnya tidak perlu untuk diurus hahahahahaha….

Ok Langsung saja yah…..beberapa waktu yang lalu kami telah memposting trik memasang Animasi Helikopter Pada Blog. Nah, jika sebelumnya hanya animasi Helikopter saja maka kali ini kami akan membagikan Script Animasi super keren dan super Gokil yang bisa anda pasang untuk menghiasi tampilan Blog anda.

Berikut ini berbagai Animasi beserta Scriptnya, silahkan langsung Copas Scriptnya saja dan cara pakainya bisa dilihat di bagian bawah :

Tuyul Ngakak
Berikut ini Scriptnya :


<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.javacreativity.com" target="_blank">Widget-Animasi</a></center></small></div>

Panda Main Bola
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

Panah Asmara
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Anjing Laut
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Si Lumba-Lumba
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Kelinci
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Dragon
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Ikan
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Pinguin
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Kucing Tidur
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Bunga Mawar
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Tuyul Berbaring
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

Joget Terus…Sampai Pagi
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget-Animasi</a></center></small></div>

Boring
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget-Animasi</a></center></small></div>

Gajah Loncat
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget-Animasi</a></center></small></div>


Adapun cara memasangnya sangat mudah sekali :
  • Silahkan login ke dalam halaman Dashboard kemudian klik menu Rancangan

  • Klik Tambah Gadget kemudian pilih HTML/Java Script

  • Jika sudah, silahkan langsung saja Copas script yang anda inginkan kemudian klik Simpan

  • Apabila anda ingin mengatur tata letaknya silahkan ganti kode yang kami lingkari sesuai keinginan. (Bottom = Bawah, Top = Atas, Left = Kiri, Right = Kanan).
  • Simpan dan lihatlah hasilnya.
Langganan: Postingan (Atom)