Kreasi bikin situs web/Blog: Februari 2013

Sabtu, 09 Februari 2013

Memasang profile facebook dan blogger didalam blog

cari ruang untuk menempatkan code html/javascript
copy paste code berikut

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:240px; left:4px;'>

<a class='linkopacity' href='https://facebook.com/agusnurij' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://images-2.findicons.com/files/icons/2449/buddycons/32/facebook.png" /></a><br />

<a class='linkopacity' href='http://kreasi-situsweb.blogspot.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='blogger home'><img border="0" src="http://images-3.findicons.com/files/icons/2449/buddycons/32/blogger.png" /></a><br />

</div>

save dan kemudian lihat hasilnya

Kamis, 07 Februari 2013

Membuat pesan pembuka dan penutup pada blog

login ke dashboard >> templates >> edit html

untuk membuat pesan pembuka pada blog
cari code <head> >dan masukan script berikut ini dibawahnya :

<script type='text/javascript'>alert("pesan pembuka ada diSINI")</script>

untuk membuat pesan penutup pada blog
cari code </head> >dan masukan script berikut ini dibawahnya :

<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('Pesan Penutup Disini');}
parent.window.onunload=goodbye; </script>

save dan lihat hasilnya

semoga berhasil

Rabu, 06 Februari 2013

Membuat Buat Scroll Box dalam postingan

semisal contoh

isi ada disni
isi ada disni
isi ada disni
isi ada disni
isi ada disni

langkah langkahnya , buat postingan seperti biasa , buka bagian html
kemudian masukkan code berikut

<div style="border-color: 000000; border-style: solid; border-width: 2px; height: 100px; overflow: auto; width: 426px;">
isi ada disni<p>
isi ada disni<p>
isi ada disni<p>
isi ada disni<p>
isi ada disni<p>
</div>

publish , , , dan lihat hasilnya

Selasa, 05 Februari 2013

Membuat slide navigation di blog

copy paste code berikut ini dan tempatkan di ruangan code html/javascript

<center><style type="text/css">

.slide {

width: 250px;

padding: 5px;

background: ;}

.slide2 {

padding:3px;

display:block;

height:13px;

width:240px;

background:#fff;

-webkit-transition-duration:.8s;

-moz-transition-duration:.8s;

overflow:hidden;}

.slide2:hover {

height: 150px;

}

nav1{

font-family:consolas;

padding-top:1px;

font-size:12px;

color:#000;

text-align:center;

text-transform :uppercase;

background: pink;

letter-spacing:2px;

height:25px;

padding-left:6px;

display:block;

-moz-transition: 0.5s;

-webkit-transition: 0.5s;}

</style>

<div class="slide"><div class="slide2"><nav1>artikel Tips dan Trik BLOG</nav1>

<div style="height:150px; overflow:auto;margin-top:3px;">

isi pesan/artikel ada disini

</div></div></div>

<div class="slide"><div class="slide2"><nav1>Internet dan jaringan</nav1>

<div style="height:150px; overflow:auto;margin-top:3px;">

isi pesan/artikel ada disini

</div></div></div>

<div class="slide"><div class="slide2"><nav1>Kreasi tema Blogspot</nav1>

<div style="height:150px; overflow:auto;margin-top:3px;">

isi pesan/artikel ada disini

</div></div></div></center>

hasilnya seperti contoh

Senin, 04 Februari 2013

Membuat Hide Navigation di blog

copy paste code berikut dibawah ini , taruh dan pasang di ruangan html/javascript
save dan lihat hasilnya