Sunday 30 June 2013

Cara membuat like box di blog

1 comment
Jika kita memiliki blog sebaiknya kita membuat fanspage untuk blog tersebut. Untungnya jika orang menglike Fans page berarti orang tersebut telah berlangganan dengan blog kamu, Asalkan kamu selalu menshare nya ke fp tersebut.

Sebagai contoh: Kita memiliki blog, kita juga memiliki fans page untuk blog tersebut, jagi jika orang datan ke blog anda, dan ternyata tertarik untuk berlangganan ke blog anda.
Jika ada fans page orang tersebut akan menglike fans page tersebut, tapi syaratnya anda harus selalu meng share postingan blog anda di fans page tersbut.

Agak bingung ya dengan contoh tersebut ok deh langsung aja kita mulai caranya, nanti bakalan tau sendiri fungsinya.
Berikut adalah cara memasang gadget like box di blog:
1.Pertama masu ke facebook developers atau klik disini



2. tukar facebook page URL dengan URL fans page kamu misalnya : https://www.facebook.com/pages/Sumber-Pengetahuan-yang-Bermanfaat/626805167348153

3. Tukar widh untuk mengatur lebar sesuai yang diinginkan.
4. Tukat high untuk mengatur tinggi.
5. show face untuk menampilkan wajah-wajah yang menglike fp kamu
6. show stream untuk menampilkan apa saja yang telah anda bagikan di fp
7. show border untuk menampilkan bingkai., dll.
8. setelah itu tekan tobol get kode

9 . kilk iframe --.> kopy kode yang ada.
10. pergi ke blog anda -> tata letak--> tambahkan gatged --> pastekan kode tersebut--> simpan
11. atur sesuai tempat yang kamu inginkan
12~~~ SELESAI~~~
Read More...

Cara membuat buble melayang dari atas blog

Leave a Comment

Pernahkah anda melihat bubble jatuh dari blog, melayang-layang , dan pecah....
Dan inginkah anda memiliki balaon seperti itu..
Untuk melihat contohnya silahkan lihat gambar di atas..

Sebelumnya saya ingin menghapus efek bubble tersebut karena menurut saya tidak ada gunanya, lalu saya berpikir sayangnya untuk dihapus efek buble tersebut karena efek bubble tersebut imut dan lucu.

Lalu saya menulis postingan ini jadi jika saya ingin menghapus efek tersebut maka saya bisa melihatnya kembali jika ingin memasangnya.

Ok, inilah cara untuk membuat efek bubble jatuh dari blog:
1. Yang pasti buka blognya.
2.klik tata letak --> tambah gadget--> pilih html/java scrip--> masukkan kode berikut:


<script src='https://sites.google.com/site/komporgas130/bubble.js' type='text/javascript'></script>
 3. simpan---> letakkan gadget tersebut diatas postingan blog / di bawah postingan blog..
Read More...

Cara Membuat Banner Animasi

Leave a Comment

 


Sebelumnya saya sudah membuat postingan tentang cara membuat banner melayang di atas sidebar jika teman teman belu sempat membaca silahkan baca Disini.

Fungsinya yaitu kita akan membuat gambar barner iklan yang aklan di tampilkan, setlah kita membuat gambar animasi tersebut kita bisa mengambil URL gambarnya. Selain fungsinya sebagai gambar banner iklan kita akan mendapatkan gambar animasi yang bisa kita simpan di komputer kita.
Berikut ini adalah layanan pembuat animasi bergerak ( gif ) online geratis:
Pada umumnya tampilan setiap layanan tersebut sama, hanya kali ini saya akan menunjukkan bagaimana cara membuat banner dari loogix.com
 1. siapkan beberapa gambar untuk di jadikan animasi gif.
ini gambar yang telah saya siapkan:





2. Buka http://www.loogix.com
3. klik browser untuk memilh gambar yang telah anda persiapkan tadi:
4. klik add one more picture untuk menambah gambar
5. Plilih size untuk menentukan ukuran, dan pilih speed untuk menentukan kecepatan gerak animasi.
6. klik Generate animation. Selesai :)
Ket:
  • jika andi ingin mendapatkan link ( URL ) gambar tersebut untuk dijadikan banner iklan silahkan di copy code yang ada pada bar Link to this gif,
  • untuk mengirim gambar ini ke e-mail anda silahkan isi email di send this animation to friends dankirim.
  • untuk di download / dimasukkan ke komputer , klik kanan--> save as gambar-> save..

SELAMAT MENCOBA ....




Read More...

cara membuat banner iklan melayang di atas blog.

8 comments

Jika teman-teman semua ingin mendapatkan uang dari blog teman yang telah layak untuk mendapatkan peniklan, sbaiknya teman membuat banner iklan untuk tempat meletakkan iklan tersebut, walaupun saya tidak menerima iklan, karena saya lagi berusaha untuk mendapatkan, iklan PPC dari google adsense saya, tapi saya akan memberikan bagaimana cara memasang iklan melayang 300 x 300 px di atas side bar blog. dan bisa teman-teman lihat contonya di gambar diatas.
Baiklah saya akan memulai langkah-langkahnya :
1. Pertama silahkan anda Masuki ke blog sobat masing-masing.
2. kik tata letak--> tambah gadget ---> HTML/JavaScrip --> copy kode berikut:

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


.gbcontent{
float:right;
border:2px solid #000000;
background:#F1DEDE;
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()">
.:<img src="http://lh6.ggpht.com/_RVpTV2JOOxA/S8X3Rh5G2OI/AAAAAAAACxI/0zISG8UL24A/tutup_iklan_t4belajarblogger.png" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>

<a href="Masukkan Url Disini" target="_blank" title="Judul iklan disini"><img alt="Text iklan" border="0" src="URL gambar" /></a>
</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
5. Keterangan:
Tulisan Berwarna Hijau silahkan masukkan Url halaman anda yang di tuju/ jika kita klik maka aknan menuju halama tersebut.
Tulisan berwarna Merah, masukkan judul iklan
Tulisan berwarna Orange tulis text iklan
Tulisan berwarna Biru msukkan url gambar yang ditampilkah seperti gambar saya
http://i.picasion.com/pic70/adec970d970ce03520ec09262910a200.gif




Jika belum punya url gambar/ gambar banner silahkan baca Disini Cara membuat banner animasi bergerak ( gif )

Good luck :)


Read More...