Membuat Gambar Melayang di Samping Blog

Membuat Gambar Melayang di Samping Blog

Sobat Blogger ngg Asikk ya klo pagi-pagi di hari weekend malah hujan, gak seru-gak seru...hehehe.

Saling kunjungi mengunjungi Blog (Blogwalking) memang sangat dan berguna sekali misalnya ada kaitanya dengan SEO,di samping itu juga untuk mempererat tali persaudaraan kita semua,ia gak sobat, atau bisa jadi malah blog kita menjadi inspirasi pagi pengunjungnya.

contohnya tadi pagie ketika saya sedang browsing",saya tertarik dengam gambar melayang-layang yang berada di samping kanan dan kiri blog,nach pada kesempatan kali ini saya akan memberikan Tutorial tengang Cara Membuat Gambar Melayang di Blog.

Jika Sobat tertarik untuk mencobanya atau untuk sekedar mempercantik tampilan blog, caranya sangat-sangat mudah, disini saya akan memberikan 2 cara untuk membuatnya :

Cara Pertama :

1. Login ke Blogger.
2. Kemudian klik [Rancangan] > [Tambah Widgets].
3. Pilih widgets “HTML/JavaScript “.
4. Copy dan pastekan kode dibawah ini:
   
   Posisi Bawah Kanan :
   <div style="display:scroll;position:fixed;bottom:0;right:0;"><a href="http://www.dutaxp.blogspot.com/" target="_blank">Letakan Kode gambar atau Script disini</a></div>
   
   Posisi Atas kanan :
   <div style="display:scroll;position:fixed;top:0;right:0;"><a href="http://www.dutaxp.blogspot.com/" terget="_blank">Letakan Kode gambar atau Script disini</a></div>
   
   Posisi Bawah Kiri :
   <div style="display:scroll;position:fixed;bottom:0;left:0;"><a href="http://www.dutaxp.blogspot.com/" terget="_blank">Letakan Kode gambar atau Script disini</a></div>
   
   Posisi Atas Kiri :
   <div style="display:scroll;position:fixed;top:0;left:0;"><a href="http://www.dutaxp.blogspot.com/" target="_blank">Letakan Kode gambar atau Script disini</a></div>
5. Kemudian SAVE 

Keterangan :
• Anda bisa mengganti huruf yang dicetak merah dengan URL gambar dan URL blog.
• Trick ini tidak akan berjalan di browser IE.

Cara Kedua :

1. Login ke Blogger.
2. Kemudian klik [Rancangan] > [Tambah Widgets].
3. Beri tanda centang pada tulisan Expand Template Widget;
4. Cari kode ]]></b:skin>. 
5. Letakan kode berikut ini tepat diatasnya.
6. Pilih salah satu kode berikut ini sesuai keinginan sobat :

Posisi kiri atas :
#dutaxp_melayang { top:10px; left:10px; position:fixed; _position:absolute; clip:inherit; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); } #dutaxp_melayang a img {border:0};

Posisi kanan atas :
#dutaxp_melayang { top:10px; right:10px; position:fixed; _position:absolute; clip:inherit; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); } #dutaxp_melayang a img {border:0}





Posisi kiri bawah :
#dutaxp_melayang { bottom:10px; left:10px; position:fixed; _position:absolute; clip:inherit; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); } #dutaxp_melayang a img {border:0}

Posisi kanan bawah :
#dutaxp_melayang { bottom:10px; right:10px; position:fixed; _position:absolute; clip:inherit; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); } #dutaxp_melayang a img {border:0}





5. Selanjutnya carilah kode </body> 
6. Letakan kode dibawah ini tepat diatasnya;

<div id="dutaxp_melayang"><a href="http://dutaxp.blogspot/"target="_blank">Letkan Gambar atau Script Sobat disini.</div>


Kode diatas silahkan diedit dulu, warna merah ganti dengan alamat target halaman yang kamu inginkan

Perlu di Ketahui !!
Kode ini hanya berlaku untuk 1 posisi, jika sobat ingin memasang di banyak sisi menggunakan kode ini, silahkan sobat ganti ID dari setiap kode.
Contoh :
misalnya sobat ingin memasang di sudut kanan atas, maka yang perlu sobat ganti adalah kode #dutaxp_melayang dengan kode yang sobat inginkan, misalnya bisa saja sobat ganti dengan #dutaxp_melayang_kanan_atas atau apa saja yang penting kode ID antara kedua kode sama.

Sobat Blogger ngg Asikk ya klo pagi-pagi di hari weekend malah hujan, gak seru-gak seru...hehehe.

Saling kunjungi mengunjungi Blog (Blogwalking) memang sangat dan berguna sekali misalnya ada kaitanya dengan SEO,di samping itu juga untuk mempererat tali persaudaraan kita semua,ia gak sobat, atau bisa jadi malah blog kita menjadi inspirasi pagi pengunjungnya.

contohnya tadi pagie ketika saya sedang browsing",saya tertarik dengam gambar melayang-layang yang berada di samping kanan dan kiri blog,nach pada kesempatan kali ini saya akan memberikan Tutorial tengang Cara Membuat Gambar Melayang di Blog.

Jika Sobat tertarik untuk mencobanya atau untuk sekedar mempercantik tampilan blog, caranya sangat-sangat mudah, disini saya akan memberikan 2 cara untuk membuatnya :

Cara Pertama :

1. Login ke Blogger.
2. Kemudian klik [Rancangan] > [Tambah Widgets].
3. Pilih widgets “HTML/JavaScript “.
4. Copy dan pastekan kode dibawah ini:
   
   Posisi Bawah Kanan :
   <div style="display:scroll;position:fixed;bottom:0;right:0;"><a href="http://www.dutaxp.blogspot.com/" target="_blank">Letakan Kode gambar atau Script disini</a></div>
   
   Posisi Atas kanan :
   <div style="display:scroll;position:fixed;top:0;right:0;"><a href="http://www.dutaxp.blogspot.com/" terget="_blank">Letakan Kode gambar atau Script disini</a></div>
   
   Posisi Bawah Kiri :
   <div style="display:scroll;position:fixed;bottom:0;left:0;"><a href="http://www.dutaxp.blogspot.com/" terget="_blank">Letakan Kode gambar atau Script disini</a></div>
   
   Posisi Atas Kiri :
   <div style="display:scroll;position:fixed;top:0;left:0;"><a href="http://www.dutaxp.blogspot.com/" target="_blank">Letakan Kode gambar atau Script disini</a></div>
5. Kemudian SAVE 

Keterangan :
• Anda bisa mengganti huruf yang dicetak merah dengan URL gambar dan URL blog.
• Trick ini tidak akan berjalan di browser IE.

Cara Kedua :

1. Login ke Blogger.
2. Kemudian klik [Rancangan] > [Tambah Widgets].
3. Beri tanda centang pada tulisan Expand Template Widget;
4. Cari kode ]]></b:skin>. 
5. Letakan kode berikut ini tepat diatasnya.
6. Pilih salah satu kode berikut ini sesuai keinginan sobat :

Posisi kiri atas :
#dutaxp_melayang { top:10px; left:10px; position:fixed; _position:absolute; clip:inherit; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); } #dutaxp_melayang a img {border:0};

Posisi kanan atas :
#dutaxp_melayang { top:10px; right:10px; position:fixed; _position:absolute; clip:inherit; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); } #dutaxp_melayang a img {border:0}





Posisi kiri bawah :
#dutaxp_melayang { bottom:10px; left:10px; position:fixed; _position:absolute; clip:inherit; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); } #dutaxp_melayang a img {border:0}

Posisi kanan bawah :
#dutaxp_melayang { bottom:10px; right:10px; position:fixed; _position:absolute; clip:inherit; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); } #dutaxp_melayang a img {border:0}





5. Selanjutnya carilah kode </body> 
6. Letakan kode dibawah ini tepat diatasnya;

<div id="dutaxp_melayang"><a href="http://dutaxp.blogspot/"target="_blank">Letkan Gambar atau Script Sobat disini.</div>


Kode diatas silahkan diedit dulu, warna merah ganti dengan alamat target halaman yang kamu inginkan

Perlu di Ketahui !!
Kode ini hanya berlaku untuk 1 posisi, jika sobat ingin memasang di banyak sisi menggunakan kode ini, silahkan sobat ganti ID dari setiap kode.
Contoh :
misalnya sobat ingin memasang di sudut kanan atas, maka yang perlu sobat ganti adalah kode #dutaxp_melayang dengan kode yang sobat inginkan, misalnya bisa saja sobat ganti dengan #dutaxp_melayang_kanan_atas atau apa saja yang penting kode ID antara kedua kode sama.

Membuat Auto Expand Blockquote Sederhana dengan CSS Transisi

Membuat Auto Expand Blockquote Sederhana dengan CSS Transisi

Seseorang bertanya tentang bagaimana cara membuat quote tertutup yang bisa membuka saat pointer berada di atasnya. Caranya sangat sederhana, yaitu dengan menggunakan CSS Pseudo Classes dan CSS Transisi:

Salin kode di bawah ini, kemudian letakkan tepat di atas kode ]]></b:skin> atau </style>:

blockquote.collapsed {
  margin:15px 30px;
  font:italic 14px Georgia,Serif;
  height:0px;
  padding:0px 0px;
  background-color:#FFE046;
  border:10px solid #FDD404;
  border-left-color:#D7362E;
  -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  overflow:auto;
  -webkit-transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
  -moz-transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
  -ms-transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
  -o-transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
  transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
}

blockquote.collapsed:hover {
  padding:10px 15px;
  background-color:#47AD47;
  border:5px solid #156715;
  height:350px;
}

Proses aktivasi bisa dilakukan dengan cara menambahkan class="collapsed" pada elemen <blockquote> yang Anda inginkan:

<blockquote class="collapsed">
    Konten di sini...
</blockquote>

Lihat Demo

Seseorang bertanya tentang bagaimana cara membuat quote tertutup yang bisa membuka saat pointer berada di atasnya. Caranya sangat sederhana, yaitu dengan menggunakan CSS Pseudo Classes dan CSS Transisi:

Salin kode di bawah ini, kemudian letakkan tepat di atas kode ]]></b:skin> atau </style>:

blockquote.collapsed {
  margin:15px 30px;
  font:italic 14px Georgia,Serif;
  height:0px;
  padding:0px 0px;
  background-color:#FFE046;
  border:10px solid #FDD404;
  border-left-color:#D7362E;
  -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  overflow:auto;
  -webkit-transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
  -moz-transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
  -ms-transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
  -o-transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
  transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
}

blockquote.collapsed:hover {
  padding:10px 15px;
  background-color:#47AD47;
  border:5px solid #156715;
  height:350px;
}

Proses aktivasi bisa dilakukan dengan cara menambahkan class="collapsed" pada elemen <blockquote> yang Anda inginkan:

<blockquote class="collapsed">
    Konten di sini...
</blockquote>

Lihat Demo

Memperbesar/Mengubah Ukuran Thumbnail Posting

Memperbesar/Mengubah Ukuran Thumbnail Posting

Pertanyaan Al-Firouz: Tentang bagaimana cara memperbesar thumbnail pada posting auto read-more tanpa JavaScript dengan JQuery:

Dalam pesan Facebook

Pertama-tama, Saya tidak akan memberikan metode mengubah ukuran thumbnail Picasa dengan JQuery terlebih dahulu karena ada cara sederhana yang bisa dilakukan dengan mudah menggunakan JavaScript mentah. Pada intinya, kita hanya mencoba mengubah ukuran thumbnail kecil dari path-nya seperti yang pernah Saya ulas dengan cukup jelas di artikel Optimasi Thumbnail pada Posting Auto Read-More dan Widget Blogger, yaitu dengan cara mengubah ukuran standar thumbnail 72 × 72 piksel s72-c menjadi ukuran yang lain, misalnya s200-c.

Metode 1: Menggunakan JavaScript Murni

Salin kode ini dan letakkan di atas tag </body>:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function resizeThumb(parentID, size) {
    var parent = document.getElementById(parentID),
        image = parent.getElementsByTagName('img');
    for (var i = 0; i < image.length; i++) {
        image[i].src = image[i].src.replace(/\/s72\-c/, "/s" + size + "-c");
        image[i].width = size;
        image[i].height = size;
    }
}
resizeThumb('main-wrapper', 200);
//]]>
</script>
</b:if>
</b:if>

Fungsi dieksekusi pada bagian ini:

resizeThumb('main-wrapper', 200);

main-wrapper adalah ID kolom posting, dan 200 adalah ukuran thumbnail baru. Kode di atas akan mengubah ukuran thumbnail dari 72 × 72 piksel menjadi 200 × 200 piksel.

Ganti juga ukuran width dan height thumbnail posting dalam kode CSS ini:

.post-thumbnail {
  width:72px;
  height:72px;
  float:left;
  margin:0px 10px 0px 0px;
}

menjadi berukuran sama dengan ukuran pembesaran thumbnail. Menyesuaikan contoh di atas, maka ukuran lebar dan tinggi thumbnail harus diubah menjadi 200px.
Simpan semua perubahan dan lihat hasilnya.

Lihat Sampel

Metode 2: Menggunakan JQuery

Pada intinya cara kerjanya sama, hanya metodenya saja yang berbeda. Salin kode ini dan letakkan di atas kode </head> atau </body>:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function resizeThumb(el, from, to) {
    $(el).each(function() {
        $(this).attr({
            'src': $(this).attr('src').replace('/s'+from+'-c/', '/s'+to+'-c/'),
            'width': to, 'height': to
        });
    });
}
$(function() {
    resizeThumb('.post-thumbnail', '72', '200'); // Ubah ukuran thumbnail dari 72 menjadi 200
});
//]]>
</script>
</b:if>
</b:if>

Di sini Saya menggunakan selektor $('.post-thumbnail') untuk menargetkan thumbnail posting secara langsung. Anda bisa saja mengubah selektornya menjadi $('#main-wrapper img') atau $('.post img:first') atau bahkan yang lainnya jika template Anda memiliki struktur elemen yang unik. Pada intinya, targetkan gambarnya! Alasan Saya tidak menggunakan nama kelas thumbnail pada versi manipulasi JavaScript adalah karena Saya tidak ingin mengambil resiko mengingat document.getElementsByClassName tidak didukung oleh beberapa peramban tua - When can I use getElementsByClassName?

Lihat Sampel

Thumbnail Lain?

Bukan hanya thumbnail pada posting saja yang bisa diubah ukurannya, tapi juga thumbnail-thumbnail pada widget lain, misalnya pada widget Posting Populer yang caranya juga pernah dituliskan oleh MS-Potilas di artikelnya (Kebetulan Saya mendapatkan ide JavaScript mentahnya dari sana). Di sini Saya hanya mengonversi kodenya menjadi plugin. Asalkan thumbnail tersebut diunggah pada direktori Picasa, maka kita bisa menemukan ciri khususnya dalam path lokasi gambar seperti s72-c, s200, s1600 dan lain sebagainya. Dari kunci itulah kita bisa mengubah ukuran-ukuran gambar menggunakan JavaScript dengan cara mengganti besarannya. berikut ini adalah contoh sederhana bagaimana cara memperbesar thumbnail pada widget Posting Populer:

