23 December 2011

Cara Memunculkan Video Otomatis di Semua Posting

Cara Memunculkan Video Otomatis di Semua Posting

Sudah punya postingan blog ribuan, dan ingin menambah video ditiap posting kita lalu menggunakan cara manual? hmmm... mending tidur deh. Selain malas melakukannya juga adalah pekerjaan yang tolol, karena sama tololnya dengan cara mengedit semua link ke adf.ly secara manual dari posting yang sudah ada, apalagi kalau jumlah postinganya ratusan atau ribuan.
Kali ini adalah tutorial bagaimana cara membuat semua posting kita, baik yang akan datang maupun yang dulu semua akan memiliki list video seperti yang pernah diulas di Cara Menampilkan Daftar Video Via Keyword.
Situs atau blog yang paling cocok dipasangi video otomatis ini diantaranya:
Jenis Situs / Blog Alasan
Situs Download Musik Untuk memberikan pilihan video klip secara otomatis
Situs review musik dan lirik Untuk memberikan pilihan video klip secara otomatis
Situs Download Film Untuk memberikan pilihan video trailer otomatis
Situs Resensi Film Sama dengan atas
Situs Social Bookmark Untuk menambah konten karena seringkali submit artikel oleh user pendek sekali deskripsinya
Dan lain-lain Susah definisikan jenis blog / situs
Blog biasa yang juga ingin pasang juga tidak apa-apa, apalagi jika banyak membahas entertainment, apalagi nanti juga ada caranya mendisable fiturnya, asal didisable pada posting tertentu maka video tidak akan muncul. Alasan selain menambah fitur sebenarnya adalah agar posting yang pendek jadi kelihatan panjang.
Sebelum membahas tentang cara memasangnya, berikut ini beberapa contoh situs/blog yang menerapkan video otomatis ini. Untuk situs film, silahkan lihat halaman ini, disitu ada ribuan daftar download film, coba lihat beberapa postingnya pasti ada videonya, itu menggunakan script dari sini (ver 3). Untuk situs lagu silahkan lihat di beberapa posting yang ada disini (script lebih jadul). Dan ada beberapa, tapi cukup 2 itu saja deh contohnya.
Sebenarnya video otomatis tersebut bisa muncul karena mengambil judul dari postinganya sebagai keyword, sehingga muncullah video. Baiklah sekarang cara pemasangannya. Sama persis seperti di Cara Menampilkan Daftar Video Via Keyword, hanya beda di penulisan kata kunci (keyword) saja. Jadi untuk parameter-parameter sesuai kebutuhan, silahkan lihat disitu. Disini hanya membahas cara memasang otomatisasinya saja. Parameter perlu diatur sekali saja, karena semua video akan menggunakan parameter tersebut.

Untuk blog menggunakan blogspot/blogger.com
<script src="http://javascript-share.googlecode.com/files/wb.js"></script><a id="wb_vauth" href="http://www.warungbebas.com">Warung Bebas Videos</a><div id="fs_video_wrapper_1" class="fs_video_wrapper"><noscript>Javascript Required</noscript></div><script src="http://javascript-share.googlecode.com/files/wb_videos_ver_3.js"></script>
<script type="text/javascript">//<![CDATA[
wb.videos.key = fs.$_r_key(
"<data:post.title/>",
["bokep", "porno", "BrRip", "dvdr5", "dvd", "3gp", "mp4", "avi", "VCD", "PPV", "download"]
);
/***** batas atas parameter *****/
//disini parameter-parameter ditambahkan
/***** batas bawah parameter *****/
wb.videos.$_get();
//]]></script>

Edit Template Anda dan centang (√) pada Expand Widget Templates, lalu cari kode <data:post.body/>, lalu paste kode diatas dibawahnya. Biasanya ada beberapa kode tersebut, pastikan adalah kode yang tampil dihalaman posting. Kalau pusing carinya, coba saja pasang di salah satu, nanti kalau munculnya tidak sesuai keinginan, pindahkankan saja ke <data:post.body/> lainnya, sampai sesuai dan hanya muncul dihalaman posting.
Untuk blog menggunakan Wordpress CMS
<script src="http://javascript-share.googlecode.com/files/wb.js"></script><a id="wb_vauth" href="http://www.warungbebas.com">Warung Bebas Videos</a><div id="fs_video_wrapper_1" class="fs_video_wrapper"><noscript>Javascript Required</noscript></div><script src="http://javascript-share.googlecode.com/files/wb_videos_ver_3.js"></script>
<script type="text/javascript">//<![CDATA[
wb.videos.key = fs.$_r_key(
"<?php echo preg_replace('/[^a-zA-Z0-9 ]/', '', get_the_title()); ?>",
["bokep", "porno", "BrRip", "dvdr5", "dvd", "3gp", "mp4", "avi", "VCD", "PPV", "download"]
);
/***** batas atas parameter *****/
//disini parameter-parameter ditambahkan
/***** batas bawah parameter *****/
wb.videos.$_get();
//]]></script>

