Prodigy of Head

Bagi sobat blogger yang membutuhkan tools dan aplikasi buat memperindah blognya BEN_TOOLS

Buat kawan's yang mau ngecek ranking di 4 tempat favorite !!! Bannernya juga bagus².

Tempatnya free download mp3 terlengkap Fortysix Mp3 dan bisa pesan pula. Pokok`e top margot top

AssaLamu'alaikum Wr Wb. SeLaMat DaTang Di BLog Aneh dan BERat!!! Semoga tidak mengurangi niat sobat-sobat untuk menjamahnya (hehehe). SSsssttt...MOZILLA 3.0.3 pakenya, Biar saMa deNgaN aku...UGHHH!!! Eit!!! MaMpir lagi yaaa...huhehuhehe. This blog looks better to use Firefox. Get a better browser. HaPPy bLogGing dan WassaLaMu'aLaikuM Wr Wb ^_^'

NUMBERED PAGE NAVIGATION KOREK-KOREK STYLE

2/10/2010 12:52:00 AM Yang Ng3po5 : Beben 2 Komentar Follow This Blog

Hasil ngorek-ngorek lagi...kekeke!!! Pokoknya mah ada yang unik-unik, aku korek-korek...wkwkwkwkwk. Para sobat blogger pasti pernah melihat nomor yang keberadaannya untuk meloncati dari halaman satu ke halaman yang lainnya??? Iyah itu yang selalu di bawah postingan utama keberadaannya. Kalau di blog BeBeN ini ditunjukkan dimulai dengan angka 1 - 7 ada tulisan teruskan dibelakangnya. Kalau bahasa inggrisnya tuh Adding Numbered Page Navigation...xixixixi.

Mau yang bergaya Page Navi By Abu Farhan. Ada yang bergaya Page Navi By Max. Atau mau yang ini Page Navi By M.Rias. Sudah jangan kebanyakan, entar malah pusing sendiri milih-milihnya...hauhauhahuhahaha. Bagaimana dengan Page Navi gaya korek-korek!!! Wkwkwkwkwk... Ayuk kita ikuti langkah-langkahnya.
Log in terlebih dahulu ke account blog sobat ► Layout ► Edit HTML. (Jangan dicentang Expand Widget Templates)

Cari kode yang mirip seperti kode berikut...

<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>

Yang terpenting Blog Postsnya itu, karena yang itu mah pasti semua template ada...wekekekekek. Kalau sudah ketemu, masukkan kode dan script berikut dibawah/setelah kode </b:section>.

<style type='text/css'>
.blogpager {
font-size:16px;
color: #060;
font-weight:bold;
padding:0px 4px;
}
</style>

<div align='center' style='margin:5px;'>
<form action='#' name='pager20'>
<span id='vwg-pager-first'></span>
<span id='vwg-pager-prev'></span>
<input name='showingpage' onfocus='this.select()' size='4' title='Enter page number' type='text' value='load...'/>/<input disabled='disabled' name='pagestotal' size='4' type='text' value='load...'/>
<input onclick='checkpager()' type='button' value='Go'/>
<span id='vwg-pager-next'></span>
<span id='vwg-pager-last'></span>
</form>
</div>

<script type='text/javascript'>

var blogID = "ID-BLOG-SOBAT";
var home_page = "HTTP://NAMA-BLOG-SOBAT.BLOGSPOT.COM/";
var pager_max_main = 5;

var pager_first_text = "First";
var pager_last_text = "Last";
var pager_prev_text = "Prev";
var pager_next_text = "Next";

</script>
<script src='HTTP://BLOGGER_PAGER_SCRIPT_v20.JS' type='text/javascript'></script>

Perhatikan :

Ganti tulisan yang berwarna biru dengan ID sobat. (Kalau sedang edit-mengedit template/mosting artikel lihat paling ujung di address bar sobat itulah ID)
Ganti tulisan yang berwarna merah dengan nama/alamat blog sobat.
Masukkan scriptnya setelah dihosting terlebih dahulu, lalu letakkan pada tulisan yang berwarna hijau ~~pias~~.

Ini scriptnya Pager Script V20. Setelah langkah-langkahnya diikuti, SAVE deh dan lihat hasilnya. Kalau mau lihat live demonya silahkan kunjungi blog berikut dan lihat ke bagian page navi blog tersebut Kata Hati Blog. Blog itu juga yang kasih ide page navi gaya korek-korek...wkwkwkwkwkwk.

Happy blogging with bloglang and good luck.

HYBRID MENU

2/09/2010 05:22:00 PM Yang Ng3po5 : Beben 7 Komentar Follow This Blog

Menu postingan kali ini yaitu MENU STYLE. Bikin menu gitoo maksudnya mah...huehuehue. Masih dari web yang terkenal mengeluarkan trik-trik CSS. Lumayan kalau dari sobat mau menambahkan menu di blognya. Yaaa...biar gaya gitoo...wkwkwkwk!!! Hasil ngubek-ngubek biasa. Sebelumnya juga BeBeN pernah memosting tentang Drop Shadow With CSS, itu juga dari sana...wkwkwkwkwk. Mau lihat demo menunya bagaimana!!! DEMO Menu Hybrid Style. Bagaimana!!! tertarik tidak nih bikinnya bagaimana???

Pertama-tama yang kita butuhkan yaitu kode CSS terlebih dahulu. Ini kode CSS yang dibutuhkan untuk bisa membuat hybrid menu.

#nav {
margin: 0;
padding: 0;
}
#nav li.on ul, #nav li.off ul {
margin: 3px;
padding: 0;
}
#nav a {
text-decoration: none;
text-align: center;
background: #d6e3b0;
}
#nav li { /*float the main list items*/
margin: 0;
float: left;
display: block;
padding-right: 5px;
}
#nav li ul {
display: none;
}
/*put the subnav below*/
#nav li.off ul, #nav li.on ul {
position: absolute;
top: 33px;
*top: 44px;
left: 5px;
padding-top: 3px;
background: #d6e3b0;
height: 28px;
width: 1005px;
}
#nav li a {
color: #777777;
font-weight: bold;
display: block;
height: 15px;
width: 100px;
border: 2px solid #d6e3b0;
padding: 5px;
}
#nav li.on a {
border: 2px solid #d6e3b0;
color: #777777;
}
#nav li.on ul a, #nav li.off ul a {
float: left; /*ie doesn't inherit the float*/
border: 0;
color: #7a8566;
width: auto;
margin-right: 3px;
}
#nav li.on ul {
display: block;
}
#nav li.off:hover ul {
display: block;
z-index: 6000;
}
#nav li.off a:hover, #nav li:hover a {
background: #d6e7b0;
color: #7a8566;
}

Lumayan...^.^ Kalau sudah ada kode CSS-nya, sekarang yang kita butuhkan yaitu kode HTML-nya untuk memanggilnya. Oh iya, itu kode-kodenya letakkan sebelum/diatas kode ]]></b:skin>. Sekarang kita lanjut ke HTML-nya...

<ul id="nav">
<li class="on"><a href="#">TITLE</a>
<ul>
<li><a href="#">Doyok</a></li>
<li><a href="#">Hendrie K bejo</a></li>
<li><a href="#">eRGe</a></li>
<li><a href="#">Ndafender4u</a></li>
<li><a href="#">Ocim</a></li>
<li><a href="#">Koben</a></li>
<li><a href="#">Kang Asep</a></li>
</ul></li>
<li class="off"><a href="#">TITLE1</a>
<ul>
<li><a href="#">Dian Sastro</a></li>
<li><a href="#">Neneng</a></li>
<li><a href="#">Mince</a></li>
<li><a href="#">Juleha</a></li>
</ul></li>
<li class="off"><a href="#">TITLE2</a>
<ul>
<li><a href="#">Tasik</a></li>
<li><a href="#">Bandung</a></li>
<li><a href="#">Solo</a></li>
<li><a href="#">Irian</a></li>
<li><a href="#">Gorontalo</a></li>
</ul></li>
<li class="off"><a href="#">TITLE3</a>
<ul>
<li><a href="#">Kang-Rohman</a></li>
<li><a href="#">Kendhin</a></li>
<li><a href="#">O-Om</a></li>
<li><a href="#">Yono</a></li>
<li><a href="#">Doddy</a></li>
</ul></li>
<li class="off"><a href="#">TITLE4</a>
<ul>
<li><a href="#">Lynchen</a></li>
<li><a href="#">MAX</a></li>
<li><a href="#">Ihsan</a></li>
<li><a href="#">Devny</a></li>
<li><a href="#">Ahmad</a></li>
</ul></li>
</ul>

Itu kode HTML-nya. Letakkan kode-kode tersebut didalam tag :

<body> ----- KODENYA ------ </body>

Kalau kalian mau berkreasi sedikit, letakkanlah kode HTML-nya didalam tag <body>, terus diatur-atur menurut keinginan. Yang terpenting diluar dari tag yang sudah ada di dalam HTML template sobat. Paham sukur enggak paham usaha terus sampai paham...xixixixi ^,^' Kalau mau merubah panjangnya biar sesuai dengan template sobat itu kode yang berwarna biru saja yang dioprek-oprek. Masalah warna tentu sobat sudah pada tahu apa yang harus dirubahnya toh.
Source by : www.alistapart.com. Be modified by : BeBeN

See you...^_^'

WIDGETS BY MAHESA JENAR

2/06/2010 06:18:00 PM Yang Ng3po5 : Beben 5 Komentar Follow This Blog

THE HOLY AL-QUR'AN MY HOLY BOOK. Baca-baca komentar ada lagi yang nanya...ixixixi. Begini katanya :

oiz...cara bikin widget qur'an dsamping tu gmn?

Sejak kapan nama aku berubah jadi oiz yak...wkwkwkwkwk!!! Sebenarnya ada juga yang bertanya bagaimana membuat widget Al-Qur'an, yang merupakan hasil karya Mahesa Jenar pemilik web MahesaJenar.com. Sebenarnya bukan hanya widget Al-Qur'an saja yang dibuat, ada jadwal Adzan, Asmaul Husna, Tanggal Hijriah, dan Counter (Waktu). Karena banyak yang bertanya, maka sama BeBeN si ganteng kalem diposting saja (mumpung pusing mau posting apaan...wkwkwkwk).

Untuk mendapatkan karya Kang Aryo Sanjaya ini silahkan sobat masuk ke alamat Widgets MahesaJenar. Dari sini juga sebenarnya sobat sudah bisa mendapatkan widgetsnya kok. Kalau tidak mau capek yaa sudah dari sini saja...(hehehe)<p>Your browser does not support iframes.</p> Sudah deh cuma gitu saja...wkwkwkwk, gampang toh, enak toh, mak nyus toh. Kalau mau seting menyeting widgets Al-Qur'an, silahkan masuk ke halaman Seting Random Ayat. Semoga bermanfaat dan see you again with bloglang programa...wakakakkakkkk.

Bloglang...you ask i am looking (hunting Boo)

Agama, Informasi

MULTIPLE SEARCH ENGINE FOR BLOGGER

2/05/2010 11:34:00 PM Yang Ng3po5 : Beben 6 Komentar Follow This Blog

Style for search blogger. Masih berposting ria mengenai bagian blog yaitu search. Postingan sebelumnya mengenai Search Style, yang bercerita tentang gaya tulisan yang dapat kita variasikan di seputar kotak search blog kita. Sekarang saatnya BeBeN si bloglang mau berbagi gaya-gaya search yang mungkin sobat blogger mau memasangnya guna menyempurnakan fasilitas yang ada di blog sobat sendiri.

Daftar javascript search engine By Javascript Kit.

Javascript Search Engine

Search Box 4-in-1.

Search BoX 4-in-1

Search custome by google.

Google Custome Search Engine

Itu saja dulu yah style yang dapat sobat blogger yang bisa dipakai untuk menyempurnakan bagian search blog sobat.Di sini BeBeN akan berbagi bagaimana caranya memasukkan google custome searh google ke dalam blog kita.

Cari kode <head> di dalam template sobat, lalu letakkan kode & script berikut dibawah/sesudah kode <head>.

Kode yang tulisannya tebal dapat diganti sesuai keperluan sobat. Kode yang berwarna biru dapat diganti http://id.nowgoogle.com/ untuk Indonesia, http://uk.nowgoogle.com/ untuk United Kingdom, dan http://ca.nowgoogle.com/ untuk Canada. Kalau sudah, masukkan kode berikut didalam HTML template sobat atau kalau tidak mau ambil pusing pergi ke Page Elements ► Add a Gadget ► HTML/Javascript.

<form action="" method="post" name="search_form" onSubmit="javascript:searchSubmit();" target="_blank">
<input id="mysearch" name="mysearch" class="search_home" value="" type="text">
<select name="category" id="category" class="drop_down_home">
<option selected value="blogs">blogs</option>
<option value="books">books</option>
<option value="downloads">downloads</option>
<option value="ebook">ebook</option>
<option value="images">images</option>
<option value="jobs">jobs</option>
<option value="lyrics">lyrics</option>
<option value="music">music</option>
<option value="social-bookmark">social-bookmark</option>
<option value="videos">videos</option>
<option value="web-search">web-search</option>
</select>
<input class="button_go_home" border="0" src="http://www.nowgoogle.com/images/search_green.gif" name="submit" width="50" height="23" type="image">
</form>