Versi JavaScript

<script type='text/javascript'>
//<![CDATA[
function resizeThumb(parentID, size) {
    var parent = document.getElementById(parentID),
        image = parent.getElementsByTagName('img');
    for (var i = 0; i < image.length; i++) {
        image[i].src = image[i].src.replace(/\/s72\-c/, "/s" + size + "-c");
        image[i].width = size;
        image[i].height = size;
    }
}
// Mengubah ukuran thumbnail widget Posting Populer
resizeThumb('PopularPosts1', 200);
//]]>
</script>

Versi JQuery

<script type='text/javascript'>
//<![CDATA[
function resizeThumb(el, from, to) {
    $(el).each(function() {
        $(this).attr({
            'src': $(this).attr('src').replace('/s'+from+'-c/', '/s'+to+'-c/'),
            'width': to, 'height': to
        });
    });
}
// Mengubah ukuran thumbnail widget Posting Populer
$(function() {
    resizeThumb('#PopularPosts1 img', '72', '200');
});
//]]>
</script>

Pertanyaan Al-Firouz: Tentang bagaimana cara memperbesar thumbnail pada posting auto read-more tanpa JavaScript dengan JQuery:

Dalam pesan Facebook

Pertama-tama, Saya tidak akan memberikan metode mengubah ukuran thumbnail Picasa dengan JQuery terlebih dahulu karena ada cara sederhana yang bisa dilakukan dengan mudah menggunakan JavaScript mentah. Pada intinya, kita hanya mencoba mengubah ukuran thumbnail kecil dari path-nya seperti yang pernah Saya ulas dengan cukup jelas di artikel Optimasi Thumbnail pada Posting Auto Read-More dan Widget Blogger, yaitu dengan cara mengubah ukuran standar thumbnail 72 × 72 piksel s72-c menjadi ukuran yang lain, misalnya s200-c.

Metode 1: Menggunakan JavaScript Murni

Salin kode ini dan letakkan di atas tag </body>:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function resizeThumb(parentID, size) {
    var parent = document.getElementById(parentID),
        image = parent.getElementsByTagName('img');
    for (var i = 0; i < image.length; i++) {
        image[i].src = image[i].src.replace(/\/s72\-c/, "/s" + size + "-c");
        image[i].width = size;
        image[i].height = size;
    }
}
resizeThumb('main-wrapper', 200);
//]]>
</script>
</b:if>
</b:if>

Fungsi dieksekusi pada bagian ini:

resizeThumb('main-wrapper', 200);

main-wrapper adalah ID kolom posting, dan 200 adalah ukuran thumbnail baru. Kode di atas akan mengubah ukuran thumbnail dari 72 × 72 piksel menjadi 200 × 200 piksel.

Ganti juga ukuran width dan height thumbnail posting dalam kode CSS ini:

.post-thumbnail {
  width:72px;
  height:72px;
  float:left;
  margin:0px 10px 0px 0px;
}

menjadi berukuran sama dengan ukuran pembesaran thumbnail. Menyesuaikan contoh di atas, maka ukuran lebar dan tinggi thumbnail harus diubah menjadi 200px.
Simpan semua perubahan dan lihat hasilnya.

Lihat Sampel

Metode 2: Menggunakan JQuery

Pada intinya cara kerjanya sama, hanya metodenya saja yang berbeda. Salin kode ini dan letakkan di atas kode </head> atau </body>:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function resizeThumb(el, from, to) {
    $(el).each(function() {
        $(this).attr({
            'src': $(this).attr('src').replace('/s'+from+'-c/', '/s'+to+'-c/'),
            'width': to, 'height': to
        });
    });
}
$(function() {
    resizeThumb('.post-thumbnail', '72', '200'); // Ubah ukuran thumbnail dari 72 menjadi 200
});
//]]>
</script>
</b:if>
</b:if>

Di sini Saya menggunakan selektor $('.post-thumbnail') untuk menargetkan thumbnail posting secara langsung. Anda bisa saja mengubah selektornya menjadi $('#main-wrapper img') atau $('.post img:first') atau bahkan yang lainnya jika template Anda memiliki struktur elemen yang unik. Pada intinya, targetkan gambarnya! Alasan Saya tidak menggunakan nama kelas thumbnail pada versi manipulasi JavaScript adalah karena Saya tidak ingin mengambil resiko mengingat document.getElementsByClassName tidak didukung oleh beberapa peramban tua - When can I use getElementsByClassName?

Lihat Sampel

Thumbnail Lain?

Bukan hanya thumbnail pada posting saja yang bisa diubah ukurannya, tapi juga thumbnail-thumbnail pada widget lain, misalnya pada widget Posting Populer yang caranya juga pernah dituliskan oleh MS-Potilas di artikelnya (Kebetulan Saya mendapatkan ide JavaScript mentahnya dari sana). Di sini Saya hanya mengonversi kodenya menjadi plugin. Asalkan thumbnail tersebut diunggah pada direktori Picasa, maka kita bisa menemukan ciri khususnya dalam path lokasi gambar seperti s72-c, s200, s1600 dan lain sebagainya. Dari kunci itulah kita bisa mengubah ukuran-ukuran gambar menggunakan JavaScript dengan cara mengganti besarannya. berikut ini adalah contoh sederhana bagaimana cara memperbesar thumbnail pada widget Posting Populer:

Versi JavaScript

<script type='text/javascript'>
//<![CDATA[
function resizeThumb(parentID, size) {
    var parent = document.getElementById(parentID),
        image = parent.getElementsByTagName('img');
    for (var i = 0; i < image.length; i++) {
        image[i].src = image[i].src.replace(/\/s72\-c/, "/s" + size + "-c");
        image[i].width = size;
        image[i].height = size;
    }
}
// Mengubah ukuran thumbnail widget Posting Populer
resizeThumb('PopularPosts1', 200);
//]]>
</script>

Versi JQuery

<script type='text/javascript'>
//<![CDATA[
function resizeThumb(el, from, to) {
    $(el).each(function() {
        $(this).attr({
            'src': $(this).attr('src').replace('/s'+from+'-c/', '/s'+to+'-c/'),
            'width': to, 'height': to
        });
    });
}
// Mengubah ukuran thumbnail widget Posting Populer
$(function() {
    resizeThumb('#PopularPosts1 img', '72', '200');
});
//]]>
</script>

Cara Membuat Tombol Share Melayang pada Blog

Cara Membuat Tombol Share Melayang pada Blog

Sorry Copas

Cara Membuat Tombol Share Melayang pada Blog - Melayang ? Benar sop, blog Shaka Inghets adalah blog melayang, tanpa tema dan tujuan, seingatnya saja bila berbagi. Pada postingan terdahulu pisan kita telah mencoba Memasang Tombol Share yang letaknya di bawah postingan atau di atas postingan blog, nach..,pada kesempatan kali ini kita mau mencoba Membuat Tombol Share Melayang.

Tentunya banyak kekurangan juga kelemahan yang ada di Blog Shaka Inghets ini, ini menyangkut PageRank yang tak ada perubahan pada PageRank Update Agustus 2012 ini. Ya..,mungkn salah satunya Shaka Inghets kurang disukai oleh pengunjung, terbukti kurangnya Share (sosialisasi blog) melalui jejaring social baik itu yang dilakukan admin atau pengunjung.

Entahlah..,apa dugaan itu benar atau hanya insting seorang blogger atas Optimalisasi SEO saja. Bila benar maka tak ada salahnya bila kita mencoba untuk membuat Tombol Share Melayang baik itu Share ke Facebook, Twitter, Google Plus. Dengan adanya Tombol Share pada blog kita, maka terbuka kesempatan untuk para pengunjung blog berbagi ke sesame temannya .

Cara Membuat Tombol Share Melayang pada blog kita adalah bisa kita terapkan dengan mengikuti aturan dibawah ini;

1. Sobat Login ke Akun Blogger sobat

2. Masuk ke Menu Design atau Rancangan

3. Lalu tambahkan gadget dan pilih HTML/Javascript.

4. Lalu copy dan paste kode dibawah ini:

        <!--SideBar Floating Share Buttons Code Start-->

        <style>

        #pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

        0;z-index:10;}

        #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

        .fb_share_count_top {width:48px !important;}

        .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

        .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

        .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

        </style>

        <div id='pageshare' title="Share This With Your Friends">

        <div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>

        <div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>

        <div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>

        <div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>

        <div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>

        <div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://evawangi.blogspot.com/2012/08/cara-membuat-tombol-share-melayang-pada.html" target="blank"><font color="black">[Get This]</font></a></div></div>

5. Langkah terakhir klik Save widget.

Langkah mudah telah kita lalui dengan sempurna, demikian Cara Membuat Tombol Share Melayang pada Blog telah kita buat, semoga bisa bermanfaaat untuk kita semua.
Selamat berpuasa tentunya..,
Happy Blogging !

Sorry Copas

Cara Membuat Tombol Share Melayang pada Blog - Melayang ? Benar sop, blog Shaka Inghets adalah blog melayang, tanpa tema dan tujuan, seingatnya saja bila berbagi. Pada postingan terdahulu pisan kita telah mencoba Memasang Tombol Share yang letaknya di bawah postingan atau di atas postingan blog, nach..,pada kesempatan kali ini kita mau mencoba Membuat Tombol Share Melayang.

Tentunya banyak kekurangan juga kelemahan yang ada di Blog Shaka Inghets ini, ini menyangkut PageRank yang tak ada perubahan pada PageRank Update Agustus 2012 ini. Ya..,mungkn salah satunya Shaka Inghets kurang disukai oleh pengunjung, terbukti kurangnya Share (sosialisasi blog) melalui jejaring social baik itu yang dilakukan admin atau pengunjung.

Entahlah..,apa dugaan itu benar atau hanya insting seorang blogger atas Optimalisasi SEO saja. Bila benar maka tak ada salahnya bila kita mencoba untuk membuat Tombol Share Melayang baik itu Share ke Facebook, Twitter, Google Plus. Dengan adanya Tombol Share pada blog kita, maka terbuka kesempatan untuk para pengunjung blog berbagi ke sesame temannya .

Cara Membuat Tombol Share Melayang pada blog kita adalah bisa kita terapkan dengan mengikuti aturan dibawah ini;

1. Sobat Login ke Akun Blogger sobat

2. Masuk ke Menu Design atau Rancangan

3. Lalu tambahkan gadget dan pilih HTML/Javascript.

4. Lalu copy dan paste kode dibawah ini:

        <!--SideBar Floating Share Buttons Code Start-->

        <style>

        #pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

        0;z-index:10;}

        #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

        .fb_share_count_top {width:48px !important;}

        .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

        .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

        .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

        </style>

        <div id='pageshare' title="Share This With Your Friends">

        <div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>

        <div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>

        <div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>

        <div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>

        <div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>

        <div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://evawangi.blogspot.com/2012/08/cara-membuat-tombol-share-melayang-pada.html" target="blank"><font color="black">[Get This]</font></a></div></div>

5. Langkah terakhir klik Save widget.

Langkah mudah telah kita lalui dengan sempurna, demikian Cara Membuat Tombol Share Melayang pada Blog telah kita buat, semoga bisa bermanfaaat untuk kita semua.
Selamat berpuasa tentunya..,
Happy Blogging !

Membuat Daftar Isi Melayang

Membuat Daftar Isi Melayang

Seperti yang ditanyakan sohib saya Cuirast , "bagaimana membuat daftar isi melayang seperti diblog saya ini.?", maka kali ini saya akan memposting cara membuatnya.

Sebetulnya widget ini adalah gabungan dari widget - widget yang saya dapat dari blog - blog tetangga, mohon maaf ya bagi yang buat widget - widgetnya,, saya pinjam scriptnya,, he , he.

Bagi anda pengguna blogger sudah pada tahukan widget bukutamu melayang yang banyak banget tuh tutorial membuatnya.

Nah untuk widget daftar isi melayang ini, saya hanya menggabungkan widget buku tamu melayang  dengan widget daftar isi punyanya infoblog

Berikut cara membuat daftar isi melayang :

1. Login ke akun blogger anda
2. Masuk dasbor ->tata letak
3. Tambah Gadget HTML/Javascript
4. Copykan script dibawah ini

<style type="text/css">
#di{ position:fixed; top:10px; z-index:+1000; }
* html #di{position:relative;}

.ditab{ height:200px; width:30px; float:left; cursor:pointer; background:url('http://imgur.com/Ly9Fh.jpg') no-repeat; }

