Selamat datang di blog saya,,semoga materi yang ada di blog ini bermanfaat untuk kalian semua
0

0 Cara membuat teks animasi dengan efek neon light

Jika sebelumnya pernah memposting panduan blog tentang efek neon pada teksdimana teks menyala dari kiri ke kanan hingga semua teks akan terlihat menyala. Maka dengan script berikut akan terlihat efek menyala tetap dari kiri ke kanan namun hanya satu karakter saja yang menyala.

Jika tertarik mencoba efek neon pada text ini , silahkan copy script di bawah ini kemudian masukkan ke dalam gadget html/javascript atau ke dalam postingan,
Scriptnya bisa dilihat di bawah ini :




<h2><script language="JavaScript1.2">
//Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
//visit http://www.beta-cc.de
//Visit http://www.dynamicdrive.com for this script

var message="Selamat datang di blog pemula ini!"
var neonbasecolor="gray"
var neontextcolor="yellow"
var neontextcolor2="#FFFFA8"
var flashspeed=100 // speed of flashing in milliseconds
var flashingletters=3 // number of letters flashing in neontextcolor
var flashingletters2=1 // number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0 // the pause between flash-cycles in milliseconds

///No need to edit below this line/////
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script></h2>

Keterangan :
Ganti teks Selamat datang di blog pemula ini dengan teks yang ingin ditampilkan
Pada var neonbasecolor="gray" bisa ganti gray dengan warna lain
Pada var neontextcolor="yellow" bisa ganti yellow dengan warna lain
Pada var neontextcolor2="#FFFFA8" bisa ganti #FFFFA8 dengan warna lain
Pada var flashspeed=100 bisa ganti 100 dengan speed yang diinginkan
0

0 Membuat link untuk membuka halaman target di tab baru

Mungkin ada teman-teman yang masih pemula yang ingin membuat link teks, jika anchor text (teks link) di klik, maka akan terbuka sebuah halaman baru. Terkadang jika anda berkunjung di sebauah blog, misalnya di blog saya ini, jika anda mengklik sebuah link halaman targetnya terbuka di halaman (tab/jendela)baru, dan terkadang halaman target terbuka di halaman (tab/window)yang sama.

Untuk membuat halaman target terbuka di halaman (tab)baru bisa buat link seperti di bawah ini:
(jika linknya berada dalam postingan, maka atur option teks editor pada mode Edit HTML)


Membuat link untuk membuka halaman target di halaman baru, anda perlu menambahkan kode target="_blank" ke kode link standar.

Contoh 1:
<a href="url tujuan" target="_blank">teks yang akan ditampilkan</a
>
atau
<a href="url tujuan" target="_blank">anchor text</a
>
(catatan: anchor text = teks yang akan ditampilkan, biasa juga disebut teks yang berisi link /merujuk ke halaman postingan lain)
0

0 CARA BUAT MENU HORIZONTAL DI BLOGSPOT

1. Login ke akun blogger

Pilih Dashboard - Tata letak (Rancangan)- Edit HTML
1. Cari kode berikut:



]]></b:skin>

2. Di bagian atas kode tersebut masukkan kode berikut




@charset "utf-8";
/* CSS Document */

body{
padding: 25px;
}

/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
background: #990000;
padding: 0px;
height: 74px;
background: url(http://i48.tinypic.com/hur12s.jpg);
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
position:relative;
zoom:1;
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}

/*^'^ Primary Items ^'^*/
#nav-container a{
padding:7px 17px 7px 18px;
margin: 10px 0px 0px 0px;
color: blue;
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:14px;
text-decoration:none;
font-weight: bold;
background: url(http://i50.tinypic.com/an25cp.jpg);
background-repeat: no-repeat;
background-position: top;
}

#nav-container a:hover{
color: #6C3600;
background: url(http://i49.tinypic.com/md1emv.jpg);
background-repeat: no-repeat;
background-position: center;
}

/*^'^ Secondary Items Container ^'^*/
#nav-container div, #nav-container ul{
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background: url(http://i49.tinypic.com/xauknl.jpg);
background-repeat: repeat-x;
background-color: #FF9900;
border-bottom: 1px solid #CA6500;
}

