Menampilkan Widget di Halaman yang Diinginkan


Sebagaimana Kalian ketahui bahwa, widget itu banyak manfaat-nya, mungkin sebagai penghias blog, sebagai layanan instant di blog kita, dan lain sebagainya. kata orang, yang terpenting dari blog adalah postingannya, itu memang betul, tapi alangkah bagusnya jika postingan itu di selingi oleh sebuah widget? mungkin tanpa widget, blog kita terasa hampa. Tapi ada tanggapan bahwa kalo kebanyakan widget akan membuat blog kita berat, itu pernyataan yang benar, tapi sekarang ada solusinya. Yaitu Dengan Menampilkan Widget Di halaman Yang Diinginan. Keuntungannya adalah agar side bar lebih hemat, tidak memberatkan blog dan masih banyak lagi fungsinya. Contohnya sepert: Widget langganan Muncul Di HompePage saja, tp jika membuka artikel, widget itu hilang. Gimana cara mengaturnya? lihat ayat-ayat di bawah ini:


Masuk ke Blog >> tata letak >> Edit HTML

Lalu cari kode ini:
<b:widget id='HTML1' locked='false' title='Judul Widget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "index"'>
<!-- 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:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

ket:-kata yang berwarna merah adalah widget yang ada di blog kalian
-kata yang berwarna biru adalah kode yang harus ditambahkan(halaman depan saja)



Adapun kode kode yang lain:

Untuk halaman depan saja(seperti contoh diatas)
<b:if cond='data:blog.pageType == "index"'>



untuk di halaman artikel saja:
<b:if cond='data:blog.pageType == "item"'>



untuk dihalaman archive saja:
<b:if cond='data:blog.pageType == "archive"'>



Untuk di halaman tertentu:
<b:if cond="[URL halaman anda]" == data:blog.url'>


Begitu aja hal-hal yang bisa saya sampaikan, semoga berhasil. Jika masih bingung, silahkan berkomentar di bawah ini

Compress CSS Untuk Mempercepat Loading Blog


Wah padahal saya sedang pusing ketika menulis posting ini, dengan penuh penuh perjuangan melawan kepala saya yang hampir meledak ini saya akhirnya selesai juga postingan ini. Yah, artikel hari ini Insya Allah, sangat di butuhkan oleh beberapa kawan-kawan blogger semua. Amiinnnn.....

Lha kenapa kok sangat di butuhkan? iya, karena kebanyakan blogger sangat senang yang namanya memperhias blog, sehingga membuat blog kita menjadi berat. Betul tidak???

Oke Kita mulai saja ya????
Ada banyak cara agar blog kita tidak berat. Tapi ada 1 cara yang menurut saya paling ampuh.


