Inilah Macam-Macam Gambar Alat Musik Tradisional Indonesia

Angklung

Blibing

Bonang-Barung

Calung

Gamelan

Gandang Tabuik

Jembe

Gendang Melayu

Gong Bende

Kecapi

Kecapi Suling

Kendang

Kenong

Bonang

Rebab

Rebana Qasidah

Saluang

Saron

Sasando

Saung-gauk

Serunai

celempung

So duang

Suling Sunda

Talempong

Tifa

Selompret

Read More

Cara Menghilangkan Slide Show Pada Template Bawaan Blog

Mudah-mudahan artikel berikut dapat bermanfaat bagi Anda sobat blog. Melihat tampilan template blog sekarang sangat bervariasi seperti halnya, terdapat tampilan slide show pada blog Anda, tetapi ada juga sebagian dari Anda yang myngkin ingin menghilangkan/menghapus slide show ter sebut. Berikut Cara-cara menghapus slide:

*Jika Anda ingin memakai kembali slide show tersebut jangan lupa dicopy kode tersebut dan di paste/save pada file Anda agar bisa digunakan kembali.(paste kembali pada tempat Anda menghapusnya) 

1. Login ke blog Anda dahulu

2. Lalu ke Rancangan Edit HTML

3. Selanjutnya Anda mencari kode (bisa dengan cara ctrl + f), lalu kode akan muncul

        <!-- Featured Content Slider Started -->

4. Lalu blog kode tersebut hingga kode bertuliskan:  

        <!-- Featured Content Slider End -->

5. Setelah Anda memblognya seperti tampilan berikut:

        <!-- Featured Content Slider Started -->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='featuredposts clearfix'>

<div class='fp-slides'>

<div class='fp-post'>

<div class='fp-thumbnail'><a href='featured-post-1-url-here'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm0ZnOvtMUswpELXHnmfQVg-4WIVxzHR1XDnL77FVbudEoJnHtCR_u6SW2VNlznxJQk9f3ClD_x-LmnYdAAeS9f50puFqO6fGwytwqYvtIYzKdnLNyfpVMA4Dg8Zy0hb-d4MXJGaAP1Bu-/s0/1.jpg'/></a></div>

<h3 class='fp-title'><a href='featured-post-1-url-here'>This is default featured post 1 title</a></h3>

<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.</p>

</div>

<div class='fp-post'>

<div class='fp-thumbnail'><a href='featured-post-2-url-here'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixEJGx2nyeOQyhK5H9h-GJTCUtbhx27-NNQakhnppSBnWQBclj7fpUgWiTEz4ylUXg1JHWVbgv_3eER_8RPDqKhs6Z8TmFmkDU2HCAIUb6WysjohI2WDYBnF0RPfZt1gJxjRyhJOJq4Kc7/s0/2.jpg'/></a></div>

<h3 class='fp-title'><a href='featured-post-2-url-here'>This is default featured post 2 title</a></h3>

<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.</p>

</div>

<div class='fp-post'>

<div class='fp-thumbnail'><a href='featured-post-3-url-here'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh-6DmBB6fDGh_hQSelrsBH-sxwaNHFO9RlDhJbwL-DXNuQWmvFQvW7nEK8RarnEvwqllavjo7BxgP2DSt5w7wizl5ZpERMeXWg7l6OZlCYbL_E_3Gy2fDFPY-LWyU_HTgMvd1ZUqXKY-6/s0/3.jpg'/></a></div>

<h3 class='fp-title'><a href='featured-post-3-url-here'>This is default featured post 3 title</a></h3>

<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.</p>

</div>

<div class='fp-post'>

<div class='fp-thumbnail'><a href='featured-post-4-url-here'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhGhnImSuBGEk6Y1hUtH4gHPv6wMP6lWrpeyu3xzOAY-y2yJfFcarF_a4gwXR0n0rcI_MiwiKvs5vETJLQC0LyOSS0noFzk_lom0HXWBUDPDs-4EaW-fs-f9nCHqiR0pLqebwgQk3GQX9L/s0/4.jpg'/></a></div>

<h3 class='fp-title'><a href='featured-post-4-url-here'>This is default featured post 4 title</a></h3>

<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.</p>

</div>

<div class='fp-post'>

<div class='fp-thumbnail'><a href='featured-post-5-url-here'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip_6QbMS3vxrRQA93vR7yWAOxK34Db2lvpLXZYftLwgkcI1iAwPRjrhl5vC6MlgkNy1ktQ1L3RMGK8bu8BLsb2BxdbnnYotOFiJ4KbI8pgP-BjbAF7GbYv4-ur95TUOfRiq80KxmWoV6MN/s0/5.jpg'/></a></div>

<h3 class='fp-title'><a href='featured-post-5-url-here'>This is default featured post 5 title</a></h3>

<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.</p>

</div>

</div>           

<div class='fp-nav clearfix'>

<span class='fp-pager'/>                

<a class='fp-next' href='#fp-next'/>

<a class='fp-prev' href='#fp-prev'/>

</div>

</div>

</b:if></b:if>

<!-- Featured Content Slider End -->

6. Langkah terakhir Anda hapus kode tersebut, dan seve template

Silahkan mencoba…

Read More

Cara Menghilangkan "Diberdayakan Oleh Blogger"