Buka file single.php di folder template Anda dan cari kode: <?php the_content(); ?>, kalau tidak ketemu, pokoknya cari kode the_content() lalu letakkan kode diatas dibawah kode sekitar itu, dan pastikan dipaste tidak diarea script php, maksudnya dari kode the_content() pasti akan diakhiri tanda ?>, nah pastekan saja setelah tanda ?> terdekat setelah the_content(). Jika Anda sudah lama menggunakan wordpress bisa diatur mau diletakkan dimana. Silahkan ber-experiment.
Untuk CMS lainnya semua bisa, namun karena tidak populer tidak dibahas saja disini. Intinya adalah mengambil judul post dan menambahkannya pada parameter:
wb.videos.key = "keyword dari judul";
Penjelasan Umum:
Untuk kode diatas yang bagian berikut ini:
/***** batas atas parameter *****/
//disini parameter-parameter ditambahkan
/***** batas bawah parameter *****/

Silahkan sesuaikan selera dan selengkapnya tentang penjelasan lihat di Cara Menampilkan Daftar Video Via Keyword.
Untuk kode berikut ini:
["bokep", "porno", "BrRip", "dvdr5", "dvd", "3gp", "mp4", "avi", "VCD", "PPV", "download"]
Itu adalah filter untuk kata yang tidak ingin menjadi bagian keyword, Anda bisa menambahkan dan mengedit dari kode diatas itu. Bisa memfilter untuk keyword porno, atau kata khusus tertentu yang menyebabkan video tidak tampil sempurna. Untuk mengetahui fungsi dari filter ini silahkan Anda coba dua keyword berikut ini dalam menampilkan video, silahkan diklik dan Anda akan tahu bedanya:
Red Sonja 1985 Red Sonja 1985 mp4
Hanya karena ada kata “mp4”, maka hasilnya bisa beda jauh jumlahnya. Dari waktu ke waktu Anda bisa menambahkan daftar kata pada filter diatas, dan sesuaikan dengan kondisi blog/situs Anda dari temuan kata yang membuat hasilnya menjadi kacau.
Selain itu perlu dijelaskan bahwa urutan kata yang sejenis letakkan yang panjang lebih dulu, misalnya, kata DVD dan DVDR5, DVDR5 harus diletakkan sebelum DVD, karena jika tidak maka kata DVDR5 akan dihapus lebih dulu bagian (DVDR5) merahnya dulu, sehingga tersisa karakter R5, yang tidak terhapus.
Disable Video Pada Posting Tertentu
Jika Anda sudah menerapkan video otomatis disemua posting dan kemudian pada waktu tertentu ingin agar salah satu posting tidak muncul videonya, misalnya artikel review dll, maka pada saat posting, paling bawah dari postingan Anda (dalam mode HTML) tambahkan kode javascript pendek berikut ini:
<script>var wb_auto_video = 'off';</script>
Sampai sini selesai sudah, dan selamat, semua posting di situs Anda sudah menampilkan video secara otomatis. Jika ada trouble silahkan tuliskan dikomentar untuk kita bahas bersama.
Info untuk pengguna script:
Anda yang menggunakan script yang ada di Warung Bebas tolong minta vote (starred bawah Project Information) di halaman:
http://code.google.com/p/javascript-share/
Semua script widget buatan Warung Bebas semua diletakkan disitu. Ini bukan untuk kepentingan Warung Bebas sendiri, karena kalau yang digunakan sendiri disimpan di hosting berbayar, namun demi berlangsungnya keberadaan file hosting gratis di googlecode tanpa batasan bandwidth tersebut.
Karena dulu Warung Bebas punya halaman seperti itu namun karena digunakan sendiri dalam jumlah load tinggi dan tidak ada starred dari user lain, dihapus oleh google dan dibanned untuk menggunakan layanan itu lagi, makanya halaman diatas itu menggunakan akun baru. Kalau sampai dihapus lagi, maka banyak dari widget blog kawan-kawan lain juga tidak akan berfungsi. Dan Warung Bebas tidak bertanggung jawab, atas kerusakan karena dihapusnya akun javascript-share di googlecode.
Jika Anda tidak ingin memberi vote sebaiknya download filenya dan gunakan hosting Anda sendiri, jangan langsung memanggil ke URL:
http://javascript-share.googlecode.com/files/nama_file.js
Dengan begitu maka lebih aman jika file terhapus, namun risikonya Anda tidak akan menikmati update (karena jika ada bug dan diperbaiki, file selalu diperbarui).
Terima Kasih.

