24 Februari 2013

Menambah Emoticon Pada Komentar Blog

Menambah Emoticon Pada Komentar Blog

 
Langsung saja ke topik, kesempatan kali ini saya akan membuat emoticon di bawah kotak komentar. daripada bingung jelasinnya, mending jg langsung bikin tutorialnya. hehee....
Nah kali ini saya akan memberi tutorialnya, yaitu Cara Mudah Menambah Emoticon Pada Komentar Blogspot.



Gambar



Berikut Langkah-langkahnya :
  • Login ke akun blogger Sobat
  • Masuk tata Letak
  • Edit HTML
  • BackUp dulu templatenya, dengan cara klik "download template lengkap"
  • Cari kode berikut: </body>
  • Letakan kode css berikut, dan taruh di atas kode: </body>

  <script src='https://sites.google.com/site/kodeblogger/javascript/smiley.js' type='text/javascript'/>
Selanjutnya cari kode berikut, Lengkapnya perhatikan kode sibawah ini, (pehatikan kode berwarna merah) :
  •  Cari kode dibawah ini :
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
  • Kalo sudah ketemu ,taruh kode Smile'na di ATAS kode: <b:include data='post' name='comment-form'/>
<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))</b>
  • Simpan template, dan lihat hasilnya.
  • Selamat Mencoba ^^
readmore...

Cara Membuat Widget Naruto

Cara Membuat Widget Naruto 


1. login di akun blogger sobat dan senyum dulu gan biar makin manis,
2. pilih design/rancangan.
3. pilih add widget/ tambah widget
4. scroll mouse ke bawah dan pilih html/javascript.
5. pastekan kode di bawah ini di dalam kotal html/javscript


<div style="position: fixed; bottom: 0px; left: 20px;width:110px;height:80px;"><a href="http://sr21bdx.blogspot.com/2013/02/cara-membuat-widget-naruto-fight.html"target="_blank"><img src="http://fc05.deviantart.net/fs16/f/2007/171/d/b/Kyubi_avatar_by_Zero_00X_by_moontreedoggie.gif"alt="gambar"title="klik here to get more"/></a></div>
6. atur letak nya se suka hati sobat
7. save dan selesai.

ini Hasilnya :
 
readmore...

18 Februari 2013

Cara Membuat Menu Dropdown / Sub Menu


Cara Membuat Menu Dropdown / Sub Menu





Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara membuat menu dropdown / sub menu di blogspot. ^_^

