kania blog

Showing posts with label membuat. Show all posts

Sunday, November 24, 2013

Cara Membuat Angka 1 per 2 dan Rumus di Microsoft Office Word

Oke,, sahabat mazinu pastinya sangat senang jika hasil ketikan kita di Ms. Office Word 2007 terlihat bagus dan menarik bukan?
Nah, pada postingan mazinu kali ini mazinu akan membahas Bagaimana Cara Mebuat Tulisan 1 per 2 Sesuai dengan yang kita inginkan d Microsoft Office Word, berikut caranya :

Untuk Tulisan 1 per 2 biasanya digunakan untuk menulis suatu rumus dalam matematika, atau hal-hal lainnya yang sekiranya membutuhkan strip per pada angka yang kita inginkan,, berikut beberapa contoh penulisan 1 per 2.

① Model Pertama : ½ → kalau model yang seperti ini sudah otomatis terdeteksi sendiri oleh Ms. Word, jadi gak usah repot-repot bikinnya! Tapi terkadang cara pembuatannya harus diawali dan diakhiri dengan spasi baru bisa.

② Model Kedua : 1/2 → jika kita menulis 1 per 2 di Ms. Office Word pasti penulisan awalnya seperti ini, tapi setelah kita spasi pasti pasti modelnya berubah seperti Model Pertama diatas,,, naah caranya setelah muncul 1 per 2 Model Pertama kalian hapus dulu angkanya kemudian ketikkan lagi 1 per 2 yang baru, maka setelah itu angka tidak akan berubah!

③ Untuk Model yang selanjutnya Bisa kalian pilih langsung di Menu yang sudah di sediakan oleh Ms. Word, Caranya : Klik menu Insert - Pilih sub Menu Equation – Kemudian kalian pilih Insert New Equation,, atau kalian bisa mengoperasikan lansung rumus-rumus yang sudah disediakan lansung oleh Ms. Word sehingga kalian tinnggal merubah angkanya saja! Selamat Mencoba!

Lebih jelasnya lihat gambar dibawah ini :

Semoga Cara Membuat Angka 1 per 2 dan Rumus di Microsoft Office Word yang mazinu postingkan ini bermanfaat.

Monday, November 11, 2013

Cara Membuat Box Code Kotak Script Pada Posting

Cara Membuat Box Code, Kotak Script Pada Posting

Cara Membuat Box Code, Kotak Script Pada Posting - Kali ini saya akan membahas cara membuat box kode atau kotak script pada saat postting artikel. Kotak kode script / box code ini sangat bermanfaat ketika Anda sedang membuat / posting artikel di Blogger yang berisi banyak kode script yang harus ditampilkan.

Cara membuat Buat Box / Kotak Kode Script di Postingan ini, akan diberikan beberapa contoh kotak kode script yang dibuat Apnie.com. Anda bisa menggunakannya jika ada yang disukai dari contoh-contoh tersebut.

Tentunya Anda juga bisa memberikan perubahan pada code-codenya menurut selera masing-masing, seperti ukuran dan jenis border, warna background, ukuran box atau lainnya.

Beberapa Contoh Kotak / Box Script dan Kodenya sebagai berikut:

<div style="border: 2px #5f200e solid; padding: 10px; background-color: #d9da81; text-align: left;"> Kode Script Anda Disini…….</div>

<div style="border: 0; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Script Anda Disini…….</div>

<div style="border: 2px #006400 ridge; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disini……</div>

<div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;"> Kode Script Anda Disini……</</div>

<div style="border: 3px #5f200e outset; padding: 10px; background-color: #d9da81; text-align: left;"> Kode Script Anda Disini…….</div>

<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Script Anda Disini…….</div>

<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disini……</div>

<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; tex>t-align: left;"> Kode Script Anda Disini……</div>

Friday, November 8, 2013

Membuat tab browser bergerak berputar seperti ular

Cara membuat
1. Login ke blog sobat
2. Klik dasbord
3. Klik rancngan
4.Klik tambah gadget
5. pilih html/JavaScript
Masukkan kode dibawah ini

<script type=text/javascript>

//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
//]]>

Thursday, November 7, 2013

Cara Membuat Threaded Comment di Blog

