Powered by Jasper Roberts - Blog

Selamat Menunaikan Ibadah Puasa

19 comments

salam-ramadhan

Hai all...Selamat menjalani ibadah puasa koz ucapkan kepada korang.Mulai esok dah mula seluruh umah islam berpuasa bukan sahaja di malaysia,malah di seluruh dunia.Selama 30 kita akan berpuasa di bulan ramadhan dan selepas itu...hihi rayalah.(raya lambat lagi da^^...)Di bulan baik,hari baik ini koz ingin memohon ampun dan maap jika koz ada terkasar bahasa,terlanjur dalam penulisan artikel-artikel yang sebelum ini,buat korang tersinggung,dan ada permintaan-permintaan yang korang inginkan koz masih tak buat...maapkan ye...^^Maklumlah kita ini takkan lari dari melakukan kesilapan.Okey, sempena bulan puasa yang akan menjelang esok,koz akan kongsi dengan korang hasil design card khas untuk bulan puasa ini.Jadi korang bolehlah gunakan untuk sampaikan ucapan,tag dengan kawan-kawan,email kepada kawan-kawan dll...Takat ini koz ada designkan tiga card sahaja.Nanti koz akan designkan yang lain okey^^,...

" Selamat menunaikan ibadah puasa "

<a href="http://kozumiro.blogspot.com/" target="_blank"><br /><img src="http://kozumi.sepaku.net/wp-content/uploads/2010/08/salam-ramadhan.png" /></a>



" Selamat Berpuasa "

<a href="http://kozumiro.blogspot.com/" target="_blank"><br /><img src="http://kozumi.sepaku.net/wp-content/uploads/2010/08/salam-ramadhan2.png" /></a>



" Puasa jangan tak puasa "

<a href="http://kozumiro.blogspot.com/" target="_blank"><br /><img src="http://kozumi.sepaku.net/wp-content/uploads/2010/08/salam-ramadhan3.png" /></a>


Code di atas ini korang masukkan dekat Edit HTML posting korang...

Tutorial Cara Buat Auto Install Link Banner Promot

19 comments

click to zoom

Hai all...Hari ini koz nak kongsi dengan korang ilmu terbaru.Ilmu yang koz maksudkan ialah cara nak buat Auto Install Link Banner.Kegunaan bende ini adalah untuk memudahkan para pengunjung yang hendak Exchange banner blog anda masuk ke sidebar blog mereka dengan cara yang mudah.dengan hanya megelik button yang berada seperti di bawah,maka dengan autonya ia akan terus terinstall di blog mereka,sebagai contoh anda boleh klick button di bawah:-



Klick Di Bawah Untuk Auto Install







Macam mana?menarik tak?nak cuba buat?okey,kalau nak buat ikuti langkah-langkah di bawah:-


Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2

Copy dan paste code di bawah

<center><form action="http://beta.blogger.com/add-widget" target="_blank" method="POST"><input value="TajukSidebar" name="widget.title" type="hidden" /><textarea rows="3" cols="5" style="display: none;" name="widget.content">

<a href="http://NamaBlog.blogspot.com/" target="_blank"><br /><img src="LinkGambarAnda" /></a>

</textarea><input value="Tajuk Pada Button" class="button" name="go" type="submit" /></form></center>

Pada code berwarna merah tetapkan tajuk sidebar.
Pada code berwarna biru letak nama blog korang.
Pada code berwarna hijau letakkan link gambar korang.
Pada code berwarna oren tetapkan tajuk pada button.

Save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Buat Box Pesanan Show/hide Di Blog

19 comments

click to zoom

Hai all...Next tutorial pada hari ini koz akan ajar korang cara nak buat box pesanan.Kegunaannya adalah untuk memberi pesanan kepada para pengunjung sama ada dalam bentuk nasihat mahu pun pemberitahuan.Jadi kalau nak buat ikuti langkah-langkah di bawah:-

Langkah 1

Seperti biasa backup templet dulu kemudian Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Copy dan paste code di bawah ,di atas code ]]></b:skin>

.author-box {
background: #FF99CC;
margin: 20px 0 40px 0;
padding: 10px;
overflow: auto;
color:#888;
font-family:verdana, sans-serif;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
}

.author-box p {
margin: 0;
padding: 0;
}

.author-box a{
color:#666;
}

.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}


Kemudian save...

Langkah 3

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 4

copy dan paste code di bawah

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


.gbcontent{
float:right;
border:5px solid #FDE8F8;
background:#F76FB4;
padding:10px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
}
</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://img706.imageshack.us/img706/642/tutupb.png" title="DOuble Klick Tau!" alt="tutup" />
</a>
</div>
<center>


<div class='author-box'>
<img alt="avatar" class="avatar avatar-70 photo" height="70" src="http://img189.imageshack.us/img189/4873/firetoy48x48.png" width="70" /><b>Perhatian!</b><br />
Pesanan Korang<br />
</div>
</center>

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


Pada code berwarna merah tetapkan warna yang korang suka.
Pada code berwarna biru Letak gambar avatar yang korang suka.
Pada code berwarna hijau Tulis pesanan yang korang suka.

Save dan lihat hasilnya...

Camat mencuba...

p/s: Petang-petang ni nak pergi layan  Epilog  Syurga Cinta Tv3 kat Blog Kak yanmie...^^,...

Denaihati.com

 
Google PageRank Checker Powered by  MyPagerank.Net