Contohnya Menu Horizontal










    Cara Membuat Menu Dropdown / Sub Menu pada Blogspot 
    • Login pada Blogger
    • Masuk mode Rancangan kemudian Edit HTML
    • Beri centang pada Expand Template Widget
    • Cari kode <div class='main-outer'> atau <div id='main-wrapper'> atau <div id='main'>
    • Jika sudah ketemu, letakan kode berikut diatas kode tadi

    <style>
    /* -- Menu Horizontal + Sub Menu-- */
    #cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}
    #cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}
    #cat-nav a:hover { color:#fff; }
    #cat-nav li:hover { background:#000; }
    #cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}
    #cat-nav .nav-description { display:block; }
    #cat-nav a:hover span { color:#fff; }
    #secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }
    #secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}
    #secnav li { float:left; width: auto; height:35px;}
    #secnav li ul  { position: absolute; left: -999em; width: 200px; top:35px}
    #secnav li ul li  { height:30px; border-top:1px solid #fff; }
    #secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }
    #secnav li ul ul  { margin: -30px 0 0 180px; }
    #secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }
    #secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }
    #secnav li:hover,#secnav li.hover  { position:static; }
    #cat-nav #secnav {width:100%;margin:0 auto;}
    </style>
    <div id='cat-nav'>
    <ul class='fl' id='secnav'>
    <li><a href='http://sr21bdx.blogspot.com'>Home</a></li>
    <li><a href='http://sr21bdx.blogspot.com'>Menu 1</a></li>
    <li><a href='http://sr21bdx.blogspot.com'>Menu + Sub Menu</a>
    <ul id='sub-custom-nav'>
    <li><a href='http://sr21bdx.blogspot.com'>Sub Menu 1</a></li>
    <li><a href='http://sr21bdx.blogspot.com'>Sub Menu 2</a></li>
    <li><a href='http://sr21bdx.blogspot.com'>Sub Menu 3</a></li>
    </ul>
    </li>
    <li><a href='http://sr21bdx.blogspot.com'>Menu</a></li>
    <li><a href='http://sr21bdx.blogspot.com'>Menu + Sub</a>
    <ul id='sub-custom-nav'>
    <li><a href='http://sr21bdx.blogspot.com'>Sub 1</a></li>
    <li><a href='http://sr21bdx.blogspot.com'>Sub 2</a></li>
    <li><a href='http://sr21bdx.blogspot.com'>Sub 3</a></li>
    <li><a href='http://sr21bdx.blogspot.com'>Sub 4</a></li>
    <li><a href='http://sr21bdx.blogspot.com'>Sub 5</a></li>
    <li><a href='http://sr21bdx.blogspot.com'>Sub 6</a></li>
    </ul>
    </li>
    <li><a href='http://sr21bdx.blogspot.com'>Menu</a></li>
    <li><a href='http://sr21bdx.blogspot.com'><b><blink>http://sr21bdx.blogspot.com</blink></b></a></li>
    </ul>
    </div>
    Catatan:
    Silakan ganti Url (http://sr21bdx.blogspot.com) dengan link/url yang kamu mau, boleh link posting atau link Label (Kategori)
    Sub Menu dan Sub adalah sub menu dari menu (Menu + Sub Menu dan Menu + Sub), silakan ganti nama masing-masing menu sesuai selera.




    Semoga Bermanfaat ^_^
    readmore...

    17 Februari 2013

    MEMASANG WIDGET I LOVE INDONESIA DI BLOG

    MEMASANG WIDGET I LOVE INDONESIA DI BLOG



    Maaf baru sempat post. sekarang saya posting buat nambah animasi " I LOVE INDONESIA" di PKA (Pojok Kanan Atas). Kayak punya blog ini, saya langsung aplikasikan biar pengunjung percaya bahwa Script yang saya kasih 100% Working. Ya udah, sekian aja basa-basinya.

    Langkah:

    1. Buka Blogger dan Sign In menggunakan account anda

    2. Pilih tata letak

    3. Add Widget

    4. Text/HTML

    5. Masukan Script di bawah ini

    <script language="JavaScript" src="http://restanaloveindonesia.googlecode.com/files/widget%20%281%29.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://img38.imageshack.us/img38/8584/iluvindonesia.png")</script>

    6. Klik Simpan


    Semoga Bermanfaat ^_^
    readmore...

    9 CARA AGAR BLOG KITA CEPAT TERDETEKSI DI GOOGLE(SEARCH ENGINE )

    9 CARA AGAR BLOG KITA CEPAT TERDETEKSI DI GOOGLE(SEARCH ENGINE )

     
    Selamat malam sobat blogger. disini saya akan memeberikan tips agar blog/website kita bisa di deteksi atau bahasa gaulnya eksis oleh mesin pencarian seperti Google, Yahoo, dogpile , bing, MSN dll. Dan dengan tujuan/harapan agar blog kita dapat lebih ramai akan pengunjung karena dari hampir sekian banyak pengunjung kebanyakan datang berbondong-bondong dari mesin pencarian/search engine sendiri entah melalui pencarian web ,berita , gambar , dsb .

    Untuk itu, langsung saja saya share 9 cara agar blog/website anda bisa terdeteksi dan eksis search engine Update! , baiklah caranya sebagai berikut :

    1. Submit url website atau blog kita di beberapa search engine berikut :
    *
    www.google.com/addurl/
    *
    www.google.com/webmasters/tools/
    *
    search.yahoo.com/info/submit.html
    *
    www.altavista.com/addurl/default
    *www.submitexpress.com/submit.html(pihak ketiga)


    2. Submit url website atau blog kita di direktori terkenal :
    *www.dmoz.org

    3. * Pasang link kita di jejarig sosial seperti Facebook, Twiter, Friendster, dan lain-lain.
    * Leave koment pada blog yang terkenal dengan mencantumkan alamat blog kita entah itu follow maupun no follow.
    * Kalo kenalan sama orang lain jangan lupa promosi blog kita.
    * Pasang iklan di iklan online gratis
    * Rajin menebar link kita pada blog aktif di internet.

    4. Perlu diingat proses crawl sampai index bisa memakan waktu yang variatif. Bisa lama ataupun sebentar. Tergantung sistem bot google. Kadang dalam hitungan minggu, bulan ataupun tahun. Jadi bersabarlah. Selain itu, jangan terlalu tergantung pada mesin pencari. Tapi lebih utamakan kemampuan promosi Anda pada siapapun. Dan juga konsentrasilah pada pengunjung blog Anda dengan membuat blog terlihat menarik.

    5. Lakukanlah blogwalking setiap kita online entah kita berkomentar sambil meninggalkan link blog kita yang anda bisa lakukan di blog sahabat anda/teman blog anda .

    6. Tukeran link , iya ini cara yang saya lakukan hingga saat ini yaitu saling bertukar link antara pengguna blogger satu dengan lainnya dengan cara anda meminta ijin/berkomentar kepada blog teman anda untuk memasang alamat blog anda di blog teman anda dan sebagai gantinya anda juga memasang blog teman anda di blog anda .
    Jadi bahasa gampangnya agar ada saling keterkaitan antara blogger satu dengan lainnya .


    7. Buat nama URL yg mencerminkan niche blog anda. Misal, anda suka dunia motivasi dan anda ingin agar blog anda cepat terindex bahkan di halaman pertama pencarian. Maka buatlah nama blog yang mencerminkan niche blog , karena lebih memudahkan mbah Google dkk meng-crawl dan mengindex blog anda. Ingat Google adalah Search Engine yg mengindex blog/situs berdasarkan relevansi. Maka yg pertama yg harus relevan adalah nama domainnya sehingga akhirnya bisa membawa hoki tersendiri bagi anda.

    8. Pelajari ilmu SEO (Search Engine Optimatization) secara kontinu dan konsisten. Yang intinya adalah bagaimana membuat blog anda lebih cepat terindex oleh spidernya Google, Yahoo, MSN dkk. Dan lebih baik lagi agar terindex pada halaman pertama pencarian alias TOP TEN GOOGLE SEARCH. Bahkan kalau bisa di urutan pertama!

    Caranya seperti mengoptimasi Meta Tags, Meta Keyword, Meta Description, Blog Title Swap, Tag Header H1, H2, Nembak keyword setiap kali posting terutama di Post title n content, dsb. Untuk konten terutama di paragraf pertama dan terakhir bisa disisipi keyword atau longtail-keyword yg akan dioptimasi.

    9. Setelah anda mengikuti tips-tips di atas , Buatlah postingan / berita yang bakal booming dan di cari banyak orang jadi anda pintar-pintar cari suatu berita/informasi yang isinya anda buat sendiri dan sedikit kreatif untuk memainkan kata-kata yang berulang-ulang di postingan anda agar bisa ter-index di google / search engine.

    Sekian 9 tips/trick cara agar blog bisa terdeteksi di google , dan blog ini sendiri beberapa posting sudah eksis di halaman pertama google , sesuatu banget! haha , dan juga jangan lupa untuk berdoa agar blog anda bisa di index di google karena kalo blog baru biasanya 1-2 hari baru postingan anda bisa keluar di google saran saya jangan kebanyakan / waktu anda untuk copas karena tidak akan meningkatkan traffic visitor / increasing page per-posting di search engine , siapa yang duluan menge-post berita pertama kalinya akan mendapatkan rank 1 di saat pengunjung mencarinya . 
     
    Semoga bermanfaat ^_^
    readmore...

    CARA MENAMPILKAN FOTO SENDIRI DI PENCARIAN GOOGLE

    CARA MENAMPILKAN FOTO SENDIRI DI PENCARIAN GOOGLE

     
    Sudah pada sering lihat seperti ini kan?.. ketika kita sedang search di Google, malah muncul foto2 gak jelas di sebelah kiri artikelnya. Sekarang saya akan menerangkan gimana caranya membuat hal seperti itu...

    I. SYARAT MENAMPILKAN FOTO PROFIL DI GOOGLE SEARCH
    Ada 3 (tiga) syarat agar foto Anda dapat tampil di Google search bersebelahan dengan artikel yang Anda tulis.
    1. Syarat pertama, punya blog atau website. 
    2. Syarat kedua, harus memiliki akun Google Plus. Kalau tidak punya silahkan membuat account Google Plus dengan akun Gmail Anda. 
    3. Syarat ketiga, punya halaman About Me. Yang bisa Anda buat di halaman statis blog Anda atau halaman posting.
    Kalau ketiga unsur di atas sudah terpenuhi, ikuti tahap kedua.

    II. SALING MEMBERI TAUTAN (LINK)
    Ketiga unsur di atas--yaitu blog, halaman About Me, dan Google Plus, harus saling bertautan (link) satu dengan yang lain. Ikuti caranya di bawah:
    A. Menautkan (link) akun Google Plus ke Blog/Website.
    • Tempatkan di header atau sidebar atau footer. Cukup satu tautan.
    • Pasang link url Google Plus Anda di blog/situs Anda dengan menambah kode rel="author". 
    • Apabila bingung, copy/paste kode berikut: <ahref="https://plus.google.com/117986633140427520691/"rel="author" target="_blank"> Gabung Google Plus </a>. (contoh)
    • Dan ganti nomor-id-google-plus (117986633140427520691) dengan nomor id G+ Anda. 
    • Contoh: <a href="https://plus.google.com/117986633140427520691/" rel="author" target="_blank"> Gabung Google Plus </a>.
    B. Memberi tautan (link) Google Plus di About Me Page
    • Buka halaman About Me yang Anda buat, masukkan link Google Plus Anda dengan tambahan kode rel="me". 
    • Atau, copy paste kode ini: 
    • <a href="https://plus.google.com/google-plus-id" rel="me" target="_blank"> My Google Profile </a>
    • Ganti google-plus-id dengan nomor id Google+ Anda.
    • Jangan lupa simpan perubahan.

    C. Memberi tautan Blog/Website dan halaman About Me di akun Google Page.
    Caranya sebagai berikut:
    • Masuk/login ke: plus.google.com -> klik ikon Profil (atas)
    • Klik Edit Profil -> klik Kontributor untuk (bawah)
    • Klik Tambahkan tautan ubahsuaian
    • Masukkan alamat URL About Me blog Anda.
    • Masukkan alamat URL Blog Anda (opsional).
    • Klik Simpan. Selesai.
    III. CARA MEMERIKSA HASIL DI GOOGLE SEARCH
    1. Kunjungi google.com/webmasters/tools/richsnippets
    2. Masukkan alamat blog/website Anda.
    3. Tanda berhasil adalah apabila ada pesan sebagai berikut: "Verified: Authorship markup is verified for this page."
    IV. FOTO PROFIL TIDAK TAMPIL DI GOOGLE SEARCH
    Apabila setelah melakukan semua tips di atas dan sudah lulus tes Google Rich Snippet, tapi masih saja foto Anda tidak tampil berdampingan dengan artikel blog Anda di hasil pencarian Google SERP, maka--menurut tim Google-- kemungkinan penyebabnya adalah salah satu dari 4 faktor sebagai berikut:
    Data mark-up tidak mewakili konten utama dari website.
    1. Data mark-up tidak benar atau menyesatkan.
    2. Kandungan mark-up disembunyikan dari pengguna (dengan div yang tersembunyi--black hat)
    3. Situs terkait memiliki sedikit artikel atau halaman. 
    V. CARA KEDUA MENAMPILKAN FOTO DI GOOGLE PENCARIAN:

    Yaitu dengan cara menampilkan nama dan email di setiap halaman posting artikel situs/blog kita. Caranya sebagai berikut:

    1. Pastikan bahwa nama dan email ada di setiap halaman posting artikel.
    2. Tambahkan email baru ke profil Google Anda.
    3. Klik Verify pada email yang tadi Anda masukkan.
    4. Cek email Anda, dan klik link verifikasi dari Google.

    Semoga bermanfaat ^_^
    readmore...

    MEMBUAT WIDGET LIKE FACEBOOK MELAYANG

    MEMBUAT WIDGET LIKE FACEBOOK MELAYANG

    Pada kali ini saya akan mengajak anda mempraktekan cara membuat widget Facebook like dengan cara tersembunyi dan melayang juga.banyak manfaat yang bisa anda peroleh dengan menggunakan cara ini yaitu selain unik dan menghemat tempat pada sidebar, juga cara ini bisa mempercepat atau
    tidak menghambat kecepatan loading di saat blog anda pertama kali di akses. Untuk dapat mempraktekannya terlebih dahulu anda harus sudah terdaftar dan mendapatkan kode Facebook like box terlebih dahulu. Bagaimana tertartik untuk mempraktekannya? berikut cara memasang widget facebook like melayang pada blog:

    Cara Membuat Widget Melayang Facebook Like Box
    • Login ke dashboard blogger anda. 
    • Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).\ 
    • Copy script widget dibawah ini dan paste pada gadget. 
    <style type="text/css"> 
    .barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuiNuJ9G3WyjXWvZn2DNsb-dLXtfkPvGoO6t3TsT4dHof5f_cbotX_yzWHe31waonvMSDRzEXeXGeBalMWML0J3k7N-Bhg95Ya1lb3Gelua8-2340Bd5oYDiGDD68LszaJN0ef0n5W8yJN/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;} 
    .barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1SJiL0Xk9RVsxXP3UOeo3fkIENygdDPFguy2l_IIM6jope9ZnYS9JRSqRddbxemSU5eoRnyY3l-BxSL5FxcFWfxxjLvZlDbAz-sK3OSbl0zHyHtZvQR7bwkbLg5-_YR5jTFJTX9nyDGb8/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;} 
    .barcontefacebook{margin:5px 0 0 47px} 
    </style> 
    <div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'"> 
    <div class="barcontefacebook"> 
    <!-- Begin Facebook --> 
    KODE FB ANDA
    <!-- End Facebook --> 
    </div> 
    </div>
    • Ganti tulisan KODE FB ANDA dengan kode Facebook Like Box yang sudah anda persiapkan. 
    • Jika pada template anda belum terdapat javascript dari Facebook, maka copy saja javascript di bawah ini dan letakkan tepat di atas kode </head> pada template supaya widget Facebook Like Box ini bisa berfungsi. 
    <script>(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) {return;} 
    js = d.createElement(s); js.id = id; 
    js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;; 
    fjs.parentNode.insertBefore(js, fjs); 
    }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script> 
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
    • Sesuaikan tinggi dan lebar widget supaya sama dengan ukuran Facebook Like Box yang anda buat sebelumnya melalui Facebook. 
    • Save / Simpan. 
    Selesai.... bagaimana? gampang kan caranya? semoga Cara Membuat Widget Melayang Facebook Like Box ini blog anda semakin menarik dan unik.

    readmore...

    16 Februari 2013

    Membuat sub menu pada blog

    Create Tab View

    Tab View is very usefull box. We can fill it with many contain. It will save our blogs area. (See Image Below)


    Here is Tutorial how to create a tab view:

    1. Login to blogger, go to "Layout --> Edit HTML"
    2. Then find this code ]]></b:skin>
    3. Insert the below code before ]]></b:skin> or in CSS tag.
    div.TabView div.Tabs
    {
    height: 24px;
    overflow: hidden;
    }
    div.TabView div.Tabs a
    {
    float: left;
    display: block;
    width: 90px; /* Width top main menu */
    text-align: center;
    height: 24px; /* Height top main menu */
    padding-top: 3px;
    vertical-align: middle;
    border: 1px solid #000; /* Top Main menu border color */
    border-bottom-width: 0;
    text-decoration: none;
    font-family: "Times New Roman", Serif; /* Top main menu font */
    font-weight: 900;
    color: #000; /* Top main menu font color */
    }
    div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
    {
    background-color: #FF9900; /* Top main menu background color */
    }
    div.TabView div.Pages
    {
    clear: both;
    border: 1px solid #6E6E6E; /* Content Border color */
    overflow: hidden;
    background-color: #FF9900; /* Content background color */
    }
    div.TabView div.Pages div.Page
    {
    height: 100%;
    padding: 0px;
    overflow: hidden;
    }
    div.TabView div.Pages div.Page div.Pad
    {
    padding: 3px 5px;
    }


    4. You can change the code according to the red text explanation. To get html color code see HERE
    5. The next step is put the code below before </head>

    <script src='http://superinhost.com/trikblog/tabview.js' type='text/javascript'/>


    6. Then "save" it.
    7. Go to "Page Elements" menu
    8. Chose "Add Page Element" --> "HTML/Javascript" in place where you want to put this tab.
    9. Insert this code :
    <form action="tabview.html" method="get">
    <div class="TabView" id="TabView">
    <div class="Tabs" style="width: 350px;">
    <a>Tab 1</a>
    <a>Tab 2</a>
    <a>Tab 3</a>

    </div>
    <div class="Pages" style="width: 350px; height: 250px;">

    <div class="Page">
    <div class="Pad">
    Tab 1.1 <br />
    Tab 1.2 <br />
    Tab 1.3 <br />

    </div>
    </div>

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

    </div>
    </div>

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

    </div>
    </div>


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

    <script type="text/javascript">
    tabview_initialize('TabView');
    </script>
    readmore...

    Cara membuat link pelangi

    • Cara membuat link pelangi 
    •  Pertama login dulu ke blogger.
    • Terus klik menu Rancangan » Edit HTML.
    • Download dulu template sobat biar aman dan biar kalau terjadi error ada cadangan templatenya.
    • Kemudian cari kode berikut </head>
    • Kalau sudah ketemu, letakkan kode berikut tepat di atasnya.
      <script src='http://gankzone.googlecode.com/files/link_pelangi.js' type='text/javascript'></script>
    • Simpan template. Lihat perubahannya apakah sudah berubah atau belum.
    • Coba dekatkan mouse ke atas link apakah linknya sudah berubah menjadi pelangi atau belum.
    Sekian tutorial kali ini, semoga bermanfaat, terima kasih.
    Membuat Link Pelangi
    Oleh Wawan Siswanto pada .
    Membuat Link Pelangi Membuat Link Pelangi Rating: 5.0
    readmore...

    sLAMET DAN KAWANNYA



    sLAMET DAN KAWANNYA
    Gedubrakkkkk.. “aduuuhhh, siaalllll” lagi – lagi Slamet jatuh dari kasur yang seakan – akan itu telah menjadi tanda alarm yang slalu membuatnya terbangun dari tidurnya. Aneh, yah memang aneh, dulu waktu dia pertama kali lahir dari lobang ibunya (ingat lobang yang di bawah bukan lobang hidung ibunya) bapaknya kasih dia nama ‘Slamet’ itu karena bapaknya berharap dia tumbuh jadi anak yang beruntung, tapi entah aura apa yang slalu menaunginya sampai dia untuk bangun dari tidur aja slalu sial ‘Hahahahaa’.
     
     
    Pagi itu setelah dia terjatuh dari tempat tidurnya, dia langsung beranjak ke kamar mandi. Di tempat yang kata anak muda zaman sekarang itu tempat bergalau karena di kamar mandi terdapat shower sebuah alat paten yang biasa digunakan anak muda untuk mengobati rasa galaunya itu Slamet hanya melakukan kebiasaannya setiap kali dia mandi, yaitu: hanya bergosok gigi dan membersihkan muka dengan pembersih muka saja. Dia slalu beranggapan bahwa mandinya seorang lelaki itu yah cuma gosok gigi dan membersihkan muka saja, jadi yah apa bedanya dengan kebiasaan yang slalu dia lakukan, menurut dia hanya yang membedakannya adalah dia tidak membasuh badannya dengan air. Menurut pendapatnya dia gak terbiasa membasuh badannya dengan air.

    “heeh Slamet” sentak bokapnya yang datang tiba – tiba.
    Slamet yang merasa kaget dengan reflex dia berkata “aduh jantung gue copot”
    “tumben kamu jam segini mandi? Biasanya kan kamu mandinya nunggu matahari ada di atas ubun – ubun (baca, siang)”
    “biasa pak hari minggu, mau main sama temen” balas Slamet.

    Hari ini Slamet dan empat kawan ingin pergi bermain ke kota Jakarta, sekedar ingin bermain ke tempat yang ramai di kunjungi orang (setau geu sih Jakarta emang udah rame?? =_=” ). Dia dan empat temannya yang bernama Sopyan, Haris, Dadang, dan Budi (ini bukan Budi yang biasa anak SD sebut kalau lagi belajar baca, yaah!!!) pergi dengan menggunakan jasa kereta api.

    “hei, sob kenapa kita gak pergi naik bus aja daripada naik kereta?” sahut Haris.

    “heeh ris, naik kereta itu banyak seninya. Didalam loe bisa ngobrol sama penumpang, loe bisa godain mbak – mbak yang jualan, dan kalau loe beruntung bisa cari cewek didalam kereta. Gak kaya naik bus, cuma bisa duduk rapih, yang ada gue malah tidur. Jadi, gak ada seninya sob” terang Slamet.

    “bener noh ris, udah lah naik kereta aja” sambung Dadang.

    Dan akhirnya mereka berlima pun pergi dengan menggunakan kereta yang menuju Jakarta.

    Didalam kereta sudah penuh sesak dengan penumpang yang ingin beraktivitas, baik yang ingin pergi beraktivitas ke kota Jakarta maupun hanya sekedar bermain sama seperti yang mereka lakukan. “sob mending berdiri di sambungan aja, percuma masuk kedalam gerbong gak akan dapet tempat duduk” ajak Slamet pada teman yang lainnya. Mereka berlima pun memenuhi sambungan kereta yang secara tidak langsung merupakan jalan lalu lintas para penumpang lain yang ingin berpindah gerbong ke gerbong yang lainnya.

    Sesaat setelah kereta melalui beberapa stasiun, Sopyan yang berdiri tepat berhadapan dengan Dadang merasa gelisah. “sumpah, gue udah kaya orag pacaran aja sama si Dadang. Liat posisi gue (berdiri berhadapan seperti pasangan yang sedang bersiap untuk ciuman) gak gue banget”.

    “najis loe yan, emang gue nafsu sama loe?” bantah Dadang.

    “udah – udah liat Slamet sama Budi, anteng bener dengan posisi mesra gtu” Haris menyelah.
    “kekes bud. Hahahahaaa” tambahnya.

    Budi yang merasa posisinya dengan Slamet keliat aneh langsung menghentakan tangan Slamet yang bertopang pada dinding kereta yang tepat di bahunya sambil berkata “anjiir loe met”.

    Slamet yang merasa kaget tanpa sengaja bibirnya menyentuh pipi mbak – mbak yang jualan nasi merah yang berdiri tepat di sebelah dia dan Budi. “astaghfirullah..” reflex Slamet, “maaf mbak gak sengaja”.
     “sengaja juga gak apa – apa kok” jawab mbak penjual.

    “pindah – pindah sob, jangan disini berdirinya. Sumpah, gak aman posisinya” tambah Slamet pada temannya.

    Mereka pun pindah mencari tempat yang lain.

    Dan akhirnya mereka memutuskan berpisah, Haris dan Sopyan memilih berdiri didekat pintu kereta, Budi dan Dadang memilih masuk agak kedalam gerbong, dan Slamet hanya berdiri didepan pintu kamar mandi. Dan akhirnya mereka sampai di stasiun Serpong, yang artinya cuma beberapa stasiun lagi mereka sampai pada tujuan.

    “ris liat tuh ada cewek di atas gedung, lagi liat kesini. Pasti dia lagi manggil bokapnya trus bilang ‘ayah – ayah ada orang ganteng tuh di kereta’. Terang Sopyan.

    “wew, paling juga bokapnya bilang ‘aah, salah liat kali’ ”. Jawab Haris.

    Tanpa disadari Haris, Dadang, Budi, dan Sopyan, ternyata Slamet yang sudah pindah berdiri di seberang pintu kamar mandi ternyata di hampiri seorang cewek cantik yang baru naik ketika di stasiun Serpong tadi.

    “khhmmm, hajar met” teriak Budi yang meliat posisi Slamet sangat menguntungkan, bagai dapat durian runtuh.

    Slamet yang lugu dan polos itu pun hanya terdiam dan bergetar karena posisinya yang berpulukkan dengan cewek itu, yang hanya dibatasi tas yang di gendongnya.

    Dan akhirnya cewek itu pun turun di stasiun berikutnya.

      “woy cah, awas kaki loe tuh, jangan keluar pintu” sahut polisi yang bertugas menjaga di dalam kereta pada Haris.

    “liat ris, awas wooyyy!!!” teriak Sopyan.

    ‘Wwwusssshhhhtttttttttttttt’
    “selamet, selamet, hampir aja kaki gue putus nih yan”

    “itu kan namaaaa guee rissss” teriak Slamet.

    Akhirnya mereka pun tiba di stasiun kota di Jakarta. Dan bergegas turun dari kereta yang memberikan berbagai macam seni didalamnya.

    “sumpah, lain kali gue gak bakal naik kereta lagi. Hampir aja kaki gue putus”  kata terakhir yang di lontarkan Haris yang kecewa dengan kejadian di kereta saat di stasiun.


    The End


    readmore...

    PELET 2 NE 1



    Lebaran sebentar lagi. Tapi Andre belum juga punya cewek. Aduh, padahal udah tiga kali Lebaran. Hampir semua resep udah Andre coba tapi hasilnya…..tetep gak punya cewek. Sampe Didot datang memberikan strategi buat gaet cewek. Dikasihnya Andre Pengasih 2 in 1 alias Pelet. Wah, aromanya menyengat hidung. Melebihi minyak wangi murahan. Tapi daripada Lebaran manyun mendingan usaha dulu deh. Kebetulan banget Andre sedang mengincar Tiara. Siapa tau dia yang nyantol. Ih, malangnya nasib Andre. Akhirnya Andre terima juga Pengasih-nya Didot yang pake 2 in 1 segala.

    “Koq pake 2 in 1 segala Dot, maksudnya apa?” tanya Andre

    “Maksudnya elu bisa dapetin cewek 2 orang dalam 1 langkah. Hehehe…, hebat kan Pelet gue?”

    “Wah, hebat banget Dot, jadi gue bisa dapetin 2 cewek sekaligus dalam satu langkah?”

    “Iya, Ndre, dan elu gak bakal jomblo lagi seumur hidup elu…hahaha…”

    “Brengsek lu Dot! Masak musti seumur hidup gue gak punya cewek. Lebay!”

    Dan malam itu. Andre sengaja gak tidur meskipun matanya dah mau copot dan berair tetep ditahannya. Demi cewek idamannya, Tiara. Dan waktu yang dinantinya segera tiba. Tepat jam nol nol Andre mulai beraksi. Harus berhasil usaha yang satu ini. Malu dong ma Nino anak kemarin sore dah punya pacar. Wah, mau ditaruh dimana muka Andre….(tuh di pojok lemari aja, Ndre !hehehe…).

    Langsung Andre praktekin pa-pa yang diajarkan ma Didot. Suruh ini-itu dilakuinnya sampe-sampe Andre disuruh telanjang bulat alias bugil!. Tapi tetap dilakukannya juga. Suasana kamar gelap gulita. Tengok sana tengok sini….gak ada orang. Oke saja dimulailah Andre semedi sambil komat-kamit baca mantera. Wah, aroma rokok kemenyan menyebar keseluruh ruang kamarnya. Semedi sudah berjalan 15 menit sementara rokok kemenyan habis 3 batang tapi badan Andre sudah menggigil. “Hiiiy dinginnya” bisik hati Andre. Baru kali ini Andre gak pake selembar benangpun. (Wah, kalo ketauan FPI bisa dipancung tuh Andre, terbukti pornografi dan porno aksi).

    Tapi di tengah semedinya ada saja gangguan. Andre kepingin pipis. Aduh, Andre… terpaksa deh ia menunduk-nunduk pelan-pelan keluar kamar. Telanjang bulat…. (Ihh… malu…diliat pembaca tuh). Soalnya tanggung mau pakai baju. Tiba-tiba terdengar suara, “Klotek!”

    “Hah, suara apa itu?” bisik hati Andre. Tapi Andre terus aja ke kamar mandi untuk pipis. Dan yang ini suaranya melebihi yang tadi. Lebih kencang dan bisa membuat seluruh penduduk dunia terbangun.

    “Aaaa…..!” suara jeritan seorang perempuan sambil menutupi wajahnya dengan telapak tangannya.

    “Gila, bi Inah yang keluar dari kamar mandi. Gawat nih!” Andre kebingungan. Buru-buru Andre berlari masuk kamar mumpung orang rumah belum pada bangun dan langsung berpakaian terus keluar kamar.

    “Ada apa sih kok malam-malam teriak-teriakan?” tanya Andre berpura-pura. Dikedipinnya bi Inanh. Dan terpaksa juga isi dompet keluar supaya bi Inah gak buka mulut.

    “Itu …anu…..tadi ada tikus lewat …” kata bi Inah tergagap sambil melirik kearah Andre.

    “Oo….cuma tikus…..” jawab orang tua Andre yang terbangun karena kaget mendengar suara jeritan bi Inah lalu melangkah kembali ke kamarnya.

    “Wah, bisa gagal nih misi gue ngedapetin Tiara” bisik Andre dalam hati. “Masak gue gak punya cewek lagi nih di Lebaran nanti. Tapi moga-moga semedi yang dah berjalan setengah tadi bisa ampuh” Andre berharap.

    Esokan harinya Andre dah Dress for Success. Bolehlah penampilan. Wajah baru. Tapi cewek belum punya (hihihi…hari gini…). Ia langsung menuju ke rumah Tiara. Tapi yang dicari gak ada di tempat. Jangan-jangan pulang ke kampung tuh anak. Andre mencoba nongkrong di Kota Tua. Kali aja Tiara ada di situ. Soalnya itu tempat favoritnya Tiara. Sambil menunggu Tiara dia coba-coba dengan beberapa cewek yang kebetulan melintas atau duduk sendirian. Tapi gak ampuh. Atau karena baru semedi setengah jalan jadi gak ampuh? Uh, Andre pusing dibuatnya. Tambah lagi Tiara gak ada disitu. Kemudian dicobanya kembali kali ini Andre berpindah tempat. Ia ke arah Monas. Ah, cape juga rupanya. Andre beristirahat. Hari sudah semakin sore. Dalam istirahatnya mata Andre menangkap sosok cewek duduk sendirian di kursi taman.

    “Wah, ada cewek duduk sendirian tuh, mudah-mudahan berhasil” Andre bangkit dari duduknya. Dihampirinya. Dilihat dari belakang tuh cewek sudah tampak anggun.

    Rambutnya panjang. Roknya mini (hmm…sambil nelan ludah…glek!). Kulitnya putih mulus. Hmm….bikin Andre makin penasaran saja.

    Kemudian dimulailah aksi Andre. Dengan membaca mantera aneh yang diajarkan Didot sambil matanya tertuju ke cewek tersebut. Itu yang diajarkan Didot. Dan benar gak lama kemudian tuh cewek menoleh kearah Andre. Dada Andre berdebar kencang. Ternyata ampuh. Cewek itu mendekat sambil tersenyum, tapi Andre kaget waktu dilihatnya ada jakun besar bertengger gagah di leher tuh cewek.

    “Hah, Waria..!” jerit Andre sambil mempersiapkan langkah seribunya Andre menepis tangan si waria.

    “Hai cowok…kamu ganteng banget. Sendirian …?” kata si waria. Andre langsung berlari tunggang langgang secepat kilat. Huh, mandi keringat lebih bagus daripada kena cium waria. (Terus lari, Ndre……ambil langkah 1999 …hehehe….).

    Setelah jauh berlari dan merasa tidak dikejar lagi, Andre sengaja beristirahat disamping markas Satpol PP. Biar aman. Lalu disekanya keringat yang bercucuran deras membanjiri tubuhnya dengan sapu tangannya.

    “Sial Didot, ramuan elu cuma ampuh buat kalangan waria” Dibuangnya Pelet dari Didot ke selokan. Dan Andre bakal manyun lagi di Lebaran tahun ini.

    “Tiara…sudah tiga kali Lebaran gue gagal lagi ngedapetin elu. Dah berapa banyak cara gue coba tapi bikin pikiran kusam dan kusut. Ah, jomblo aja deh….” Pikir Andre sambil melangkah pulang dengan tangan hampa….

    Makanya, Ndre Jangan mau mengikuti seorang pemimpin sampai kamu tahu siapa yang diikutinya.


    SELESAI

    readmore...

    Cara membuat kotak iklan melayang di blogspot - Floating bar

    Cara membuat kotak iklan melayang di blogspot - Floating bar


    Floatingbar atau kotak melayang bisa digunakan untuk memasang script iklan,menampilkan iklan,atau menampilkan pesan tertentu. Dalam contoh ini kita akan membuat kotak iklan melayang  di blog dengan dilengkapi tombol close agar memudahkan pengguna atau pengunjung blog menutup kotak tersebut.

    Berikut ini adalah panduan blog membuat kotak iklan melayang.
    Script ini bersumber dari dynamic drive float bar
    Untuk membuatnya, lakukan prosedur berikut:

    1. Login ke akun blogger
    Pilih Tata letak - Edit html





    cari kode
    </head>
    Sebelum kode </head>
     Masukkan kode CSS berikut :





    <style type="text/css">
    #topbar{
    position:absolute;
    border: 1px solid black;
    padding: 2px;
    background-color: lightyellow;
    width: 620px;
    visibility: hidden;
    z-index: 100;
    }
    </style>






    Simpan template

    2. Pada elemen halaman pilih tambah gadget , pilih gadget HTML/Javasript


    Masukkan kode berikut ke dalam gadget html/javascript




    <script type="text/javascript">

    /***********************************************
    * Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)
    * Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
    * This notice must stay intact for legal use.
    * Visit http://www.dynamicdrive.com/ for full source code
    ***********************************************/

    var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
    var startX = 30 //set x offset of bar in pixels
    var startY = 5 //set y offset of bar in pixels
    var verticalpos="fromtop" //enter "fromtop" or "frombottom"

    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }

    function get_cookie(Name) {
    var search = Name + "="
    var returnvalue = "";
    if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) {
    offset += search.length
    end = document.cookie.indexOf(";", offset);
    if (end == -1) end = document.cookie.length;
    returnvalue=unescape(document.cookie.substring(offset, end))
    }
    }
    return returnvalue;
    }

    function closebar(){
    if (persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("topbar").style.visibility="hidden"
    }

    function staticbar(){
    barheight=document.getElementById("topbar").offsetHeight
    var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
    var d = document;
    function ml(id){
    var el=d.getElementById(id);
    if (!persistclose || persistclose && get_cookie("remainclosed")=="")
    el.style.visibility="visible"
    if(d.layers)el.style=el;
    el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
    el.x = startX;
    if (verticalpos=="fromtop")
    el.y = startY;
    else{
    el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
    el.y -= startY;
    }
    return el;
    }
    window.stayTopLeft=function(){
    if (verticalpos=="fromtop"){
    var pY = ns ? pageYOffset : iecompattest().scrollTop;
    ftlObj.y += (pY + startY - ftlObj.y)/8;
    }
    else{
    var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
    ftlObj.y += (pY - startY - ftlObj.y)/8;
    }
    ftlObj.sP(ftlObj.x, ftlObj.y);
    setTimeout("stayTopLeft()", 10);
    }
    ftlObj = ml("topbar");
    stayTopLeft();
    }

    if (window.addEventListener)
    window.addEventListener("load", staticbar, false)
    else if (window.attachEvent)
    window.attachEvent("onload", staticbar)
    else if (document.getElementById)
    window.onload=staticbar
    </script>


    <div id="topbar">
    <a href="" onClick="closebar(); return false"><img src="http://i41.tinypic.com/5fofva.jpg" border="0" /></a>
    Masukkan script iklan disini
    </div>






    catatan:
    Dalam contoh ini saya memasukkan script ppc kumpul blogger

    <div id="topbar">
    <a href="" onClick="closebar(); return false"><img src="http://i41.tinypic.com/5fofva.jpg" border="0" /></a>
    <script src="http://kumpulblogger.com/scahor.php?b=56386" type="text/javascript"></script>
    </div>

    Hasilnya bisa dilihat disini dummy blog
    readmore...