Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts

Mengenal Elemen Pada Kode HTML Blog

Font Properties
Property
Valid Values
Example
font-family [font name or type] font-family: Verdana, Arial;
font-style normal | italic font-style:italic;
font-variant normal | small-caps font-variant:small-caps;
font-weight normal | bold font-weight:bold;
font-size [ xx-large | x-large | large | medium | small | x-small | xx-small ] | [ larger | smaller ] | percentage | length font-size:12pt;
font [ font-style || font-variant || font-weight ] ? font-size [ / line-height ] ? font-family font: bold 12pt Arial;
Color and Background Properties
Property
Valid Values
Example
color color color: red
background-color color | transparent background-color: yellow
background-image url | none background-image: url(house.jpg)
background-repeat repeat | repeat-x | repeat-y | no-repeat background-repeat: no-repeat
background-attachment scroll | fixed background-attachment: fixed
background-position [ position | length ] | {1,2} | [ top | center | bottom ] || [ left | center | right ] background-position: top center
background transparent | color || url || repeat || scroll || position background: silver url(house.jpg) repeat-y
Text Properties
Property
Valid Values
Example
letter-spacing normal | length letter-spacing:5pt
text-decoration none | underline | overline | line-through text-decoration:underline
vertical-align sub | super | vertical-align:sub
text-transform capitalize | uppercase | lowercase | none text-transform:lowercase
text-align left | right | center | justify text-align:center
text-indent length | percentage text-indent:25px
line-height normal | number | length | percentage line-height:15pt
Box Properties
Property
Valid Values
Example
margin-top length | percentage | auto margin-top:5px
margin-right length | percentage | auto margin-right:5px
margin-bottom length | percentage | auto margin-bottom:1em
margin-left length | percentage | auto margin-left:5pt
margin length | percentage | auto {1,4} margin: 10px 5px 10px 5px
padding-top length | percentage padding-top:10%
padding-right length | percentage padding-right:15px
padding-bottom length | percentage padding-bottom:1.2em
padding-left length | percentage padding-left:10pt; }
padding length | percentage {1,4} padding: 10px 10px 10px 15px
border-top-width thin | medium | thick | length border-top-width:thin
border-right-width thin | medium | thick | length border-right-width:medium
border-bottom-width thin | medium | thick | length border-bottom-width:thick
border-left-width thin | medium | thick | length border-left-width:15px
border-width thin | medium | thick | length {1,4} border-width: 3px 5px 3px 5px
border-top-color color border-top-color:navajowhite
border-right-color color border-right-color:whitesmoke
border-bottom-color color border-bottom-color:black
border-left-color color border-left-color:#C0C0C0
border-color color {1,4} border-color: green red white blue; }
border-top-style none | solid | double | groove | ridge | inset | outset border-top-style:solid
border-right-style none | solid | double | groove | ridge | inset | outset border-right-style:double
border-bottom-style none | solid | double | groove | ridge | inset | outset border-bottom-style:groove
border-left-style none | solid | double | groove | ridge | inset | outset border-left-style:none
border-style none | solid | double | groove | ridge | inset | outset border-style:ridge; }
border-top border-width | border-style | border-color border-top: medium outset red
border-right border-width | border-style | border-color border-right: thick inset maroon
border-bottom border-width | border-style | border-color border-bottom: 10px ridge gray
border-left border-width | border-style | border-color border-left: 1px groove red
border border-width | border-style | border-color border: thin solid blue
float none | left | right float:none
clear none | left | right | both clear:left


Classification Properties
Property
Valid Values
Example
display none | block | inline | list-item display:none
list-style-type disk | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none list-style-type:upper-alpha
list-style-image url | none list-style-image:url(icFile.gif)
list-style-position inside | outside list-style-position:inside
list-style keyword || position || url list-style: square outside url(icFolder.gif)