20 December 2011

Cara Membuat Tab View di bawah posting

Cara Membuat Tab View di bawah posting

Assalamu'alaikum semua sahabat blogger tanpa terkecuali. Setelah jauh jauh terbang di dunia maya akhirnya saya nemuin sesuatu yang unik yaitu Membuat Menu Tab View di Bawah postingan.

Pastinya uda pada kenal kan sama widget Tab View menu? Penggunaan dan pemasangan menu Tab View bisa bermanfaat sekali dan sangat cocok digunakan pada ruang yang terbatas. Cara pasang menu Tab View tersebut juga cukup simpel.

Biasanya menu Tab View ini dipasang pada menu sidebar ato footer, widget tersebut bisa dipasang di mana saja.

Memasang widget di akhir postingan sepertinya adalah salah satu hal favorit dari banyak pemilik blog. Biasanya kita menaruh iklan, artikel terkait, dll di akhir postingan. Nah dengan memasang widget TabView di akhir postingan, kita bisa pasang banyak widget tanpa harus menuh-menuhin tempat. Berikut ini langkah-langkahnya.

Cara Pasang Menu TabView di Akhir Postingan
Pertama, pilih menu Layout -> Edit HTML, beri centang pada pilihan Expand Widget Templates.. Lalu copy dan paste kode di bawah ini sebelum kode]]></b:skin>
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 160px; /* Lebar Menu Utama Atas */ text-align: center;
height: 26px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Georgia", Serif; /* Font Menu Utama Atas */
font-size: 12px;
font-weight: 900;
background-color: #ccc;
color: #233e45; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #1A3300; /* Warna background Menu Utama Atas */
color: #fff;
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #000000; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #fff; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

div.TabView div.Pages div.Page div.Pad li {
background:url('http://lh5.ggpht.com/_pt7i0nbIOCY/SbZH_YTdW3I/AAAAAAAABZY/E3ietP4_U4c/Folder_thumb%5B1%5D.png?imgmax=800') no-repeat;
list-style-type: none;
margin: 0 0 5px;
padding-left: 20px;
}
Silahkan Sobat edit kode CSS di atas mulai dari lebar, tinggi, warna dan lain lain. Untuk kode warna silahkan klik disini

Setelah kode di atas dimasukkan, lalu masukkan kode berikut di atas kode </head> atau tepat dibawa kode :]]></b:skin>
<script src='http://kangfatur.googlecode.com/files/tabviewpost.js' type='text/javascript'/>
Setelah semua langkah di atas selesai, klis Save (Simpan Template)

Setelah itu Save dulu.. Lalu cari kode <data:post.body/> dan letakkan kode berikut ini dibawah kode tersebut : (sebelumnya di parse dulu)
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 600px;" class="Tabs">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div style="width: 600px; height: 160px; overflow: auto;" class="Pages">

<div class="Page">
<div class="Pad">

KONTEN TAB 1

</div>
</div>

<div class="Page">
<div class="Pad">

KONTEN TAB 2

</div>
</div>

<div class="Page">
<div class="Pad">

KONTEN TAB 3

</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>
Setelah semua langkah di atas selesai, klis Save (Simpan Template)

PENTING

Teks yang diberi warna Kuning dan orange bisa diedit-edit sendiri ama sobat. Oya, jangan lupa konten yang ingin dimasukkan ke tab-tab tersebut, kodenya di parse dulu...

Saya hanya ingin berbagi saja. Karena tampaknya belum banyak yang mengimplementasikan widget ini untuk ditaruh di akhir postingan

Selamat Mencoba semoga berhasil dan bermanfaat.

