Pages

Daftar isi My Blog

Minggu, 19 Juni 2011

Cara Membuat ICON di Addres Bar


Perlu di jelaskan sedikit, Icon yang akan Anda buat di usahakan yang berukuran kecil saja, misal 24 x 24 pixel atau 32 x 32 pixel  supaya loadingnya standar.

Berikut cara membuatnya :

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 berikut ini </head> 
6. Taruh script berikut ini tepat diatas kode </head> 

<link href='http://img401.imageshack.us/img401/7652/eqizqu6.gif' rel='SHORTCUT ICON'/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeZjLPsWKn9_e1HxKqYHOUJrUDSfwmXHZ_qTj4yANjNErspPeAgWRuV_KGXPLPkLwiaPmEBUXHioQzEEZHFgneqyqFxLNi1gMXAXxOo8PIAOOsq2uBDfJ4Xcl26iweliWTdAbfQCWWE2Gs/s320/image1.gif

http://img100.imageshack.us/img100/4658/image12du2.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1WwN-2W-WGX6B8CDVnD62qkU2bd-_OrUdDQhyphenhyphen-0KxwqGHSzvdlH4WYssaPfCG7IfP7ZTTR6DwcAZXbvlO9pF96jWw1HRMyLZnwc5wF22byxUTTYVU_rBmK8OamR7jdEzSoOD8O3FpPMt3/s320/image2.gif

http://img264.imageshack.us/img264/7575/image16kn8.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglEO0sfVrTLQocc-hXweHlV1Uxz0sppVhXhGmukX2B0JChVX0BPniSr1REE2Yiql89LXgvaW4rD3XbizJVe1OmBRpRqZlfkDbFplZ3-T7bf2VrbFuWg8uETpQ_i0KaxZ3aoBtH7ctAEH5t/s320/image3.gif

http://img256.imageshack.us/img256/658/image3s.gif

  • Anda bisa mengganti link yang berwarna biru dengan foto atau gambar pilihan Anda yang di ambil link-nya melalui tempat hosting Anda.

Sabtu, 18 Juni 2011

Email Subscriber



Beginilah cara membuat form "Email Subscriber" tersebut :

1. Kunjungi situs ini : http://www.feedburner.com
2. Saat pertama kali datang kamu akan langsung disodori kotak untuk mengisikan alamat feed blogmu yang akan dibakar :D
3. Biasanya alamat feed blog kamu seperti ini http://NAMABLOGMU.blogspot.com/feeds/posts/default , ganti tulisan NAMABLOGMU dengan nama alamat blogmu.
3. Isikan nama feed blogmu tadi dalam kotak yang disodorkan tersebut, jika blogmu itu isinya hanya video2 maka beri tanda centang pada kotak "I am a podcaster", jika tidak ya gak usah dicentang. Kemudian klik tombol "next"
4. Setelah itu kamu akan disodori lagi dengan form pendaftaran, isikan data2 yg diperlukan disana, trus klik tombol "Activate Feed"
5. Nha kalo berhasil nanti akan ada informasi "Congrats! your ......".
6. Dibawahnya akan ada tombol "Next" dan link "Skip directly to feed management" kali ini pilih yang link "Skip directly to feed management", sebenarnya lewat tombol "next" bisa sih tapi biar seru kita lewat jalan lain aja.
7 Kemudian nanti akan ada beberapa menu, kali ini pilih menu "Publicize"
8. Setelah itu disebelah kiri akan muncul beberapa menu. PIlih menu "Email Subscriptions".
9. Kemudian klik tombol "Activate"
10. Nha setelah itu nanti akan ada beberapa kotak yang berisi kode2. Nha kalo km pinginnya yang berbentuk form maka pilih kode yang ada di kotak "Subsciption Form Code".
11. Copy kode yang ada dalam kotak tadi, trus klik tombol "Save" untuk mengaktifkan layanan tersebut.
12. Cara pasangnya, Login ke blogger, pilih "layout --> Add a Gadget --> HTMl/Java Script" nha paste kode yang sudah kamu copy tadi disana.

Sekarang coba dilihat blogmu, udah ada kan form untuk "Email Subscriber".

Trus kalo mo nampilin jumlah reder yang berlanganan gini caranya :
- Login ke feedburner kemudian pilih feed blogmu
- Trus masuk ke menu "Publicize --> FeedCount" nha disitu scriptnya yang harus km copy dan pasang di blogmu.