.dicontent{ height:400px; float:left; border:2px solid #CCCCCC; background:#F5F5F5; padding:10px; }
</style>

<script type="text/javascript">
function showHideID(){
var di = document.getElementById("di");
var w = di.offsetWidth;
di.opened ? moveID(0, 30-w) : moveID(10-w, 0);
di.opened = !di.opened;
}
function moveID(x0, xf){
var di = document.getElementById("di");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
di.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveID("+x+", "+xf+")", 10);}
}
</script>

<div id="di">
<div class="ditab" onclick="showHideID()"> </div>
<div class="dicontent">
<div style="padding: 1px; overflow:auto; height: 400px;width: 300px;">
<div id="cl_option"> Loading... </div>
<div id="cl_content_list"> </div>

<script type="text/javascript">var jumlah_kata_dalam_ringkasan = 200;</script>
<script src="http://copycat91.googlecode.com/svn/trunk/contentlist.js"> </script>
<script src="www.one-organization.org/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500"> </script>
Modif By <a href='http://dede-spirit89.blogspot.com/2010/04/membuat-daftar-isi-melayang.html'>Spirit 89 Blog</a>
</div> </div></div>

<script type="text/javascript">
var di = document.getElementById("di");
di.style.right = (30-di.offsetWidth).toString() + "px";
</script>

Ganti http://dede-spirit89.blogspot.com yang bercetak tebal berwarna hitam pada script diatas ,  gantikan dengan url blog anda dan simpan template anda.

Selamat Mencoba....!!!! keep spirit...!!!

Seperti yang ditanyakan sohib saya Cuirast , "bagaimana membuat daftar isi melayang seperti diblog saya ini.?", maka kali ini saya akan memposting cara membuatnya.

Sebetulnya widget ini adalah gabungan dari widget - widget yang saya dapat dari blog - blog tetangga, mohon maaf ya bagi yang buat widget - widgetnya,, saya pinjam scriptnya,, he , he.

Bagi anda pengguna blogger sudah pada tahukan widget bukutamu melayang yang banyak banget tuh tutorial membuatnya.

Nah untuk widget daftar isi melayang ini, saya hanya menggabungkan widget buku tamu melayang  dengan widget daftar isi punyanya infoblog

Berikut cara membuat daftar isi melayang :

1. Login ke akun blogger anda
2. Masuk dasbor ->tata letak
3. Tambah Gadget HTML/Javascript
4. Copykan script dibawah ini

<style type="text/css">
#di{ position:fixed; top:10px; z-index:+1000; }
* html #di{position:relative;}

.ditab{ height:200px; width:30px; float:left; cursor:pointer; background:url('http://imgur.com/Ly9Fh.jpg') no-repeat; }

.dicontent{ height:400px; float:left; border:2px solid #CCCCCC; background:#F5F5F5; padding:10px; }
</style>

<script type="text/javascript">
function showHideID(){
var di = document.getElementById("di");
var w = di.offsetWidth;
di.opened ? moveID(0, 30-w) : moveID(10-w, 0);
di.opened = !di.opened;
}
function moveID(x0, xf){
var di = document.getElementById("di");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
di.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveID("+x+", "+xf+")", 10);}
}
</script>

<div id="di">
<div class="ditab" onclick="showHideID()"> </div>
<div class="dicontent">
<div style="padding: 1px; overflow:auto; height: 400px;width: 300px;">
<div id="cl_option"> Loading... </div>
<div id="cl_content_list"> </div>

<script type="text/javascript">var jumlah_kata_dalam_ringkasan = 200;</script>
<script src="http://copycat91.googlecode.com/svn/trunk/contentlist.js"> </script>
<script src="www.one-organization.org/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500"> </script>
Modif By <a href='http://dede-spirit89.blogspot.com/2010/04/membuat-daftar-isi-melayang.html'>Spirit 89 Blog</a>
</div> </div></div>

<script type="text/javascript">
var di = document.getElementById("di");
di.style.right = (30-di.offsetWidth).toString() + "px";
</script>

Ganti http://dede-spirit89.blogspot.com yang bercetak tebal berwarna hitam pada script diatas ,  gantikan dengan url blog anda dan simpan template anda.

Selamat Mencoba....!!!! keep spirit...!!!

Cara Membuat Menu Melayang di Samping Blog - Omni Slide Menu

Cara Membuat Menu Melayang di Samping Blog - Omni Slide Menu

Jika sobat penasaran dengan bentuk menu yang saya maksud, silahkan untuk menengok ke sebelah kiri blog ini (t4belajarblogger.blogspot.com), pasti ada menu "omni slide" di mana ketika sobat mengarahkan mouse sobat maka menu tersebut akan terbuka dan melebar. Nah, itulah yang dinamakan dengan menu omni slide. [Menu telah DICOPOT, namun fungsi insyaAllah akan terus berfungsi]

Cara untuk memasang menu omni slide adalah sebagai berikut:

1. Silahkan login ke akun blogger anda
2. Klik menu "Rancangan"
3. Klik "Tambah Gadget"

4. Pastekan kode berikut di dalamnya...

<script type="text/javascript">
if (typeof window.attachEvent=='object'){
document.write('<!--[if lte IE 6]>\n'+
'<script type="text/javascript">\n'+
'var ie6_or_less=1;\n'+
'<\/script>\n'+
'<![endif]-->\n'+
'<!--[if lt IE 5.5]>\n'+
'<script type="text/javascript">\n'+
'var less_than_ie5_5=1;\n'+
'<\/script>\n'+
'<![endif]-->')
}

var menu=[], resizereinit=true;
function truebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function getedge(o, is_top){
var edge;
if (is_top)
edge=window.pageYOffset? window.pageYOffset : truebody().scrollTop? truebody().scrollTop : 0;
else{
edge=o.menupos=='left'? 0 : truebody().clientWidth? truebody().clientWidth : window.innerWidth&&truebody().offsetHeight<=window.innerHeight? window.innerWidth : window.innerWidth? window.innerWidth-20 : 0;
edge+=window.pageXOffset? window.pageXOffset : truebody().scrollLeft? truebody().scrollLeft: 0;
}
return edge;
}

function keep_in_view(o){
if(o.keepinview){
if(o.m.ft){
o.m.ft=0;
o.m.topP=o.m.offsetTop;
o.m.ltop=0;
}
var pt=getedge(o, 'top'), ks=typeof o.keepinview=='number'&&o.keepinview<o.m.topP&&o.keepinview>0? o.keepinview : o.m.topP, smooth=0;
if (pt!=o.m.ltop){
if(o.menupos=='top')
o.m.style.visibility='hidden';
smooth = pt>o.m.topP-ks? .2 * (pt - o.m.ltop - o.m.topP + ks) : o.m.ltop>0? -.2 * o.m.ltop : 0;
smooth = smooth > 0 ? Math.ceil(smooth) : Math.floor(smooth);
}
else if(o.menupos=='top')
o.m.style.visibility='';
o.m.style.top=(o.m.style.top? parseInt(o.m.style.top) : o.m.topP)+smooth+'px';
o.m.ltop += smooth;
}
if(o.menupos=='top'){
if(typeof o.menuleft=='string'){
o.m.style.left=o.menuleft
o.m.style.marginLeft=Math.floor(o.m.getElementsByTagName('div')[0].offsetWidth/-2)+'px';
o.lleft=o.m.offsetLeft;
}
o.m.style.marginLeft=0;
o.m.style.left=o.lleft+(window.pageXOffset? window.pageXOffset : truebody().scrollLeft? truebody().scrollLeft: 0)+'px';
}
else
o.m.style.left=getedge(o)-(o.menupos=='right'? o.m.offsetWidth : 0)+'px';
}
function move(el, num){
el.getElementsByTagName('div')[0].style[el.menupos]=parseInt(el.getElementsByTagName('div')[0].style[el.menupos])+num+'px';
if(el.menupos=='right'){
if(el.kviewtype=='absolute')
el.style.left=parseInt(el.style.left)-num+'px';
el.style.width=parseInt(el.style.width)+num+'px';
}
if(num>0)
el.moving=setTimeout(function(){movein(el)}, el.menuspeed)
else
el.moving=setTimeout(function(){moveout1(el)}, el.menuspeed)
}
function movein(el){
var m1=parseInt(el.getElementsByTagName('div')[0].style[el.menupos]);
if(el.moving)
clearTimeout(el.moving);
if (m1<-1*el.borderwidth)
move(el, Math.min(-1*m1-el.borderwidth, 10));
}
function moveout(el){
if(el.moving)
clearTimeout(el.moving);
el.moving=setTimeout(function(){moveout1(el)}, el.menupause);
}
function moveout1(el){
var aw=el.menupos=='top'? el.b.offsetHeight : el.b.offsetWidth, m1=el.getElementsByTagName('div')[0];
if(el.moving)
clearTimeout(el.moving);
if (parseInt(m1.style[el.menupos])>aw-(el.menupos=='top'? m1.offsetHeight : m1.offsetWidth)+10)
move(el, -10);
else {
m1.style[el.menupos]=aw-(el.menupos=='top'? m1.offsetHeight : m1.offsetWidth)+'px';
if(el.menupos=='right'){
el.style.width=aw+'px';
if(el.kviewtype=='absolute'){
var ed=truebody().clientWidth? truebody().clientWidth : window.innerWidth&&truebody().offsetHeight<=window.innerHeight? window.innerWidth : window.innerWidth? window.innerWidth-20 : 0;
ed+=window.pageXOffset? window.pageXOffset : truebody().scrollLeft? truebody().scrollLeft: 0;
el.style.left=ed-el.offsetWidth+'px';
}
}
}
}
function to_em(n, o){
return Math.round((n/(16*parseInt(o.fontsize)/100))*1000)/1000;
}
function getrows(o){
var r=o.menuItems.length+(o.wrapbar? 1 : 0);
for (var i_tem = 0; i_tem < o.menuItems.length; i_tem++)
if (o.menuItems[i_tem][4]&&o.menuItems[i_tem][4]=='no')
r--;
return r;
}
function make_bar(o){
var bt=o.menupos=='right'||o.menupos=='top'? '<tr>' : '';
bt+='<td id="'+o.id+'bar" '+(o.menupos=='top'? 'colspan="'+o.d_colspan : 'rowspan="'+getrows(o))+'">'
if (!/<img/.test(o.bartext.toLowerCase())){
for (var i_tem = 0; i_tem < o.bartext.length-(o.menupos=='top'? 1 : 0); i_tem++)
bt+=o.menupos=='top'&&o.bartext.charAt(i_tem)==' '? '\u00a0 ' : o.menupos=='top'? o.bartext.charAt(i_tem)+' ' : '<br>'+o.bartext.charAt(i_tem);
bt+=o.menupos=='top'? o.bartext.charAt(o.bartext.length-1)+'</td>' : '<br>\u00a0</td>';
}
else
bt+=o.bartext+'</td>'
return bt+(o.menupos=='right'? '\n' : '</tr>\n');
}

function make_style(o){
if(o.user_defined_stylesheet&&!o.design_mode)
return '';
var sheet=''
sheet+='#'+o.id+' {\n'+
(o.menupos=='top'? 'top:0;\n' : 'top:'+o.menutop+'px; /*set initial Height from top*/\n')+
(o.menupos=='top'? 'left:'+o.menuleft+(typeof o.menuleft=='number'? 'px' : '')+';\n' : '')+
(o.menupos=='right'&&o.kviewtype=='fixed'? 'right:0;\n' : '')+
'position:'+o.kviewtype+';\n'+
'overflow:'+(o.menupos=='right'? 'hidden' : 'visible')+';\n'+
'z-index:100;\n'+
(o.menupos=='left'? 'left:0;\n' : '')+
'}\n'+
'#'+o.id+' div {\n'+
'border-width:'+(typeof o.outbrdwidth=='number'? o.outbrdwidth+'px' : o.outbrdwidth)+'; /*Menu\'s outer border*/\n'+
'border-style:'+o.outbrdstyle+';\n'+
(o.outbrdcolor=='none'? '' : 'border-color:'+o.outbrdcolor+';\n')+
'position:absolute;\n'+
'color:black;\n'+
'background-color:transparent;\n'+
'}\n'+
'#'+o.id+' table {\n'+
'border:'+o.borderwidth+'px '+o.borderstyle+' '+o.bordercolor+'; /*Menu\'s inner border*/\n'+
(o.menupos=='top'? 'border-left-width:0;\n' : '')+
(o.menupos=='top'? 'border-bottom-width:0;\n' : '')+
'font-family:'+o.menufont+', sans-serif; /*Overall font for Menu*/\n'+
'font-size:'+o.fontsize+';\n'+
'border-collapse:collapse;\n'+
'background-color:'+(o.allowtransparent? 'transparent' : o.bordercolor)+';\n'+
'width:'+to_em(o.barwidth+o.hdingwidth+o.borderwidth*(o.d_colspan+2), o)+'em;\n'+
'}\n'+
'#'+o.id+' td { /*Characteristics for cells in the menu table - do not specify width here*/\n'+
'border-bottom:'+o.borderwidth+'px '+o.borderstyle+' '+o.bordercolor+';\n'+
'border-left:'+o.borderwidth+'px '+o.borderstyle+' '+o.bordercolor+';\n'+
'height:'+to_em(o.linkheight, o)+'em;\n'+
'padding:0;\n'+
'margin:0;\n'+
'text-align:'+o.linktxtalign+';\n'+
'}\n'+
'#'+o.id+' #'+o.id+'bar { /*Characteristics for initially visible \'draw\' bar (the vertical cell)*/\n'+
(o.menupos=='top'? 'height:' : 'width:')+to_em(o.barwidth+(document.all||o.menupos=='top'? o.borderwidth*2 : 0), o)+'em;\n'+
'background-color:'+o.barbgcolor+';\n'+
'color:'+o.barcolor+';\n'+
'font-weight:'+o.barfontweight+';\n'+
'text-align:'+o.baralign+';\n'+
(o.menupos=='top'? '' : 'border-width:0;\n')+
'cursor:default;\n'+
'}\n'+
'#'+o.id+' .heading { /*Characteristics for heading cells in the menu table*/\n'+
'height:'+to_em(o.hdingheight, o)+'em;\n'+
'color:'+o.hdingcolor+';\n'+
'font-weight:'+o.hdingfontweight+';\n'+
'text-indent:'+o.hdingindent+'ex;\n'+
'background-color:'+o.hdingbgcolor+'; /*Background Color for menu headings */\n'+
'width:'+to_em(o.hdingwidth, o)+'em; /*This will be the menu body width. This'+(o.menupos!='top'? ' (plus #'+o.id+'bar width for left and right menus)' : '')+' and 4 times the border width should also be the menu table\'s approximate width*/\n'+
'vertical-align:'+o.hdingvalign+';\n'+
'text-align:'+o.hdingtxtalign+';\n'+
'border-left-color:'+o.hdingbgcolor+';\n'+
'border-left-style:solid;\n'+
'}\n'+
(o.wrapbar&&o.menupos!='top'? '#'+o.id+' #'+o.id+'lastrow {\n'+
'height:'+to_em(o.barwidth, o)+'em;\n'+
'background-color:'+o.barbgcolor+';\n'+
'border-width:0;\n'+
'margin:0 0 '+o.borderwidth+'px '+o.borderwidth+'px;\n'+
'}\n' : o.menupos!='top'? '#'+o.id+' #'+o.id+'lastrow {\n'+
'border-bottom-width:0;\n'+
'margin:0 0 '+o.borderwidth+'px '+o.borderwidth+'px;\n'+
'}\n' : '')+
'#'+o.id+' a {\n'+
'width:100%;\n'+
'height:100%;\n'+
'display:block;\n'+
'padding-top:'+to_em(o.linktopad, o)+'em;\n'+
'}\n';
if(o.design_mode){
if(document.getElementById('ooostyle'))
alert('Only one menu\'s script generated styles may be displayed at a time!\n\nCurrently showing '+document.getElementById('ooostyle').tell+'\'s stylesheet\n\n(or there is a syntax error - most\n\u00a0\u00a0\u00a0\u00a0likely in the menuItem.js file)');
else{
var isusing=o.user_defined_stylesheet? ' not' : '';
var sw=(window.innerWidth? window.innerWidth : truebody().clientWidth)/1.5;
document.write('<textarea id="ooostyle" cols="'+Math.floor(sw/8)+'" rows="65" wrap="off" style="margin-left:-'+Math.floor(sw/2)+'px;overflow:auto;position:absolute;top:10px;left:50%;z-index:1000;">\n')
document.write('\/* '+o.id+'\'s Script Generated Styles: */\n\/* '+o.id+' is'+isusing+' currently using these via the script */\n\n'+sheet);
document.write('\n\/* End '+o.id+'\'s Script Generated Styles */');
document.write('</textarea>')
document.getElementById('ooostyle').tell=o.id;
}
}
if(!o.user_defined_stylesheet)
return '<style type="text/css">\n'+sheet+'</style>';
return '';
}
function make_style_make_menu(o, s){
if(s){
if(!o.id) {alert('a unique id is required for each menu');return;};
if(!o.menuItems||o.menuItems.constructor!=Array) {alert('an array of menu items is required for each menu');return;};
if(!o.menutop) {o.menutop=150};
if(!o.menuleft) {o.menuleft='50%'};
if(!o.keepinview&&typeof o.keepinview=='boolean')
o.keepinview=false;
else if(!o.keepinview) {o.keepinview=30};
if(!o.menuspeed) {o.menuspeed=20};
if(!o.menupause) {o.menupause=500};
if(!o.d_colspan) {o.d_colspan=2};
if(!o.allowtransparent) {o.allowtransparent=false};
if(!o.barwidth) {o.barwidth=22};
if(!o.hdingwidth) {o.hdingwidth=149};
if(!o.hdingheight) {o.hdingheight=22};
if(!o.hdingindent) {o.hdingindent=1};
if(!o.linkheight) {o.linkheight=16};
if(!o.outbrdwidth) {o.outbrdwidth=0};
if(!o.outbrdcolor) {o.outbrdcolor="none"};
if(!o.outbrdstyle) {o.outbrdstyle="none"};
if(!o.borderwidth) {o.borderwidth=1};
if(!o.bordercolor) {o.bordercolor="#FFFFFF"};
if(!o.borderstyle) {o.borderstyle="solid"};
if(!o.barcolor) {o.barcolor="white"};
if(!o.barbgcolor) {o.barbgcolor="#918E8E"};
if(!o.barfontweight) {o.barfontweight="bold"};
if(!o.baralign) {o.baralign="center"};
if(!o.menufont) {o.menufont="verdana"};
if(!o.fontsize) {o.fontsize="80%"};
if(!o.hdingcolor) {o.hdingcolor="white"};
if(!o.hdingbgcolor) {o.hdingbgcolor="#809FFE"};
if(!o.hdingfontweight) {o.hdingfontweight="bold"};
if(!o.hdingvalign) {o.hdingvalign="middle"};
if(!o.hdingtxtalign) {o.hdingtxtalign="left"};
if(!o.linktopad) {o.linktopad=0};
if(!o.linktxtalign) {o.linktxtalign="left"};
if(!o.linktarget) {o.linktarget=""};
if(!o.menupos) {o.menupos="left"};
if(!o.bartext) {o.bartext="LIHAT MENU"};
if(!o.user_defined_stylesheet) {o.user_defined_stylesheet=false};
if(!o.user_defined_markup) {o.user_defined_markup=false};
if(!o.design_mode) {o.design_mode=false};
if(!o.wrapbar) {o.wrapbar=false};
if(!o.kviewtype) {o.kviewtype='absolute'};
if(typeof ie6_or_less!='undefined')
o.kviewtype='absolute';
else if(o.menupos=='top'&&o.kviewtype=='absolute')
o.kviewtype='fixed';
while(!o.menuItems[o.menuItems.length-1])
o.menuItems.length=o.menuItems.length-1;
document.write(make_style(o));
return;
}
else {
if(o.design_mode||!o.user_defined_markup){
var hw=o.hdingwidth;

var tb='<div id="'+o.id+'" onmouseover="movein(this);" onmouseout="moveout(this);"><div><table>\n';
tb+=o.menupos=='right'? make_bar(o) : '';
for (var i_tem = 0; i_tem < o.menuItems.length; i_tem++){
if ((o.menupos=='top'&&i_tem==0)||i_tem>0&&(!o.menuItems[i_tem-1][4]||o.menuItems[i_tem-1][4]!=='no'))
tb+='<tr>'
if (o.menuItems[i_tem][1]&&o.menuItems[i_tem][1]!==''){
tb+='<td '+(i_tem==o.menuItems.length-1&&!o.wrapbar&&o.menupos!='top'? 'id="'+o.id+'lastrow" ' : '')+'colspan="'+(o.menuItems[i_tem][3]&&o.menuItems[i_tem][3]!==''? o.menuItems[i_tem][3] : o.d_colspan)+'"><a href="'+o.menuItems[i_tem][1]+'" target="'+(o.menuItems[i_tem][2]? o.menuItems[i_tem][2] : o.linktarget)+'">'+o.menuItems[i_tem][0]+'</a></td>'
}
else
tb+='<td '+(i_tem==o.menuItems.length-1&&!o.wrapbar&&o.menupos!='top'? 'id="'+o.id+'lastrow" ' : '')+'class="heading" '+(o.menuItems[i_tem][3]&&o.menuItems[i_tem][3]!==''&&o.menuItems[i_tem][3]!==o.d_colspan? 'style="width:'+to_em(hw*o.menuItems[i_tem][3]/o.d_colspan, o)+'em;'+(i_tem>0&&o.menuItems[i_tem-1][4]&&o.menuItems[i_tem-1][4]=='no'? 'border-left-width:0;margin-left:'+o.borderwidth+'px;' : '')+'" ' : '')+'colspan="'+(o.menuItems[i_tem][3]&&o.menuItems[i_tem][3]!==''? o.menuItems[i_tem][3] : o.d_colspan)+'">'+o.menuItems[i_tem][0]+'</td>'
if (!o.menuItems[i_tem][4]||o.menuItems[i_tem][4]!=='no')
tb+=o.menupos=='left'&&i_tem==0? make_bar(o) : '</tr>\n';
}
tb+=o.wrapbar&&o.menupos!='top'? '<tr><td id="'+o.id+'lastrow" colspan="'+o.d_colspan+'">\u00a0</td></tr>\n' : '';
tb+=o.menupos=='top'? make_bar(o) : '';

if(!o.user_defined_markup)
document.write(tb+'</table></div></div>')
}
if(o.design_mode)
document.getElementById('ooostyle').value+='\n\n<!-- The Markup for '+o.id+' -->\n\n'+tb+'</table></div></div>\n\n<!-- End '+o.id+'\'s Markup -->'
o.m=document.getElementById(o.id);
var b=document.getElementById(o.id+'bar');
o.m.b=b;
o.m.ft=1;
o.m.menupos=o.menupos;
o.m.menupause=o.menupause;
o.m.menuspeed=o.menuspeed;
o.m.borderwidth=o.borderwidth;
o.m.kviewtype=o.kviewtype;
resizevent(o);
if(o.menupos=='top'&&typeof window.attachEvent=='object'&&typeof ie6_or_less!='undefined')
window.attachEvent('onscroll', function(){o.m.style.visibility='hidden';});
if(o.kviewtype=='absolute'&&(o.menupos!='top'||(typeof ie6_or_less!='undefined'&&typeof window.attachEvent=='object')))
setInterval(function(){keep_in_view(o)}, 20)
}
}

function resizevent(o){
var m1=o.m.getElementsByTagName('div')[0], bo=o.menupos=='top'? o.m.b.offsetHeight : o.m.b.offsetWidth;
m1.style[o.menupos]=bo-(o.menupos=='top'? m1.offsetHeight : m1.offsetWidth)+'px'
if(o.menupos=='right'){
if(o.kviewtype=='absolute')
o.m.style.left=getedge(o)-o.m.offsetWidth+'px';
o.m.style.width=bo+'px';
o.m.style.height=m1.offsetHeight+'px';
if(typeof less_than_ie5_5!='undefined'){
o.m.onmouseover(o.m);
o.m.onmouseout(o.m);
}
}
if(o.menupos=='top'){
o.m.style.width=m1.style.width=o.m.getElementsByTagName('table')[0].offsetWidth+'px';
if(typeof o.menuleft=='string')
o.m.style.marginLeft=Math.floor(m1.offsetWidth/-2)+'px';
}
}
/*

ONTEXTRESIZE EVENT SPOOFER

Including this file in your page will allow you to assign a function
to window.ontextresize, which will be called when the user changes the
size of text on the page.

Used with (as far as I know) permission from: http://forkandspoonhelmet.com/Fork_and_Spoon_Helmet

*/
var ontextresizeLastSize = false;
if (window.attachEvent) window.attachEvent("onload", initOntextresizeListener);
else if (window.addEventListener) window.addEventListener("load", initOntextresizeListener, false);
function initOntextresizeListener() {
if(!resizereinit||typeof less_than_ie5_5!='undefined')
return;
var testDiv = document.createElement("div");
testDiv.style.position = "absolute";
testDiv.style.height = "1em";
testDiv.style.width = "1em";
testDiv.style.top = "-2em";
testDiv.style.left = "-2em";
var docTestDiv = document.body.appendChild(testDiv);
docTestDiv.id = "ontextresizeTestDiv";
ontextresizeListener = setInterval("ontextresizeCheckTestDiv()",100);
}
function ontextresizeCheckTestDiv() {
if (ontextresizeLastSize!=document.getElementById("ontextresizeTestDiv").offsetWidth) {
if (ontextresizeLastSize && window.ontextresize) window.ontextresize.call();
ontextresizeLastSize = document.getElementById("ontextresizeTestDiv").offsetWidth;
}
}
window.ontextresize=function(){
for (var i_tem = 0; i_tem < menu.length; i_tem++)
if(typeof menu[i_tem]!='undefined')
resizevent(menu[i_tem]);
};

function make_menus(){
if(document.getElementById){
for (var i_tem = 0; i_tem < menu.length; i_tem++)
if(typeof menu[i_tem]!='undefined')
make_style_make_menu(menu[i_tem], 's');
for (i_tem = 0; i_tem < menu.length; i_tem++)
if(typeof menu[i_tem]!='undefined')
make_style_make_menu(menu[i_tem]);
}
}
</script>
<script type="text/javascript">
/***********************************************
* Omni Slide Menu script - © John Davenport Scheuer
* very freely adapted from Dynamic-FX Slide-In Menu (v 6.5) script- by maXimus
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code
* as first mentioned in http://www.dynamicdrive.com/forums
* username:jscheuer1
***********************************************/

//One global variable to set, use true if you want the menus to reinit when the user changes text size (recommended):
resizereinit=true;

menu[1] = {
id:'menu1', //use unique quoted id (quoted) REQUIRED!!
fontsize:'100%', // express as percentage with the % sign
linkheight:22 , // linked horizontal cells height
hdingwidth:210 , // heading - non linked horizontal cells width
// Finished configuration. Use default values for all other settings for this particular menu (menu[1]) ///

menuItems:[ // REQUIRED!!
//[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
["Menu Utama"], //create header
["Home", "http://t4belajarblogger.blogspot.com", ""],
["Daftar Isi", "http://t4belajarblogger.blogspot.com/2009/11/bagaimana-kalau-seorang-seniman-lagi.html",""],
["Link Teman", "http://t4belajarblogger.blogspot.com/p/links.html", ""],
["Tukaran Link", "http://t4belajarblogger.blogspot.com/p/link-exchange.html", ""],
["Recent Comments", "http://t4belajarblogger.blogspot.com/2009/12/my-recent-comment-and-top-commentator.html", ""],
["Parsing Code", "http://t4belajarblogger.blogspot.com/2009/12/memasang-fasilitas-parsing-code-ke.html", ""],

["AKU", "http://www.blogger.com/profile/00282623483850735612", "", 1, "no"], //create two column row, requires d_colspan:2 (the default)
["Email", "http://t4belajarblogger.blogspot.com/p/kontak-empunya-blog.html", "",1],

["Menarik Lho!!!", "", ""], //create header
["Highlight Author", "http://t4belajarblogger.blogspot.com/2009/12/cara-membuat-warna-komen-admin-berbeda.html", "_new"],
["Highlight Code", "http://t4belajarblogger.blogspot.com/2009/12/cara-membuat-highlight-kode.html", "_new"],
["Menu D-Tree", "http://t4belajarblogger.blogspot.com/2009/12/cara-membuat-menu-dtree.html", "_new"],
["Menu Dropdown", "http://t4belajarblogger.blogspot.com/2009/11/cara-membuat-menu-dropdown.html", "_new"],
["Menu Horizontal", "http://t4belajarblogger.blogspot.com/2009/12/membuat-menu-horizontal.html", "_new"],
["Emoticon Yahoo!", "http://t4belajarblogger.blogspot.com/2010/03/cara-memasang-emoticon-yahoo-pada-kotak.html", "_new"] //no comma after last entry

]}; // REQUIRED!! do not edit or remove

////////////////////Stop Editing/////////////////

make_menus();
</script>

5. Jika sudah, perhatikan pada bagian2 yang telah saya tandai dengan warna Hijau dan Biru, itu artinya bagian tersebut bisa sobat ubah atau bisa sobat sesuaikan dengan keinginan sobat yang meliputi: Warna background, nama menu, link2 menu serta tampilan teks dari menu yang muncul. (Tips: Untuk mempermudah mengedit, silahkan untuk sambil melihat menu di samping)

Jika sobat penasaran dengan bentuk menu yang saya maksud, silahkan untuk menengok ke sebelah kiri blog ini (t4belajarblogger.blogspot.com), pasti ada menu "omni slide" di mana ketika sobat mengarahkan mouse sobat maka menu tersebut akan terbuka dan melebar. Nah, itulah yang dinamakan dengan menu omni slide. [Menu telah DICOPOT, namun fungsi insyaAllah akan terus berfungsi]

Cara untuk memasang menu omni slide adalah sebagai berikut:

1. Silahkan login ke akun blogger anda
2. Klik menu "Rancangan"
3. Klik "Tambah Gadget"

4. Pastekan kode berikut di dalamnya...

<script type="text/javascript">
if (typeof window.attachEvent=='object'){
document.write('<!--[if lte IE 6]>\n'+
'<script type="text/javascript">\n'+
'var ie6_or_less=1;\n'+
'<\/script>\n'+
'<![endif]-->\n'+
'<!--[if lt IE 5.5]>\n'+
'<script type="text/javascript">\n'+
'var less_than_ie5_5=1;\n'+
'<\/script>\n'+
'<![endif]-->')
}

var menu=[], resizereinit=true;
function truebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function getedge(o, is_top){
var edge;
if (is_top)
edge=window.pageYOffset? window.pageYOffset : truebody().scrollTop? truebody().scrollTop : 0;
else{
edge=o.menupos=='left'? 0 : truebody().clientWidth? truebody().clientWidth : window.innerWidth&&truebody().offsetHeight<=window.innerHeight? window.innerWidth : window.innerWidth? window.innerWidth-20 : 0;
edge+=window.pageXOffset? window.pageXOffset : truebody().scrollLeft? truebody().scrollLeft: 0;
}
return edge;
}

function keep_in_view(o){
if(o.keepinview){
if(o.m.ft){
o.m.ft=0;
o.m.topP=o.m.offsetTop;
o.m.ltop=0;
}
var pt=getedge(o, 'top'), ks=typeof o.keepinview=='number'&&o.keepinview<o.m.topP&&o.keepinview>0? o.keepinview : o.m.topP, smooth=0;
if (pt!=o.m.ltop){
if(o.menupos=='top')
o.m.style.visibility='hidden';
smooth = pt>o.m.topP-ks? .2 * (pt - o.m.ltop - o.m.topP + ks) : o.m.ltop>0? -.2 * o.m.ltop : 0;
smooth = smooth > 0 ? Math.ceil(smooth) : Math.floor(smooth);
}
else if(o.menupos=='top')
o.m.style.visibility='';
o.m.style.top=(o.m.style.top? parseInt(o.m.style.top) : o.m.topP)+smooth+'px';
o.m.ltop += smooth;
}
if(o.menupos=='top'){
if(typeof o.menuleft=='string'){
o.m.style.left=o.menuleft
o.m.style.marginLeft=Math.floor(o.m.getElementsByTagName('div')[0].offsetWidth/-2)+'px';
o.lleft=o.m.offsetLeft;
}
o.m.style.marginLeft=0;
o.m.style.left=o.lleft+(window.pageXOffset? window.pageXOffset : truebody().scrollLeft? truebody().scrollLeft: 0)+'px';
}
else
o.m.style.left=getedge(o)-(o.menupos=='right'? o.m.offsetWidth : 0)+'px';
}
function move(el, num){
el.getElementsByTagName('div')[0].style[el.menupos]=parseInt(el.getElementsByTagName('div')[0].style[el.menupos])+num+'px';
if(el.menupos=='right'){
if(el.kviewtype=='absolute')
el.style.left=parseInt(el.style.left)-num+'px';
el.style.width=parseInt(el.style.width)+num+'px';
}
if(num>0)
el.moving=setTimeout(function(){movein(el)}, el.menuspeed)
else
el.moving=setTimeout(function(){moveout1(el)}, el.menuspeed)
}
function movein(el){
var m1=parseInt(el.getElementsByTagName('div')[0].style[el.menupos]);
if(el.moving)
clearTimeout(el.moving);
if (m1<-1*el.borderwidth)
move(el, Math.min(-1*m1-el.borderwidth, 10));
}
function moveout(el){
if(el.moving)
clearTimeout(el.moving);
el.moving=setTimeout(function(){moveout1(el)}, el.menupause);
}
function moveout1(el){
var aw=el.menupos=='top'? el.b.offsetHeight : el.b.offsetWidth, m1=el.getElementsByTagName('div')[0];
if(el.moving)
clearTimeout(el.moving);
if (parseInt(m1.style[el.menupos])>aw-(el.menupos=='top'? m1.offsetHeight : m1.offsetWidth)+10)
move(el, -10);
else {
m1.style[el.menupos]=aw-(el.menupos=='top'? m1.offsetHeight : m1.offsetWidth)+'px';
if(el.menupos=='right'){
el.style.width=aw+'px';
if(el.kviewtype=='absolute'){
var ed=truebody().clientWidth? truebody().clientWidth : window.innerWidth&&truebody().offsetHeight<=window.innerHeight? window.innerWidth : window.innerWidth? window.innerWidth-20 : 0;
ed+=window.pageXOffset? window.pageXOffset : truebody().scrollLeft? truebody().scrollLeft: 0;
el.style.left=ed-el.offsetWidth+'px';
}
}
}
}
function to_em(n, o){
return Math.round((n/(16*parseInt(o.fontsize)/100))*1000)/1000;
}
function getrows(o){
var r=o.menuItems.length+(o.wrapbar? 1 : 0);
for (var i_tem = 0; i_tem < o.menuItems.length; i_tem++)
if (o.menuItems[i_tem][4]&&o.menuItems[i_tem][4]=='no')
r--;
return r;
}
function make_bar(o){
var bt=o.menupos=='right'||o.menupos=='top'? '<tr>' : '';
bt+='<td id="'+o.id+'bar" '+(o.menupos=='top'? 'colspan="'+o.d_colspan : 'rowspan="'+getrows(o))+'">'
if (!/<img/.test(o.bartext.toLowerCase())){
for (var i_tem = 0; i_tem < o.bartext.length-(o.menupos=='top'? 1 : 0); i_tem++)
bt+=o.menupos=='top'&&o.bartext.charAt(i_tem)==' '? '\u00a0 ' : o.menupos=='top'? o.bartext.charAt(i_tem)+' ' : '<br>'+o.bartext.charAt(i_tem);
bt+=o.menupos=='top'? o.bartext.charAt(o.bartext.length-1)+'</td>' : '<br>\u00a0</td>';
}
else
bt+=o.bartext+'</td>'
return bt+(o.menupos=='right'? '\n' : '</tr>\n');
}

function make_style(o){
if(o.user_defined_stylesheet&&!o.design_mode)
return '';
var sheet=''
sheet+='#'+o.id+' {\n'+
(o.menupos=='top'? 'top:0;\n' : 'top:'+o.menutop+'px; /*set initial Height from top*/\n')+
(o.menupos=='top'? 'left:'+o.menuleft+(typeof o.menuleft=='number'? 'px' : '')+';\n' : '')+
(o.menupos=='right'&&o.kviewtype=='fixed'? 'right:0;\n' : '')+
'position:'+o.kviewtype+';\n'+
'overflow:'+(o.menupos=='right'? 'hidden' : 'visible')+';\n'+
'z-index:100;\n'+
(o.menupos=='left'? 'left:0;\n' : '')+
'}\n'+
'#'+o.id+' div {\n'+
'border-width:'+(typeof o.outbrdwidth=='number'? o.outbrdwidth+'px' : o.outbrdwidth)+'; /*Menu\'s outer border*/\n'+
'border-style:'+o.outbrdstyle+';\n'+
(o.outbrdcolor=='none'? '' : 'border-color:'+o.outbrdcolor+';\n')+
'position:absolute;\n'+
'color:black;\n'+
'background-color:transparent;\n'+
'}\n'+
'#'+o.id+' table {\n'+
'border:'+o.borderwidth+'px '+o.borderstyle+' '+o.bordercolor+'; /*Menu\'s inner border*/\n'+
(o.menupos=='top'? 'border-left-width:0;\n' : '')+
(o.menupos=='top'? 'border-bottom-width:0;\n' : '')+
'font-family:'+o.menufont+', sans-serif; /*Overall font for Menu*/\n'+
'font-size:'+o.fontsize+';\n'+
'border-collapse:collapse;\n'+
'background-color:'+(o.allowtransparent? 'transparent' : o.bordercolor)+';\n'+
'width:'+to_em(o.barwidth+o.hdingwidth+o.borderwidth*(o.d_colspan+2), o)+'em;\n'+
'}\n'+
'#'+o.id+' td { /*Characteristics for cells in the menu table - do not specify width here*/\n'+
'border-bottom:'+o.borderwidth+'px '+o.borderstyle+' '+o.bordercolor+';\n'+
'border-left:'+o.borderwidth+'px '+o.borderstyle+' '+o.bordercolor+';\n'+
'height:'+to_em(o.linkheight, o)+'em;\n'+
'padding:0;\n'+
'margin:0;\n'+
'text-align:'+o.linktxtalign+';\n'+
'}\n'+
'#'+o.id+' #'+o.id+'bar { /*Characteristics for initially visible \'draw\' bar (the vertical cell)*/\n'+
(o.menupos=='top'? 'height:' : 'width:')+to_em(o.barwidth+(document.all||o.menupos=='top'? o.borderwidth*2 : 0), o)+'em;\n'+
'background-color:'+o.barbgcolor+';\n'+
'color:'+o.barcolor+';\n'+
'font-weight:'+o.barfontweight+';\n'+
'text-align:'+o.baralign+';\n'+
(o.menupos=='top'? '' : 'border-width:0;\n')+
'cursor:default;\n'+
'}\n'+
'#'+o.id+' .heading { /*Characteristics for heading cells in the menu table*/\n'+
'height:'+to_em(o.hdingheight, o)+'em;\n'+
'color:'+o.hdingcolor+';\n'+
'font-weight:'+o.hdingfontweight+';\n'+
'text-indent:'+o.hdingindent+'ex;\n'+
'background-color:'+o.hdingbgcolor+'; /*Background Color for menu headings */\n'+
'width:'+to_em(o.hdingwidth, o)+'em; /*This will be the menu body width. This'+(o.menupos!='top'? ' (plus #'+o.id+'bar width for left and right menus)' : '')+' and 4 times the border width should also be the menu table\'s approximate width*/\n'+
'vertical-align:'+o.hdingvalign+';\n'+
'text-align:'+o.hdingtxtalign+';\n'+
'border-left-color:'+o.hdingbgcolor+';\n'+
'border-left-style:solid;\n'+
'}\n'+
(o.wrapbar&&o.menupos!='top'? '#'+o.id+' #'+o.id+'lastrow {\n'+
'height:'+to_em(o.barwidth, o)+'em;\n'+
'background-color:'+o.barbgcolor+';\n'+
'border-width:0;\n'+
'margin:0 0 '+o.borderwidth+'px '+o.borderwidth+'px;\n'+
'}\n' : o.menupos!='top'? '#'+o.id+' #'+o.id+'lastrow {\n'+
'border-bottom-width:0;\n'+
'margin:0 0 '+o.borderwidth+'px '+o.borderwidth+'px;\n'+
'}\n' : '')+
'#'+o.id+' a {\n'+
'width:100%;\n'+
'height:100%;\n'+
'display:block;\n'+
'padding-top:'+to_em(o.linktopad, o)+'em;\n'+
'}\n';
if(o.design_mode){
if(document.getElementById('ooostyle'))
alert('Only one menu\'s script generated styles may be displayed at a time!\n\nCurrently showing '+document.getElementById('ooostyle').tell+'\'s stylesheet\n\n(or there is a syntax error - most\n\u00a0\u00a0\u00a0\u00a0likely in the menuItem.js file)');
else{
var isusing=o.user_defined_stylesheet? ' not' : '';
var sw=(window.innerWidth? window.innerWidth : truebody().clientWidth)/1.5;
document.write('<textarea id="ooostyle" cols="'+Math.floor(sw/8)+'" rows="65" wrap="off" style="margin-left:-'+Math.floor(sw/2)+'px;overflow:auto;position:absolute;top:10px;left:50%;z-index:1000;">\n')
document.write('\/* '+o.id+'\'s Script Generated Styles: */\n\/* '+o.id+' is'+isusing+' currently using these via the script */\n\n'+sheet);
document.write('\n\/* End '+o.id+'\'s Script Generated Styles */');
document.write('</textarea>')
document.getElementById('ooostyle').tell=o.id;
}
}
if(!o.user_defined_stylesheet)
return '<style type="text/css">\n'+sheet+'</style>';
return '';
}
function make_style_make_menu(o, s){
if(s){
if(!o.id) {alert('a unique id is required for each menu');return;};
if(!o.menuItems||o.menuItems.constructor!=Array) {alert('an array of menu items is required for each menu');return;};
if(!o.menutop) {o.menutop=150};
if(!o.menuleft) {o.menuleft='50%'};
if(!o.keepinview&&typeof o.keepinview=='boolean')
o.keepinview=false;
else if(!o.keepinview) {o.keepinview=30};
if(!o.menuspeed) {o.menuspeed=20};
if(!o.menupause) {o.menupause=500};
if(!o.d_colspan) {o.d_colspan=2};
if(!o.allowtransparent) {o.allowtransparent=false};
if(!o.barwidth) {o.barwidth=22};
if(!o.hdingwidth) {o.hdingwidth=149};
if(!o.hdingheight) {o.hdingheight=22};
if(!o.hdingindent) {o.hdingindent=1};
if(!o.linkheight) {o.linkheight=16};
if(!o.outbrdwidth) {o.outbrdwidth=0};
if(!o.outbrdcolor) {o.outbrdcolor="none"};
if(!o.outbrdstyle) {o.outbrdstyle="none"};
if(!o.borderwidth) {o.borderwidth=1};
if(!o.bordercolor) {o.bordercolor="#FFFFFF"};
if(!o.borderstyle) {o.borderstyle="solid"};
if(!o.barcolor) {o.barcolor="white"};
if(!o.barbgcolor) {o.barbgcolor="#918E8E"};
if(!o.barfontweight) {o.barfontweight="bold"};
if(!o.baralign) {o.baralign="center"};
if(!o.menufont) {o.menufont="verdana"};
if(!o.fontsize) {o.fontsize="80%"};
if(!o.hdingcolor) {o.hdingcolor="white"};
if(!o.hdingbgcolor) {o.hdingbgcolor="#809FFE"};
if(!o.hdingfontweight) {o.hdingfontweight="bold"};
if(!o.hdingvalign) {o.hdingvalign="middle"};
if(!o.hdingtxtalign) {o.hdingtxtalign="left"};
if(!o.linktopad) {o.linktopad=0};
if(!o.linktxtalign) {o.linktxtalign="left"};
if(!o.linktarget) {o.linktarget=""};
if(!o.menupos) {o.menupos="left"};
if(!o.bartext) {o.bartext="LIHAT MENU"};
if(!o.user_defined_stylesheet) {o.user_defined_stylesheet=false};
if(!o.user_defined_markup) {o.user_defined_markup=false};
if(!o.design_mode) {o.design_mode=false};
if(!o.wrapbar) {o.wrapbar=false};
if(!o.kviewtype) {o.kviewtype='absolute'};
if(typeof ie6_or_less!='undefined')
o.kviewtype='absolute';
else if(o.menupos=='top'&&o.kviewtype=='absolute')
o.kviewtype='fixed';
while(!o.menuItems[o.menuItems.length-1])
o.menuItems.length=o.menuItems.length-1;
document.write(make_style(o));
return;
}
else {
if(o.design_mode||!o.user_defined_markup){
var hw=o.hdingwidth;

var tb='<div id="'+o.id+'" onmouseover="movein(this);" onmouseout="moveout(this);"><div><table>\n';
tb+=o.menupos=='right'? make_bar(o) : '';
for (var i_tem = 0; i_tem < o.menuItems.length; i_tem++){
if ((o.menupos=='top'&&i_tem==0)||i_tem>0&&(!o.menuItems[i_tem-1][4]||o.menuItems[i_tem-1][4]!=='no'))
tb+='<tr>'
if (o.menuItems[i_tem][1]&&o.menuItems[i_tem][1]!==''){
tb+='<td '+(i_tem==o.menuItems.length-1&&!o.wrapbar&&o.menupos!='top'? 'id="'+o.id+'lastrow" ' : '')+'colspan="'+(o.menuItems[i_tem][3]&&o.menuItems[i_tem][3]!==''? o.menuItems[i_tem][3] : o.d_colspan)+'"><a href="'+o.menuItems[i_tem][1]+'" target="'+(o.menuItems[i_tem][2]? o.menuItems[i_tem][2] : o.linktarget)+'">'+o.menuItems[i_tem][0]+'</a></td>'
}
else
tb+='<td '+(i_tem==o.menuItems.length-1&&!o.wrapbar&&o.menupos!='top'? 'id="'+o.id+'lastrow" ' : '')+'class="heading" '+(o.menuItems[i_tem][3]&&o.menuItems[i_tem][3]!==''&&o.menuItems[i_tem][3]!==o.d_colspan? 'style="width:'+to_em(hw*o.menuItems[i_tem][3]/o.d_colspan, o)+'em;'+(i_tem>0&&o.menuItems[i_tem-1][4]&&o.menuItems[i_tem-1][4]=='no'? 'border-left-width:0;margin-left:'+o.borderwidth+'px;' : '')+'" ' : '')+'colspan="'+(o.menuItems[i_tem][3]&&o.menuItems[i_tem][3]!==''? o.menuItems[i_tem][3] : o.d_colspan)+'">'+o.menuItems[i_tem][0]+'</td>'
if (!o.menuItems[i_tem][4]||o.menuItems[i_tem][4]!=='no')
tb+=o.menupos=='left'&&i_tem==0? make_bar(o) : '</tr>\n';
}
tb+=o.wrapbar&&o.menupos!='top'? '<tr><td id="'+o.id+'lastrow" colspan="'+o.d_colspan+'">\u00a0</td></tr>\n' : '';
tb+=o.menupos=='top'? make_bar(o) : '';

if(!o.user_defined_markup)
document.write(tb+'</table></div></div>')
}
if(o.design_mode)
document.getElementById('ooostyle').value+='\n\n<!-- The Markup for '+o.id+' -->\n\n'+tb+'</table></div></div>\n\n<!-- End '+o.id+'\'s Markup -->'
o.m=document.getElementById(o.id);
var b=document.getElementById(o.id+'bar');
o.m.b=b;
o.m.ft=1;
o.m.menupos=o.menupos;
o.m.menupause=o.menupause;
o.m.menuspeed=o.menuspeed;
o.m.borderwidth=o.borderwidth;
o.m.kviewtype=o.kviewtype;
resizevent(o);
if(o.menupos=='top'&&typeof window.attachEvent=='object'&&typeof ie6_or_less!='undefined')
window.attachEvent('onscroll', function(){o.m.style.visibility='hidden';});
if(o.kviewtype=='absolute'&&(o.menupos!='top'||(typeof ie6_or_less!='undefined'&&typeof window.attachEvent=='object')))
setInterval(function(){keep_in_view(o)}, 20)
}
}

function resizevent(o){
var m1=o.m.getElementsByTagName('div')[0], bo=o.menupos=='top'? o.m.b.offsetHeight : o.m.b.offsetWidth;
m1.style[o.menupos]=bo-(o.menupos=='top'? m1.offsetHeight : m1.offsetWidth)+'px'
if(o.menupos=='right'){
if(o.kviewtype=='absolute')
o.m.style.left=getedge(o)-o.m.offsetWidth+'px';
o.m.style.width=bo+'px';
o.m.style.height=m1.offsetHeight+'px';
if(typeof less_than_ie5_5!='undefined'){
o.m.onmouseover(o.m);
o.m.onmouseout(o.m);
}
}
if(o.menupos=='top'){
o.m.style.width=m1.style.width=o.m.getElementsByTagName('table')[0].offsetWidth+'px';
if(typeof o.menuleft=='string')
o.m.style.marginLeft=Math.floor(m1.offsetWidth/-2)+'px';
}
}
/*

ONTEXTRESIZE EVENT SPOOFER

Including this file in your page will allow you to assign a function
to window.ontextresize, which will be called when the user changes the
size of text on the page.

Used with (as far as I know) permission from: http://forkandspoonhelmet.com/Fork_and_Spoon_Helmet

*/
var ontextresizeLastSize = false;
if (window.attachEvent) window.attachEvent("onload", initOntextresizeListener);
else if (window.addEventListener) window.addEventListener("load", initOntextresizeListener, false);
function initOntextresizeListener() {
if(!resizereinit||typeof less_than_ie5_5!='undefined')
return;
var testDiv = document.createElement("div");
testDiv.style.position = "absolute";
testDiv.style.height = "1em";
testDiv.style.width = "1em";
testDiv.style.top = "-2em";
testDiv.style.left = "-2em";
var docTestDiv = document.body.appendChild(testDiv);
docTestDiv.id = "ontextresizeTestDiv";
ontextresizeListener = setInterval("ontextresizeCheckTestDiv()",100);
}
function ontextresizeCheckTestDiv() {
if (ontextresizeLastSize!=document.getElementById("ontextresizeTestDiv").offsetWidth) {
if (ontextresizeLastSize && window.ontextresize) window.ontextresize.call();
ontextresizeLastSize = document.getElementById("ontextresizeTestDiv").offsetWidth;
}
}
window.ontextresize=function(){
for (var i_tem = 0; i_tem < menu.length; i_tem++)
if(typeof menu[i_tem]!='undefined')
resizevent(menu[i_tem]);
};

function make_menus(){
if(document.getElementById){
for (var i_tem = 0; i_tem < menu.length; i_tem++)
if(typeof menu[i_tem]!='undefined')
make_style_make_menu(menu[i_tem], 's');
for (i_tem = 0; i_tem < menu.length; i_tem++)
if(typeof menu[i_tem]!='undefined')
make_style_make_menu(menu[i_tem]);
}
}
</script>
<script type="text/javascript">
/***********************************************
* Omni Slide Menu script - © John Davenport Scheuer
* very freely adapted from Dynamic-FX Slide-In Menu (v 6.5) script- by maXimus
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code
* as first mentioned in http://www.dynamicdrive.com/forums
* username:jscheuer1
***********************************************/

//One global variable to set, use true if you want the menus to reinit when the user changes text size (recommended):
resizereinit=true;

menu[1] = {
id:'menu1', //use unique quoted id (quoted) REQUIRED!!
fontsize:'100%', // express as percentage with the % sign
linkheight:22 , // linked horizontal cells height
hdingwidth:210 , // heading - non linked horizontal cells width
// Finished configuration. Use default values for all other settings for this particular menu (menu[1]) ///

menuItems:[ // REQUIRED!!
//[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
["Menu Utama"], //create header
["Home", "http://t4belajarblogger.blogspot.com", ""],
["Daftar Isi", "http://t4belajarblogger.blogspot.com/2009/11/bagaimana-kalau-seorang-seniman-lagi.html",""],
["Link Teman", "http://t4belajarblogger.blogspot.com/p/links.html", ""],
["Tukaran Link", "http://t4belajarblogger.blogspot.com/p/link-exchange.html", ""],
["Recent Comments", "http://t4belajarblogger.blogspot.com/2009/12/my-recent-comment-and-top-commentator.html", ""],
["Parsing Code", "http://t4belajarblogger.blogspot.com/2009/12/memasang-fasilitas-parsing-code-ke.html", ""],

["AKU", "http://www.blogger.com/profile/00282623483850735612", "", 1, "no"], //create two column row, requires d_colspan:2 (the default)
["Email", "http://t4belajarblogger.blogspot.com/p/kontak-empunya-blog.html", "",1],

["Menarik Lho!!!", "", ""], //create header
["Highlight Author", "http://t4belajarblogger.blogspot.com/2009/12/cara-membuat-warna-komen-admin-berbeda.html", "_new"],
["Highlight Code", "http://t4belajarblogger.blogspot.com/2009/12/cara-membuat-highlight-kode.html", "_new"],
["Menu D-Tree", "http://t4belajarblogger.blogspot.com/2009/12/cara-membuat-menu-dtree.html", "_new"],
["Menu Dropdown", "http://t4belajarblogger.blogspot.com/2009/11/cara-membuat-menu-dropdown.html", "_new"],
["Menu Horizontal", "http://t4belajarblogger.blogspot.com/2009/12/membuat-menu-horizontal.html", "_new"],
["Emoticon Yahoo!", "http://t4belajarblogger.blogspot.com/2010/03/cara-memasang-emoticon-yahoo-pada-kotak.html", "_new"] //no comma after last entry

]}; // REQUIRED!! do not edit or remove

////////////////////Stop Editing/////////////////

make_menus();
</script>

5. Jika sudah, perhatikan pada bagian2 yang telah saya tandai dengan warna Hijau dan Biru, itu artinya bagian tersebut bisa sobat ubah atau bisa sobat sesuaikan dengan keinginan sobat yang meliputi: Warna background, nama menu, link2 menu serta tampilan teks dari menu yang muncul. (Tips: Untuk mempermudah mengedit, silahkan untuk sambil melihat menu di samping)

Download Adobe Photoshop CS6 Portable

Download Adobe Photoshop CS6 Portable

Download Adobe Photoshop CS6 Portable Gratis. Kali ini rizki akan bagikan photoshop terbaru, yaitu adobe photoshop cs6. Temen-temen bisa download adobe photoshop cs6 portable gratis disini. Yang jelas photoshop versi cs6 ini lebih mantap dibanding versi sebelumnya, adobe photoshop cs5 portable. Mau ?
Adapun fitur fitur adobe photoshop cs6 :
Unrivaled editing
• Adjustments panel for live, nondestructive image adjustment
• Masks panel for creating editable, feathered, density-controlled masks
• Content-Aware Scaling
• Enhanced auto-blending of images
• Enhanced auto-alignment of layers
• 360-degree panoramas
• Extended depth of field
• Better raw image processing
• Enhanced expert retouching
Increased productivity
• Smoother panning and zooming and fluid canvas rotation
• Industry-leading color correction with reengineered Dodge, Burn, and Sponge
• Efficient file management with new Adobe Bridge CS4
• Tighter integration with Adobe Photoshop Lightroom®
• Adobe Kuler™ for color harmony creation and sharing
• N-up and multiple document view
• More powerful printing options
• Superior performance on very large images
• Multi-Touch support on Mac laptops
• Adobe Community Help
Breakthrough 3D, motion graphics, and image analysis
• Direct painting on 3D objects
• Easy conversion from 2D to 3D
• Editable 3D properties (scene, materials, meshes, lights)
• High-quality output with new ray-tracing rendering engine
• 2D and 3D image compositing
• 3D object animation
• 3D/video support
• New, high-performance, nonmodal 3D engine
• Volume rendering
• Single-key shortcuts for editing motion graphics
• Preview and export of audio content and frame comments
• Quantitative data extraction
• Enhanced Count tool
Bagi yang mau download, silahkan klik disini dan disini.
Selamat men Download Adobe Photoshop CS6 Portable Gratis.

Download Adobe Photoshop CS6 Portable Gratis. Kali ini rizki akan bagikan photoshop terbaru, yaitu adobe photoshop cs6. Temen-temen bisa download adobe photoshop cs6 portable gratis disini. Yang jelas photoshop versi cs6 ini lebih mantap dibanding versi sebelumnya, adobe photoshop cs5 portable. Mau ?
Adapun fitur fitur adobe photoshop cs6 :
Unrivaled editing
• Adjustments panel for live, nondestructive image adjustment
• Masks panel for creating editable, feathered, density-controlled masks
• Content-Aware Scaling
• Enhanced auto-blending of images
• Enhanced auto-alignment of layers
• 360-degree panoramas
• Extended depth of field
• Better raw image processing
• Enhanced expert retouching
Increased productivity
• Smoother panning and zooming and fluid canvas rotation
• Industry-leading color correction with reengineered Dodge, Burn, and Sponge
• Efficient file management with new Adobe Bridge CS4
• Tighter integration with Adobe Photoshop Lightroom®
• Adobe Kuler™ for color harmony creation and sharing
• N-up and multiple document view
• More powerful printing options
• Superior performance on very large images
• Multi-Touch support on Mac laptops
• Adobe Community Help
Breakthrough 3D, motion graphics, and image analysis
• Direct painting on 3D objects
• Easy conversion from 2D to 3D
• Editable 3D properties (scene, materials, meshes, lights)
• High-quality output with new ray-tracing rendering engine
• 2D and 3D image compositing
• 3D object animation
• 3D/video support
• New, high-performance, nonmodal 3D engine
• Volume rendering
• Single-key shortcuts for editing motion graphics
• Preview and export of audio content and frame comments
• Quantitative data extraction
• Enhanced Count tool
Bagi yang mau download, silahkan klik disini dan disini.
Selamat men Download Adobe Photoshop CS6 Portable Gratis.

Download Adobe Photoshop CS6 Portable

Download Adobe Photoshop CS6 Portable

Download Adobe Photoshop CS6 Portable Gratis. Kali ini rizki akan bagikan photoshop terbaru, yaitu adobe photoshop cs6. Temen-temen bisa download adobe photoshop cs6 portable gratis disini. Yang jelas photoshop versi cs6 ini lebih mantap dibanding versi sebelumnya, adobe photoshop cs5 portable. Mau ?
Adapun fitur fitur adobe photoshop cs6 :
Unrivaled editing
• Adjustments panel for live, nondestructive image adjustment
• Masks panel for creating editable, feathered, density-controlled masks
• Content-Aware Scaling
• Enhanced auto-blending of images
• Enhanced auto-alignment of layers
• 360-degree panoramas
• Extended depth of field
• Better raw image processing
• Enhanced expert retouching
Increased productivity
• Smoother panning and zooming and fluid canvas rotation
• Industry-leading color correction with reengineered Dodge, Burn, and Sponge
• Efficient file management with new Adobe Bridge CS4
• Tighter integration with Adobe Photoshop Lightroom®
• Adobe Kuler™ for color harmony creation and sharing
• N-up and multiple document view
• More powerful printing options
• Superior performance on very large images
• Multi-Touch support on Mac laptops
• Adobe Community Help
Breakthrough 3D, motion graphics, and image analysis
• Direct painting on 3D objects
• Easy conversion from 2D to 3D
• Editable 3D properties (scene, materials, meshes, lights)
• High-quality output with new ray-tracing rendering engine
• 2D and 3D image compositing
• 3D object animation
• 3D/video support
• New, high-performance, nonmodal 3D engine
• Volume rendering
• Single-key shortcuts for editing motion graphics
• Preview and export of audio content and frame comments
• Quantitative data extraction
• Enhanced Count tool
Bagi yang mau download, silahkan klik disini dan disini.
Selamat men Download Adobe Photoshop CS6 Portable Gratis.

Download Adobe Photoshop CS6 Portable Gratis. Kali ini rizki akan bagikan photoshop terbaru, yaitu adobe photoshop cs6. Temen-temen bisa download adobe photoshop cs6 portable gratis disini. Yang jelas photoshop versi cs6 ini lebih mantap dibanding versi sebelumnya, adobe photoshop cs5 portable. Mau ?
Adapun fitur fitur adobe photoshop cs6 :
Unrivaled editing
• Adjustments panel for live, nondestructive image adjustment
• Masks panel for creating editable, feathered, density-controlled masks
• Content-Aware Scaling
• Enhanced auto-blending of images
• Enhanced auto-alignment of layers
• 360-degree panoramas
• Extended depth of field
• Better raw image processing
• Enhanced expert retouching
Increased productivity
• Smoother panning and zooming and fluid canvas rotation
• Industry-leading color correction with reengineered Dodge, Burn, and Sponge
• Efficient file management with new Adobe Bridge CS4
• Tighter integration with Adobe Photoshop Lightroom®
• Adobe Kuler™ for color harmony creation and sharing
• N-up and multiple document view
• More powerful printing options
• Superior performance on very large images
• Multi-Touch support on Mac laptops
• Adobe Community Help
Breakthrough 3D, motion graphics, and image analysis
• Direct painting on 3D objects
• Easy conversion from 2D to 3D
• Editable 3D properties (scene, materials, meshes, lights)
• High-quality output with new ray-tracing rendering engine
• 2D and 3D image compositing
• 3D object animation
• 3D/video support
• New, high-performance, nonmodal 3D engine
• Volume rendering
• Single-key shortcuts for editing motion graphics
• Preview and export of audio content and frame comments
• Quantitative data extraction
• Enhanced Count tool
Bagi yang mau download, silahkan klik disini dan disini.
Selamat men Download Adobe Photoshop CS6 Portable Gratis.

Download Adobe Photoshop CS6 Portable

Download Adobe Photoshop CS6 Portable

Download Adobe Photoshop CS6 Portable Gratis. Kali ini rizki akan bagikan photoshop terbaru, yaitu adobe photoshop cs6. Temen-temen bisa download adobe photoshop cs6 portable gratis disini. Yang jelas photoshop versi cs6 ini lebih mantap dibanding versi sebelumnya, adobe photoshop cs5 portable. Mau ?
Adapun fitur fitur adobe photoshop cs6 :
Unrivaled editing
• Adjustments panel for live, nondestructive image adjustment
• Masks panel for creating editable, feathered, density-controlled masks
• Content-Aware Scaling
• Enhanced auto-blending of images
• Enhanced auto-alignment of layers
• 360-degree panoramas
• Extended depth of field
• Better raw image processing
• Enhanced expert retouching
Increased productivity
• Smoother panning and zooming and fluid canvas rotation
• Industry-leading color correction with reengineered Dodge, Burn, and Sponge
• Efficient file management with new Adobe Bridge CS4
• Tighter integration with Adobe Photoshop Lightroom®
• Adobe Kuler™ for color harmony creation and sharing
• N-up and multiple document view
• More powerful printing options
• Superior performance on very large images
• Multi-Touch support on Mac laptops
• Adobe Community Help
Breakthrough 3D, motion graphics, and image analysis
• Direct painting on 3D objects
• Easy conversion from 2D to 3D
• Editable 3D properties (scene, materials, meshes, lights)
• High-quality output with new ray-tracing rendering engine
• 2D and 3D image compositing
• 3D object animation
• 3D/video support
• New, high-performance, nonmodal 3D engine
• Volume rendering
• Single-key shortcuts for editing motion graphics
• Preview and export of audio content and frame comments
• Quantitative data extraction
• Enhanced Count tool
Bagi yang mau download, silahkan klik disini dan disini.
Selamat men Download Adobe Photoshop CS6 Portable Gratis.

Download Adobe Photoshop CS6 Portable Gratis. Kali ini rizki akan bagikan photoshop terbaru, yaitu adobe photoshop cs6. Temen-temen bisa download adobe photoshop cs6 portable gratis disini. Yang jelas photoshop versi cs6 ini lebih mantap dibanding versi sebelumnya, adobe photoshop cs5 portable. Mau ?
Adapun fitur fitur adobe photoshop cs6 :
Unrivaled editing
• Adjustments panel for live, nondestructive image adjustment
• Masks panel for creating editable, feathered, density-controlled masks
• Content-Aware Scaling
• Enhanced auto-blending of images
• Enhanced auto-alignment of layers
• 360-degree panoramas
• Extended depth of field
• Better raw image processing
• Enhanced expert retouching
Increased productivity
• Smoother panning and zooming and fluid canvas rotation
• Industry-leading color correction with reengineered Dodge, Burn, and Sponge
• Efficient file management with new Adobe Bridge CS4
• Tighter integration with Adobe Photoshop Lightroom®
• Adobe Kuler™ for color harmony creation and sharing
• N-up and multiple document view
• More powerful printing options
• Superior performance on very large images
• Multi-Touch support on Mac laptops
• Adobe Community Help
Breakthrough 3D, motion graphics, and image analysis
• Direct painting on 3D objects
• Easy conversion from 2D to 3D
• Editable 3D properties (scene, materials, meshes, lights)
• High-quality output with new ray-tracing rendering engine
• 2D and 3D image compositing
• 3D object animation
• 3D/video support
• New, high-performance, nonmodal 3D engine
• Volume rendering
• Single-key shortcuts for editing motion graphics
• Preview and export of audio content and frame comments
• Quantitative data extraction
• Enhanced Count tool
Bagi yang mau download, silahkan klik disini dan disini.
Selamat men Download Adobe Photoshop CS6 Portable Gratis.

Kata-kata ampuh 99% ampuh untuk nembak cewek

Kata-kata ampuh 99% ampuh untuk nembak cewek

Rayuan Untuk Nembak Cewek

Nah untuk memuluskan rencana kita itu ada baiknya kita menyiapkan jurus-jurus jitu dan cara yang ampuh agar cewek yang ditaksir bisa klepek-klepek saat kita tembak :). kaya apa cara untuk membuat cewek terpesona melihat kita alias klepek-klepek kaya ikan cupang? Tetap pelototin tulisan ini ya sob! Salah satu cara yaitu kita siapkan Kata-Kata Rayuan Untuk Nembak Cewek pujaan hati karena kebanyakan wanita selalu tersentuh hatinya jika kita gunakan kata-kata romantis.

Well, Berikut ini adalah kata-kata rayuan ceweknya yang bisa anda coba khususnya untuk newbie atau para playboy(heheh….) untuk menembak calon pacar anda ;).