/*^'^ Secondary Items ^'^*/
#nav-container div a, #nav-container ul a{
padding:3px 10px 3px 6px;
background-color: #FFFFFF;
background: url(http://i48.tinypic.com/14l21jb.jpg);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:11px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 149px;
}

/*^'^ Secondary Items Hover State ^'^*/
#nav-container div a:hover, #nav-container ul a:hover{
background-color: #FFFFFF;
background: url(http://i48.tinypic.com/14l21jb.jpg);
background-repeat: no-repeat;
color:#CC0000;
}

/*^'^ Secondary Item Titles ^'^*/
#nav-container .item-secondary-title{
cursor:default;
padding:4px 0px 3px 7px;
color: #6C3600;
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:11px;
background: url(http://i47.tinypic.com/or1755.jpg);
background-repeat: no-repeat;
font-weight:bold;
}

/*^'^ Horizontal Dividers ^'^*/
#nav-container .divider-horiz{
border-top-width:1px;
margin:5px 5px;
border-color: #C16100;
}

/*^'^ Vertical Dividers ^'^*/
#nav-container .divider-vert{
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}

Simpan template

3. Pada gadget html/javascript masukkan kode berikut:


<div class="nav-container-outer">
<img src="http://i49.tinypic.com/2rcu35h.jpg" alt="" class="float-left" />
<img src="http://i49.tinypic.com/2mww0vr.jpg" alt="" class="float-right" />
<ul id="nav-container" class="nav-container">
<li><a class="item-primary" href="#">HOME</a>
</li>

<li><span class="divider divider-vert" ></span></li>
<li><a class="item-primary" href="#">Menu 2</a>

<ul style="width:150px;">
<li><a href="#">Menu 2.1</a></li>
<li><a href="#">Menu 2.2</a></li>
<li><a href="#">Menu 2.3</a></li>

</ul></li>

<li><span class="divider divider-vert" ></span></li>
<li><a class="item-primary" href="#">Menu 3</a>

<ul style="width:150px;">
<li><a href="#">Menu 3.1</a></li>
<li><a href="#">Menu 3.2</a></li>
<li><a href="#">Menu 3.3</a></li>
<li><a href="#">Menu 3.4</a></li>
<li><a href="#">Menu 3.5</a></li>
<li><a href="#">Menu 3.6</a></li>

</ul></li>

<li><span class="divider divider-vert" ></span></li>
<li><a class="item-primary" href="#">Menu 4</a>

<ul style="width:150px;">
<li><a href="#">Menu 4.1</span></li>
<li><a href="#">Menu 4.2</a></li>
<li><a href="#">Menu 4.3</a></li>
<li><a href="#">Menu 4.4</a></li>

</ul></li>

<li><span class="divider divider-vert" ></span></li>
<li><a class="item-primary" href="#;">Menu 5</a>

<ul style="width:150px;">
<li><a href="#">Menu 5.1</span></li>
<li><a href="#">Menu 5.1</a></li>
<li><a href="#">Menu 5.3</a></li>
<li><a href="#">Menu 5.4</a></li>


</ul></li>

<li><span class="divider divider-vert" ></span></li>
<li><a class="item-primary" href="#;">Menu 6</a>
</li>
<li><span class="divider divider-vert" ></span></li>
<li><a class="item-primary" href="#;">Menu 7</a>
</li>


<li class="clear"> </li></ul>
</div>


Catatan:
Pada script di atas
Ganti semua tanda # pada href="#" dengan url target atau url tujuan.
Teks Menu1 , Menu2, ..., diganti dengan teks yang akan ditampilkan di menu

Agar script bisa berfungsi dengan baik, maka sebaiknya dicopy ke notepad atau word pad kemudian diedit sesuai kebutuhan blog anda.
0

0 Cara sukses blog dan agar blog banyak pengunjungnya

Halo, apa kabar sob?? sepertinya saya sudah cukup lama yah nggak share tips blogger. Berhubung banyaknya permintaan yang masuk untuk share tips-tips sukses blogging, maka pada kesempatan kali ini saya akan mencobashart tips blogger yang mungkin bisa di jadikanmotivasi sobat blogger dalam kegiatan ngeblog. Kalau begitu, langsung aja deh. Cekidot,,