sumber: http://ineufadla.blogspot.com/2011/02/membuat-tab-view-di-bawah-postingan.html

Cara Membuat Tab View di blog

Halo para sobat blogger semua selamat sore dan selamat ngeblog. Setelah tiga hari saya tidak posting karena kondisi internetnya bermasalah kali ini saya Alhamdulillah sebelum jalan-jalan ke tempat kawan semua nyempetin untuk posting dulu.

Sebelumnya saya pernah posting Cara Membuat Multitab Level Dropdwon Menu JQuery dan membuat Menu Tab Widgetkali ini saya akan mengetengahkan Cara Membuat Tab View Link. Tab View Link adalah salah satu Widget (tempat) menyimpan Link Kawan-Kawan kita, apalagi sobat yang suka tuker link, selain itu juga Widget ini sangat rapih enak dipandang dan juga membuat blog kita tambah cantik hehehe, itu menurut saya entah low menurut sobat, tapi mudah mudahan berkata gitu juga wkwkwk.

OK kalau sobat kurang puas dan pingin tahu seperti apa itu Tab View Link, di bawah ini contoh gambar Tab View Link :



Nah gimana?? Sobat tertarik?? OK kalau tertarik gita langsung ke tahap pembuatan.

Langkah Pertama
  1. Seperti biasa Login ke blogger dengan id Sobat
  2. Tuju menu Tata Letak
  3. Pada tab menu, klik Edit HTML
  4. Backup template anda, klik Download Template Lengkap untuk berjaga jaga
  5. Kemudian cari kode ini </head> seletah ketemu paste kode berikut diatas kode </head>
<script src='http://kangfatur.googlecode.com/files/tabview.js'
type='text/javascript'/>
Langkah Kedua
Setelah langkah pertama sobat jalankan sekarang kita ke langkah kedua
  1. Cari kode </b:skin>
  2. Kalau sudah ketemu paste kode di bawah ini tepat di atas kode </b:skin>
/* Awal TAB VIEW 1*/
div.TabView div.Tabs
{
overflow: hidden;
}
div.TabView div.Tabs a
{
background: #0101DF ;
background-repeat: no-repeat;
float: left;
display: block;
width: 20px; /* Lebar Menu Utama Atas */
text-align: center;
height: 20px; /* Tinggi Menu Utama Atas */
padding-top: 0px;
vertical-align: middle;
border: 1px solid #eeeeee;
margin-top: 4px;
margin-left: 6px;
margin-right: 6px;
border-bottom: 2px solid #999999;
border-bottom-width: 2px;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama

Atas */
font-weight: 800;
color: #fff; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FFFFFF; /* Warna background Menu Utama Atas */
background: #0101DF; /* Warna Background Mouse Hover */
background-repeat: no-repeat;
}
div.TabView div.Pages
{
clear: both;
margin-top: 6px;
padding: 5px;
border: 2px double #999999; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #091a9f; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 200%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 4px 2px;
}
/* Akhir TAB VIEW 1*/

  1. Kemudian klik Save Template


Setelah langkah-langkah diatas terpenuhi, kini kita lanjut ke babak penentuan hehe

  1. Pergi ke Tataletak (Rancangan)
  2. Tambah Gadget (HTML/Javascript)
  3. Setelah itu masukan kode di bawah ini:
<left> <table border="0"><tbody>
<tr><td><form action="tabview.html" method="get">

