Pages

Senin, 08 Agustus 2011

Kisi - kisi UAS

00.21  arika  No comments

Pelajari contoh script dibawah ini :
<html>
<head>
    <title>Order List</title>
</head>
<body bgcolor="aqua">
<table border="1" width="80%" height="80%" bgcolor="cyan">
    <tr align="center" bgcolor="magenta">
        <td colspan="2"><marquee behaviour><h1>TUTORIAL LIST ITEM</marquee></h1></td>
    </tr>
    <tr>
        <td>
            <ul>
            <li><h4>Home</h4></li>
            <li><h4>Profile</h4></li>
            </ul
        </td>
        <td align="center">
            <!-- Tag Img digunakan u/ menyisipkan gambar -->
            <img align="left" alt="gambar" width="30%"height="30%" hspace="5"src="e:\Kha.jpg">
            Selamat datang di Tutorial HTML
            <ul>
                <li>List 1</li>
                <li>List 2</li>
            </ul
        </td>
    </tr>
    <tr align="center">
        <td colspan="2">Copyright yustikasari88@gmail.com<br>2011</td>
    </tr>
   
</table>
</body>
</html>


==== Selamat Mencoba =====

Read More

Minggu, 10 Juli 2011

Tugas HTML

03.29  arika  No comments

Buat tampilan seperti di bawah ini:
Cumi Goreng Saus Pedas
1. Bahan:
    - Cumi  500gr
    - Bawang Bombay 1 butir
    - Margarin 25gr
2. Saus:
   - Saus inggris 1sdm
   - Kecap 1sdt
   - Gula 1 sdt
   - Jahe 3
   - Bawang Putih 4 Siung
   - Minyak secukupnya
3. Cara Memasak
   a. Bersihkan cumi dan tiriskan
   b. Panaskan minyak lalu goreng cumi, angkat
   c. Tumis bawang putih dan jahe lalu masukan bumbu
   d. Terakhir masukan cumi sebentar, angkat
Keterangan:
1. Judul di ketik menggunakan marquee
2. Buat tampilan semenarik mungkin
3. script dikirim ke email yustikasari88@gmail.com
4. tugas dikirim paling lambat tgl 15 Juli 2011

Read More

Jumat, 20 Mei 2011

Membuat Menu Melayang

20.51  arika  No comments

Bagi  yang ingin menampilkan menu melayang ikuti panduan dibawah ini!

1. Masuk ke Blogger dengan ID sobat.
2. Pilih Design (Rancangn) ---> Edit HTML.
3. Back up template dulu, untuk antisipasi kalau gagal.
4. Cari kode ini : </head> pada template anda.
5. Copy Seluruh script dibawah ini, kemudian paste tepat diatas </head>
<script src='http://elmubarok.googlecode.com/files/floating1.js' type='text/javascript'/>
<script>
YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor=&quot;red&quot;;
menuIsStatic=&quot;yes&quot;;
menuWidth=150;
menuCols=2;
hdrFontFamily=&quot;verdana&quot;;
hdrFontSize=&quot;2&quot;;
hdrFontColor=&quot;black&quot;;
hdrBGColor=&quot;#FF0000&quot;;
hdrAlign=&quot;left&quot;;
hdrVAlign=&quot;center&quot;;
hdrHeight=&quot;15&quot;;
linkFontFamily=&quot;Verdana&quot;;
linkFontSize=&quot;2&quot;;
linkBGColor=&quot;white&quot;;
linkOverBGColor=&quot;#FFFF99&quot;;
linkTarget=&quot;_top&quot;;
linkAlign=&quot;Left&quot;;
barBGColor=&quot;red&quot;;
barFontFamily=&quot;Verdana&quot;;
barFontSize=&quot;2&quot;;
barFontColor=&quot;white&quot;;
barVAlign=&quot;center&quot;;
barWidth=20; // no quotes!!
barText=&quot;WELCOME&quot;;


// ----- Mulai Edit Menu
ssmItems[0]=[&quot;My Menu&quot;] //Header Menu
ssmItems[1]=[&quot;Home&quot;, &quot;/&quot;, &quot;&quot;]
ssmItems[2]=[&quot;About Me&quot;, &quot;http://www.yustikasari88.blogspot.com.html&quot;,&quot;&quot;]

buildMenu();
//----- Selesai Edit Menu
</script>
  • silahkan rubah WELCOME dengan tulisan apa saja yang cocok dengan kehendak sobat
  • kode yang berwarna biru wajib sobat ganti dengan alamat-2 punya sobat.
  • simpan

Read More

Sabtu, 14 Mei 2011

Cara Memasang Status YM

02.16  arika  No comments

Untuk memasang status Yahoo Messenge, langkahnya adalah:
1. Login ke blogger.klik layout(rancangan), pilih page elements
2. klik tambah gadget, pilih HTML/Javascript
3. ketik script dibawah ini

<a href="ymsgr:sendIM?yahooid"><img src="http://opi.yahoo.com/online?u=yahooid&amp;m=g&amp;t=12&amp;l=us"/></a>
4. klik save

Read More

Membuat Efek Kembang Api

02.09  arika  No comments

Efek kembang api dapat ditambahkan pada blog anda dan letaknya berada pada posisi tengah-tengah atas, untuk membuatnya ikuti langkah-langkah berikut :
1. Login ke blog anda
2. Klik Layout
3. Silahkan tambah element blog dengan meng-klik add element

<script src="http://boedjo.fileave.com/KembangApi/kembangapi.js" type="text/javascript"></script>

4. Klik Save dan lihat perubahannya..

Read More

Memasang Profil Facebook

01.47  arika  No comments

Langkah-langkah dalam membuat serta memasang Profil Facebook anda di blog adalah sebagai berikut :
  1. Lakukan Login pada account Facebook anda,
  2. Klik Tab Profil pada account facebook anda
  3. Klik Buat Lencana Profil yang ada di paling bawah sebelah kiri pada halaman profil facebook anda.
  4. Copy kode yang telah disediakan oleh Facebook, dan paste pada Notepad
  5. Setelah itu, login ke Blog anda yang ada di halaman blogger Home
  6. Klik Layout, kemudian klik Add yang berada di atas page element anda
  7. Pilih Element HTML/Java Script dan paste-kan kode yang ada di note tadi kemudian klik OK dan lihat hasilnya.

Read More

Jumat, 13 Mei 2011

Cara Membuat Read More

21.34  arika  No comments


1. Masuk ke Edit HTML, jangan lupa centang Expand widget template
2. Masukkan kode dibawah ini sebelum kode </head>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>


3. Simpan, dan Ganti kode <data:post.body/> dengan kode berikut :
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>Read More >> </a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Read More
Twitter Delicious Facebook Digg Stumbleupon Favorites More