Cara Membuat Threaded Comment di Blog - Ada beberapa hal yang bisa menunjang penampilan blog sobat, kali ini saya akan kasih tahu salah satunya. Namanya Threaded Comment. Threaded Comment adalah form komentar di mana komentar balasan letaknya akan berada di bawah komentar utama.

Dengan Fasilitas ini, sobat tak perlu lagi memoderasi komentar dengan alasan untuk memudahkan membalas komentar tersebut. namun perlu di perhatikan bahwa dengan memasang Threaded Comment di Blog, maka emoticon yang sobat pasang baik itu emoticon onion , emoticon kaskus, emoticon skype ataupun yang lain akan terhapus dan tak akan muncul di kotak komentar blog sobat. Bagi sobat yang tertarik membuat comment threaded silahkan ikuti tutorial berikut.

Cara Membuat Threaded Comment di Blog

A. Tanpa Edit HTML

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Edit HTML --> Klik Download template lengkap untuk antisipasi kegagalan.
3. Klik tulisan Kembalikan template widget ke default kemudian klik OK.
4. Selesai.. sekarang Threaded Comment nya sudah ada.

Tambahan :
Cara di atas akan menghapus seluruh data widget di HTML blog sobat. termasuk navigasi breadcrumb,related post dll. jadi bagi sobat yang sudah terlanjur memasang navigasi breadcrumb, related post dll, saya sarankan untuk menggunakan tutorial yang berikut.

B. Edit HTML

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Edit HTML --> Klik Download template lengkap untuk antisipasi kegagalan -->Klik Expand widget template.
3. Cari kode berikut dengan menggunakan Ctrl + F.

<b:include data=post name=comments/>

4. Ganti dengan kode berikut.

<b:if cond=data:post.showThreadedComments>
<b:include data=post name=threaded_comments/>
<b:else/>
<b:include data=post name=comments/>
</b:if>
5. Klik save dan selesai.

tambahan :

Sobat akan menemukan 4 kode <b:include data=post name=comments/>. hapus dan ganti semuanya.

Sobat yang ingin membuat threaded comment seperti blog ini silahkan ikuti tutorial berikut.

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Edit HTML --> Klik Download template lengkap untuk antisipasi kegagalan -->Klik Expand widget template.
3. Letakkan kode berikut di atas kode ]]></b:skin>.

/*----------------------------------------------------
{--------} Comment {--------}
----------------------------------------------------*/

#comments h4 {
font-size: 18px;
font-weight: normal;
margin: 20px 0;
}

.cm_wrap {
clear: both;
margin-bottom: 10px;
float: right;
width: 100%;
}

.cm_head {
margin: 0;
width:60px;
float: left;
}

.cm_avatar {
margin: 0;
vertical-align: middle;
outline: 1px solid #fff;
border: 1px solid #ddd;
padding: 3px;
background-image: url(http://img846.imageshack.us/img846/7357/unled1oww.jpg);
background-position:center;
background-repeat:no-repeat;
width: 35px;
height: 35px;
}

.cm_avatar_a {
margin: 0;
vertical-align: middle;
border: 1px solid #ddd;
padding: 3px;
background:#c6e5f7;
background-position:center;
background-repeat:no-repeat;
width: 35px;
height: 35px;
}

.cm_reply {
padding-top: 5px;
}

.cm_reply a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
}

.cm_reply a:hover {
text-decoration: none !important;;
background: #ccc;;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
}

.cm_entry {
padding: 16px 16px 0 16px;
background: #F7F7F7;
outline: 1px solid #fff;
border: 1px solid #ddd;
overflow: hidden;
}
.cm_entry_a {
padding: 16px 16px 0 16px;
background: #F7F7F7;
outline: 1px solid #fff;
border: 1px solid #ddd;
overflow: hidden;
}

.cm_arrow {
display: block;
width: 9px;
height: 18px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkMlUfAqlGyC70myds9hTHqbVOl10S1Y9EBFksjiAwWhI6MzFvXenSUAx0W9OuXhZU66RHbK_H1AuoC8LJWE7HAiCwaEVe4s_4CCEpzfTee9250nBsgXB7a40xlDt8alFR5GZggUtImlw/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-left: -25px;
}

.cm_info {
margin-bottom: 5px;
border: thin solid #E6E6E6;
background-color: #F4F4F4;
padding: 5px;
}
.cm_info_a {
margin-bottom: 5px;
border: thin solid #E6E6E6;
background-color: #dff0fa;
padding: 5px;
}