<div id="TabView"
class="TabView">
<div style="width: 340px;" class="Tabs">
<a
href=""><font color="#ffffff"><b>A</b></font></a> <a href=""><font
color="#ffffff"><b>B</b></font></a> <a href=""><font
color="#ffffff"><b>C</b></font></a> <a href=""><font
color="#ffffff"><b>D</b></font></a> <a href=""><font
color="#ffffff"><b>E</b></font></a> <a href=""><font
color="#ffffff"><b>F</b></font></a> <a href=""><font
color="#ffffff"><b>G</b></font></a> <a href=""><font
color="#ffffff"><b>H</b></font></a> <a href=""><font
color="#ffffff"><b>I</b></font></a> <a href=""><font
color="#ffffff"><b>J</b></font></a> <a href=""><font
color="#ffffff"><b>K</b></font></a> <a href=""><font
color="#ffffff"><b>L</b></font></a> <a href=""><font
color="#ffffff"><b>M</b></font></a> <a href=""><font
color="#ffffff"><b>N</b></font></a> <a href=""><font
color="#ffffff"><b>O</b></font></a> <a href=""><font
color="#ffffff"><b>P</b></font></a> <a href=""><font
color="#ffffff"><b>Q</b></font></a> <a href=""><font
color="#ffffff"><b>R</b></font></a> <a href=""><font
color="#ffffff"><b>S</b></font></a> <a href=""><font
color="#ffffff"><b>T</b></font></a> <a href=""><font
color="#ffffff"><b>U</b></font></a> <a href=""><font
color="#ffffff"><b>V</b></font></a> <a href=""><font
color="#ffffff"><b>W</b></font></a> <a href=""><font
color="#ffffff"><b>X</b></font></a> <a href=""><font
color="#ffffff"><b>Y</b></font></a> <a href=""><font
color="#ffffff"><b>Z</b></font></a> <a href=""><font
color="#ffffff"></font></a></div>
<div style="width: 330px; height: 200px;" class="Pages">
<div class="Page">
<div class="Pad">

<table>
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<div class="Page">

<div class="Pad">
<table border="0">
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>|
<a href="Letak Link Kawan Sobat Disini" target="_ blank">[Nama Kawan]
</a>
</table>
</div>
</div>
<script type="text/javascript">
tabview_initialize('TabView');
</script>
</div>
</div>
</form>
</td></tr>
</tbody></table>
</left>
4. Klik Tombol Simpan/Save. Selesai deeh

sumber: http://ineufadla.blogspot.com/2011/02/cara-membuat-tab-view-link.html
CARA MEMBUAT TULISAN TERBALIK

CARA MEMBUAT TULISAN TERBALIK




 

 

 

 

 

☠☠☠☠〜〜TULISAN ʞılɐqɹǝʇ〜〜☠☠☠☠

TEKS ANDA:

COPAS HASILNYA

UPDATE STATUS VIA BLACKBERRY




19 December 2011

Parse HTML WARNA

Parse HTML WARNA

CARA PENGGUNAAN
1. Arahkan Kursor mouse pada Warna yang diinginkan
2. Kode Kode HTML warna yang ada dikolom HEX
3. Semoga Bermanfaat



Cara Membuat Menu Navigasi Horisontal Multi Level Pada Blog

Tips trik blog kali ini mau menjawab pertanyaan salah satu sobat gang tutorial yang request kemaren malam via Chat Facebook Cara Membuat Menu Navigasi Blog. Tips Trik ini beda dengan navigasi blog yang saya pake pada template blog ini. Beda? Yup. Tips trik ini yang akan di bahas merupakan membuat navigasi style drop down. Lagi-lagi blog template blog O-Om Screen shootnya bisa sobat lihat pada gambar di bawah ini :


Navigasi Blog

Demo live : Here
OK. dari pada omongan jadi tambah panjang meding ke TKP saja Cara Membuat Menu Navigasi Horisontal Multi Level Pada Blog
  • Masuk ke akun blogger, Klik Rancangan -> Edit HTML 
  • Silahkan letakkan kode di bawah ini tepat di atas kode ]]></b:skin>

/*-- (Menu/Nav) --*/
#nav-element{width:900px; margin:0; padding:0px 0 0px 0; float:center}
#nav{background:#424242; height:32px; padding:4px 0 0; margin-bottom:0px; clear:both; margin:0 auto; -webkit-border-radius: 7px;-moz-border-radius: 7px; border-radius: 7px;}
#nav-left{float:left; display:inline; width:660px; padding-left:6px; padding-top:1px}
#nav-right{float:right; display:inline; width:200px; padding-top:3px; padding-right:15px}
#nav ul{float:left;list-style:none;margin:0;padding:0;font:1.0em Verdana,Arial,Helvetica,sans-serif;font-weight:bold}
#nav li{list-style:none;margin:0;padding:0}
#nav li a,#nav li a:link,#nav li a:visited{display:block; color:#fff; margin:1px 4px; padding:4px 4px; text-decoration:none;}
#nav ul li a.current, #nav ul li a.current:visited, #nav ul li a.current:hover{color:#fff; background-color:#999; margin:1px 3px; padding:4px 4px; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px; -khtml-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px}
#nav li a:hover,#nav li a:active{background-color:#222; color:#fff; background-color:#999; margin:1px 4px; padding:4px 4px; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px; -khtml-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px;text-decoration:none}
#nav li li a,#nav li li a:link,#nav li li a:visited{background:transparent;color:#fff;font-size:12px;text-transform:none;float:none;margin:1px 4px; padding:4px 4px; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px; -khtml-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px;}
#nav li li a:hover,#nav li li a:active{background-color:#222; color:#fff; background-color:#999; margin:1px 4px; padding:4px 4px; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px; -khtml-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px;}
#nav li{float:left;padding:0}
#nav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:167px; background: #424242;margin:0px; padding:4px; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
#nav li ul a{width:156px;margin-bottom:2px;}
#nav li ul ul{margin:-32px 0 0 171px}
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul{left:-999em}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul{left:auto}
#nav li:hover,#nav li.sfhover{position:static}
  • Kemudian cari kode <div id='wrap2'> dan letakkan kode di bawah ini tepat dibawahnya atau diatasnya (tergantung selera sobat)