1. Kompress Kode CSS anda
tips ini saya rasa sebagai tips yang sangat manjur, apalagi jika anda banyak menggunakan CSS, pasti blog anda langsung cepat secepat valentino rossi. hehehehe...
Lha gimana cara kompressnya???

  • Login ke blogger
  • Masuk ke Tata letak
  • Masuk ke Edit HTML
  • centang kotak Expand Template Widget
  • Jangan lupa back up dulu template anda
  • Copy semua kode setelah kode <b:skin><![CDATA[/* dan sebelum kode ]]></b:skin> ke dalam notepad
  • Masuk ke alamat: http://www.csscompressor.com/
  • Dan letakan Kode yang kamu copy tadi di kotak yang telah disediakan
  • Klik Compress
  • Lalu setelah menunggu, kode yang sudah di kompress tadi keluar
  • Masukan Kode Yang sudah kompress tadi, setelah kode <b:skin><![CDATA[/* dan sebelum kode ]]></b:skin>
  • Simpan Template anda, dan ukur kecepatan blog anda di sini: http://www.iwebtool.com/speed_test

Membuat Back to Top dengan jQuery


Wah, aku kembali lagi nih. kali ini aku kembali dengan blog tutorial yang sudah lama tidak aku tampilkan.

Membuat back to top dengan jquery adalah tema kita hari ini. Walaupun tutorial ini agak "kawak", tapi yang saya share di bawah ini, lebih lengkap dan simple. Back to top kali ini kelihatan lebih halus, karena tidak langsung ke atas, tapi perlahan. dan pastinya, dengan bantuan jquery. mari kita simak pelajaran membuat back to top dengan jquery.




1. Silahkan login ke blogger
2. Kemudian tujulah bagian Racangan
3. Dan pilih yang Edit HTML
4. masukan kode di jquery ini, di atas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <!-- jika di template anda sudah terdapat script jQuery 1.3.2, maka anda tidak perlu lagi menambahkan kode ini -->
<script type='text/javascript'>
$(function(){
$(&#39;a[href*=#top]&#39;).click(function() {
if (location.pathname.replace(/^\//,&#39;&#39;) == this.pathname.replace(/^\//,&#39;&#39;)
&amp;&amp; location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length &amp;&amp; $target || $(&#39;[name=&#39; + this.hash.slice(1) +&#39;]&#39;);
if ($target.length) {
var targetOffset = $target.offset().top;
$(&#39;html,body&#39;).animate({scrollTop: targetOffset}, 1000);
return false;
}
}
});
});
</script>


5. Kemudian Ganti kode <body> dengan kode <body id='top'>

6. letakan kode di bawah ini, di atas kode </body>
<div id='gotop'>
<a href='#top' title='Go to Top'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcLNl-ZggJE5CMyNmW6Z_4e4ZXzhYboTRFBkkBILUDoOMAts6qRxpHqZoIdjMHgPP1_lLLB-EOy1CpVoMDgcJbTrK0R48v1WEXRouOmpvT3wTcnvV0RKxRp1AgPuQXbuMrHAN73e-QZmq0/s768/top.gif' style='right:20px;bottom:20px;position:fixed'/>
</a>
</div>

7. Selesai, dan silahkan menikmati back to top jquery

Cara Membuat Simple CSS3-jQuery Menu Collapsible

Simple Animated Collapsible Menu menggunakan jQuery-1.3.2.js dan CSS3 merupakan perpaduan menarik yang menggabungkan kesederhanaan script yang berbasis kinerja jQuery dan kemampuan penciptaan animasi dari CSS3. Perpaduan di antara keduanya mampu memberikan suguhan menu vertical yang sangat menarik, atraktif dan memberikan kemampuan fungsi secara maksimal. Kemampuan prima menu ini telah terbukti dengan uji coba yang dilakukan di template blogger dengan hasil cukup menakjubkan baik dari animasi yang tercipta ataupun fungsi dasarnya sebagai sebuah wadah menu. JQuery-1.3.2.js dapat anda ganti pula dengan jQuery-1.3.2.min.js atau jQuery-1.4.2.js dan jQuery-1.4.2.min.js.

Bentuk dasar Animated jQuery-CSS3 Vertical Colapsing Menu berbentuk sederhana dengan kode dasar seperti di bawah ini :
<div>
<ul>
    <li><a href="javascript:;">Menu-1</a>
       <ul>
          <li><a href="">Isi Menu-1</a></li>
       </ul>
    </li>
    <li><a href="javascript:;">Menu-2</a>
       <ul>
          <li><a href="">Isi Menu-2</a></li>
       </ul>
    </li> 
    <li><a href="javascript:;">Menu-3</a>
       <ul>
          <li><a href="">Isi Menu-3</a></li>
       </ul>
    </li>
</ul> 
</div>
 Untuk menggunakan menu ini, silahkan jQuery dan javascript collapsible menu disimpan di atas kode <head> secara berurutan dengan bentuk seperti di bawah ini :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">
  Javascript Collapsible Menu
</script>
</head>
 Kode CSS diletakkan dan disimpan di atas kode ]]></b:skin> seperti berikut:

"Kode CSS Animated Collapsible Menu"
 
]]></b:skin> 
xHTML simpan melalui penambahan widget. Setelah
nantinya semua kode dan script terpasang dengan benar, maka sampeyan
tinggal menikmati cantiknya si collapsible menu dan mengisinya dengan
menu-menu atau link-link yang diperlukan untuk di wadahi di sini.
  • Kode CSS Collapsible Menu 
.boxong {
      background: #1c86fe url(http://i36.tinypic.com/2881kxf/gubhugreyot/images/bgCollaps.jpg) top left repeat;
      padding: 8px 3px 3px; 
      float: left;
      margin: 20px 5px 0;
      border: 2px solid #666;
      border-radius: 12px;
      -moz-border-radius: 12px;
      -webkit-border-radius: 12px;
      box-shadow: 1px 4px 15px #000;
      -moz-box-shadow: 1px 4px 15px #000;
      -webkit-box-shadow: 1px 4px 15px #000;
      }
.boxong span {
      font: 16px Droid Serif; 
      font-weight: bold; 
      color: #FFFF99; 
      padding: 5px;
      text-shadow: 1px 4px 2px #000; 
      } .bokongku {  
      font-family: Arial;
      font-size: 11px;
      }
ul#GRcollaps { 
      background: #996600;
      }
ul#GRcollaps, ul#GRcollaps ul {
      list-style-type:none;
      margin: 0;
      padding: 0;
      width: 200px;  
      }
ul#GRcollaps a {
      font: 12px Helvetica;
      display: block;
      text-decoration: none; 
      }
ul#GRcollaps li {
      margin-top: 1px;
      }
ul#GRcollaps li a {
      background: #333; 
      border: 2px solid #6e3502;
      color: #fff; 
      padding: 0.5em;
      -o-transition: all 1s ease-in-out;
      -moz-transition: all 1s ease-in-out;
      -webkit-transition: all 1s ease-in-out;   
      }
ul#GRcollaps li a:hover { 
      border-color: #fff; 
      border-radius: 8px; 
      -moz-border-radius: 8px; 
      -webkitborder-radius: 8px;
      background: #000;
      }
ul#GRcollaps li ul li a { 
      background: #ccc; 
      padding: 0.2em 0.5em;
      color: #000;
      padding-left: 20px;
      -o-transition: all 1s ease-out;
      -moz-transition: all 1s ease-out;
      -webkit-transition: all 1s ease-out;
      border-left: 5px #777 solid; 
      border-right: 3px #ccc solid;
      border-top: 3px #ccc solid; 
      border-bottom: 3px #ccc solid; 
      opacity: 0.8;
      }
ul#GRcollaps li ul li a:hover {
      background: #666;
      border-left: 15px #000 solid; 
      border-right: 3px #000 solid;
      border-top: 3px #000 solid; 
      border-bottom: 3px #000 solid; 
      padding-left: 15px;
      opacity:  1.0;
      color: #fff;
      text-shadow: 1px 1px 1px #000;
      } 
  • Javascript Collapsible Menu
<script type="text/javascript">
function initMenu() {
$('#GRcollaps ul').hide();
$('#GRcollaps li a').click(
function() {
$(this).next().slideToggle('slow');});}
$(document).ready(function() {initMenu();});
</script>
  •  xHTML Collapsible Menu
<div class="boxong"><span>Daftar Menu</span>
<div class="bokongku">
<ul id="GRcollaps">
    <li>
    <a href="javascript:;">Nasi Goreng</a>
        <ul>
            <li><a href="link">isi menu</a></li>
            <li><a href="link">isi menu</a></li>
            <li><a href="link">isi menu</a></li>
        
 </ul>
    </li>

    <li>
    <a href="javascript:;">Minuman</a>
        <ul>
            <li><a href="link">isi menu</a></li>
            <li><a href="link">isi menu</a></li>
            <li><a href="link">isi menu</a></li>
            <li><a href="link">isi menu</a></li>
            <li><a href="link">isi menu</a></li>
            <li><a href="link">isi menu</a></li> 
        </ul>
    </li>
</ul> </div>
</div





  • Langkah Pengerjaan
  1. Login to BloGGeR
  2. KLIK Design (Rancangan).
  3. KLIK Edit HTML.
  4. Cari kode <head>, kemudian simpan jQuery-1.3.2.min.js dan javascript Collapsible Menu di atasnya.
  5. Cari kode ]]></b:skin> , kemudian letakkan kode CSS Collapsible Menu di atasnya.
  6. KLIK SAVE/Simpan Template.
  7. Lanjutkan dengan menyimpan xHTML melalui penambahan widget.
  8. Setelah login dan sampai pada Page Elements (Elemen Laman), KLIK Add Gadget (Tambah Gadget) yang berada di sidebar atau yang lain (bebas), kemudian lanjutkan dengan copy-paste xHTML untk disimpan di box penambahan widget, setelah sampeyan KLIK HTML/Javascript.
  9. KLIK SAVE/Simpan dan lihat hasilnya dengan membuka blog.
  10. Ganti setiap link dan nama menu dengan milik sampeyan sendiri.
  11. Lebar box collapsible dapat diatur dengan merubah lebar (width) pada syntax ul#GRcollaps, ul#GRcollaps ul {width:;}.
  12. Untuk mengatur posisi box menu, silahkan rubah nilai margin pada syntax .boxong {margin: ;}
  13. Kode CSS dapat juga disimpan di widget bersamaan dengan xHTML dengan menambahkan kode seperti di bawah ini.
<style="text/css">

Letakkan kode CSS di sini !

</stye>

Letakkan xHTML di sini!

Download MP3: Dragonforce

Download MP3: AC / DC

Alexandre Desplat – Harry Potter And Deathly Hallows Part I

Alexandre Desplat - Harry Potter And Deathly Hallows Part I
Tracklist :
01. Obliviate 03:02
02. Snape To Malfoy Manor 01:59
03. Polyjuice Potion 03:33
04. Sky Battle 03:49
05. At The Burrow 02:35
06. Harry And Ginny 01:44
07. The Will 03:39
08. Death Eaters 03:15
09. Dobby 03:49
10. Ministry Of Magic 01:47
11. Detonators 02:24
12. The Locket 01:52
13. Fireplaces Escape 02:55
14. Ron Leaves 02:36
15. The Exodus 01:38
16. Godric’s Hollow Graveyard 03:15
17. Bathilda Bagshot 03:55
18. Hermione’s Parents 05:51
19. Destroying The Locket 01:11
20. Ron’s Speech 02:17
21. Lovegood 03:28
22. The Deathly Hallows 03:18
23. Captured And Tortured 02:57
24. Rescuing Hermione 01:51
25. Farewell To Dobby 03:44
26. The Elder Wand 01:37

Download Album DOWNLOAD

Cara Membuat Menu Dropdown

Apa sih dropdown menu itu?
Dropdown menu yang seperti ini itu lho :


Nha udah tahu kan? Dengan dropdown menu kita bisa mnghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll.
Gimana? Mau mencobanya?
Gini nih caranya :


Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kocat "Content"

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>

Text yang berwarna merah adalah link. ganti text2 tersebut dengan link2 kamu.
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus km ganti.

Contohnya seperti ini :

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://www.unozoneu.co.cc/2010/11/nightmare-cover-album-avenged-sevenfold.html"> Avenged Sevenfold </option>
<option value="http://www.unozoneu.co.cc/2010/11/download-mp3-guns-n-roses.html"> Guns N' Roses </option>
</select>

maka hasilnya akan seperti ini :



untuk menambahkan menu lagi, tambahkan kode seperti ini :

<option value="Links 2">Text 2</option>

sebelum kode </select>

Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan blog tsb.

Ada satu tipe lagi yang jika diklik linknya maka akan membuka window baru tanpa menutup blog kamu. Yang ini cocok untu Blogroll atau Friend link.
Cara mambuatnya seperti diatas tapi ganti kode berikut

<select onChange="document.location.href=this.options[this.selectedIndex].value;">

ganti dengan kode ini :

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">

hasilnya akan seperti ini :



Gimana? mudah kan?

Download MP3: The Beatles

Download MP3: System Of A Down

Download MP3: Muse

Download MP3: Guns N’ Roses

Download MP3: Avenged Sevenfold

Cara Membuat Tab View Menu di Sidebar

Untuk menghemat tempat, tab view menu sangat efisien dengan ukuran yang relatif kecil tapi bisa memuat banyak space. Hal ini pernah ditanyakan oleh sobat blogger pada kolom komentar beberapa waktu yang lalu tentang bagaimana cara membuat menu di sidebar seperti pada contoh gambar disamping? Mungkin yang dimaksud adalah Cara Membuat Tab View Menu di Sidebar Blogger.

Membuat menu dengan tab view memerlukan kode HTML yang lumayan panjang dan agak ribet, jadi sebaiknya simak baik–baik tutorial ini dan yang paling penting jangan lupa untuk backup template sobat terlebih dahulu.

Jika setelah jadi nanti lebar atau tinggi menu tidak sesuai, silahkan sobat sesuaikan sendiri dengan isi dari menu yang sobat gunakan. Baiklah sekarang silahkan ikuti langkah-langkahnya sebagai berikut:
  1. Login ke Blogger => klik Rancangan/Design => klik Edit HTML, Download Template Lengkap dan kasih tanda centang pada kotak bertuliskan Expand Template Widget 
  2. Gunakan tombol Find (Ctrl + F) untuk mencari kode </head>, kemudian letakkan kode javascript di bawah ini sebelum atau di atas kode </head>:
    <script type='text/javascript'>
    //<![CDATA[
    function tabview_aux(TabViewId, id)
    {
      var TabView = document.getElementById(TabViewId);
      // ----- Tabs -----
      var Tabs = TabView.firstChild;
      while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
      var Tab = Tabs.firstChild;
      var i   = 0;
      do
      {
        if (Tab.tagName == "A")
        {
          i++;
          Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
          Tab.className = (i == id) ? "Active" : "";
          Tab.blur();
        }
      }
      while (Tab = Tab.nextSibling);
      // ----- Pages -----
      var Pages = TabView.firstChild;
      while (Pages.className != 'Pages') Pages = Pages.nextSibling;
      var Page = Pages.firstChild;
      var i    = 0;
      do
      {
        if (Page.className == 'Page')
        {
          i++;
          if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
          Page.style.overflow = "auto";
          Page.style.display  = (i == id) ? 'block' : 'none';
        }
      }
      while (Page = Page.nextSibling);
    }
    // ----- Functions -------------------------------------------------------------
    function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
    function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }
    //]]>
    </script>
  3. Setelah itu letakkan kode di bawah ini sebelum atau di atas kode ]]></b:skin>:
    div.TabView div.Tabs
    {
    height: 30px;
    overflow: hidden;
    }
    div.TabView div.Tabs a
    {
    float: left;
    display: block;
    width: 98px; /*Lebar Menu Utama Atas*/
    text-align: center;
    height: 30px; /* Tinggi Menu Utama Atas */
    padding-top: 3px;
    vertical-align: middle;
    border: 1px solid #BDBDBD; /* Warna border Menu Atas */
    border-bottom-width: 0;
    text-decoration: none;
    font-family: "Verdana", Serif; /* Font Menu Utama Atas */
    font-weight: bold;
    color: #000; /* Warna Font Menu Utama Atas */
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    }
    div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
    {
    background-color: #E6E6E6; /* Warna background Menu Utama Atas */
    }
    div.TabView div.Pages
    {
    clear: both;
    border: 1px solid #BDBDBD; /* Warna border Kotak Utama */
    overflow: hidden;
    background-color: #E6E6E6; /* Warna background Kotak Utama */
    }
    div.TabView div.Pages div.Page
    {
    height: 100%;
    padding: 0px;
    overflow: hidden;
    }
    div.TabView div.Pages div.Page div.Pad
    {
    padding: 3px 5px;
    }
  4. Kemudian Simpan Template.
  5. Langkah selanjutnya, silahkan Anda klik Rancangan/Design => klik Add Gadget/Tambah Gadget => pilih yang HTML/Javascript
  6. Berilah judul pada kolom HTML/Javascript dan masukan kode di bawah ini ke dalam content HTML/Javascript:
    <form action="tabview.html" method="get">
    <div class="TabView" id="TabView">
    <div class="Tabs" style="width: 300px;">
    <a>Tab 1</a>
    <a>Tab 2</a>
    <a>Tab 3</a>

    </div>
    <div class="Pages" style="width: 300px; height: 300px;">
    <div class="Page">
    <div class="Pad">
    Tab 1.1 <br />
    Tab 1.2 <br />
    Tab 1.3 <br />

    </div>
    </div>
    <div class="Page">
    <div class="Pad">
    Tab 2.1 <br />
    Tab 2.2 <br />
    Tab 2.3 <br />

    </div>
    </div>
    <div class="Page">
    <div class="Pad">
    Tab 3.1 <br />
    Tab 3.2 <br />
    Tab 3.3 <br />

    </div>
    </div>
    </div>
    </div>
    </form>
    <script type="text/javascript">
    tabview_initialize('TabView');
    </script>
  7. Kemudian Simpan.
Keterangan:
  • Untuk kode yang berwarna merah adalah lebar dan tinggi menu, silahkan sobat sesuaikan dengan isi;
  • Kode yang berwarna biru silahkan sobat isi dengan judul - judul dari menu;
  • Dan yang berwarna ungu, adalah isi dari menu. Anda bisa menambahkan link, gambar, banner, dll.
Demikianlah tutorial tentang Cara Membuat Tab View Menu di Sidebar Blogger ini, semoga bermanfaat.

Album Baru Jane`s Addiction Rilis Awal Tahun Depan

Jane's Addiction berencana akan meluncurkan album barunya tahun depan.

Sang gitars Dave Navarro menginformasikan bahwa bandnya akan mulai masuk studio rekaman bulan depan dan bekerja penuh untuk album keempat mereka.

"Sebenarnya kami telah mengerjakan materinya sedikit demi sedikit, dan sedang bersiap untuk memasuki studio rekaman pada bulan desember," kata Navarro kepada PopStopTV.com. "Kami akan memulai rekaman dan dengan harapan dapat selesai di awal tahun depan."

Album mereka yang belum diketahui judulnya tersebut akan menjadi album album penerus dari album sebelumnya yang dirilis pada tahun 2003 'Strays'.

Seperti yang pernah diberitakan sebelumnya, sang bassist Duff McKagan telah meninggalkan band terhitung enam bulan semenjak dia bergabung. McKagan bergabung dengan Jane's Addiction saat Eric Avery keluar dari band pada bulan Maret.(kad/nme.com)

10 Gitaris Terbaik Dunia Yang Tidak Terkenal


Gitaris-gitaris hebat seperti Eddie, Zack, Angus, Satch, Randy, Jimi adalah gitaris-gitaris yang dikenal sepanjang masa. Mereka adalah gitaris yang mengisi sampul-sampul majalah musik terkenal dan juga sangat berpengaruh kepada semua orang yang bermain gitar.

Sebenarnya masih banyak sekali gitaris-gitaris hebat yang tidak terlalu dikenal masyarakat musik. Orang-orang ini pantas untuk menyandang gelar Master dari instrumen musik yang bernama gitar, hanya saja mereka tidak setenar gitaris-gitaris seperti Zack dan Eddie.

Daftar berikut berisi daftar-daftar nama gitaris-gitaris hebat yang tidak terkenal dari berbagai genre. Daftar ini tidak dapat menampung SEMUA nama gitaris-gitaris hebat yang bisa dibilang tidak-terekspos, akan tetapi para gitaris ini menunjukkan permainan yang sangat memukau baik dari sisi skill individual baik dari sisi musikal dan juga teknik gitarnya. Siapapun yang ingin memperluas sudut pandang gitaris sebaiknya menyimak daftar ini.

Kita mulai dari no bawah :

10. Malcolm Young (AC/DC)
Malcolm berada di bawah bayang-banyang saudaranya Angus. Walaupun Angus lebih terkenal sebagai gitaris AC/DC, sejatinya Malcolm yang menjadi tumpuan dari rythme-rythme berat lagu-lagu AC/DC, dan jangan lupa Malcolm juga menyumbangkan banyak materi untuk lagu-lagu AC/DC. Tidak banyak gitaris yang puas hanya dengan bermain satu tipe permainan gitar selama karirnya, akan tetapi Malcolm sangat paham akan perannya di AC/DC dan menunjukkan betapa pentingnya bermain dalam irama yang padat.

9. Johnny Hiland
Suka atau tidaknya kamu terhadap musik country, kamu tidak dapat menyangkal banyak sekali gitaris country yang sangat hebat. Johnny Hiland adalah salah satunya, dia tidak terlalu terkenal, tapi Hiland bersama dengan Brent Mason dan Danny Gatton, menciptakan country jams yang benar-benar mendekati akurat dan sempurna, sangat-sangat hebat dalam teknik solonya.

8. Mattias “IA” Eklundh (Freak Kitchen)
Mattais memiliki pendekatan yang unik dalam memainkan gitarnya. Bermain di bawah bendera Freak Kitchen dan juga merilis beberapa permainan gitar yang aneh 'Freak Guitar solo', selera humor Mattais terasa dalam setiap permainan gitarnya. Tidak ada yang bisa menyamainya, dia sangat menyukai tapping.

7. Mark Morton (Lamb Of God)
Permainan gila Mark Morton dan Willie Adler di setiap lagu Lamb Of God membuktikan bahwa mereka adalah tipe dari musik metal modern yang sangat murni. Siapapun yang ingin memperdalam musik metalnya, belajarlah beberapa hal dari Lamb Of God.

6. Strunz & Farah
Saat ini pupolaritas musik Spanyol dipegang oleh Rodrigo y Gabriela di sebuah konferensi musik Spanyol tingkat dunia. Sebelum Rod y Gab, ada Strunz & Farah. Duo Costa Rica dan Iran ini memainkan musik yang dengan melodi yang sangat cepat. Silahkan mendengarkan hit-hit mereka dari album tahun 90, Primal Magic dan rasakan permainan melodi mereka yang sangat cepat.

5. Chris Poland (Megadeth, Ohm)
Chris Poland, kemampuan Poland lah yang membuat Magadeth untuk terkenal pada pertengahan 80-an. Poland terjerat masalah ketagihan heroin, yang membuatnya tidak bisa lama bermain bersama Magadeth. Setelah lepas dari jerat heroin dia bergabung dengan grup jazz, OHM, dan sampai saat itu dia tetap terkenal sebagai gitaris hebat Magadeth.

4.Tommy Emmanuel
Sulit untuk menyangkal bahwa Tommy Emamanuel bahwa adalah salah satu gitaris dianugerahi bakat sangat hebat untuk menguasai gitar string akustik. Berpengaruh lama di Chet Atkins, performa Tommy menunjukkan permainan melodi balada yang dipadukan dengan aroma rock yang bahkan dapat mengejutkan shredder tercepat.

3. Eric Johnson
Johnson tidak dapat disangkal lagi adalah salah satu pemain gitar terbaik di dunia. Dia terkenal dengan "Cliffs Of Dover"nya, akan tetapi Johnson telah kembali mempertunjukkan kejeniusannya untuk permainan gitar. Tipe bermain Johnson adalah 'Shred', akan tetapi chord-voicingnya, harmoninya, dan teknik-teknik campuran(hybrid)nya benar-benar diatas rata-rata dari yang terbaik. Kebanyakan gitaris pro akan memilih Johnson sebagai idolanya.

2. Shawn Lane
Tidak ada di dunia ini yang bermain seperti Shawn Lane. Mungkin tidak akan pernah ada. Shawn adalah salah satu pemain tercepat yang pernah ada. Shawn merilis permainan solo dan juga bermain bersama band The Willys dan DDT. Anda dapat melihat permainannya yang bisa disebut bukan-manusia "inhuman" di youtube.

1. Guthrie Govan
Guthrie adalah SANG MASTER dari gitar elektrik. Tidak ada style yang tidak bisa ia mainkan dan teknik yang tidak ia kuasai. Govan telah bermain dengan bermacam-macam artis musik dan juga bekerja sebagai pengajar gitar. Govan hanya memiliki satu album solo yang official, Erotic Cakes. Di dalam Erotic Cakes tersebut terdapat karya terbaiknya, "Waves" dan menjelajahi berbagai macam genre dan juga menunjukkan interpretasinya akan berbagai macam style gitar. Benar-benar teknisk legato dan phrasing yang sangat hebat. Apabila ada seorang gitaris yang disebut sebagai gitaris terbaik diantara sesama manusia, maka Guthrie bisa disebut sebagai Tuhan yang berada diantara manusia.

Permainan mereka dapat anda saksikan pada link youtube berikut:

10. http://www.youtube.com/watch?v=9rJOpcMlyno&feature=player_embedded
9. http://www.youtube.com/watch?v=pGlyRfumNz4&feature=player_embedded
8. http://www.youtube.com/watch?v=XU-91BE_9RY&feature=player_embedded
7. http://www.youtube.com/watch?v=5MkHwMwQSV4&feature=player_embedded
6. http://www.youtube.com/watch?v=JOTLYbdQG28&feature=player_embedded
5. http://www.youtube.com/watch?v=6PsJEYU1n08&feature=player_embedded
4. http://www.youtube.com/watch?v=x346VoDX3pA&feature=player_embedded
3. http://www.youtube.com/watch?v=VnqpOFcBiMM&feature=player_embedded
2. http://www.youtube.com/watch?v=cLEWbHyyNU8&feature=player_embedded
1. http://www.youtube.com/watch?v=-yPEewaalik&feature=player_embedded

(kad/ugc)

Lady Gaga Raih 3 Penghargaan MTV EMA 2010

Lady Gaga menyabet 3 penghargaan sekaligus pada ajang MTV EMA 2010 di madrid Madrid Minggu malam (7 November). Selain itu Paramore, Thirty Second To Mars, dan Eminem juga meraih penghargaan di ajang bergengsi musik eropa tersebut.

Daftar pemenang penghargaan selengkapnya adalah sebagai berikut:

Best New Act:Kesha
Best Pop: Lady Gaga
Best Alternative: Paramore
MTV EMA Global Icon: Bon Jovi
Best Rock: 30 Seconds To Mars
Best Male: Justin Bieber
Best Female: Lady Gaga
Best Song: Lady Gaga - 'Bad Romance'
Best European Act: Marco Mengoni
Best Push Artists: Justin Bieber
World Stage: Tokio Hotel
Best Video: Katy Perry - 'California Gurls'
Best Hip Hop: Eminem
Free Your Mind: Shakira
Best Live: Linkin Park

(nme/boy)

Gitar Legendaris Jimi Hendrix Dilego


Sebuah gitar yang digunakan Jimi Hendrix untuk menuliskan beberapa lagu klasiknya akan masuk tempat pelelangan dengan harga $225.000 pada bulan depan.

Gitar bermerek Epiphone akustik ini dibeli sang legenda rock seharga $22,50 saat ia membelinya di sebuah toko di New York pada tahun 1960an.

Hendrix sangat mencintai gitar ini, dia membawanya terus sampai dia akhirnya pindah ke London.

Mantan pacar Hendrix, Kathy Etchinham, yang menjalin hubungan dengan Hendrix saat sang legenda rock itu tinggal di British Capital setahun sebelum kematiannya berkat :

"Jimi sangat mencintai gitar itu, dia selalu memainkannya...Jimi menggunakan gitar tersebut untuk hampir semua lagu yang dia tulis di Inggris."

Gitar legenda ini akan dijual di London Auctioneers Bohams pada tanggal 15 Desember 2010.(kad/cmc.com)

Membuat Horizontal Menu Keren

Horizontal Sliding Menu merupakan sebuah menu horizontal yang terbangun dari penggabungan kinerja CSS dan javascript dengan muatan KODE untuk sebuah menu bisa dikatakan sangat kecil sehingga menu yang sangat menarik ini ditanggung tidak akan membebani loading blog. Penekanan akan loading blog menjadi sangat perlu karena akan menjadi sangat fatal pengaruhnya apabila blog menggunakan terlalu banyak KODE dengan muatan 'nggedabyah', maka semakin lama dengan intensifnya posting ditanggung beban yang harus ditanggung saat loading menjadi semakin bertambah besar yang menjadikan loading menjadi sangat lambat. Loading yang sangat lambat tentunya akan sangat berpengaruh terhadap intensitas pembaca blog untuk mampir menikmati sajian yang dengan susah payah sudah kita postingkan. Anda tinggal menyimpan KODE CSS dan javascript di bagian head dan merubah KODE HTML untuk menu sesuai kebutuhan posting blog kemudian menyimpannya di bagian body atau bisa dilakukan dengan menyimpannya di Edit HTML -> Elemen Laman ->Tambah Gadget ->HTML/Javascript. Mungkin anda tertarik untuk melihatnya terlebih dahulu sebelum menggunakan Horizontal Sliding Menu ini ? Silahkan KLIK DEMO untuk melihatnya!
 

Letakan Kode CSS/Javascript diantara <head> dan </head>

KODE CSS
<style type="text/css"> 
* {
       margin:0; 
       padding:0;
       }
.menu {
       position:relative; 
       background:url(http://i50.tinypic.com/fwovf6.gif); 
       height:32px; 
       width:995px;
       }
.menu ul {
       list-style:none; 
       z-index:10; 
       position:absolute; 
       z-index:100; 
       padding:9px 5px;
       border-bottom:2px solid #fff;
       border-top:2px solid #fff;
       border-left:2px solid #fff;
       border-right:2px solid #fff; 
       }
.menu li {
       float:left;
       font-size:10px;
       font-family: verdana;
       font-weight: bold;
       text-decoration:none;
       }
.menu a, .menu a:active, .menu a:visited {
       text-decoration:none; 
       color:#CCFF00; 
       padding:8px;
       }
.menu a:hover {
       color: #FF0000;
       } 
#slide {
       position:absolute; 
       top:4px; 
       height:28px; 
       background: #0000FF; 
       z-index:10;
       }
</style>
 
Javascript
<script type="text/javascript">
/* boggerstuars.blogspot.com - gubhugreyot.blogspot.com */
var menuSlider=function(){
var m,e,g,s,q,i; e=[]; q=8; i=8;
return{
init:function(j,k){
m=document.getElementById(j); e=m.getElementsByTagName('li');
var i,l,w,p; i=0; l=e.length;
for(i;i<l;i++){
var c,v; c=e[i]; v=c.value; if(v==1){s=c; w=c.offsetWidth; p=c.offsetLeft}
c.onmouseover=function(){menuSlider.mo(this)}; c.onmouseout=function(){menuSlider.mo(s)};
}
g=document.getElementById(k); g.style.width=w+'px'; g.style.left=p+'px';
},
mo:function(d){
clearInterval(m.tm);
var el,ew; el=parseInt(d.offsetLeft); ew=parseInt(d.offsetWidth);
m.tm=setInterval(function(){menuSlider.mv(el,ew)},i);
},
mv:function(el,ew){
var l,w; l=parseInt(g.offsetLeft); w=parseInt(g.offsetWidth);
if(l!=el||w!=ew){
if(l!=el){var ld,lr,li; ld=(l>el)?-1:1; lr=Math.abs(el-l); li=(lr<q)?ld*lr:ld*q; g.style.left=(l+li)+'px'}
if(w!=ew){var wd,wr,wi; wd=(w>ew)?-1:1; wr=Math.abs(ew-w); wi=(wr<q)?wd*wr:wd*q;
g.style.width=(w+wi)+'px'}
}else{clearInterval(m.tm)}
}};}();
</script>
Letakan Kode berikut diantara tag <body> dan </body>

Contoh HTML Menu:
<body onload="menuSlider.init('menu','slide')">
<center>
<div class="menu">
 <ul id="menu">
  <li value="1"><a href="#">| Home |</a></li>
  <li><a href="#">| CSS Tutorial |</a></li>
  <li><a href="#">| Javascript |</a></li>
  <li><a href="#">| Image Gallery |</a></li>
  <li><a href="#">| Horizontal Menu |</a></li>
  <li><a href="#">| Vertical Menu |</a></li>
  <li><a href="#">| JQuery |</a></li>
  <li><a href="#">| Template |</a></li>
  <li><a href="#">| Floating Menu |</a></li>
  <li><a href="#">| Animation gif |</a></li> 
 </ul>
<div id="slide"><!-- --></div>
</div>
</center>

Catatan :
  • Jangan lupa untuk menyelipkan onload="menuSlider.init('menu','slide')" di tag body
  • Ganti Nama menu seperti Home, Javascript dengan Menu yang kamu butuhkan
  • Sesuaikan lebar menu dengan panjang/lebar menu yang dibutuhkan dengan merubah nilai width: 995px (pada KODE CSS di bagian ".menu")
  • Supaya Template lebih ringkas, sebaiknya upload KODE CSS dan Javascript di file hosting dan gunakan KODE seperti dibawah ini di bagian head sebagai pengganti CSS dan javascript.

- <link href="URL.css" rel="stylesheet" type="text/css" />
- <script type="text/javascript" src="URL_javascript.js"></script>