Cara Membuat Twitter Terbang di Blog

Twitter terbang di blog sebenarnya aku pasang di blog ini sudah lama, tapi aku gak pernah sharing tentang bagaimana cara memasangnya di blog karena script itu aku peroleh dari googleing juga dan aku pasang di blog ini. Tapi ternyata banyak yang bertanya kepada ajurna bagaimana cara memasang twitter terbang seperti di blog ajurna.net ini, sehingga lebih baik aku share disini saja supaya teman-teman blogger newbie tidak kesulitan googleing yang katanya pada tersesat di blognya orang pintar sekelas blog AGC. kalau disini dijamin tidak akan tersesat karena ini blognya blogger newbie dan menghargai newbie.

Oke langsung saja menuju target.

1. Silahkan login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. add widget >>> pilih HTML/JavaScript.
4. Copy code dibawah ini dan paste di widget HTML/JavaScript.
   
   
   
   <script type="text/javascript" src="http://ajurna.googlecode.com/files/twitterflay.js"></script>
   <script type="text/javascript">
   var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsMi2wDhzWGZgBRobMQGdF3xGZdaSGuROfTeMSrI1t8CxpiXuONvD0Qtc1TP8fBzmYhtIVpG5hB9XPwxfG7DaXplSKCCppFAn4IgfnVeckPzY6H613Pd9CFHnxxiEYF6tY_5TjvnmuejI//"; 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/TwitterKamu";var tweetThisText = "Twitter - TwitterKamu http://www.ajurna.net/";tripleflapInit();</script>
   
   
   Penting :
   - Ganti text TwitterKamu pada code dengan nama twitter kamu
5. Klik Simpan.
6. Selesai dech, silahkan dicek.

kalau masih kurang menarik bisa dikasih efek daun gugur pada blog kamu loch.


Untuk pilihan warnanya silahkan pilih di http://www.misther.co.cc/2011/07/membuat-icon-twitter-flying-bird-dengan.html, disana banyak pilihan warnanya karena aku dapat code ini juga dari sana.

Memasang Shoutbox Melayang

Sidebar sudah penuh dengan Widget tapi shoutbox belum terpasang,nich solusinya.dengan shoutbox melayang ini kamu tetep bisa pasang shoutbox.selain itu juga dapat mempercantik tampilan blog kamu.jadi kalau kita ingin menggunakan shoutbox itu kita tinggal klik gambar PESAN tersebut ,maka shoutbox akan muncul dan bisa digunakan semestinya.

untuk contohnya bisa dilihat disamping kanan blog saya ini.

OK, Langsung saja menuju target. . .


caranya…pertama kamu copy dulu kode dibawah ini…, kemudian pastekan pada ( blogspot )…Tambah Gadget >>> Html/Javascript
Ini codenya….