Kata-Kata Rayuan Untuk Nembak Cewek
” Jika aku bisa jadi bagian dari dirimu, aku mau jadi airmatamu, yang tersimpan di hatimu, lahir dari matamu, hidup di pipimu, dan mati di bibirmu “

Kata-Kata Rayuan Untuk Nembak Cewek
” Pertama ketemu, aku takut ngomong sama kamu. Pertama ngomong sama kamu, aku takut kalau nanti suka sama kamu. Udah suka, aku makin takut kalau jatuhcinta. Setelah sekarang cinta sama kamu, aku jadi bener2 takut kehilangan kamu “

Kata-Kata Rayuan Untuk Nembak Cewek
” Ketika hidup memberiku seratus alasan untuk menangis, kau datang membawa seribu alasan untuk tersenyum “

Kata-Kata Rayuan Untuk Nembak Cewek
” Kau begitu kucinta, hingga ketika bersamamu mati seperti bisa kutunda, dan tanpamu, hidup serasa tiada guna “

Kata-Kata Rayuan Untuk Nembak Cewek
” Sejujurnya, kadang aku sembunyi, karena ingin kamu temukan. Menjauh karena ingin kamu ikuti. Menangis karena ingin kamu tenangkan. Menjatuhkan diri, karena ingin kamu tangkap “

