Membuat Rekomendasi Post Slide

Membuat Rekomendasi Post Slide ~  Membuat Rekomendasi Post Slide maksudnya adalah sebuah widget yang bisa memunculkan sebuah posting blog secara acak yang berbentuk slide dan widget sangat populer di kalangan luar negeri. Biasanya widget ini muncul pada bagian paling bawah di suatu situs blog. Kebanyakan widget ini di pakai di Blog Wordpress. Nah Guusnara akan memberikan cara Membuat Rekomendasi Post Slide untuk Blogspot.

1. Login ke Blogger anda.
2. Lalu klik "Opsi Lainnya" > "Tata Letak" > "Tambah Gadget".
3. Muncullah sebuah jendela baru dan klik pada menu "HTML/Java Script".
4. Kemudian masukkan kode dibawah ini.
   <div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Recommended for you</p> <div id="bpslidein_image"></div> <div id="bpslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("http://guusnara.googlecode.com/files/bp-out-slide.min.js",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://guusnara.blogspot.com/2012/09/membuat-rekomendasi-post-slide.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCgJ1-PQFHoImarLuFBTWiNs9qWaHUBlaqFn89DGyscrHeu1gNdK98lREsIiBpNaOucoKYNIgwQhkukKGElxwZT6teuX-8JUmcVAX6Rwd-BrHQhjR0P7kF2zH7sif5p8ijznWyg1dqoRE/I/bloggerplugins.png" alt="Recommended Post Slide Out For Blogger" /></a>
5. Simpan Gadget anda.
6. Hasilnya akan seperti ini.
   
7. Done !!!.

Semoga bermanfaat buat anda semua. Happy Blogging !!!.

Read More

Membuat Anti Klik Kanan Dengan Message

Membuat Anti Klik Kanan Dengan Message ~ Sebelumnya Guusnara sudah memberikan Membuat Blog Anda Anti Copas dan Anti Block, sekarang Guusnara akan memberikan tips yang kedua yaitu Membuat Anti Klik Kanan Dengan Message. Misalkan jika anda mengklik kanan di blog yang ada fitur ini, maka akan muncul pesan seperti digambar ini.

Nah, disini anda tidak perlu lagi mengedit HTML anda cukup dengan memasang sebuat Gadget saja. Caranya :

1. Loggin ke Blogger anda.
2. Lalu klik "Opsi Lainnya" > "Tata Letak" > "Tambah Gadget".
3. Maka muncul jendela baru dan carilah "HTML/Java Script".
4. Kemudian masukkan kode dibawah ini.
   <script> var message="Maaf, Saat Ini Fitur Klik Kanan Kami Disable, Demi Lancarnya Kinerja Browser Kalian !!. Dan Jika Ingin Mengcopy, Silahkan Tekan Ctrl + C !!."; /////////////////////////////////// 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>
5. Tulisan yang berwarna Merah ganti dengan deskripsi sesuai yang anda inginkan.
6. Simpan Gadget anda.
7. Done !!!.

Nah untuk mencobanya silahkan langsung ke Url Blog anda dan langsung klik kanan, jika sudah muncul maka kode tersebut berjalan dengan baik. Pengalaman Guusnara kode-kode tersebut hanya bisa berjalan di Browser "Mozzila" dan "Google Chrome" sedangkan di "Opera" tidak berjalan. Selamat mencoba. Happy Blogging !!!.

Read More

Memasang Gadget Burung Terbang Twitter

Memasang Gadget Burung Terbang Twitter ~ Apakah Blog anda isinya itu-itu aja ?. Nah, Guusnara kembali akan memberi tips and trick cara Memasang Gadget Burung Terbang Twitter. Gadget Burung Terbang Twitter ini bisa berterbangan kemana saja di blog anda, dan selain itu juga sebagai ajang mempromosikan akun Twitter anda. Nah, bila anda mau Memasang Gadget Burung Terbang Twitter ini ikuti langkah-langkah berikut.

1. Login ke Blogger anda.
2. Pilih Tata Letak.
3. Klik Tambah Gadget.
4. Muncul jendela baru lalu klik "HTML/Java script.
5. Masukkan Kode dibawah ini.
   <!-- floating twitter Bird --> <script type="text/javascript" src="http://guusnara.googlecode.com/files/tripleflap.js"></script> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz3UP_gnH0ZeMsOSjBb5ActwhWNk5UuDT_fiDe_bG2huRu9Ks0kLOlBJkuFUIktkJvFwyg91fQcBf4COGUqw14Kx-xXEwAKRARA43qR9HpJkhPXBUPovb4zQEwyfp7Cyg5LbjFb0vt2qU/s1600/purple+bird.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/guusnara"; var tweetThisText = "Twitter - UserID http://guusnara.blogspot.com/"; tripleflapInit(); </script>