<style type="text/css">
#nempel{position:fixed;top:65px;z-index:+1000;}
* html #nempel{position:relative;}
.nempeltab{height:100px;width:30px;float:left;cursor:pointer;background: #A5BD51 url('http://lh5.ggpht.com/_xcD4JK_dIjU/Stq23DPOQUI/AAAAAAAADhQ/2imPnFpVUrA/d/floatnav.jpg')no-repeat;}
.nempelisi{float:left;border:2px solid #A5BD51;background:#CCFFFF;padding:8px;}
</style>
<script type="text/javascript">function showHideNempel(){var nempel =document.getElementById("nempel");var w = nempel.offsetWidth;nempel.opened ? moveNempel(0, 30-w) : moveNempel(20-w, 0);nempel.opened = !nempel.opened;}function moveNempel(x0, xf){var nempel = document.getElementById("nempel");var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;nempel.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveNempel("+x+", "+xf+")", 10);}}</script>
<div id="nempel">
<div class="nempeltab" onclick="showHideNempel()"></div>
<div class="nempelisi">

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" width="250" frameborder="0" src="http://www6.shoutmix.com/?m4rlif" height="350" title="m4rlif">
<a href="http://www6.shoutmix.com/?m4rlif">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br/>
<!-- End ShoutMix -->

<div style="text-align:right;"><a style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;" href="javascript:showHideNempel()">[Close]</a></div>
</div>
</div>
<script type="text/javascript">var nempel =document.getElementById("nempel");nempel.style.right = (30-nempel.offsetWidth).toString() + "px";</script>

Keterangan: Untuk yang warna hijau kamu ganti dengan kode shoutbox kamu sendiri.

sedah jelaskan,kalau belum jelas dibaca secara cermat lagi yach.hehehe,,,,,,,,,,
OK, selamat mencoba 

Menghilangkan Garis Iklan Pada Adsensecamp

Kali ini kita membahas yang agak ringan sedikit. tadi pagi cek email ada pertanyaan tetang cara menghilangkan warna garis pada iklan adsensecamp. sebenarnya garis tersebut tidak bisa di hilangkan tapi kita bisa merubahnya agar warna tersebut sama dengan warna background di mana iklan tersebut di tempatkan. jadi seolah-olah kita bisa menghilangkannya. nah ini bisa langsung kita rubah pada saat mengambil kode script iklan. di sana terdapat pengaturan warna garis, background, tulisan dan linknya. tapi terkadang warna tersebut tidak sama dengan warna background yang kita inginkan. untuk solusinya anda bisa mengganti kode tersebut secara manual. adsensecamp memberi hak penuh untuk mengganti background tersebut secara menual. mau tau cara nya gimana? berikut ini cara nya:

Script yang terdapat di iklan adsensecamp lebih kurang seperti berikut:

<!-- Begin: http://adsensecamp.com/ -->
<script src="http://adsensecamp.com/show/?id=%2FGX4XWN0YpA%3D&cid=xoxibs15%2BiU%3D&chan=BKQPkAzHWEQ%3D&type=2&title=000000&text=000000&background=005094&border=005094&url=2BA94F" type="text/javascript"></script>
<!-- End: http://adsensecamp.com/ -->

Nah untuk merubah warna nya anda bisa mengganti kode yang di beri warna merah tersebut.

Catatan:

• title=000000 => ini adalah warna judul dari iklan adsensecamp tersebut, silahkan ganti ffffff dengan kode warna yang lain
• text=000000 => ini untuk warna teks
• background=005094 => ini untuk warna background
• border=005094 => ini untuk warna garis keliling
• url=2BA94F => ini untuk warna link url tujuan

Saya rasa anda sudah mengerti dengan penjelasan di atas. semoga artikel ini bermanfaat dan jangan lupa kembali lagi untuk membaca update terbaru ku setiap harinya. salam sukses......

Cara Simple Membuat Iklan Melayang dengan Tombol Close

Mungkin rekan blogger pernah melihat tutorial ini, memang setau saya ada yang lebih rumit menggunakan banyak kode, tapi disini saya coba memberikan tips yang lebih mudah dan sangat simple bahkan bagi anda blogger yang baru mengenal pengkodean pasti bisa melakukannya, ok saya  akan segera memberikan tutornya, nih ikutin saja langkahnya :
 

1. Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
2. Masuk ke Tab Tata Letak
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Dan Copy kode di bawah ini kedalamnya yah

<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhePQfHuSj6rohDR9wSCsIJljPDIJ5QMmaPLS4N6-3R89xV4DURvUi9GHECuNtcqdp3bO-bEJP92xzjsUXrJ3B29NUTpXkYN1Jn0ODvXhEM565MjI1Mt_4A6PuvUjjtfnv-1H08nZ6AYCQ/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhePQfHuSj6rohDR9wSCsIJljPDIJ5QMmaPLS4N6-3R89xV4DURvUi9GHECuNtcqdp3bO-bEJP92xzjsUXrJ3B29NUTpXkYN1Jn0ODvXhEM565MjI1Mt_4A6PuvUjjtfnv-1H08nZ6AYCQ/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>


<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

    6. Simpan

Semoga BERHASIL :)

CARA MEMBUAT IKLAN MELAYANG... DENGAN TOMBOL CLOSE.. SIMPEL

...Yang paling banyak tanya lewat komentar di blog seperti sobat yang satu ini faktaduniaunik " Sob..klo iklan melayang tau gak??? mohon pencerahannya sob.. ? " .. Baiklah.. sekarang saya ada waktu untuk menjawabnya.. dan caranya cukup simpel..


Simpel gimana sob... jelasin dong aaah !!!..


...Oke.. Langsung saja ya.. pahami langkah-langkah berikut ini :

1. Loginlah ke Blogger > Tata Letak > Elemen Halaman > Tambah Gadget > HTML/Javascript.. dan gadgetnya biarkan saja tanpa nama/judul...
2. Lalu CoPas Kode IKLAN MELAYANG dibawah ini ke dalam Gadget HTML/Javascript tadi...

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

PASTE KODE IKLAN MELAYANGNYA DISINI YA

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

3. Lalu klik Simpan gadget.. dan lihat hasilnya dengan Refresh Blog kamu.. ini Contohnya > eksperimen284.blogspot.com


Note :
> Posisi Gadget Melayang ini bisa kamu letakan dimana saja.. di atas / Bawah atau Kanan/ kiri.. aturlah secerdiknya kamu biar tampilnya nanti bagus..
> Tapi.. Jangan Menaruh Gadget ini satu bagian/daerah dengan gadget melayang lainnya.. karena mungkin bisa menyebabkan error..

...wew!!!..Ternyata Mudah yaa...