Kata-Kata Rayuan Untuk Nembak Cewek
” Aku akan berhenti mencintaimu, ketika berlian tak lagi berkilau, bunga tak lagi bersemi, petir tak lagi bergemuruh, sungai tak lagi mengalir, bintang tak lagi bersinar, pelangi tak lagi membias. Ah, ngga juga. Kalaupun itu terjadi, aku tak akan berhenti ”

Kata-Kata Rayuan Untuk Nembak Cewek
” Temen-temenku nanya, apa sih yang aku lihat di diri kamu? Aku diem aja. Soalnya, kalau aku cerita, bisa-bisa mereka bakal suka juga “

Kata-Kata Rayuan Untuk Nembak Cewek
” Plis aku butuh bantuan kamu. Soalnya, kunci buat membuka pintu kebahagiaanku, ga tau napa, ada padamu “

Kata-Kata Rayuan Untuk Nembak Cewek
” Kau begitu kucinta, hingga ketika bersamamu mati seperti bisa kutunda, dan tanpamu, hidup serasa tiada guna “

Kata-Kata Rayuan Untuk Nembak Cewek
” ku ingat kamu ketika seneng, karena aku selalu ingin berbagi kebahagiaan denganmu. Ingat kamu ketika sedih, karena kamu orang yang selalu mengerti perasaanku. Ingat kamu ketika ketawa ato nangis, karena kamu selalu membuat tawaku semakin lebar, dan membuat air mataku berhenti keluar “

