Membuat Text Berjalan

Yang aqu maksud membuat text berjalan adalah sering di sebut dengan MARQUEE, dengan menambahkan marquee ini blg kita akan menjadi lebih menarik, saya contohkan sebagai berikut :




Atau mau model Tulisan berjalan kayak gini

Belajar Pertama Ngeblog Untuk berbagi dan saling kenal

Ingin tahu caranya gimana silahkhan di lanjut ... hehehe


Silahkan copy code berikut ini :

<marquee align="center" direction="left" scrollamount="3" width="100%" height="100">
"Masukkan TExT atau Baner terserah, sesuai dengan kreasi sobat"
</marquee>

Penjelas
1. Direction "Left" text akan bergerak ke kiri.
2. Direction "right text akan bergerak ke kanan.
3. Direction "up text akan bergerak ke Atas.
4. Direction "Down text akan bergerak ke bawah.
5. scrollamount="3" Kecepatan geraknya, bisa Sobat ganti juga..
6. width Batas horizontal marquee
7. Height Batas vertikal marqueenya...

Untuk cara pasangnya seperti biasa :

1. Masuk Layout
2. Pilih Add Gadget
3. Pilih HTML / JavaScript
4. Simpan..

Semoga bermanfaat, jangan lupa komennya..

Read More..

Memasang Widget Sexy

Ini berupakan posting dari Sobat [Zykry] mengenai Memasang Widget Sexy, bagi teman2 yang mau memasang widget sexy sosial bookmark diakhir postinganan: Sebelum di mulai lebih baik sobat backup dulu temple sobat, klau ada apa2 tinggal mengembalikan saja....hehehe...
langsung saja begini caranya ..


1. Dalam keadaan loggin pada account sobat>>> pada dasbor>>> klik tata letak>>> edit HTML>>> centang kotak kecil Expand Widget Template
2. Tambahkan kode berikut sebelum kode </head>

<style type='text/css'>
div.sexy-bookmarks {
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat left bottom;
position:relative;
width:540px;
}
div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom;
position:absolute;
right:-17px;
}
div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}
div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}
div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url('http://i941.photobucket.com/albums/ad259/spiceupyourblog/sexybookmarksbuttons.png') no-repeat !important;
}
.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}
</style>

3. Tambahkan kode HTML berikut setelah kode <data:post.body/>

<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/Krisna126' title='Subscribe to RSS' rel='nofollow'/></li>
<li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
</ul>
<span class='sexy-rightside'/></div>

Catatan: jangan lupa mengganti ID feed Burners saya (krisna126) dengan id feed burners sobat.
4. Simpan template.

Semoga bermanfaat
Read More..

MEMBUAT BUKU TAMU TERSEMBUNYI

7Sob ingin tahu membuat buku tamu atau shoutmix ATAU LAINNYA yang tersembunyi, atau yang berada disisi kanan atau kiri dari halaman blog tersebut. Atau bisa di isi dengan apa saja sesuai dengan kriasi masing-masing sob... langsung saja gini Caranya sangat gampang hehehe.....


1. Masuk ke account Blogger kamu, pilih Layout; kemudian Page Elements;
2. Klik "Add a Gadget" kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:
<br /> <style type="text/css">#gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}.gbtab{height:100px;width:30px;float:left;cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg27oCyh45pmHgpXA_453HWf0JYWjYkmCOEg0Pjs_3RtZeMWRVpLPWm_9d76GpzsfJcENUydhRkg6T7GRN_lIOPyuVCqU-QUsjN-lI3fJ3os9-_lj0Msz1ePkgCVP8oZtd5IhrVwWO15pGM/') no-repeat;}.gbcontent{float:left;border:2px solid #A5BD51;background:#F5F5F5;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.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"><b><--ganti dengan kode buku tamu/kreativitas kamu--></b></a><div style="text-align:right"><a href="javascript:showHideGB()">[close]</a></div></div></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (30-gb.offsetWidth).toString() + "px";</script></div></div>

- Pada kalimat <--ganti dengan kode buku tamu/kreativitas kamu--> di atas,
- Ubah nilai atribut top-nya kalau ingin menaikkan atau menurunkan soutmixnya. Seandainya ingin lebih naik keatas ubah jadi 25px atau 20px , pokoknya tergantung selera masing-masing.
Kalau udah selesai, tinggal di SAVE atau disimpan. Ok,

Semoga bermanfaat... jangan lupa komennya...
Read More..

Cara menghilangkan garis border gambar

Mungkin Sob pernah melihat atau mengalami langsung, gambar yang kita posting ada garis tepinya..Cara menghilangkan border atau garis pinggir pada gambar tersebut adalah...hehehe langsung saja...


Berikut caranya:

1. Login ke Blogger. Klik Layout -> Edit HTML
2. Cari kode .post img atau .post-body img. Biasanya dibawahnya akan dikuti dengan kode seperti contoh dibawah ini.

.post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border: 1px solid #f0f0f0
}

Setiap template mempunyai kode yang berbeda-beda. Jadi yang perlu anda perhatikan adalah nilai bordernya. Ganti angka 1 dengan 0. Jadi kodenya menjadi seperti ini

.post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border: 0px solid #f0f0f0
}

3. Jika sudah, klik Save Template
4. Selesai. Silahkan lihat hasilnya.

Semoga bermanfaat....
Read More..