Positioning Properties
Property
Valid Values
Example
Applies to
clip shape | auto clip:rect(0px 200px 200px 0px) all elements
height length | auto height:200px DIV, SPAN and replaced elements
left length | percentage | auto left:0px absolutely and relatively positioned elements
overflow visible | hidden | scroll | auto overflow:scroll all elements
position absolute| relative | static position:absolute all elements
top length | percentage | auto top:0px absolutely and relatively positioned elements
visibility visible | hidden | inherit visibility:visible all elements
width length | percentage | auto width:80% DIV, SPAN and replaced elements
z-index auto | integer z-index:-1 absolutely and relatively positioned elements
Printing Properties
Property
Valid Values
Example
page-break-before auto | always || left | right page-break-before:always
page-break-after auto | always || left | right page-break-before:auto
Pseudo Classes
Property
Valid Values
Example
cursor auto | crosshair | default | hand | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help { cursor:hand; }
active, hover, link, visited n/a a:hover { color:red; }
first-letter, first-line any font manipulating declaration p:first-letter{
float:left;color:blue
}

 Semoga bermanfaat...!!!

Read More
Komentari artikel ini...!!!
Oleh : 1 komentar
Label : , , , , ,
Tuesday, January 8, 2013

Cara Memasang Komentar Intense Debate di Blog

Selain membuat blog semenarik mungkin dengan efek-efek yang sudah banyak di sediakan di dunia blogger , kita juga dapat membuat kotak komentar blog menjadi menarik yaitu dengan menggunakan layanan Intense Debate Comment.
Intense Debate membantu untuk mengganti kotak komentar default Blogspot menjadi versi Intense Debate.
Coba anda perhatikan perbedaan dua gambar contoh kotak komentar default Blogspot dengan kotak komentar versi Intense Debate dibawah ini.
Dapat kita simpulkan bahwa perbedaannnya adalah tampilan form pengisian data nama , url blog / web , serta email.
Bagaimana , sudah merasakan kemenarikan kotak komentar ala Intense Debate ini...?

Cara Membuat dan Cara Pemasangan.

Untuk cara pemasangannya , silahkan anda ikuti langkah-langkah berikut ini :
1. Masuk ke alamat web Intense Debate , klik disini
2. Jika anda belum terdaftar , silahkan klik Sign Up pada halaman utama Intense Debate.
3. Cek email anda untuk verifikasi akun anda di Intense Debate.
4. Pada halaman Dasbor , anda akan melihat seperti dibawah ini.
Manage Blog
5. Klik Install IntenseDebate untuk menambahkan blog / web.
6. Selesaikan langkah 1-2 untuk menyeselaikannya.
7. Anda akan dialihkan langsung ke langkah 3.
Step 3
Catatan :
1. Pilih All new posts (Recommended).
2. Pada Point No.5 , silahkan anda upload file *.xml template yang sudah anda backup.
3. Kemudian klik Upload file and continue.
4. Silahkan anda ganti semua kode HTML template blog anda dengan kode baru.
Final Step
5. Klik simpan template dan lihat hasil pekerjaan anda.

Semoga bermanfaat...!!!

Read More
Komentari artikel ini...!!!
Oleh : 2 komentar
Label : , , , , ,
Wednesday, December 26, 2012

Memasang Anjing Penjaga Di Blog


Mainkan tombol-tombol diatas

Jika anda tertarik untuk membuatnya , silahkan ikuti langkah berikut ini :

 1. Login ke akun Blogger anda
2. Pilih Tata Letak >> Tambah Gadget >> HTML/JavaScript
3. Masukkan script dibawah ini
4. Klik simpan
<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/102399522366632716596/dog.swf?" width="300" height="200">
<param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/102399522366632716596/dog.swf?"></param>
<param name="AllowScriptAccess" value="always"></param>
<param name="wmode" value="opaque"></param><param name="bgcolor" value="FFFFFF"/></object>
<div style="text-align: right;">
<a href="http://dhecun.blogspot.com/2012/12/memasang-anjing-penjaga-di-blog.html" target="_blank"><span style="font-size: xx-small;">[ Widget by Dhecun Blog ]</span></a></div>
Catatan :
Tulisan warna merah adalah ukuran , ganti sesuai keinginan anda.

 Semoga bermanfaat...!!!

Read More
Komentari artikel ini...!!!
Oleh : 0 komentar
Label : , , ,
Friday, December 21, 2012

Cara Mengganti Background Kotak Komentar Blog

Jika anda tertarik untuk membuatnya , silahkan ikuti langkah berikut ini :

 1. Login ke akun Blogger anda