Rayuan Untuk Nembak Cewek

Nah untuk memuluskan rencana kita itu ada baiknya kita menyiapkan jurus-jurus jitu dan cara yang ampuh agar cewek yang ditaksir bisa klepek-klepek saat kita tembak :). kaya apa cara untuk membuat cewek terpesona melihat kita alias klepek-klepek kaya ikan cupang? Tetap pelototin tulisan ini ya sob! Salah satu cara yaitu kita siapkan Kata-Kata Rayuan Untuk Nembak Cewek pujaan hati karena kebanyakan wanita selalu tersentuh hatinya jika kita gunakan kata-kata romantis.

Well, Berikut ini adalah kata-kata rayuan ceweknya yang bisa anda coba khususnya untuk newbie atau para playboy(heheh….) untuk menembak calon pacar anda ;).

Kata-Kata Rayuan Untuk Nembak Cewek
” Jika aku bisa jadi bagian dari dirimu, aku mau jadi airmatamu, yang tersimpan di hatimu, lahir dari matamu, hidup di pipimu, dan mati di bibirmu “

Kata-Kata Rayuan Untuk Nembak Cewek
” Pertama ketemu, aku takut ngomong sama kamu. Pertama ngomong sama kamu, aku takut kalau nanti suka sama kamu. Udah suka, aku makin takut kalau jatuhcinta. Setelah sekarang cinta sama kamu, aku jadi bener2 takut kehilangan kamu “