Membuat Slide Show


Cara membuat slide show
  1. Silahkan buka situs www.slide.com

  1. Langkah pertama yaitu sobat harus daftar dahulu pada situs tersebut

  1. Klik tulisan Sign Up untuk melakukan pendaftaran (daftar gratis)

  1. Masukan alamat email sobat pada kolom yang disediakan. isi juga password yang diinginkan

  1. Jika sudah, silahkan klik tombol sign Up, dan otomatis sobat sudah masuk ke halaman account sobat

  1. Langkah selanjutnya adalah melakukan pembuatan animasi

  1. Klik style, untuk memilih gaya dari animasi

  1. klik skin, untuk memilih bingkai animasi

  1. klik Size untuk memilih ukuran

  1. Klik Tombol Select Image, lalu masukan foto/image yang ingin sobat masukan

  1. klik tombol Upload untuk melakukan proses upload foto

  1. Jika proses upload selesai, klik tombolSave

  1. Copy kode HTML yang di berikan, lalu paste pada program notepad

  1. Klik tulisan Log Out untuk keluar dari situs tersebut. Silahkan tutup halaman browser

Iklan Melayang


Iklan ? pasti anda sering menjumpai berbagai macam iklan di webisite / blog ? pernahkah terlintas di pikiran anda , bagaimana acara membuatnya ?
Kalau ada yang belum tahu iklan melayang , lihat saja di blog saya
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, ikutin saja langkahnya :
  1. Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
  2. Masuk ke Tab Tata Letak
  3. Pilih Elemen Halaman/Rancangan
  4. Tambah Gadget Pilih HTML / JAVASCRIPT
  5. Dan Copy kode di bawah ini kedalamnya yah


<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="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 :-)

Blog Muter-muter

blog ini di buat supaya para pengunjung liatnya biar agak bingung sedikit  kok bisa mutar-mutar
langsung saja   yang perluh diperhatikan adalah sebagai berikut eng ing eng ........

Pastinya Login Terlebih Dahulu
Masuk ke Rancangan Edit HTML >> Edit HTML
Beri tanda Centang pada Expand Template Widget


Letakkan code Berikut ini di atas code <head>
<script>
//<![CDATA[
window.scrollBy(0,0)
window.resizeTo(0,0)
window.moveTo(0,0)
//setInterval("move()",10);
setTimeout("move()", 1);
var mxm=100000
var mym=100000
var mx=100000
var my=100000
var sv=70
var status=1
var szx=0
var szy=0
var c=25
var n=0
var sm=10
var cycle=2
var done=2
function move()
{
if (status == 1)
{
mxm=mxm/1.01
mym=mym/1.01
mx=mx+mxm
my=my-mym
mxm=mxm+(500-mx)/5
mym=mym-(400-my)/5
window.moveTo(mx,my)
rmxm=Math.round(mxm/1)
rmym=Math.round(mym/2)
if (rmxm == 0)
{
if (rmym == 0)
{
status=2
}
}
}
if (status == 2)
{
sv=sv/1.1
scrratio=1+1/3
mx=mx-sv*scrratio/2
my=my-sv/2
szx=szx+sv*scrratio
szy=szy+sv
window.moveTo(mx,my)
window.resizeTo(szx,szy)
if (sv < 0.1)
{
status=3
}
}
if (status == 3)
{
document.fgColor=0xffffFF
c=c-16
if (c<0)
{status=8}
}
if (status == 4)
{
c=c+16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c > 239)
{status=5}
}
if (status == 5)
{
c=c-16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c < 0)
{
status=6
cycle=cycle-1
if (cycle > 0)
{
if (done == 1)
{status=7}
else
{status=4}
}
}
}
if (status == 6)
{
document.title = "Cljck"
alert("Cljck")
cycle=2
status=4
done=1
}
if (status == 7)
{
c=c+4
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c > 128)
{status=8}
}
if (status == 8)
{
window.moveTo(0,0)
sx=screen.availWidth
sy=screen.availHeight
window.resizeTo(sx,sy)
status=9
}
var timer=setTimeout("move()",0)
}
//]]>
</script>


Simpan Template dan lihat hasilnya ...
Diposkan oleh Nur Ainun