Kotak Like Facebook Melayang Dengan jQuery

Kotak Like Facebook Melayang Dengan jQuery - Kali ini saya akan membahas bagaimana cara membuat Kotak Like Facebook Melayang Dengan jQuery, maksudnya menampilkan kotak like facebook dengan efek melayang ditambah dengan waktu batas, maksudnya jika waktu tersebut sudah habis maka kotak like facebook yang melayang tadi akan menghilang dengan sendirinya, sebelum membahas bagaimana cara membuatnya silahkan lihat DEMO gambar dibawah ini.

____________________________________________________________________

<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='Gratis-Download'
//]]>
</script>
<style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;}
#fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:300;}
.fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;}
#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;}
#fblikepop #closeable{float:right;margin:7px 15px 0 0;}
#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:18px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:&quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif !important;}
#fblikepop #actionHolder{height:150px;overflow:hidden;}
#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:200px;}
#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;}
#fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;}
#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;}
#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}</style>
<script src='http://mybloggertricks.googlecode.com/files/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='http://ajiswild.googlecode.com/files/mbtlikebox2.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 30,
wait: 0,
url: 'http://www.facebook.com/pages/Gratis-Download/188943891183705',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'/>

____________________________________________________________________

Gimana tertarik untuk membuat widget kaya gambar diatas, jika tertarik silahkan ikuti langkah-langkah di bawah ini :

1. Login ke Blog kamu.
2. Pilih Rancangan.
3. Pilih Edit HTML, jangan lupa Download Template Lengkap Dulu.
4. Cari kode , setelah ketemu latakan kode dibawah ini tepat diatas kode

Ganti kode yang berwarna Hijau  denagn USERNAME Facebook anda.
Dan untukk yang berwarna BIRU waktu yan ditampilkan dalam detik jadi 30 sama dengan 30 detik.
Sebelum disimpan Template nya klik dulu PERTINJAUAN apakah berhasil, jika berhasil baru SIMPAN TEMPLATE.

»»  Baca Selengkapnya...

[Trick Blog] Cara Membuat Label Dengan Fungsi Scroll

Menu scroll tentunya sudah banyak yang tau, menu ini dapat ditarik ke bawah dan ke atas. Cara membuatnya sangat mudah, hanya dengan menyisipkan sedikit kode HTML maka jadilah label dengan fungsi scroll.

Untuk membuatnya, silahkan ikuti dengan cermat langkah-langkahnya berikut ini :

1. Login ke blogger dengan ID sobat tentunya.
   
   
2. Buatlah Label dengan menambah Gadget pada sidebar, jangan lupa beri judul.
   
   
3. Anggap saja sobat telah membuat judul labelnya dengan nama “Kategori”.
   
   
4. Sekarang tuju ke Edit HTML.
   
   
5. Klik Expand Template Widgets.
   
   
6. Cari label yang sudah sobat buat tadi, dengan CTRL+F dan ketikkan “Kategori”, maka akan muncul kode HTML yang ribet, tapi jangan pusing melihat kode HTML tersebut.
   
   
7. Perhatikan saja tulisan yang berwarna merah dibawah ini, kode itulah yang harus disisipkan kedalam label yang sudah sobat buat.
   
   
   <b:widget id='Label1' locked='false' title='Kategori' type='Label'>
   <b:includable id='main'>
   <b:if cond='data:title'>
   <h2><data:title/></h2>
   </b:if>
   <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
   <div style='overflow:auto; width:ancho; height:250px;'>
   <b:if cond='data:display == &quot;list&quot;'>
   <ul>
   <b:loop values='data:labels' var='label'>
   <li>
   <b:if cond='data:blog.url == data:label.url'>
   <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
   <b:else/>
   <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
   </b:if>
   <b:if cond='data:showFreqNumbers'>
   <span dir='ltr'>(<data:label.count/>)</span>
   </b:if>
   </li>
   </b:loop>
   </ul>
   <b:else/>
   <b:loop values='data:labels' var='label'>
   <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
   <b:if cond='data:blog.url == data:label.url'>
   <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
   <b:else/>
   <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
   </b:if>
   <b:if cond='data:showFreqNumbers'>
   <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
   </b:if>
   </span>
   </b:loop>
   </b:if>
   <b:include name='quickedit'/>
   </div>

   </div> </b:includable>
   </b:widget>
   
   