.cm_name {
font-size: 14px;
color: #666666 !important;
text-decoration:none;
font-weight: bold;
float: left;

}
.cm_name_a {
font-family:"Francois One";
font-size: 14px;
color: #666666 !important;
text-decoration:none;
font-weight: 250;
float: left;

}

.cm_date {
font-size: 10px;
color: #999;
text-decoration:none;
float: right;

}
.cm_date_a {
font-family:"Francois One";
font-size: 10px;
color: #2D5E7B;
text-decoration:none;
float: right;
padding-top:5px;

}
.cm_entry p {
padding: 5px;
clear: both;
border: thin solid #E6E6E6;
background-color: #F4F4F4;
font-size: 13px;
color: #333;
word-wrap:break-word;
}
.cm_entry_a p {
padding: 5px;
clear: both;
border: thin solid #E6E6E6;
background-color: #dff0fa;
font-size: 13px;
color: #333;
word-wrap:break-word;
}

.cm_pagenavi {
font-size: 10px;
text-transform: uppercase;
color: #666;
text-shadow: 1px 1px white;
font-weight: bold;
}

.cm_pagenavi a {
color: #666;
text-decoration: none;
padding:10px;
}

.cm_pagenavi a:hover {
text-decoration: underline
}

.cm_pagenavi span {
color: #888;
background: white;
padding: 4px;
border: 1px solid #E0E0E0;
}

5. Letakkan kode berikut di atas kode </body>

5. Cari kode berikut dan hapus kode di antara ke 2 kode tersebut. ( kode tersebut cukup panjang )

<b:includable id=comments var=post>

Kode yang harus di ganti

</b:includable>

6. Ganti dengan kode berikut:

<div class=comments id=comments>
<a name=comments/>
<b:if cond=data:post.allowComments>
        <h4>
             <b:if cond=data:post.numComments > 0>
          <b:if cond=data:post.numComments == 1>
            <span id=cm_total>1</span> comment
          <b:else/>
            <span id=cm_total><data:post.numComments/></span> comments
          </b:if>
        </b:if>
        </h4>

        <div id=cm_reply_css/>

        <div class=cm_pagenavi id=cm_page/>

        <div id=cm_block>
            <b:loop values=data:post.comments var=comment>
                <b:if cond=data:comment.isDeleted>
                <b:else/>

                    <div expr:id=data:comment.anchorName>
                        <div class=cm_wrap>
                            <a expr:name=data:comment.anchorName/>

<b:if cond=data:comment.author == data:post.author>
                               <div class=cm_head>
                                <div class=cm_avatar_a>
                                    <b:if cond=data:blog.enabledCommentProfileImages>
                                        <data:comment.authorAvatarImage/>
                                    </b:if>
                                </div>
                                <div class=cm_reply>
                                    <a expr:href="https://www.blogger.com/comment.g?blogID=__BlogID__&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form" onclick=javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;>Reply</a>
                                </div>
                            </div>
<b:else/>

                            <div class=cm_head>
                                <div class=cm_avatar>
                                    <b:if cond=data:blog.enabledCommentProfileImages>
                                        <data:comment.authorAvatarImage/>
                                    </b:if>
                                </div>
                                <div class=cm_reply>
                                    <a expr:href="https://www.blogger.com/comment.g?blogID=__BlogID__&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form" onclick=javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;>Reply</a>
                                </div>
                            </div>
</b:if>

<b:if cond=data:comment.author == data:post.author>
                                <div class=cm_entry_a>
                                <span class=cm_arrow/>
                                <div class=cm_info_a>
                                    <div class=cm_name_a>

                                      <b:if cond=data:comment.author == data:post.author>
                                                                                       <a expr:href=data:comment.authorUrl rel=nofollow target=_blank>
                                                <data:comment.author/>
                                            </a>
                                                           <b:else/>

                                        <b:if cond=data:comment.authorUrl>
                                            <a expr:href=data:comment.authorUrl rel=nofollow target=_blank>
                                                <data:comment.author/>
                                            </a>
                                        <b:else/>
                                            <b><data:comment.author/></b>
                                       </b:if>
                                        </b:if>
                                    </div>

                                            <b:if cond=data:comment.author == data:post.author>
                                     <div class=cm_date_a>
                                        <data:comment.timestamp/>
                                        <b:include data=comment name=commentDeleteIcon/>
                                    </div>
                                    <div class=clear/>

                                            <b:else/>

                                    <div class=cm_date>
                                        <data:comment.timestamp/>
                                        <b:include data=comment name=commentDeleteIcon/>
                                    </div>
                                    <div class=clear/>
                                            </b:if>
                                </div>
                                  <b:if cond=data:comment.author == data:post.author>
                                     <div class=comment-body-author>
                                <p><data:comment.body/></p>
                                     </div>
                                            <b:else/>
                                <p><data:comment.body/></p>
                                 </b:if>
                            </div>