Blogging, menurut saya sebuah kegiatan positif untuk mengisi luang, berbagi informasi, menambah temen baru, dan ada pula yang digunakan untuk mencari uang. Setiap orang pasti berbeda-beda tujuan nya, kalau saya lebih cenderung mengarah ke semuanya. Bagaimana dengan anda?? Hehehe

Dari semua tujuan blogging diatas, menurut saya ada satu tujuan yang hampir atau bahkan seluruh sobat blogger menginginkan tujuan tersebuat. Apa hayo??? Yups,, bener sekali. Jawabannya ialah "Blognya ramai dikunjungi". Mmm, emang ini termasuk tujuan yah?? saya nggak tau apa sob itu namanya, mungkin lebih mengarah kepada keinginan yah?? tapi apapun itu, sobat blogger pengen kan?? hehe . Terus bagaimana caranya agar blog saya banyak pengunjung nya??

Berikut saya berikan tips-tips yang saya ambil dari pengalaman saya sendiri. Yang pertama adalah :

Tujuan Ngeblog Apa???
Untuk meraih kesuksesan dalam ngeblog, hal pertama yang harus kita siapakan adalah tujuan kita ngeblog itu buat apa?? Hanya untuk mengisi luang, berbagi informasi, menambah temen baru, atau untuk mencari uang?? sebaiknya tentukan dari sekarang sob. Karena menurut saya kata sukses itu relatif.

Misal : Kita sukses dalam menambah teman baru, tapi belum tentu kita sukses di mencari uang. Jadi, tujuan ngeblog anda apa?? Kalau anda menjawab semua yang saya sebutkan di atas, berarti siap-siap anda bekerja lebih keras lagi.

Konsisten
Nah, ini merupakan yang paling sulit menurut saya. Kenapa paling sulit?? karena biasanya orang ngeblog itu semangatnya di bulan pertama, bulan berikutnya paling udah bosan. Dalam hal ini orang sering bilang " ah, nggak konsisten ni" atau suka berubah-ubah pendirian. Dalam ngeblog kita butuh pendiriah yang teguh sob, jangan cepat bergonta-gati pendirian. Tetap semangat, karena keberhasilan ada di depan mata...

Misal (contoh kasus) : Andi jalan-jalan kesalah satu toko buku di jakarta, kebetulan ia melihat buku yang judulnya sangat menarik "Cepat Kaya Dengan Ngeblog (Blogspot)". Setelah ia baca-baca, ternyata sangat mudah juga caranya, lalu dia jadi niat untuk mendirikan sebuah blog untuk mencari uang. Setelah sebulan berjalan, ternyata... "Ah,, sial banged ni, masa udah sebulan ngeblog tapi pengunjung blog sepi banget, gimana mau dapet duit dari ngeblog kalau begini caranya?? jangan-jangan yang ada di buku-buku bohongan??!!." Kalau sudah begini, siapa yang salah????

Ingat kata pepatah, "kegagalan adalah awal dari keberhasilan", tapi ingat juga apa kata pepatah (yang selama ini saya pegang teguh)"keberhasilan adalah awal dari kegagalan". Maksud pepatah saya ialah, kalau anda sudah berhasil, jangan senang dulu sob karena kegagalan sudah siap menanti di belakang anda. Ciluk baa??? Hahaha