8. Jangan lupa Simpan Template.

Setiap template mempunyai karakter yang berbeda, mungkin di blog sobat kode yang ada adalah

<div class='widget-content'>

bukan seperti yang ada di blog saya yaitu :

<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'> 

yang penting letak kode tambahan yang disisipkan harus benar meletakkannya.

Untuk kode height:250px adalah tinggi label scroll, silahkan sobat ganti dengan angka yang lebih tinggi jika ingin tampilan menu label yang lebih tinggi.

Saya kira itu cukup sekian pelajaran blog kita kali ini, terima kasih.

»»  Baca Selengkapnya...

[Trick Blog] Membuat Menu Auto-Hide ( Spoiler )

Hampir sama dengan postingan saya disini, kali ini akan menulis bagaimana membuat menu auto-hide yaitu menu yang bisa dikenal sebagai spoiler berguna untuk menyimpan / menyembunyikan sebuah gadget/widget yang dirasa terlalu menonjol dan menyebabkan blog kita terlalu besar agar blog kita terlihat rapi, jadi nantinya spoiler hanya akan muncul jika di klik oleh mouse dan sembunyi ketika diklik lagi.

Cara untuk membuatnya adalah :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3.Copy Paste Script yang ada di bawah ini :

<div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">
TARUH SCRIPT / KONTEN KALIAN DISINI
</div></div></div></div></div>

Keterangan :
+ Tulisan yang berwarna merah bisa Anda ganti sesuai keinginan.
+ Yang berwarna hijau adalah tempat untuk meletakkan konten / script widget Anda.

4. Klik Simpan dan selesai.

»»  Baca Selengkapnya...

[Trick Blog] Membuat Widget Pop Up Windows Di Blog

Widget yang tampil seperti mengambang di blog, biasanya sering untuk memasang script iklan PPC. Karena memang widget ini tampilannya paling menonjol yaitu tampil di depan, tengah atau sebelah kiri sesuai keinginan pemasang semua bisa di setting melalui pengaturanya. Keunikan lain script ini adalah jika pengunjung melakukan scroling ke bawah halaman blog anda tetapi widget ini akan selalu berada di bagian bawah blog anda atau sesuai dengan pengaturan sehingga pengunjung dapat melihat dengan jelas apa saja yang kita pasang dalam widget ini, contoh iklan PPC.

Langsung aja cara buatnya :

1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3.Copy Paste Script Berikut :

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