Kata-Kata Rayuan Untuk Nembak Cewek
” Ketika hidup memberiku seratus alasan untuk menangis, kau datang membawa seribu alasan untuk tersenyum “

Kata-Kata Rayuan Untuk Nembak Cewek
” Kau begitu kucinta, hingga ketika bersamamu mati seperti bisa kutunda, dan tanpamu, hidup serasa tiada guna “

Kata-Kata Rayuan Untuk Nembak Cewek
” Sejujurnya, kadang aku sembunyi, karena ingin kamu temukan. Menjauh karena ingin kamu ikuti. Menangis karena ingin kamu tenangkan. Menjatuhkan diri, karena ingin kamu tangkap “

Kata-Kata Rayuan Untuk Nembak Cewek
” Aku akan berhenti mencintaimu, ketika berlian tak lagi berkilau, bunga tak lagi bersemi, petir tak lagi bergemuruh, sungai tak lagi mengalir, bintang tak lagi bersinar, pelangi tak lagi membias. Ah, ngga juga. Kalaupun itu terjadi, aku tak akan berhenti ”

Kata-Kata Rayuan Untuk Nembak Cewek
” Temen-temenku nanya, apa sih yang aku lihat di diri kamu? Aku diem aja. Soalnya, kalau aku cerita, bisa-bisa mereka bakal suka juga “

Kata-Kata Rayuan Untuk Nembak Cewek
” Plis aku butuh bantuan kamu. Soalnya, kunci buat membuka pintu kebahagiaanku, ga tau napa, ada padamu “

Kata-Kata Rayuan Untuk Nembak Cewek
” Kau begitu kucinta, hingga ketika bersamamu mati seperti bisa kutunda, dan tanpamu, hidup serasa tiada guna “

Kata-Kata Rayuan Untuk Nembak Cewek
” ku ingat kamu ketika seneng, karena aku selalu ingin berbagi kebahagiaan denganmu. Ingat kamu ketika sedih, karena kamu orang yang selalu mengerti perasaanku. Ingat kamu ketika ketawa ato nangis, karena kamu selalu membuat tawaku semakin lebar, dan membuat air mataku berhenti keluar “

tahukah anda ?? 10 Negara Yang paling Banyak Melakukan Hukuman Mati

tahukah anda ?? 10 Negara Yang paling Banyak Melakukan Hukuman Mati

Statistik:

3400 eksekusi mati pada tahun 2004

470 eksekusi mati pada tahun 2008

5000 eksekusi mati pada tahun 2010

Sumber: Amnesty International

Kejahatan: Peredaran obat terlarang, terorisme, memproduksi ataupun mendistribusikan barang-barang beracun dan berbahaya, perdagangan seks dan penipuan kartu kredit. Ada 68 kejahatan secara total.

Keterangan: Cina tidak melepaskan ke publik tentang informasi jumlah pasti NAPI yang dieksekusi. dan para pengamat ahli percaya bahwa angka kematian akibat hukuman mati di China jauh lebih tinggi dari yang dilaporkan Amnesty International . 60-80% dari seluruh eksekusi mati di dunia, telah dilakukan di Cina.

2. Amerika Serikat:

Statistik:

34 dari 50 negara bagian menerapkan hukum pidana mati

52 eksekusi mati tahun 2009

37 eksekusi mati tahun 2008

98 eksekusi mati pada tahun 1999

Kejahatan: Pembunuhan, spionase, pengkhianatan

Keterangan: Jumlah hukuman mati menurun. Texas terus menjadi negara dengan eksekusi yang paling tinggi. Mereka telah mengeksekusi mati 473 orang sejak tahun 1976.

3.Arab Saudi

Statistik:

39 eksekusi pada tahun 2006

144 eksekusi pada tahun 2007

27 eksekusi tahun 2010

Kejahatan: Pembunuhan, pemerkosaan, perzinahan, perampokan, penggunaan narkoba, PeMurtadan

Keterangan: hukuman mati di Arab Saudi dilakukan di depan umum.dan kebanyakan eksekusi dilakukan dengan pemenggalan.

4. Iran

Statistik:

177 eksekusi mati pada tahun 2006

317 eksekusi mati pada tahun 2007

312 eksekusi mati pada tahun 2010

Kejahatan: Pembunuhan, pemerkosaan, perzinahan, perampokan, penggunaan narkoba, perdagangan, pedofilia, homoseksualitas, spionase

Keterangan: Iran telah keterlaluan dalam menerapkan hukuman mati, karena telah menerapkan rajam pada anak di bawah umur. Ada dua jenis hukuman yang mengakibatkan vonis mati:

1) retribusi-untuk pembunuhan;

2) kejahatan reguler seperti perkosaan dan perampokan.

5. Korea Utara:

Statistik:

60 eksekusi mati tahun 2010

75 eksekusi mati antara 2007 dan 2010

Kejahatan: Pembunuhan, pencurian, pembangkangan politik, pengkhianatan, spionase, pembelotan, melihat media yang tidak disetujui oleh pemerintah.

Keterangan: Eksekusi dilakukan di tempat umum oleh regu tembak. tahun 2007, seorang kepala pabrik pemotongan batu dieksekusi karena tidak menyediakan info tentang latar belakang ayahnya.Korban eksekusi berusia 74 tahun.

6. Burma

Statistik: Jumlah Pasti Eksekusi termasuk rendah karena eksekusi terpidana mati dilakukan dengan cara lain.Juga tidak ada informasi yang dapat dipercaya tentang statistik dari hukuman mati. Pemerintah Junta militer Burma tidak menyediakan informasinya.

Kejahatan: Oposisi Politik, Pembunuhan, Pemerkosaan

Keterangan: Pemerintah Junta Militer Burma telah mengeksekusi lawan-lawan politik mereka sejak tahun 1989 ketika Junta militer berkuasa. Ada peraturan Hukum bela diri 1989 yang memungkinkan pihak militer untuk menjatuhkan hukuman mati pada orang-orang yang menentang pemerintah secara sepihak dan langsung.

7. Pakistan

Statistik: 135 orang dieksekusi pada tahun 2007 (sebagian besar untuk pembunuhan)

Kejahatan: Penghujatan, perzinahan, pembunuhan. dan 27 kejahatan lain

Keterangan: Semua pidana mati dilakukan dengan digantung, kecuali perzinahan. Hukuman untuk zina adalah rajam. Pakistan memiliki rekor tinggi pembunuhan demi kehormatan di mana anggota keluarga membunuh anggota keluarga lain karena dianggap telah mengkhianati dan tidak menghormati mereka. Sistem peradilan undang-undang mencegah pemerintah untuk mengeksekusi orang di bawah 18 pada tahun 2000.

8. Syria

Statistik:

setidaknya 17 eksekusi mati tahun 2010

Kejahatan: Pengkhianatan, pembunuhan, tindakan politik terhadap pemerintah, perampokan, pemerkosaan, oposisi politik.