2. Pilih Template
3. Pilih Edit HTML
4. Centang Expand Template Widget
5. Tekan tombol Ctrl+F
6. Cari kode <div class='comment-form'>
7. Jika sudah ketemu , ganti kode tersebut dengan kode dibawah ini
<div id='ib-form'>
Catatan :
Template biasanya berbeda-beda jadi bisa saja ada 2 buah kode atau lebih , jika anda menemukan ada kode yang sama , cari saja kode yang pertama atau paling atas.

8. Kemudian cari kode ]]></b:skin>
9. Masukkan script dibawah ini tepat diatas kode ]]></b:skin>

#ib-form iframe{background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLY9pF6m2UL8-ycy_SYbmKShG2niKAAfXbk1A-CLoAB8Jpw6YuYrCM5pbOAMbhscXJmpqV1OCIYUnOefHtdUsQJMa7FYfURCvIlj5WcK00GCPh4cq9PzTy5Iep8L2PlFhAdJ2TbwIXOCA/s640/Dhecun+Blogspot.png) no-repeat bottom right;border:5px solid #3b5998;padding:5px;font:normal 12pt "ms sans serif", Arial;color:#3b5998;width:95%;height:250px;}#ib-form iframe:hover{background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLY9pF6m2UL8-ycy_SYbmKShG2niKAAfXbk1A-CLoAB8Jpw6YuYrCM5pbOAMbhscXJmpqV1OCIYUnOefHtdUsQJMa7FYfURCvIlj5WcK00GCPh4cq9PzTy5Iep8L2PlFhAdJ2TbwIXOCA/s640/Dhecun+Blogspot.png) no-repeat bottom right;border:5px solid #3b5998;}#ib-form a{color:#3b5998;}

Catatan :
1. Tulisan warna merah adalah URL gambar , ganti dengan URL gambar anda.
2. Tulisan warna biru adalah warna border , bisa anda ganti sesuai keinginan anda.
3. Tulisan warna pink adalah tingginya , bisa anda atur sesuai keinginan anda.

 10. Klik simpan template

Jika anda bingung mencari warna apa yang cocok , klik saja disini

 Semoga bermanfaat...!!!

Read More
Komentari artikel ini...!!!
Oleh : 0 komentar
Label : , , , , ,

Membuat Navigasi Nomor Halaman Blog


Jika anda tertarik untuk membuatnya , silahkan ikuti langkah berikut ini :

 1. Login ke akun Blogger anda
2. Pilih Template
3. Pilih Edit HTML
4. Centang Expand Template Widget
5. Tekan tombol Ctrl+F
6. Cari kode </body>
7. Masukkan script dibawah ini tepat diatas kode </body>
<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://eaction.googlecode.com/files/pagenav.js' type='text/javascript'/>
</b:if>
8. Kemudian cari kode ]]></b:skin>
9. Masukkan script dibawah ini tepat diatas kode ]]></b:skin>
.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 0px solid #cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 0px solid #cccccc;background-color:#3b5998;}.showpagePoint {color:white;text-decoration:none;border: 0px solid #cccccc;background: #3b5998;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 0px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}
10. Klik pratinjau , jika sudah OK , klik simpan template

 Semoga bermanfaat...!!!

Read More
Komentari artikel ini...!!!
Oleh : 0 komentar
Label : , , , ,
Thursday, December 20, 2012

Memasukkan Tanda Tangan Kedalam Artikel Blog


Langkah Pertama :

 1. Kunjungi situs www.mylivesignature.com , kemudian klik pada Click Here To Start.
2. Setelah itu pilih Using the signature creation wizard.
3. Isikan nama kamu pada kotak , lalu klik Next Step.
4. Pilih jenis huruf sesuai selera anda , lalu klik Next Step.
5. Pilih ukuran huruf yang anda inginkan , lalu klik Next Step.
6. Pilih background dan warna huruf sesuai selera anda (jika ingin dengan background trasnparan , beri centrang pada kotak Trasnparent) , lalu klik Next Step.
7. Pilih slope sesuai sesuai selera anda , lalu klik Next Step.
8. Klik kanan pada gambar tanda tangan yang sudah ada buat , lalu pilih Copy Image.
9. Jika kamu ingin simpan image tanda tangan tersebut pada hosting image punya anda.

 Langkah Kedua :