Artikel Jangan Copy - Paste
Nahhh,, permasalah ini merupakan permasalah yang sangat banyak saya temui. Hayoo, siapa disini yang asal copas (copy - paste) ??? hehehe
Pasti sobat blogger bertanya-tanya, kenapa emangnya nggak boleh copy-paste??
  • Nggak akan maju. Karena kita sudah biasa untuk copy-paste, maka kita akan menjadi pemalas untuk menulis artikel.
  • Hargai karya orang lain. Ini menyangkut harga dan menghargai, kalau sobat blogger mau dihargai, maka hargailah orang lain dahulu, soalnya saya sendiri pernah ngalamin, saya menulis artikel jam 2 pagi terus besok paginya saya cek, eh,, artikel saya udah ada aja di blog orang lain aja. bagiamana perasaan sobat blogger kalau mengalami hal yang sama seperti saya?? udah begitu, nggak ada sumbernya lagi. Padahal kita udah cape-cape meluangkan pikiran dan waktu kita, tapi hasilnya??
    Saran saya, kalau sobat blogger copas artiel orang, harap cantumkan link sumbernya. Tapi itu kembali lagi kediri sobat blogger, saya nggak mau memaksa dan nggak ada paksaan. Ok
  • Orang berkunjung pun jadi malas. Kenapa?? Misalnya begini, anda copas artikel dari detikcom, pengunjung lebih memilih berkunjung kedetikcom apa ke blog anda??
Kerja Keras
Kerja keras merupakan awal dari kesuksesan. Untuk masalah kerja keras, saya punya sedikit rumusnya ni :
"Apa yang anda kerjakan = Apa yang anda dapatkan."

Dari rumus diatas, saya yakin sobat blogger udah paham kan maksudnya?? Ok, kalau begitu saya nggak perlu menjelaskan nya lagi. Saya cuma mau kasih saran ni, kalau sobat blogger menemui kegagalan, coba baca kisah-kisah orang-orang sukses seperti Bob Sadino, Ane Ahira dan lain-lain yang bisa di jadikan sebagai motivasi.

Mendaftarkan Blog (SEO)
Mendaftarkan blog sangat penting menurut saya, karena hampir 80% pengunjung blog pasti melalui search engine, khususnya Google. Untuk masalah mendaftarkan blog, saya nggak akan bahas panjang lebar disini. Karena sudah banyak banget artikel yang membahas permasalahan ini. Untuk sobat blogger bisa bertanya sama om Google,

6. Blogwalking
Blogwalking merupakan sebuah kegiatan berkunjung kesesama sobat blogger untuk meningkatkan tali silahtuhrahmi sesama sobat blogger. Blogwlking juga bisa di jadikan acuan untuk mendatangkan visitors. Dulu saya sering banget blogwalking, kalau sekarang saya akui saya udah jarang banget. Kenapa?? Ngurus blog satu ini aja udah kelabakan saya sob, tapi kalau ada waktu saya pasti blogwalking.

7. Promosikan Blog Anda
Sebenarnya ini bisa satu kategori dengan "mendaftarkan blog" tapi biar lebih jelas, saya bahas terpisah aja. Promosikan blog yang saya maksud disini ialah, kita mempromosikan blog kita ke teman atau siapa saja. Untuk mempromosikan blog, kita bisa menggunaka cara online atau offline. Kalau saya dulu menggunakan brosur, dan brosurnya itu saya tempel-tempel di mading kampus dan saya sebar di parkiran motor. (jadi inget masa-masa pertama kali ngeblog,, heheh)

8. Gunakan Custom Domain
Custom domian?? apa itu sob?? Itu loh domain yang seperti saya gunakan ini "www.remo-xp.com". Bagaimana?? terlihat lebih profesional kan?? Bandingkan dengan "http://namabloganda.blogspot.com". Saran saya mendingan menggunakan domain berbayar sob. Jangan menggunakan domain co.cc. Kenapa?? karena saya punya pengalaman pahit untuk domain ini.

Ceritanya begini : 
Sebelum saya menggunakan domain www.remo-xp.com ini saya menggunakan domain .co.cc, yakni www.remo-creativity.co.cc. Udah pada tau belom yah?? Kalau sobat remo-xp setia pasti udah pada tau ni,, hehehe
Kebetulan domain www.remo-craetivity.co.cc ini udah PR 3 sob, pas saya ingin memperpanjangn masa aktif domain, eh,, disuruh bayar. Nggak banget deh,, yaudah saya berganti ke domain www.remo-xp.com, dan saya harus memulainya dari awal lagi. INGAT : Mengganti domain, ibarat bayi yang baru lahir.