6. Untuk tulisan yang berwarna merah, silahkan isi dengan user Twitter anda. Dan untuk tulisan yang berwarna biru merupakan warna burung Twitternya, jadi jika anda ingin mengganti dengan warna yg lain,silahkan ganti Kode yang berwarna Biru tersebut dengan salah satu kode dibawah ini.
   Warna Biru Muda:

   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuKkOdWufOY3Z7Qv-BgOkcUeWYeyegjlxkssAv3fdfppinHjBFtmtx06kZ7bynE85_uvzVB9GZ_D0kEDA81a9pMlKvHCyGqD0fq3mRdztk_8KhIGA4MRtzdojivqCZhj2Rq5hhyphenhyphenbtnKR0/s1600/cyan+bird.png
   Warna Hijau:

   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD8gpuyagLE0DRn1pqQE6Wce52UHA4miC7sNutWXI5u3g6jil4THJfUUuFj2vkwRfydvJ-flxZK731LUMs30QmCCn7ZYObSyFnZrbjYcLe1aks9arCdWWTYk9kKooIGnWoV8WVQECenXU/s1600/Green+bird.png
   Warna Hitam:

   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiOEtzgk7bAhwvCc6tpmY4sIdFFwOvQyec0dML4GS_ZZyRu1QxPXgQuHdG1GPqssELjKa3kf7MUmD1GIv9Y06ylUGeiYSYMXGU5eJq4ywm5txrkfIjptSEwGU0uutyVCjEBpXfQqUa5oQ/s1600/black+bird.png
   Warna Coklat:

   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxGd3K5syA5oeUWCCVJsDwzhwV54-vE2NezuzaJ8Ipo1FvyGghfkOmB866HqSyHse3Q8B57hvu1JhK4da7WFf4PDxEorPuGKsllIqSKV84-fQvQowB_Q1My13x7VBVzPIr8nLRt_OM51w/s1600/brown+bird.png
   Warna Ungu:

   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCNHk-icVt-OeFcOM-KXjvJSCIbPUdBSomDWt0QYfgrgXyDKNot-zAsF7_BCy6aKlbQjEtgFalP4iiCuBq1I0uct8-gSX49bqK5eIDlK6cu_mwaLelFuwV3UIQzl9Jv1Zeq-UtlMgtYC8/s1600/purple+bird.png
   Warna Merah:

   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSlwp-FhwzMqyhnf0lhoPuKK9bjKXxwrnca2qebR01phz_09tfnp8G1aDKP1bhWaXt2h_9jmf-TdjSbIv-O4LBFZdtnMWCBahhI6uF0AUXI500fn2lkRAxN5efSWYdpgIPEQyuPgpH9NM/s1600/red+bird.png
   Warna Putih:

   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8KMGzdc8Nxv6LAZXczvzpyrxZLdoiNSekxEfOVBFHzcZb6KbYPfd5BBQOzprMXNsZSXq6xGhe0lSLGvUNKpm_ZxFXwQnqEYdpILz0X60WB7QsznpQsF4KvfaJCUOt1XNeOu3gaV3cnoI/s1600/white+bird.png
   Warna Kuning:

   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhInin5JcUdH8dkLXS0_mRUF-dv5MP5iXfSFCwjqiqIDF11SarHqjB3EvzLVHP80rgqt8r9g5l2_f996lqpLUVI2dsNq3_eO1bvwRRf_Y6RFLwpMiND5RManabKkNBvg7eJG98HjZxuG1A/s1600/yellow+bird.png
7. Kemudian simpan Gadget anda.
8. Done !!.

Jika anda ingin warna lain dari yang diatas, anda dapat mengutak-atik di Photoshop anda. Semoga Bermanfaat Buat Anda Semua. Salam Bloggers !!!.

Read More

Memasang Widget Alexa di Blog

Memasang Widget Alexa di Blog ~ Hari baru koin baru, hehe. Nah di awal bulan september ini Guusnara akan memberikan cara mengenai Memasang Widget Alexa di Blog. Disini Guusnara akan memberikan sedikit pengertian mengenai Alexa terlebih dahulu.

Alexa merupakan sistem traffic terbesar di dunia yang berdiri sejak April 1996. Alexa berdiri di bawah naungan amazon.com. Alexa menyediakan informasi diantaranya tentang blog/website termasuk Top Sites, Statistic Traffic Internet dan Related Links. Alexa juga menyediakan banyak produk yaitu Alexa Traffic Widgets, Reviews Widgets dan Alexa Logos. Tak ketinggalan juga Alexa Toolbar yang menyediakan banyak fitur seperti Alexa Traffic Rank, Related Links, Wayback, Search Analytics dan Web Reviews.

Nah sekarang Guusnara akan memberikan step by step Memasang Widget Alexa di Blog.

1. Masuk ke situs Alexa.com.
2. Login ke akun anda. Bagi yang belum mempunyai akun Alexa, silahkan Klik register, anda juga bisa login via akun Facebook anda.
3. Setelah Register atau Login, silahkan Klik "Produts" di bagian kiri atas.
4. Pada bagian paling bawah klik "See Other Tools for Site Owners"
5. Klik "Alexa Site Widgets"
6. Masukkan URL Blog anda, lalu klik "Build Widget"
7. Copy salah satu Kode Skrip yang anda inginkan ke Gadget Blog anda, dengan cara Pergi ke Blog kalian, Klik "Tata letak" > "Tambah gadget" > "HTML / Java Script", dan masukkan kode yang tadi anda copy sebelumnya. Lalu klik "Simpan"

Untuk cara mengklaim blog anda silahkan ikuti langkah-langkahnya disini >> Memverifikasi ID Alexa Blog (Claim Your Site).

Read More

Cara Membuat Read More

Nah disini saya akan share bagaimana cara read more ?. cara untuk membuat readmore :

Read More