1. Login ke akun Blogger anda
2. Pilih Template lalu pilih Edit HTML
3. Centang Expand Template Widget
4. Tekan tombol Ctrl+F
5. Cari kode berikut
<p><data:post.body/></p>
6. Jika tidak ketemu karena tiap template berbeda-beda kodenya , cari kode <data:post.body/> , jika ada dua buah karena sudah menambahkan readmore , pilih kode yang kedua saja.
7. Masukkan script dibawah ini tepat dibawah kode <data:post.body/>
<img src='URL Image' style='border:0px; width:100px;'/>
8. Jika ingin diletakkan di sebelah kanan bawah , buat perintahnya seperti ini :
<div style='text-align:right; margin:5px 10px 0 0'><img src='URL Image' style='border:0px; width:100px;'/></div>
9. Ganti tulisan URL Image dengan URL image tanda tangan anda dan atur lebar (width:100px) nya.
10. Klik simpan template

 Semoga bermanfaat...!!!
Read More
Komentari artikel ini...!!!
Oleh : 0 komentar
Label : , , , ,

Membuat Toggle Pada Sidebar Blog Dengan jQuery

Sebagai contoh dari toggle dengan JQuery ini bisa anda lihat pada widget yang berada di bawah blog ini dengan judul "Profil Admin ◄[ Show / Hide ]► Berlangganan Artikel".

 Jika anda tertarik untuk membuatnya , silahka ikuti langkah berikut ini :

 1. Login ke akun Blogger anda
2. Pilih Template
3. Pilih Edit HTML
4. Centang Expand Template Widget
5. Tekan tombol Ctrl+F
6. Cari kode ]]></b:skin>
7. Masukkan script dibawah ini tepat diatas kode ]]></b:skin>
/*=== Toggle Sidebar jQuery ===*/
#toggle-sidebar {}
#toggle-sidebar h2 {cursor:pointer; display:block;}
#toggle-sidebar h2:hover {opacity: 0.75; -o-opacity: 0.75; -moz-opacity: 0.75; -webkit-opacity: 0.75; filter: alpha(opacity=75);}
#toggle-sidebar h2:active {color:#333} /*warna huruf ketika aktif*/
.toggle-content {}
8. Kemudian masukkan script dibawah ini tepat dibawah kode ]]></b:skin
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
jQuery(document).ready(function(){ 
    jQuery(".toggle-content").hide(); 
    jQuery("#toggle-sidebar>h2").click(function(){ 
        jQuery(this).toggleClass("active").next().slideToggle("slow");
    }); 
}); 
</script>
Catatan : Jika anda sudah menggunakan script JQuery , hapus salah satu script diatas.
9. Kemudian cari kode widget yang akan dibuatkan toggle , tiap template kadang berbeda , cari kode yang mirip dibawah ini :
<b:includable id='main'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
        <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
        <data:content/>
    </div>
    <b:include name='quickedit'/>
</b:includable>
10. Jika sudah ketemu , tambahkan kode berwarna merah sehingga menjadi seperti dibawah ini :
<b:includable id='main'>
<div id='toggle-sidebar'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
        <h2 class='title'><data:title/></h2>
    </b:if>
<div class='toggle-content'>
    <div class='widget-content'>
        <data:content/>
    </div>
</div><!--/toggle-content-->
</div><!--/toggle-sidebar-->
    <b:include name='quickedit'/>
</b:includable>
11. Klik pratinjau , jika sudah OK , klik simpan template

 Semoga bermanfaat...!!!

Read More
Komentari artikel ini...!!!
Oleh : 1 komentar
Label : , , , , , ,
Sunday, December 16, 2012

Membuat Tombol Perintah Keatas dan Kebawah Halaman Blog

Untuk membuat tombol perintah ke atas dan ke bawah ini sebenarnya cukup mudah , anda tinggal menambahkan link image tersebut.

 Jika anda tertarik untuk membuatnya , silahkan ikuti langkah berikut ini :

 1. Login ke akun Blogger anda