<div id='nav-element'>
<div class='widget-content'>
<div id='nav'>
<div id='nav-left'>
<ul>
&lt;li&gt;&lt;a href=&quot;/&quot;&gt;&lt;img src=&quot;http://img409.imageshack.us/img409/2696/depanikon.png&quot; style=&quot;padding: 0px;&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/li&gt;
<li><a href='#'>Tips Trik</a><ul>
<li><a href='http://sandydoank12.blogspot.com/search/label/Tips%20Blog?max-results=500'>Blog</a>
<ul>
<li><a href='http://sandydoank12.blogspot.com/search/label/SEO?max-results=500'>SEO</a></li>
<li><a href='#'>Optimasi</a></li>
</ul>
</li>
<li><a href='#'>Komputer</a></li>
<li><a href='#'>Internet</a></li>
</ul></li>
<li><a href='http://linkmediafire2u.blogspot.com/'>Free Operatiing System</a></li>
<li><a href='http://sandydoank12.blogspot.com/'>Gang Tutorial</a></li>
</ul>
<script language='javascript'>setPage()</script>
</div>
<div id='nav-right'>
<div id='tsrc-m'>
<div id='src-m'>
<form action='/search' id='searchform' method='get' name='searchform'>
<input class='keyword' id='s-m' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;search font..&quot;;}' onfocus='if (this.value == &quot;search font..&quot;) {this.value = &quot;&quot;}' type='text' value='search font..'/>
<input src='http://img140.imageshack.us/img140/1651/cariikon.png' style='border: 0pt none ; vertical-align: top; padding-top:3px' type='image'/>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
  • Terakhir kata Selesai dan silahkan Klik Save Template
OK. Sampai disini dulu Cara Membuat Menu Navigasi Horisontal Multi Level Pada Blog, semoga bermanfaat dan selamat mencoba
Cara memperbaiki Harddisk Yang Rusak

Cara memperbaiki Harddisk Yang Rusak

kali tidak ingin mengupas masalah tips trik blog dulu karena postingan ini mau menindak lanjuti tips trik komputer pada postinga sebelumnya yaitu Cara Perbaiki Komputer Tidak Bisa Booting tepatnya pada point 4.

Mungkin para sobat kalo mengalami kerusakan pada hard disk (HDD) langsung berpikir untuk mau ngupulin recehan dulu untuk beli HDD yang baru. Karena pasti berpikir bahwa HDD sulit untuk diperbaiki. Padahal secara teknis, bahwa yang rusak bisa diperbaiki (tergantung level kerusakannya). Dan pada postingan ini, akan membahas masalah Cara memperbaiki Hard disk yang Rusak dari beberapa level kerusakannya.

OK. dari pada ngebacot terus, langsung TeKaPe (dalang OVJ) wkikiki

Level 1
Pada level ini bisanya disebabkan oleh Bad sector. Untuk menanganinya ada beberapa cara. Namun harus disesuaikan dengan merk harddisk dan banyaknya bad sector.

  • Untuk penangan awal bisa gunakan perintah FORMAT C:/C (sesuaikan dengan drive yg akan diformat). /C gunanya untuk mebersihkan cluster yg rusak.
  • Jika belum berhasil bisa gunakan program Disk Manager dari masing-masing pabrik pembuat Harddisk tersebut.
  • Jika masih tetep juga sobat bisa gunakan software HDDREG , silahkan nanya ke si mbah dan download programnya.
  • Jika tetep bandel coba dengan cara Low Level Format atau Zero File.
  • Terakhir, jika masih membangkang sobat bisa lakukan pemotongan sector harddisk yg rusak, dengan cara membaginya dan tidak menggunakan sector yang rusak.