.gbtab{
height:30px;
width:960px;
float:center;
cursor:pointer;
background:url('') no-repeat;
}
.gbcontent{
float:center;
border:1px solid #A5BD51;
background:#000000;
padding:1px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 125-w) : moveGB(125-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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

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

<div class="gbcontent">

SCRIPT IKLAN PPC ANDA DISINI / APA SAJA YANG INGIN DITAMPILKAN!

<div style="text-align:right">
<a href="javascript:showHideGB()">
[Close]
<a href="http://ajiswild.blogspot.com/2012/01/trick-blog-membuat-widget-pop-up.html" target="_blank">
[Widget By Seby-Antoe]
</a>
</a></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.down = (125-gb.offsetWidth).toString() + "px";
</script></div>

Keterangan :
+ Angka 30 adalah tinggi kota widget, ganti dengan ukuran yg anda inginkan.
+ Angka 960 adalah ukuran lebar kotak wodget, bisa anda edit dengan ukuran yg anda inginkan.
+ Angka 325 adalah ukuran letak widget ini di halaman blog anda artinya semakin besar angkanya anda edit maka widget ini akan semakin kebawah, begitu juga sebaliknya.
+ Angka #000000 adalah kode warna background widget ini. Silahkan anda edit dengan warna yg sesuai dengan background blog anda.
+ Ganti Tulisan SCRIPT IKLAN PPC ANDA DISINI / APA SAJA YANG INGIN DITAMPILKAN! Dengan script keinginan anda.

4. Simpan dan lihat hasilnya.

+ Mohon anda tidak menghapus link redirect ke artikel widget ini. Terimah kasih atas penghargaan anda tidak mengganti link redirect ke artikel ini.

Selamat Mencoba ... !!!

»»  Baca Selengkapnya...

Membuat Daftar Pengunjung Online

Whos.amung.us merupakan aplikasi untuk mengetahui pengunjung blog yang sedang online, baik itu lokasi si pengunjung blog maupun si pengujung sedang membuka artikel apa saja, semuanya bisa terlihat dengan aplikasi ini.

Whos.amung.us menggunakan file .js atau javascript dan sayangnya javascript ini tidak kompatibel dengan wordpress.com, namun saya akan berbagi tips dengan anda, bagaimana caranya aplikasi ini bisa dipasang di blog wordpress.com.

Langkah-langkah memasang whos amung:

1. Kunjungi website http://whos.amung.us

2. Klik Showcase (dibagian bawah).

3. Klik aplikasi yang ingin anda pasang.

4. Selanjutnya akan muncul script seperti dibawah ini.

<script id=”_wauro9″>var _wau = _wau || []; _wau.push(["classic", "pfo0wfxjkj4p", "ro9"]);(function() { var s=document.createElement(“script”); s.async=true; s.src=”http://widgets.amung.us/classic.js”;document.getElementsByTagName(“head”)[0].appendChild(s);})();</script>

5. Copy Script pada widget, pilih Add Gadget lalu Pilih HTML/Java Scrip

8. Terakhir klik Save.

Hasilnya :

»»  Baca Selengkapnya...

Cara Mempercepat Koneksi Internet Telkomsel Flash

Cara Mempercepat Koneksi Internet Telkomsel Flash, Orang-orang banyak bertanya bagaimana sich cara mempercepat koneksi internet? Sebenarnya banyak berbagai cara untuk melakukannya, tetapi kinerja yang diberikan tidak seperti yang diinginkan. Ya ada perubahannya dikit-dikit lah gx terlalu lemot. [apa cuman perasaan saya saja yah?hehhe] menurut teman-teman gimana?

Langsung saja ke pokok pembahasannya berikut adalah Cara Mempercepat Koneksi Internet Modem Telkomsel Flash ikuti langkah-langkahnya bila ada yang berminat mencoba dari blog dan orang newbie seperti saya ini.


Klik Kanan pada My Computer > Properties
Kemudian Klik Hardware > Klik Device Manager
Klik Modem > Klik Kanan pada Modem > Advanced [tergantung jenis modem]
Masukan Extra Setiing Di bawah ini :

Extra Command Setting :
Telkomsel Flash Time Based : at+cgdcont=1,”IP”,”flash”
Telkomsel Volume / Flash Unlimited : at+cgdcont=1,”IP”,”internet”
Telkomsel Volume / Flash Unlimited : at+cgdcont=1,”IP”,”telkomsel”
[catatan : pilih salah satu yang teman-teman pake menurut modelnya]

Mempercepat Koneksi Internet secara umum di khususkan bagi pengguna kartu GSM

Merubah setting modem anda menjadi WCDMA Only atau 3G only, Penggunaan opsi 3G Preferred atau WCDMA Preferred akan memaksa modem berganti ganti tipe koneksi. Hal inilah yang membuat koneksi sering putus. [catatan : semua jenis kartu]
APN silih ganti, Untuk paket Telkomsel FLash Unlimited disediakan 2 APN : telkomsel dan internet. Usahakan ganti APN anda apabila dirasakan koneksi sedang down.

Cukup sekian aja ya postingan saya kali ini. Semoga bermanfaat :)

»»  Baca Selengkapnya...

Cara Menyisipkan Lagu Di Postingan

Bismillah.. sobat blogger pada postingan kali ini saya akan share cara menyisipkan lagu mp3 di postingan, jika sobat pernah berkunjung ke blog orang lain dan ketika di load terdengar musik dari blog tersebut enak bukan? , terus bagaimana cara menyisipkan lagu di postingan tersebut pada blog, jika sobat penasaran dan ingin pasang mp3 favorit sobat, yuk kita bahas cara pasang lagu mp3 di blog.

• Untuk menambahkan MP3 di blog sobat pertama sobat login ke blogger.
• Langkah selanjutnya masuk ke Entri Baru  ganti dengan Format Edit HTML
• Setelah itu Copy Pastekan Kode/Scrip Dibawah.
• Terus Sobat ganti Kembali Format Postingan Menjadi Compose.
• Nah Sekarang Sobat Tinggal Menyesuaikan dech.. Letak Teks nya.

KODE Player Untuk MP3

<embed type="application/x-shockwave-flash" flashvars="audioUrl=ALAMAT_URL_FILE_MP3_Anda" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" width="400" height="27" quality="best"></embed>

Sebelum di Save Sobat ganti tulisan yang berwana merah dengan alamat lagu yang sobat punya misalkan sobat punya lagu di indowebster dengan alamat http://www4.indowebster.com/da4f94ba093bf2a07b0b7231d39085f4.mp3, terus save gadegetya dan reload blog sobat lalu dengarkan lagunya.

itu cara pertama, cara yang lain sobat kungjungi situs http://www.index-of-mp3.com/ terus sobat cari lagu mp3 yang sobat akan pasang di blog sobat, setelah ketemu lagunya sobat sobat klik dan cari emebeded kodenya di sebelah kanan lihat gambar di bawah

Embeded Code Index Of Mp3

Setelah itu klik embed code , setelah muncul kodenya sobat copy dan masukan ke gadget HTML/JavaScript lalu save dan lihat hasilnya

Sebagai contoh sobat play lagu di bawah ini

Now Playing: maher zain - insha allah arabic.mp3

Oke sobat mungkin itu cara pasang musik

»»  Baca Selengkapnya...

Cara Membuat Gambar/Iklan Melayang di Blog

Setelah kita pernah belajar untuk membuat gambar melayang di pojokan atau float image yang belum baca, silahkan kilik saja di sini. Sekarang kita akan belajar yang sedikit sama dengan float image, tapi juga berbeda. Pernah tentunya saat kita datang ada gambar atau iklan yang selalu muncul mengikuti mouse kita dan kita harus men close agar gambar atau iklan itu hilang. 

Apa manfaat membuat Gambar atau iklan ini melayang-layang diblog kita? Dengan ini tentunya kita dapat menampilkan gambar atau iklan di blog kita dan itu akan menghemat banyak tempat selain itu juga akan semakin potensial untuk diklik atau dilihat.

Cara Membuat Gambar/Iklan Melayang di Blog
1. Login ke blogger
2. Pilih tata letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:

<style type="text/css">


#topbar{
position:absolute;
border: 1px solid #666666;
padding: 2px;
background-color: #333333;
width: 480px;
visibility: hidden;
z-index: 100;
}


</style>


<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"


function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}