2. Pilih Template
3. Pilih Edit HTML
4. Tekan tombol Ctrl+F
5. Cari kode ]]></b:skin>
6. Masukkan script dibawah ini tepat atas kode ]]></b:skin>
#floating-atas-bawah {
position:fixed; _position:absolute; bottom:5px; right:5px; clip:inherit; z-index:+1000;}
7. Kemudian cari kode </head>
8. Masukkan script dibawah ini tepat dibawah kode </head>
<div id='floating-atas-bawah'>
<a href='#' title='Ke Atas'><img border="0" src='http://sites.google.com/site/ruangsc/imgsb/arrow-up.gif'/></a>
<a href='#footer' title='Ke Bawah'><img border="0" src='http://sites.google.com/site/ruangsc/imgsb/arrow-down.gif'/></a>
</div>
9. Klik simpan template

 Keterangan :
- Tulisan warna merah adalah URL gambar dari tombol keatas dan kebawah (   ) .
- Jika perintah kebawah tidak bekerja , gantilah #footer dengan #bottom.

Gambar-gambar yang bisa anda gunakan :
 URL : http://sites.google.com/site/ruangsc/imgsb/arrow-up.gif
 URL : http://sites.google.com/site/ruangsc/imgsb/arrow-down.gif
 URL : http://sites.google.com/site/ruangsc/imgsb/keatas.png
 URL : http://sites.google.com/site/ruangsc/imgsb/kebawah.png
 URL : http://sites.google.com/site/ruangsc/imgsb/scrolltop.png
 URL : http://sites.google.com/site/ruangsc/imgsb/scrolldown.png
 URL : http://i563.photobucket.com/albums/ss76/peace_enes/keatas-1.png
 URL : http://i563.photobucket.com/albums/ss76/peace_enes/kebawah-1.png
 URL : http://i563.photobucket.com/albums/ss76/peace_enes/go-top.png
 URL : http://i563.photobucket.com/albums/ss76/peace_enes/go-down.png
 URL : http://i563.photobucket.com/albums/ss76/peace_enes/to-top.png
 URL : http://i563.photobucket.com/albums/ss76/peace_enes/to-down.png
 URL : http://i563.photobucket.com/albums/ss76/peace_enes/kaluhur.png
 URL : http://i563.photobucket.com/albums/ss76/peace_enes/kahandap.png
Semoga bermanfaat...!!!

Read More
Komentari artikel ini...!!!
Oleh : 3 komentar
Label : , , , , , , ,

Membuat Peta Situs Pada Sidebar Blog

Jika anda tertarik untuk membuatnya , silahkan ikuti langkah berikut ini :

 1. Login ke akun Blogger anda
2. Pilih Tata Letak >> Tambah Gadget >> HTML/JavaScript
3. Masukkan script dibawah ini
4. Klik simpan
<div style="background-color: #e0e0e0;-moz-border-radius: 5px;border-radius: 5px; border: 1px solid #3b5998;"><br/><div style="overflow:auto; padding-left:5px; width:100%; height:250px;">
<script language="javascript">
numposts=1000;
home_page="NamaBlogAnda.blogspot.com";
explanpost="Baru..!";
</script>
<ul><script style="text/javascript" src="http://enes-sc.googlecode.com/files/sitemap-np.js"></script></ul>
</div><br/></div>
<div style="text-align: right;">
<a href="http://dhecun.blogspot.com/2012/12/membuat-peta-situs-pada-sidebar-blog.html" target="_blank"><span style="font-size: xx-small;"><span style="font-size: xx-small;"><span style="text-shadow:1px 1px 1px #333;">[ Widget by Dhecun Blog ]</span></span></a></div>
Keterangan :
Silahkan anda ganti tulisan warna merah sesuai keinginan anda.

 Semoga bermanfaat...!!!

Read More
Komentari artikel ini...!!!
Oleh : 0 komentar
Label : , , , , ,
Friday, December 14, 2012

Membuat Label Tag Cloud Animasi Pada Sidebar Blog

Jika anda tertarik untuk membuatnya , silahkan ikuti langkah berikut ini :

 1. Login ke akun Blogger anda
2. Pilih Template
3. Pilih Edit HTML
4. Centang Expand Template Widget
5. Tekan tombol Ctrl+F
6. Cari kode berikut :

<b:section class='sidebar' id='sidebar' preferred='yes'>