<b:else/>

                            <div class=cm_entry>
                                <span class=cm_arrow/>
                                <div class=cm_info>
                                    <div class=cm_name>

                                      <b:if cond=data:comment.author == data:post.author>
                                                                                      <a expr:href=data:comment.authorUrl rel=nofollow target=_blank>
                                                <data:comment.author/>
                                            </a>
                                                           <b:else/>

                                        <b:if cond=data:comment.authorUrl>
                                            <a expr:href=data:comment.authorUrl rel=nofollow target=_blank>
                                                <data:comment.author/>
                                            </a>
                                        <b:else/>
                                            <b><data:comment.author/></b>
                                       </b:if>
                                        </b:if>
                                    </div>

                                            <b:if cond=data:comment.author == data:post.author>
                                     <div class=cm_date_a>
                                        <data:comment.timestamp/>
                                        <b:include data=comment name=commentDeleteIcon/>
                                    </div>
                                    <div class=clear/>

                                            <b:else/>

                                    <div class=cm_date>
                                        <data:comment.timestamp/>
                                        <b:include data=comment name=commentDeleteIcon/>
                                    </div>
                                    <div class=clear/>
                                            </b:if>
                                </div>
                                  <b:if cond=data:comment.author == data:post.author>
                                     <div class=comment-body-author>
                                <p><data:comment.body/></p>
                                     </div>
                                            <b:else/>
                                <p><data:comment.body/></p>
                                 </b:if>
                            </div>
</b:if>
                        </div>
                    </div>
                </b:if>
     </b:loop>
        </div>

        <div class=cm_pagenavi id=cm_page_copy/>

    <b:if cond=data:post.embedCommentForm>
            <b:if cond=data:post.allowNewComments>
                <b:include data=post name=comment-form/>
            <b:else/>
                <data:post.noNewCommentsText/>
            </b:if>
            <b:else/>
            <b:if cond=data:post.allowComments>
                <a expr:href=data:post.addCommentUrl expr:onclick=data:post.addCommentOnclick><data:postCommentMsg/></a>
            </b:if>
    </b:if>

</b:if>
</div>

6. Ganti __BlogID__ dengan id nya sobat. untuk mengetahui id blog sobat lihat gambar berikut.

7. Simpan template dan lihat hasilnya..

semoga Cara Membuat Threaded Comment di Blog ini bisa membantu sobat dalam menghias blog.

Cara Membuat Lightbox Pada Gambar Blog

Lightbox Pada Gambar Blog

Cara Membuat Lightbox Pada Gambar Blog - Postingan ini merupakan insiprasi template yang saya gunakan, Pada Kesempatan ini ( Tutorial Belajar Blog) akan memberikan Javascript untuk membuat Lightbox ini terotomatisasi pada setiap gambar yang ada pada postingan blog/web anda.

Apa Itu Lightbox Gambar , Lightbox itu Sejenis Pop Up, Tetapi Bukan Pop Up,Lightbox gambar itu Jika Di Click pada gambar kemudian muncul kotak yang muncul pada saat mengklik atau melihat suatu gambar.

Contoh Tampilan

KLIK DISINI DEMO

Untuk memasang Lightbox Gambar Pada Blog dengan Jquery ikuti langkah-langkah berikut :

1. Login akun Blogger anda.
2. Pada Dashboard pilih Template » Edit HTML
3. Letakkan kode berikut ini dibawah kode ]]></b:skin>