Level 2
Kerusakan pada ini adalah kehilangan Partisi Harddisk dan Data . Ini bisa disebabkan oleh jailnya virus atau kesalahan menggunakan program utility. Yang perlu sobat perhatikan dalam mengembalikan Partisi harddisk yang hilang, yaitu kapasitas harddisk dan Jenis File Systemnya. Partisi dengan File System FAT lebih mudah dikembalikan dibanding NTFS atau File System Linux.
  • Cek terlebih dahulu partisi harddisk dengan menggunakan FDISK atau Disk Manager
  • Untuk mengembalikannya bisa gunakan software seperti Acronis Disk Director, Handy Recovery, Stellar Phoniex dll.
Level 3
Kerusakan yg menyebabkan harddisk terdeteksi di BIOS tetapi tidak bisa digunakan, selalu muncul pesan error pada saat komputer melakukan POST. Biasanya ini disebabkan FIRMWARE dari harddisk tersebut yg bermasalah. Untuk gejala ini biasaya banyak terjadi pada harddisk merk Maxtor dengan seri nama-nama Dewa. Untuk memperbaikinya, sobat bisa download program Firmware dari website merk harddisk tersebut.

Level 4
Kerusakan yang menyebabkan Harddisk benar tidak terdeteksi oleh BIOS dan tidak bisa digunakan lagi. Ini level yang tersulit (menurut saya). Karena untuk perbaikannya kita butuh sedikit utak atik perangkat elektronika dan komponen dalamnya. Menganggulangi harddisk yang tidak terdeteksi oleh BIOS banyak cara.
  • Mengecek arus listrik yg mengalir ke harddisk
  • Mengganti IC pada mainboard Harddisk
  • Buka Penutup Cover harddisk dan cek posisi Head harddisk
  • Cara yg extreme harddisk yg rusak bisa dikanibal dengan harddisk yg lain yg keruskan berbeda, bisa dengan cara mengganti maiboardnya atau mengambil IC nya.
OK. sampai di sini dulu postingan cara memperbaiki hard disk yang rusak ini.. semoga membant dan tentunya bermanfaat

Upgrade Flashdisk Yang Tidak Bisa Diformat

beberapa waktu yang lalu gang tutorial share tentang atasi flashdisk tidak bisa diformat part II. Sedangkan kali ini kembali share tetang atas flasdisk tidak bisa diformat dengan menggunakan cara lain (dalam artian part I dan part II gagal atasi flash disk tersebut)

Postingan yang berkaitan silahkan baca dulu :
Cara Atasi Flash Disk Tidak Bisa Diformat Part I
Atasi Flash Disk Tidak Bisa Diformat Part II
Cara Memperbaiki Flashdisk yang rusak

OK. dari pada panjang lebar mending langsung saja flashdisk tidak bisa diformat


  • Silahkan sobat bongkar flashdisknya, dan disana ada dua komponen yang berwarna hitam
  • Komponen yang lebih besar disebut dengan modul memory, modul memory berfungsi menentukan besarnya kapasitas flashdisk. Komponen yang lebih kecil adalah mikrokontroller. Mikrokontroller merupakan komponen yang mengendalikan segala aktifitas pembacaan dan penulisan pada flashdisk.
upgrade flashdisk rusak
  • silahkan sobat cermati dari mikrokontrollernya, disana pasti ada sebuah kode. Seperti kode ALCOR-AU6982 pada gambar flash disk diatas
  • silahkan sobat googling sesuai dengan kode dari mikrokontroller tersebut. setelah dapet kalo ada berupa software, silahkan sobat download dan instal ke komputer sobat untuk upgrade flash disk yang tidak bisa diformat tersebut.
  • tara....setelah diupgrade, flashdisk sobat sudah bisa digunakan lagi
OK.Sampai disini dulu Cara atasi flashdisk tidak bisa diformat dengan upgrade.Semoga bermanfaat dan selamat mencoba

18 December 2011

Membuat Pesan peringatan di situs

