Pages

Minggu, 05 Februari 2012

Cara membuat teks berjalan dimenu bar


1. Login ke blog sobat

2. Rancangan >> edit HTML

3. Cari tag </head>

4. Lalu copy paste kode berikut di atas tag </head>
<script type='text/javascript'>
//<![CDATA[

msg = " -- Selamat datang di Simple Preview ";
msg = " | pernak-pernik blog -- " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

 Ganti tulisan berwarna pink dengan tulisan yang ingin sobat tampilkan..

5. Save, lihat hasilnya.. 

Sumber : http://www.masterendi.com/
Diposting oleh Zep's c Om Sam di 18.54 0 komentar

Cara Mengatasi Windows 7 Ngeblank (Bajakan)


1.kamu taruh panah cursor kamu tepat di atas my computer,klik kanan pilih properties
2.klik windows update pada bagian bawah,diterus kan dengan klik installed updates
3.Kemudian cari file update "KB971033",kemudian kamu uninstal,lalu restart PC
4.Jalankan windows 7 loader.Klik install. Tunggu hingga muncul proses aktivasi sukses.Restart kembali PC anda,Selesai.
untuk selanjutnya umpama tools di atas belum manjur,saya punya trik lagi yg kedua dengan menggunakan  WGA Remover Chew v0.9.cara ini sangat mudah tinggal kamu instal saja WGA Remover Chew v0.9 lalu biarkan proses selesai restart komputer selesai dah........untuk menginstal WGA Remover Chew v0.9 ini jangan lupa kamu matikan dulu anti virus kamu untuk menjaga kelancaran penginstalan  cz  bisa di anggap virus oleh anti virus kamu tapi jangan takut ini bukan virus kok.
Diposting oleh Zep's c Om Sam di 18.32 0 komentar
Label:

Membuat Efek Sobekan Pada Blogger


Selamat datang para sahabat blogger. Kali ini kita akan membahas cara membuat efek Page Peel Efek menggunakan jQuery & CSS, tentunya kalian bingung apakah efek tersebut.  Ok kita lansung membuatnya saja :

Cara Pasang:

Letakan script code jQuery dibawah ini diatas kode <b:skin><![CDATA[

<script  src='<a href="http://code.jquery.com/jquery-latest.js">http://code.jquery.com/jquery-latest.js</a>' type='text/javascript'/>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
//Page Flip on hover
$(&quot;#pageflip&quot;).hover(function() {
$(&quot;#pageflip img , .msg_block&quot;).stop()
.animate({
width: &#39;307px&#39;,
height: &#39;319px&#39;
}, 500);
} , function() {
$(&quot;#pageflip img&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;52px&#39;
}, 220);
$(&quot;.msg_block&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;50px&#39;
}, 200);
});
});
</script>

Kemudian letakan kode CSS dibawah ini diatas kode ]]></b:skin>

#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(http://img222.imageshack.us/img222/9213/subscribe.png)
no-repeat right top;
}

Letakan kode ini dibawah tag <body>

<div id='pageflip'>
<a href='http://feeds2.feedburner.com/namafeedkamu'>
<img alt='' src='http://img224.imageshack.us/img224/8315/pageflip.png'/>
<span class='msg_block'/>
</a>
</div>

Perhatikan tulisan berwarna hitam di kode, ganti dengan nama feed milik kamu. Silahkan disimpan dan lihat hasilnya. Ingat! Tampilan diatas hanya sebagai contoh saja ya, rekan bisa mengganti gambar dan link tujuan apa saja sesuai keinginan. Silahkan langsung dicoba :)

Sumber : http://kampung-blogger.blogspot.com

Diposting oleh Zep's c Om Sam di 18.27 0 komentar
Label:

Membuat Halaman Pada Blog (page)


Tips dan triks blog yang ingin saya bagikan hari ini adalah bagaimana cara membuat navigasi nomor halaman pada blogspot. Navigasi nomor halaman yang saya maksud adalah nomor halaman yang ada di homepage blog kita. Biasanya pada homepage hanya berisi tulisan 'posting lama' - 'posting baru' dan 'home'. Jadi, disini kita akan memodifikasi sedikit. :D

Beberapa fungsi memasang navigasi nomor halaman pada homepage adalah :
  • Mempermudah pengunjung untuk melihat artikel-artikel kita yang sebelumnya
  • Mempercantik tampilan

Nah, berikut cara membuat navigasi nomor halaman pada blogspot :

1. Sobat login ke blog sobat >> Rancangan >> Edit HTML >> beri tanda centang pada expan widget template

2. Cari tag ]]></b:skin>

3. Copy lalu paste kode CSS berikut diatas ]]></b:skin> 
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

4.  Selanjutnya sobat cari lagi tag </body>

5. Copy kode berikut lalu paste diatas tag </body> tersebut
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
6. Save template sobat dan lihat hasilnya..

Diposting oleh Zep's c Om Sam di 18.25 0 komentar
Label:

Rabu, 01 Februari 2012

Memasang Kursor Paling Mudah

1. Login ke Blogger. Masuk ke menu Design->Edit HTML
2. Cari kode </head>
3. Letakkan kode css berikut diatasnya

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/cool1.gif"), auto;}
</style>


Keterangan:
Teks yang berwarna merah adalah alamat url kursor. Silahkan ganti dengan alamat url kursor yang ingin anda gunakan.
4. Setelah itu, simpan template anda. Selesai

Jika anda tidak memiliki icon kursor, coba kunjungi http://www.totallyfreecursors.com. Situs tersebut menyediakan ratusan hingga ribuan icon kursor menarik yang bisa anda pilih sesuai selera. tinggal pilih gambar mana yang anda suka

Source = http://m-wali.blogspot.com/

Diposting oleh Zep's c Om Sam di 06.53 0 komentar
Label:
Langganan: Postingan (Atom)