Keterangan: Syiria menentang larangan PBB untuk mengakhiri hukuman mati.Mereka masih melakukan eksekusi mati dengan penggantungan dan penembakan di depan publik .

9.Yaman:

Statistik:

80 orang dieksekusi mati pada tahun 2001

10 orang dieksekusi mati pada tahun 2002

7 orang ditembak mati pada tahun 2003

13 orang dieksekusi mati pada tahun 2007

53 orang dieksekusi mati pada 2010

Kejahatan: Perzinahan, murtad, perdagangan narkoba, pemerkosaan dan pembunuhan

Keterangan: Hukuman mati dilakukan dengan cambuk dan rajam di depan khalayak ramai.

Negara ini juga dikenal karena telah mengeksekusi anak-anak, termasuk pada tahun 1993 seorang anak berusia 13 tahun juga telah dieksekusi mati. Mereka memilih menentang resolusi PBB untuk melarang hukuman mati pada tahun 2008.

10. Libya:

Statistik:

sedikitnya 18 orang dieksekusi mati pada 2010.

Ini tidak termasuk orang-orang yang meninggal akibat kekerasan militer militer dan tindakan keras pemerintah pada pemrotes terhadap pemerintahan khadaffi.

Kejahatan: Pengkhianatan, perubahan paksa pemerintah, merencanakan pembunuhan

Keterangan: Dalam beberapa tahun terakhir, Libya telah memiliki eksekusi lebih dari negara Afrika lainnya

Statistik:

3400 eksekusi mati pada tahun 2004

470 eksekusi mati pada tahun 2008

5000 eksekusi mati pada tahun 2010

Sumber: Amnesty International

Kejahatan: Peredaran obat terlarang, terorisme, memproduksi ataupun mendistribusikan barang-barang beracun dan berbahaya, perdagangan seks dan penipuan kartu kredit. Ada 68 kejahatan secara total.

Keterangan: Cina tidak melepaskan ke publik tentang informasi jumlah pasti NAPI yang dieksekusi. dan para pengamat ahli percaya bahwa angka kematian akibat hukuman mati di China jauh lebih tinggi dari yang dilaporkan Amnesty International . 60-80% dari seluruh eksekusi mati di dunia, telah dilakukan di Cina.

2. Amerika Serikat:

Statistik:

34 dari 50 negara bagian menerapkan hukum pidana mati

52 eksekusi mati tahun 2009

37 eksekusi mati tahun 2008

98 eksekusi mati pada tahun 1999

Kejahatan: Pembunuhan, spionase, pengkhianatan

Keterangan: Jumlah hukuman mati menurun. Texas terus menjadi negara dengan eksekusi yang paling tinggi. Mereka telah mengeksekusi mati 473 orang sejak tahun 1976.

3.Arab Saudi

Statistik:

39 eksekusi pada tahun 2006

144 eksekusi pada tahun 2007

27 eksekusi tahun 2010

Kejahatan: Pembunuhan, pemerkosaan, perzinahan, perampokan, penggunaan narkoba, PeMurtadan

Keterangan: hukuman mati di Arab Saudi dilakukan di depan umum.dan kebanyakan eksekusi dilakukan dengan pemenggalan.

4. Iran

Statistik:

177 eksekusi mati pada tahun 2006

317 eksekusi mati pada tahun 2007

312 eksekusi mati pada tahun 2010

Kejahatan: Pembunuhan, pemerkosaan, perzinahan, perampokan, penggunaan narkoba, perdagangan, pedofilia, homoseksualitas, spionase

Keterangan: Iran telah keterlaluan dalam menerapkan hukuman mati, karena telah menerapkan rajam pada anak di bawah umur. Ada dua jenis hukuman yang mengakibatkan vonis mati:

1) retribusi-untuk pembunuhan;

2) kejahatan reguler seperti perkosaan dan perampokan.

5. Korea Utara:

Statistik:

60 eksekusi mati tahun 2010

75 eksekusi mati antara 2007 dan 2010

Kejahatan: Pembunuhan, pencurian, pembangkangan politik, pengkhianatan, spionase, pembelotan, melihat media yang tidak disetujui oleh pemerintah.

Keterangan: Eksekusi dilakukan di tempat umum oleh regu tembak. tahun 2007, seorang kepala pabrik pemotongan batu dieksekusi karena tidak menyediakan info tentang latar belakang ayahnya.Korban eksekusi berusia 74 tahun.

6. Burma

Statistik: Jumlah Pasti Eksekusi termasuk rendah karena eksekusi terpidana mati dilakukan dengan cara lain.Juga tidak ada informasi yang dapat dipercaya tentang statistik dari hukuman mati. Pemerintah Junta militer Burma tidak menyediakan informasinya.

Kejahatan: Oposisi Politik, Pembunuhan, Pemerkosaan

Keterangan: Pemerintah Junta Militer Burma telah mengeksekusi lawan-lawan politik mereka sejak tahun 1989 ketika Junta militer berkuasa. Ada peraturan Hukum bela diri 1989 yang memungkinkan pihak militer untuk menjatuhkan hukuman mati pada orang-orang yang menentang pemerintah secara sepihak dan langsung.

7. Pakistan

Statistik: 135 orang dieksekusi pada tahun 2007 (sebagian besar untuk pembunuhan)

Kejahatan: Penghujatan, perzinahan, pembunuhan. dan 27 kejahatan lain

Keterangan: Semua pidana mati dilakukan dengan digantung, kecuali perzinahan. Hukuman untuk zina adalah rajam. Pakistan memiliki rekor tinggi pembunuhan demi kehormatan di mana anggota keluarga membunuh anggota keluarga lain karena dianggap telah mengkhianati dan tidak menghormati mereka. Sistem peradilan undang-undang mencegah pemerintah untuk mengeksekusi orang di bawah 18 pada tahun 2000.

8. Syria

Statistik:

setidaknya 17 eksekusi mati tahun 2010

Kejahatan: Pengkhianatan, pembunuhan, tindakan politik terhadap pemerintah, perampokan, pemerkosaan, oposisi politik.

Keterangan: Syiria menentang larangan PBB untuk mengakhiri hukuman mati.Mereka masih melakukan eksekusi mati dengan penggantungan dan penembakan di depan publik .

9.Yaman:

Statistik:

80 orang dieksekusi mati pada tahun 2001

10 orang dieksekusi mati pada tahun 2002

7 orang ditembak mati pada tahun 2003

13 orang dieksekusi mati pada tahun 2007

53 orang dieksekusi mati pada 2010

Kejahatan: Perzinahan, murtad, perdagangan narkoba, pemerkosaan dan pembunuhan

Keterangan: Hukuman mati dilakukan dengan cambuk dan rajam di depan khalayak ramai.

Negara ini juga dikenal karena telah mengeksekusi anak-anak, termasuk pada tahun 1993 seorang anak berusia 13 tahun juga telah dieksekusi mati. Mereka memilih menentang resolusi PBB untuk melarang hukuman mati pada tahun 2008.

10. Libya:

Statistik:

sedikitnya 18 orang dieksekusi mati pada 2010.

Ini tidak termasuk orang-orang yang meninggal akibat kekerasan militer militer dan tindakan keras pemerintah pada pemrotes terhadap pemerintahan khadaffi.

Kejahatan: Pengkhianatan, perubahan paksa pemerintah, merencanakan pembunuhan

Keterangan: Dalam beberapa tahun terakhir, Libya telah memiliki eksekusi lebih dari negara Afrika lainnya

Keajaiban Unik Makam Kerajaan China -

Keajaiban Unik Makam Kerajaan China -

Makam kaisar Tiongkok, Qin Shi Huang, disebut-sebut sebagai salah satu penemuan arkeologi terbesar abad ke-20. Sejarah mencatat, Qin Shi Huang merupakan kaisar pertama Dinasti Qin yang memimpin Tiongkok diantara periode 221 SM – 210 SM. Salah satu karya monumentalnya selain penyempurnaan konstruksi bangunan Tembok Besar China ialah pembangunan makam agungnya sendiri. Berbeda dengan Fir’aun Mesir Kuno, Cheops (Khufu) yang memilih untuk membangun sebuah Piramida Agung di Giza sebagai tempat peristirahatan terakhirnya, Kaisar Qin Shi Huang lebih memilih menjadikan makamnya bak sebuah Istana dengan penjagaan ribuan patung prajuritnya.

Makam sang kaisar memang begitu mempesona. Terdapat kurang lebih 8000 patung yang menggambarkan sosok para prajurit beserta kuda-kuda perang berdiri berjejer disepanjang makam. Yang lebih menarik lagi, semua patung-patung tersebut tidaklah sama antara satu dengan yang lainnya baik itu bentuk pakaian, mimik wajah, model rambut, hingga persenjataan yang mereka bawa. Selain itu, mereka juga dibedakan oleh pangkat kemiliterannya seperti Jendral, perwira, hingga para prajurit biasa. Patung prajurit yang memiliki ukuran tubuh paling tinggi ialah yang berpangkat jendral.

Patung-patung yang disebut sebagai Prajurit Terracotta ini keselururuhan terbuat dari tanah liat yang dibentuk didalam cetakan. Tingginya pun bervariasi antara 183 – 195 cm. Untuk bagian kepala, dibuat secara terpisah dari bagian badan agar memiliki bentuk dan mimik wajah yang berbeda satu sama lain. Sementara bagian-bagian wajah seperti bibir, mata, dan telinga ditambahkan secara manual dan bentuknya disempurnakan oleh polesan tangan si pematung. Patung yang telah jadi kemudian dibakar agar dihasilkan konstruksi yang lebih keras dan kokoh. Untuk tahap akhir, dilakukan pengecatan walaupun kebanyakan patung kini catnya telah memudar.

Sejak ditemukan oleh beberapa petani lokal diwilayah Xi’an, Propinsi Shaanxi, China ditahun 1974 silam, hingga kini masih terus dilakukan penggalian di sana. Para Arkelog memperkirakan masih banyak patung dan artifak-artifak lainnya yang masih terpendam. Mereka juga belum dapat memastikan berapa jumlah angka-angka penemuan ini akan terus bertambah.

Kalkulasi terbaru menyebutkan, terdapat lebih dari 8000 patung prajurit, 130 kereta perang beserta 520 kudanya, serta 150 pasukan berkuda yang terdapat di tiga terowongan utama makam. Sungguh merupakan pemandangan yang menakjubkan mengingat baru satu persen dari keseluruhan bagian makam yang telah digali!

Tidak semua harta benda dan perhiasan sang kaisar telah ditemukan. Konon, masih banyak harta benda berharga Kaisar Qin Shi Huang yang tersimpan disuatu bagian makam, dimana ditempat itu terpasang perangkap-perangkap yang dapat menembakkan anak panah secara otomatis kepada siapapun yang berani mengusiknya. Bahkan diyakini para pekerja yang memasang perangkap-perangkap tersebut turut dikuburkan hidup-hidup agar kerahasiannya tetap terjaga. Terdengar cukup menakutkan, bukan?

Menurut sejarawan Sima Qian (145 – 90 SM), pembangunan makam agung kaisar Qin Shi Huang dimulai disekitar 246 SM – disaat usia sang Kaisar baru menginjak 13 tahun – dengan memperkerjakan kurang lebih 700.000 pekerja. Namun apa tujuan Kaisar Qin Shi Huang membangun semua ini?

Makam kaisar Tiongkok, Qin Shi Huang, disebut-sebut sebagai salah satu penemuan arkeologi terbesar abad ke-20. Sejarah mencatat, Qin Shi Huang merupakan kaisar pertama Dinasti Qin yang memimpin Tiongkok diantara periode 221 SM – 210 SM. Salah satu karya monumentalnya selain penyempurnaan konstruksi bangunan Tembok Besar China ialah pembangunan makam agungnya sendiri. Berbeda dengan Fir’aun Mesir Kuno, Cheops (Khufu) yang memilih untuk membangun sebuah Piramida Agung di Giza sebagai tempat peristirahatan terakhirnya, Kaisar Qin Shi Huang lebih memilih menjadikan makamnya bak sebuah Istana dengan penjagaan ribuan patung prajuritnya.

Makam sang kaisar memang begitu mempesona. Terdapat kurang lebih 8000 patung yang menggambarkan sosok para prajurit beserta kuda-kuda perang berdiri berjejer disepanjang makam. Yang lebih menarik lagi, semua patung-patung tersebut tidaklah sama antara satu dengan yang lainnya baik itu bentuk pakaian, mimik wajah, model rambut, hingga persenjataan yang mereka bawa. Selain itu, mereka juga dibedakan oleh pangkat kemiliterannya seperti Jendral, perwira, hingga para prajurit biasa. Patung prajurit yang memiliki ukuran tubuh paling tinggi ialah yang berpangkat jendral.

Patung-patung yang disebut sebagai Prajurit Terracotta ini keselururuhan terbuat dari tanah liat yang dibentuk didalam cetakan. Tingginya pun bervariasi antara 183 – 195 cm. Untuk bagian kepala, dibuat secara terpisah dari bagian badan agar memiliki bentuk dan mimik wajah yang berbeda satu sama lain. Sementara bagian-bagian wajah seperti bibir, mata, dan telinga ditambahkan secara manual dan bentuknya disempurnakan oleh polesan tangan si pematung. Patung yang telah jadi kemudian dibakar agar dihasilkan konstruksi yang lebih keras dan kokoh. Untuk tahap akhir, dilakukan pengecatan walaupun kebanyakan patung kini catnya telah memudar.

Sejak ditemukan oleh beberapa petani lokal diwilayah Xi’an, Propinsi Shaanxi, China ditahun 1974 silam, hingga kini masih terus dilakukan penggalian di sana. Para Arkelog memperkirakan masih banyak patung dan artifak-artifak lainnya yang masih terpendam. Mereka juga belum dapat memastikan berapa jumlah angka-angka penemuan ini akan terus bertambah.

Kalkulasi terbaru menyebutkan, terdapat lebih dari 8000 patung prajurit, 130 kereta perang beserta 520 kudanya, serta 150 pasukan berkuda yang terdapat di tiga terowongan utama makam. Sungguh merupakan pemandangan yang menakjubkan mengingat baru satu persen dari keseluruhan bagian makam yang telah digali!

Tidak semua harta benda dan perhiasan sang kaisar telah ditemukan. Konon, masih banyak harta benda berharga Kaisar Qin Shi Huang yang tersimpan disuatu bagian makam, dimana ditempat itu terpasang perangkap-perangkap yang dapat menembakkan anak panah secara otomatis kepada siapapun yang berani mengusiknya. Bahkan diyakini para pekerja yang memasang perangkap-perangkap tersebut turut dikuburkan hidup-hidup agar kerahasiannya tetap terjaga. Terdengar cukup menakutkan, bukan?

Menurut sejarawan Sima Qian (145 – 90 SM), pembangunan makam agung kaisar Qin Shi Huang dimulai disekitar 246 SM – disaat usia sang Kaisar baru menginjak 13 tahun – dengan memperkerjakan kurang lebih 700.000 pekerja. Namun apa tujuan Kaisar Qin Shi Huang membangun semua ini?