function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}


function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}


function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}


if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>


<div id="topbar">
<a href="" onclick="closebar(); return false"><span style="float:right">[X]</span></a>


ISIKAN DENGAN SKRIP IKLAN KALIAN DISINI


</div>

Ada beberapa yang harus diubah untuk disesuaiakan dengan tampilan (template) kita,yitu :
border: 1px solid #666666;
padding: 2px;
background-color: #333333;
width: 480px;
Keterangan : Ganti lebar, warna border, dan backgroud sesuai dengan tampilan yang dinginkan. Dan kode yang miring ganti dengan kode banner(gambar) atau dengan script iklan.

5. Simpan jika sudah selesai

»»  Baca Selengkapnya...

Membuat Gambar Melayang (Float Image) di Pojok Halaman

Kita akan belajar bersama-sama cara membuat gambar atau foto yang bisa melayang, seperti mahluk halus saja  Apakah seh maksudnya? Lihat pada layar monitar kita saat ini. Di pojok halaman blog saya ada gambar rumah (home) walau kita naik turun tetap saja gambar itu berada di sana (pojok Halaman)

Sebuah blog juga harus kelihatan cantik atau indah supaya orang juga betah untuk berlama-lama di blog kita. Tentu dengan kita membuat gambar melayang atau float image harapan itu akan terwujud. Selain itu kita juga dapat menganti gambar itu dengan sebuah widget, misalnya jam, kalender, atau banner.

Cara Membuat Gambar Melayang (Float Image) di Pojok Halaman
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode ]]></b:skin> setealah itu, taruh kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

6. Selanjutnya Cari kode </body> jika sudah ketemu, taruk kode berikut ini di atasnya.

<div id='trik_pojok'>
<a href='http://ajiswild.blogspot.com'>
<img border='0' src='http://homepage1.nifty.com/simachan/simacha/material/image/button/home01.gif'/></a>
</div>

Note : Kita bisa ganti bottom dengan top dan left dengan right. Sesuai dengan letak yang kita inginkan atau mungkin sama dengan itu saja, gak usah diganti  
Kita juga harus ganti http://ajiswild.blogspot.com dengan URL kita sendiri, tapi kalau tidak diganti juga terima kasih  Dan kita juga bisa menganti http://homepage1.nifty.com/simachan/simacha/material/image/button/home01.gif dengan URL gambar yang suka.