9. Up to Date
Up to date yang saya maksud disini ialah up to date blognya, up to date juga pemiliknya. Jadi sering-sering aja online sob, jangan sampe ketinggalan informasi yang sedang di perbincangkan. Misal : Kasus nya si ariel, mbak Luna dan Tante Tari, itu lagi banyak-bankyaknya di cari loh. Hehehe

10. Ada yang mau menambahkan??
Loh?? apa itu?? kok ada yang mau menambahkan?? Maksudnya, sharingnya cukup sampai disini saja, mungkin sobat blogger yang lain nya ada yang ingin menambahkan nya?? Ok, kalau begitu saya akhiri aja yah, kurang dan lebihnya saya ucapkan terima kasih,,

UPDATE : Berhubung banyak yang bertanya berapa harga domain .com. Mmm, sebenarnya harga domain .com itu bervariasi sob, tergantung kita membelinya dimana?? selama ini sih saya beli dengan harga Rp 90.000 an /tahun nya.

Selamat mencoba,

Sumber  :   Remo-xp.com
0

0 Cara Membuat read more automatis dengan gambar

saya membuat blog ini untuk beatbox dan tips n trik buat sahabat blogger untuk otak-atik blog anda,, ini pertama kali saya membuat posting tentang otak-atik blog,,
nggag usah basa- basi deh,, langsung aja lah,, hehehe,, cekidot,,
mungkin banyaknya postingan membuat blog kita tidak efisien sehingga saya akan memberikan ilmu ini untuk anda,,

berikut langkahnya :
     1. log in ke blog kalian (blogger.com)
     2. Dasbor - Tata Letak - Edit html
     3. centang expand template widget
     4. cari kode </head> atau jika susah kita cari dengan tekan ctrl+F dan tulis apa yang akan anda cari
     5. copy code di bawah ini di atas </head>