7. Masukkan script dibawah ini tepat dibawah kode tersebut
<b:widget id='Label99' locked='false' title='Label Tag Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/ruangsc/enes/swfobject.js' type='text/javascript'/>
<div id='flashcontent'><a href='http://dhecun.blogspot.com/2012/12/membuat-label-tag-cloud-animasi-pada.html'><span style="font-size: xx-small;">[ Widget by Dhecun Blog ]</span></a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "240", "240", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

 8. Lakukan Pratinjau , jika sudah OK , klik simpan template

 Keterangan :
Pada script di atas sudah di setting sebagai berikut (lihat tulisan warna merah) :
- Lebar widget : 240px
- Tinggi widget : 240px
- Warna latar : putih atau #ffffff
- Warna huruf : abu gelap atau 0x333333
- Ukuran huruf : 12
Anda dapat mengubah settingan tersebut disesuaikan dengan latar template dan lebar sidebar blog anda.
Misalnya mengubah warna latar menjadi hitam ditulis #000000 dan mengubah warna huruf menjadi putih ditulis 0xffffff
(mengenai kode warna silahkan baca artikel ini).

 Semoga bermanfaat...!!!

Read More
Komentari artikel ini...!!!
Oleh : 0 komentar
Label : , , , , , , ,

Memasang Backsound Musik Di Blog

http://baitulherbal.com/wp-content/uploads/2011/02/Gambar-birama-musik.jpeg
Kali ini Dhecun Blog akan mencoba share tentang Memasang Backsound Musik Di Blog.
Blog kita akan ada backsound musik untuk mengiringi aktivitas kita di internet yang play secara otomatis dan widget nya tersembunyi.

 Jika anda tertarik untuk membuatnya , silahkan ikuti langkah berikut ini :

 1. Login ke akun Blogger anda
2. Pilih Tata Letak >> Tambah Gadget >> HTML/JavaScript
3. Masukkan script dibawah ini
4. Klik simpan
<embed src="http://divine-music.info/musicfiles/01%2001%20Terapi%20Energi.swf" autostart=true loop=true width=0 height=0 align="CENTER"></embed>
<div style="text-align: right;">
<a href="http://dhecun.blogspot.com/2012/12/memasang-backsound-musik-di-blog.html" target="_blank"><span style="font-size: xx-small;">[ Widget by Dhecun Blog ]</span></a></div>
Keterangan :
Tulisan warna merah adalah kode musik yang akan anda pasang , anda bisa menggantinya dengan musik yang lain tapi ingat harus format ( .swf ) agar kode HTML nya dapat bekerja.
Untuk musik .swf nya sendiri bisa anda cari koleksinya dibawah ini.

Semoga bermanfaat...!!!

Read More
Komentari artikel ini...!!!
Oleh : 0 komentar
Label : , , ,
Thursday, December 13, 2012

Pasang Widget Otomatis



Submit Web / Blog Ke 20+ Search Engines

Cek Ukuran dan Kecepatan Loading Blog / Web

Masukkan URL blog max 10 URL
( Tools by Dhecun Blog : Get Widget )

Update Artikel Dhecun Blog

Berlangganan Artikel Gratis Lewat Email

Berlangganan artikel via email.

Dapatkan update artikel terbaru dari Dhecun Blog

yang akan dikirim ke email anda secara gratis...!

Jangan lupa buka Email anda untuk verifikasi.
RSS feeds















Space Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Kategori pasang iklan

Rp.10.000 per bulan
Rp.100.000 per tahun
Judul iklan
Deskripsi iklan
Gambar (220x150)

Iklan Sponsor 1

Iklan Sponsor 1

About Me

Profil Google+
My Facebook
Kirim SMS Gratis
Download Gratis
Print

Contact

Contact on Email
Contact on Facebook

Rekomendasi

Follow

Follow this blog

RSS feeds

RSS
Post RSS
Comments RSS

Widget Populer

Widget Zoom Detail Gambar
Widget Share Button Melayang

Share

Tukar Link

Traffic

Flag Counter

Semua Artikel




Tampilkan semua artikel

10 Artikel Terbaru



Posting FB.Fans Komentar



Masukkan email anda

untuk berlangganan artikel




Dhecun Blog

Followers



Blogger