Diantara kalian pasti ada yang menggunakan template yang disediakan oleh blogger dan terdapat tulisan "Di Berdayakan Oleh Blogger" pada bagian bawah template. Kalau kalian kurang suka dengan tulisan tersebut dan ingin menghilangkannya, jangan khawatir. Disini saya akan berbagi cara untuk menghilangkan tulisan “Di Berdayakan Oleh Blogger”

    

     1.     Login di Blogger.

     2.     Klik Rancangan.

     3.     Pilih Edit HTML.

     4.     Cari kode ]]></b:skin> dengan menggunakan Ctrl+F pada keyboard

     5.     Jika sudah copy paste kode di bawah ini tepat di atas kode  ]]></b:skin>

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

     6.     Klik Simpan.

Sekarang lihat pada tampilan Blog anda...hilang kan???
selamat mencoba

Read More

Cara Membuat Pesan Khusus diatas kotak Komentar

Mau buat pesan khusus diatas kotak komentar? caranya gampang banget kok, paling cuma 5 menit juga sudah bisa dilihat hasilnya.

Tag HTML yang bisa dipergunakan dalam kotak pesan komentar ini adalah :
<b> untuk membuat huruf menjadi tebal </b>
<i> untuk membuat huruf menjadi miring </i>
<a> untuk menyisip link </a>

Berikut adalah cara membuat pesan diatas kotak komentar :

1. Login ke blog kamu --> Setelan --> pos dan komentar

2. Gulir kebawah sedikit ada menu 'Pesan formulir komentar'

3. Isi dengan pesan khusus yang ingin kamu tampilkan

4. Terus jangan lupa SAVE.

Mudah dan praktis kan???? Selamat Mencoba

Read More

Cara Membuat Buku Tamu Melayang di Samping

Kali ini saya akan berbagi ilmu tentang cara membuat buku tamu tersembunyi di samping Blog kita. Pasti akan lebih menarik kalau widget kita tidak hanya monoton di samping kanan-kiri postingan kita saja.

Dibawah ini adalah langkah-langkahnya :
1. Login Blogger
2. Klik Rancangan/Design
3. Tambah Gadget / Add a Gadget
4. Pilih HTML/javascript

Kemudian Copy paste kode di bawah ini di dalam Html/javascript tadi.

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;}
.gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJwUbNw8QpfNQvf7o-eD80BXF7xiIUPMlkeVmZktDY8m-kS12fGtIYhb2mb8jdKicPuy1IjIuv6nZAbGqhPV_kr9NzcWOr1gIl33SiT1ELA_-LwTB3QoS2zHa9qXn4_GIbiKrJAFFnIXZw/') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style>
<script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
 LETAKKAN KODE SHOUTBOX, FOLLOWBOX, DLL TERSERAH ANDA DISINI
<div style="text-align:right"> <a href="javascript:showHideGB()"> [tutup] </a> </div>
</div>
<script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div>

Catatan :

Untuk font warna biru dapat diganti posisinya sesuai keinginan anda tapi autr juga stylenya.

Lalu  untuk font warna Hijau bisa anda letakkan kode apa saja, misalnya kode buku tamu

kalau mau tahu hasilnya lihat saja bagian sebelah kanan Blog saya... :)

Read More

Cara Membuat Buku Tamu di Blog

Fungsi Buku tamu pada blog adalah untuk berinteraksi dengan pengunjung agar apabila ada kesalahan pada blog kita, pengunjung dapat langsung memberitahukan dengan mudah dan cepat. Tutor ini saya buat para Blogger yang belum tahu cara membuatnya.

Cara memberi Buku tamu pada blog sebenarnya mudah sekali walaupun langkah-langkahny bisa dibilang lumayan panjang. Disini saya akan mengambil contoh membuat buku tamu lewat http://www.cbox.ws

Proses Pembuatan Account

1.        Buka website Buku Tamu di http://www.cbox.ws

2.        Klik Get your own free Cbox now!

3.        Isi Form pendaftaran dengan lengkap mulai dari Cbox Name, Email address, Password, alamat website, dan bahasa

4.        Di form yang sama juga kamu bisa memilih Style untuk BUKU TAMU kamu

5.        Jika sudah terisi semua klik Create My Cbox dan anda telah sukses membuat Buku Tamu.

Login dan Setting Buku Tamu

1.         Login menggunakan akun CBOX yang telah anda buat tadi

2.        Klik Look & Feel =>> Layout Options untuk Mengatur lebar ( Width ) dan Tinggi ( height ) Buku Tamu. Sesuaikan dengan ukuran side bar blog anda. Anda juga bisa mengatur apakah pesan terbaru akan ditampilkan paling atas atau di bawah dengan memilih In Order

3.        Klik Look & Feel =>> Colours & Fonts. Anda bisa menentukan warna, Font dan lain-lain. Silahkan setting sesuai dengan selera anda.  Jangan lupa klik Save

4.        Jika sudah selesai semua, klik tombol Apply

Cara mengambil kode HTML buku tamu dan memasukkan ke side bar blog

1.        Masih di member area Cbox klik Publish! Lalu klik tombol Copy to clipboard

2.        Login ke blogger.com dan klik Rancangan/Design

3.        Klik Tambah gadget

4.        Pilih HTML/Java Script

5.        Paste kode Buku Tamu yang telah dicopy tadi ke kolom yang tersedia.

Sekarang buka Blog kamu...

Mudah kan????

Read More