Dengan memasang widget ini di blog, kita dapat menampilkan pesan peringatan untuk memberikan pengumuman,informasi atau memperingatkan para pengunjung sebelum mereka melihat seluruh isi dari blog kita. Jadi, saat pengunjung masuk blog kita, maka yang pertama kali tampil adalah pesan peringatan atau box dialog yang akan kita bahas ini. Trik ini mungkin akan terlihat berbeda di beberapa browser dan sistem operasi.

Pesan peringatan atau box dialog ini juga bermanfaat apabila blog kita berisi konten dewasa, saat pengunjung tidak menginginkan melihat isi blog dengan mengklik "cancel, maka kita bisa me "redirect" atau memindahkan pengunjung ke situs/blog yang lain sesuai keinginan kita.

Pesan peringatan ini juga akan aktif walaupun browser pengunjung menonaktifkan javascriptnya, tetapi dengan pesan peringatan yang berbeda, sesuai settingan kita pada script/kodenya.
Untuk lebih jelasnya, ikuti langkah-langkahnya (bahasa aku baku bangeeeet coy... :D )


1. Pesan peringatan tanpa "redirect"
Contoh :

Langkahnya :

login ke akun anda, masuk ke Template -> Elemen Halaman -> Tambahkan Elemen Halaman dan pilih HTML/JavaScript. Masukkan kode di bawah ini:

<script type="text/javascript">
alert('
Anda Memasuki situs penuh lelucon!')
</script>
<noscript>
Aktifkan javascript dibrowser anda karena ada pesan penting dari pemilik blog ini...</noscript>
Keterangan :
- Teks berwarna merah adalah pesan peringatan atau ganti dengan keinginan kita
- Teks berwarna hijau adalah pesan saat javascriptnya browser pengunjung nonaktif


2. Pesan Peringatan dengan tombol Konfirmasi (untuk blog konten dewasa)
Contoh :

Langkahnya :

login ke akun anda, masuk ke Template -> Elemen Halaman -> Tambahkan Elemen Halaman dan pilih HTML/JavaScript. Masukkan kode di bawah ini:

<script type="text/javascript">
confirm('
Situs ini berisi konten dewasa, apakah ingin dilanjutkan?');
if (confirm('
Anda yakin ingin melanjutkan?')) {
window.location = "
http://rocirel.blogspot.com/";
}
else {
window.location = "
http://www.google.com/";
}
</script>
Keterangan- Teks warna merah adalah pesan peringatan pertama
- Teks warna biru adalah pesan peringatan ke 2 setelah pengunjung mengklik tombol yes
- Teks warna kuning ubah dengan URL blog kalian
- Teks warna hijau adalah URL redirect


3. Pesan Peringatan dengan form
Dengan box dialog ini kita dapat meminta pengunjung untuk memasukkan namanya di form isian, selanjutnya nama pengunjung tersebut akan tercatat dan saat blog kita di reload/refresh oleh pengunjung tersebut maka akan ada ucapan seperti welcome back, selamat datang lagi dan lain-lain sesuai yang kita masukkan pada script nantinya. Trik ini hanyalah untuk menambah sentuhan pribadi pada blog kita, jadi tidak akan mempengaruhi pada template kita.
Contoh :


Langkahnya :

login ke akun anda, masuk ke Template -> Elemen Halaman -> Tambahkan Elemen Halaman dan pilih HTML/JavaScript. Masukkan kode di bawah ini:

<script type="text/javascript">
var yourName = prompt("
Boleh tau nama anda?", "Tamu");
</script>
Keterangan :
Ganti teks warna merah sesuai keinginan

Pengunjung blog kita tentu saja bisa menolak memberikan namanya dengan mengklik CANCEL atau membiarkan form isian kosong dengan mengklik OK dan itu tentu tidak akan tercatat, serta tidak akan menampilkan pesan "welcome back" tersebut saat di refresh. :)

Pesan "welcome back"
Contoh :


Langkahnya sama dengan diatas!

Welcome back <script type="text/javascript">document.write(yourName)</script>! Feel free to look around. If you like what you read, mention us in your post or link to this site. Hope to see you again <script type="text/javascript">document.write(yourName)</script>
Keterangan :
Ganti teks warna merah sesuai keinginan.

Bagaimana teman-teman? ngerti ngga dengan penjelasan diatas?
Rasanya itu udah yang termudah yang coba aku paparkan dan juga sudah menggunakan bahasa baku, menurut aku lho... :D
Oke guys, bila ada pertanyaan silakan tanyakan pada kolom komentar dibawah ini... :)