7. Simpan Template Kalau sudah selesai. 

»»  Baca Selengkapnya...

Buktikan Bahwa "Aku Blogger Indonesia Sejati" dengan Copy-Paste Code Badge/Banner ini di Blog-mu

Alhamdulillah akhirnya badge/banner dengan design bertemakan Indonesian Blogger ini sudah selesai dibuat. Logo Blogger Indonesia di bawah ini adalah karya Designerlistic.net

Terlepas dari latar belakang diatas, badge/banner yang dapat secara instant dapat anda Copy-Paste ke Sidebar/Widget Blog/Web anda ini saya “DEDIKASIKAN” untuk dunia Blogging yang benar-benar telah mengubah hidup dan Hobby saya , yap! Blogger adalah suatu ‘profesi hobbies‘ yang memiliki komunitas terbanyak di jagat maya saat ini, dan satu hal lagi saya tetap memiliki impian agar para BloggerIndonesia dapat disejajarkan dengan Blogger-Blogger lainnya didunia.

Jadi…AYO BUKTIKAN BAHWA ANDA INGIN MEMAJUKAN DUNIA BLOGGINGINDONESIA!! seperti saya dengan memasang Badge/Banner kecil ini di blog-mu (Wordpress.com, Blogspot.com, dll)

Kepada seluruh blogger yang telah turut mendedikasikan dan mendeklarasikan sebagai “AKU BLOGGERINDONESIA SEJATI” saya ucapkan terimakasih…

Badge Style 1 

Kode HTML:

<a href="http://ajiswild.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="Aku Blogger Indonesia Sejati"><img border="0" src="http://img407.imageshack.us/img407/4840/akubloggerindonesiaseja.png" alt="Logo BloggerIndonesia"/></a>

Badge Style 2 

Kode HTML:

<a href="http://ajiswild.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="Aku Blogger Indonesia Sejati"><img border="0" src="http://img532.imageshack.us/img532/4840/akubloggerindonesiaseja.png" alt="Logo BloggerIndonesia"/></a>

Badge Style 3

Kode HTML:

<a href="http://ajiswild.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="Aku Blogger Indonesia Sejati"><img border="0" src="http://img405.imageshack.us/img405/4840/akubloggerindonesiaseja.png" alt="Logo BloggerIndonesia"/></a>

Badge Style 4

Kode HTML:

<a href="http://ajiswild.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="Aku Blogger Indonesia Sejati"><img border="0" src="http://img407.imageshack.us/img407/9391/akubloggerindonesiasejap.png" alt="Logo BloggerIndonesia"/></a>

Badge Style 5

Kode HTML:

<a href="http://ajiswild.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="Aku Blogger Indonesia Sejati"><img border="0" src="http://img508.imageshack.us/img508/4840/akubloggerindonesiaseja.png" alt="Logo BloggerIndonesia"/></a>

Badge Style 6

Kode HTML:

<a href="http://ajiswild.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="Aku Blogger Indonesia Sejati"><img border="0" src="http://img407.imageshack.us/img407/7875/akubloggerindonesiasejae.png" alt="Logo BloggerIndonesia"/></a>

Badge Style 7

Kode HTML:

<a href="http://ajiswild.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="Aku Blogger Indonesia Sejati"><img border="0" src="http://img15.imageshack.us/img15/4840/akubloggerindonesiaseja.png" alt="Logo BloggerIndonesia"/></a>

Badge Style 8

 Kode HTML:

<a href="http://ajiswild.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="Aku Blogger Indonesia Sejati"><img border="0" src="http://img705.imageshack.us/img705/4840/akubloggerindonesiaseja.png" alt="Logo BloggerIndonesia"/></a>

Cara memasang  Logo Blogger Indonesia diatas adalah:

1. Login ke blogger

2. Klik Tata Letak atau Layout

3. Pilih Elemen Halaman

4. Klik tambah gadget

5. Pilih atau klik gadget HTML/Java Script

6. Masukkan salah satu kode HTML logo Dofollow, yang ada pada artikel diatas.

7. Klik Save.

Hidup Anak Blogger asal Indonesia...!!!

»»  Baca Selengkapnya...