#jquery-overlay{position:absolute;
top:0;left:0;z-index:90;
width:100%;height:500px}
#jquery-lightbox
{position:absolute;top:0;left:0;width:100%;
z-index:100;text-align:center;line-height:0}
#jquery-lightbox a,#jquery-lightbox a:hover
{border:none}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box
{position:relative;background-color:#fff;border-radius: 5px 5px 0px 0px;
width:250px;height:250px;margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute;top:40%;left:0%;
height:25%;width:100%;text-align:center;
line-height:0}
#lightbox-nav{position:absolute;top:0;left:0;
height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext
{width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev{left:0;float:left}
#lightbox-nav-btnNext{right:0;float:right}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;
background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;
width:100%;padding:0 10px 0;border-radius: 0px 0px 5px 5px;}
#lightbox-container-image-data
{padding:0 10px;color:#666}
#lightbox-container-image-data
#lightbox-image-details
{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:bold}
#lightbox-image-details-currentNumber
{display:block;clear:left;padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px;float:right;
padding-bottom:0.7em}

Kemudian letakkan kode berikut ini diatas kode </body>


<script src=http://lightbox-blogger.googlecode.com/files/jquery.min.js type=text/javascript/>
<script src=http://lightbox-blogger.googlecode.com/files/lightbox.min.js type=text/javascript/>

Simpan Template Kemudian Lihat hasilnya dengan klik gambar pada postingan anda.

Sunday, November 3, 2013

Membuat Link Tulisan Bergerak Saat Disentuh Mouse

Kadang kita sendiripun merasa bosan melihat link yang hanya diam ditempat saja apalagi untuk para blogger yang variatif...tentu hal ini sangat menarik. Kali ini akan saya jelaskan bagaimana membuat link bergerak jika disentuh mouse. Jika anda ingin membuatnya di blog anda simak ulasannya berikut ini.

Caranya :
login ke Blogger anda
Klik rancangan / tata letak
Klik edit html
Cari kode </head>
Setelah ketemu kode tersebut, copy kode dibawah ini setelah kode diatas :

<script src=http://code.jquery.com/jquery-latest.js type=text/javascript/>
<script type=text/javascript>
$(document).ready(function() {
$(a.nudge).hover(function() { //mouse in
$(this).animate({ paddingLeft: 20px },400);
}, function() { //mouse out
$(this).animate({ paddingLeft: 0 }, 400);
});
});
</script>

Jika link yang anda gunakan berbentuk teks maka gunakan kode seperti ini :

<a href="URLANDA" class="nudge">LINKTEKSANDA</a>

Jika anda menggunakan link berbentuk gambar maka gunakan kode seperti ini :
<a href="URLANDA" class="nudge"><img src="URLGAMBARANDA" ></a>

Ganti teks yang saya beri warna merah dengan URL anda, biru untuk link yang anda inginkan, coklat untuk url tempat dimana anda menyimpan gambar.

Semoga bermanfaat dan selamat mencoba

Saturday, November 2, 2013

Membuat Kursor Animasi Gambar dan Bintang Bertabur

Nah kali ini NGEBLOG™ bagi-bagi tips Cara Membuat Kursor di Blogspot Bertabur Bintang. Sobat Blogger sekalian pingin beda tampilan kursor blognya...?? iya pasti donk :D.

Banyak cara yang dibuat oleh setiap blogger untuk membuat tampilan blognya terkesan cantik, unik dan macam-macam . Diantaranya dengan modifikasi template yang sudah ada, memasang ragam widget danragam aksesoris blog termasuk mengganti tampilan kursor. Kalau sobat pingin kursor seperti ini Cara mengganti Kursor Blog Dengan Gambar klik disini

Pingin mencobanya?

Langkah-langkah sebagai berikut:

1. Login ke blogger.
2.Masuk ke Layout-->Page Element
3.Tambahkan gadget HTML/JavaScript
4.Pilih kode taburan bintang dibawah ini.

Kode Bintang Hijau
<script src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.hijau.js" type="text/javascript"></script>

Kode Bintang Ungu
<script src=http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.ungu.js type="text/javascript"></script>

Kode Bintang Merah
<script src=http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.merah.js type="text/javascript"></script>

Kode Bintang Biru
<script src=http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.biru.js type="text/javascript"></script>

Kode Bintang Putih
<script src=http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.putih.js type="text/javascript"></script>

5. Simpan