<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 300; summary_img = 301; img_thumb_height = 150; img_thumb_width = 150; </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");
if(img.length<1) {
imgtag = '<span style="float:right; padding:0px 0px 5px 10px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBI9W0QBC4q1onvfp_o9yqjhlTSVyRFY_hqN_Dq7MoUUkssHNWpeH9dNK97m4MCu1D6Vl__kNug8SZQ-1v0HydRT5Z5KcVdkAh3yQ37fvtscELePQqM8FTJAPjXfzu9az7-gXm35KfQQ/s1600/def-thumb.png" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
var summ = summary_noimg;
}
if(img.length>=1) {
imgtag = '<span style="float:right; padding:0px 0px 5px 10px;"><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>



     6. lalu cari kode <data:post.body/>
     7. lalu ganti dengan kode dibawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
    <span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='URL GAMBAR'/></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


ganti kode yang berwarna hitam dengan url / link gambar anda

atau saya punya sedikit gambar read more yang akan saya bagikan ke anda semua
read more automatis dengan gambar :




<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
    <span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='http://lh6.ggpht.com/_Kwwy9VyLMKw/S3qDYQZCiRI/AAAAAAAACxA/aXY0neVNzh0/but_readmore.png'/></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>








read  more automatis dengan gambar   :


<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
    <span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSAg_7nBrrGIVA3G7fX2grmI04l_Ih59ZPWjUgkwQH0Zkvjfovbt-FlXqpt8UXlMPkh9n3_koINuO3X7rrCERFCOkdDmzkbFRCw-8ad4Xxhakgy9K3RkTuSU2jjjju_jINvlI1bRzgJYI/s1600/readmore.gif'/></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>



read more automatis dengan gambar :







<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
    <span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJoahG8sKCeiK31JtJLbyAwI0K4i8FynPSVeQe865iS1Xkhyphenhyphen-QlFg9QC367swjPz4b0CsbSBpHPb21TkMM5tkEL5FamN_JdnMe8mrJquMZNN5D4hs7bc9ITZBs3Ti14jqGj8NDJAJU9Qo/s320/a1ifte.png'/></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>




read more automatis dengan gambar
     




read more automatis dengan gambar   :



<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:right'><a expr:href='data:post.url'><img src='http://www.clubland.fm/content/images/icons/readmore.png'/></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>






















read more automatis dengan gambar   :  


<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:right'><a expr:href='data:post.url'><img src='http://d.imagehost.org/0612/icon-read-more.gif'/></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>







read more automatis dengan gambar   :

<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:right'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFHsj14GJvRWMx0rwjZoLaf7WWQVRI1zxeFf2cO6inGcp12vb42KQ2BIAm_s54QhokWxQDC4P46KZiU7y3OjRi8hcAV6PqKx7q0THQx6aGK6OnSGNmWSQTRh7aUFyoNDhys_P8FJA2IAQ/s1600/dark-grey.gif'/></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>



yang terakhir simpan template,, jadi kan,,
jika kurang jelas bisa tanya/ komen di bawah,,
0

0 beatbox lesson

0

0 Sejarah Beatbox


Tradisional

Imitasi suara sudah dikenal masyarakat dunia sejak dahulu kala. Meskipun tidak ada hubungan langsung dengan budaya Hip Hop, seni-seni vokal perkusi seperti musik Bol di India, Kouji di China, maupun teknik vokla perkusi dari Afrika turut menjadi landasan dalam beatboxing. Di Indonesia sendiri terdapat tari kecak yang musik latarnya merupakan paduan dari bunyi-bunyi dari kosakata tertentu.


Era Hip Hop

Beatbox dalam dunia Hip Hop mulai dikenal pada tahun 1980-an. Kata "beat box" secara harfiah mengacu pada mesin drum generasi pertama, oleh sebab itu para beatboxer pada era tersebut sering dijuluki sebagai "Human Beat Box". Musisi yang menjadi pelopor diataranya Doug E. Fresh, Darren "Buffy" Robinson dari grup The Fatboys, dan Leonardo "Wise" Roman dari Stetsasonic. Masing-masing musisi mempelopori ciri khas dan gaya yang berbeda-beda dan menginspirasi generasi beatboxer berikunya. Selain menghasilkan suara ketukan dan ritme, pada era ini musisi Biz Markie juga memperknalkan teknik MCing dan menyanyi yang digabungkan dengan suara perkusi.


Era Modern

Pada dekade 1990-an, musisi Beatbox banyak bermuculan dan juga berkonstibusi dalam penyebaran beatbox ke seluruh penjuru dunia. Beatboxer yang cukup tersohor antara lain Vaughan Chadderton, Rahzel, Kenny Muhammad, serta Matisyahu. Perkembangan Internet juga memberi dampak positif bagi perkembangan beatbox di seluruh dunia.
Pada tahun 2005, untuk pertama kalinya diadakan kejuaraan beatboxing sedunia di Leipzig, Jerman. Kejuaraan ini diikuti oleh Beatboxer dari seluruh penjuru dunia seperti Tom Thumb dan Joel Turner dari Australia, White Noise dari Irlandia, Roxorloops dari Belgiua), Poizunus dari Kanada, serta Faith SFX dari Inggris. Di akhir kejuaraan, dinobatkanlah Joel Turner dari Australia sebagai pemenang pertamannya. Sedangkan posisi runner-up diberikan kepada Roxorloop dari Belgia.
0

0 beatbox

Beatbox merupakan salah satu bentuk seni yang mengfokuskan diri dalam menghasilkan bunyi-bunyi ritmis dan ketukan drum, instrumen musik, maupun tiruan dari bunyi-bunyian lainnya, khususnya suara turntable, melalui alat-alat ucap manusia seperti mulut, lidah, bibir, dan rongga-rongga ucap lainnya. Pemain beatbox atau lebih dikenal dengan beatboxer, mampu mendemonstrasikan segala bentuk bunyi-bunyian dengan handal. Beatbox selalu dikaitkan dengan vokal perkusi maupun dengan multivokalisme. Meskipun pada dasarnya sama, namun secara umum perbedaan Beatbox terletak pada keterkaitannya dengan budaya dan musik HipHop. Meski demikian pada prakteknya beatbox juga diterapkan untuk genre musik lainya seperti Rock, Pop, R&B, dan sebagainya.
 
Copyright © beatbox

The "Urban Elements" theme by: Press75.com

Converted into Blogger by Intro Blogger