Search JavaScript Kit:

This free script provided by
JavaScript Kit

Dian motor cell

Placed AD here !!

Pop Cash

Pop Cash

Pop Cash

UC


Cara Memasang Tombol Like Di Bawah Judul Posting

Tombol "Like Facebook" adalah sebagai media apresiasi terhadap Artikel yang sedang di baca/ lihat oleh pengunjung blog apakah sesuai selera/ di gemari atau justru sebaliknya. Dengan tombol tersebut owner juga pengunjung bisa mengetahui sejauh mana kualitas dari artikel tersebut atas relevansinya dengan yang sedang dicari oleh pengunjung saat itu. Widget tersebut bisa ditempatkan di Sidebar juga di bawah postingan dengan posisi horizontal juga vertikal.


Oke langsung saja ke tutorialnya....

1. Login ke account Blogger sobat
2. Pilih Menu Template
3. Pilih Edit HTML ( Centang advance Widget )
4.Cari kode <data:post.body/>
5. Setelah ketemu letakkan kode di bawah ini tepat di atas kode <data:post.body/>




<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>



<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>



<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>



6. Simpan Template dan lihat hasilnya.



***h72***

Cara Mudah Membuat Recent Post By Label

Recent Post adalah Postingan terbaru. Jadi widget Recent Post adalah Widget/alat yang digunakan untuk mengetahui Postingan/Topik apa yang masih hangat di bahas dan sedang di view oleh pengunjung / visitor saat ini. Jelas sekali kegunaanya sangat terlihat sekali agar pengunjung bisa mengetahui postingan terbaru dan sedang in.

 Screenshotnya:


Caranya adalah.......

1. Login ke Blogger
2. Pilih Tata Letak/ Rancangan
3. Pilih Add Gadget/Widget
4. Pilih JAVA/ HTML
5. Copy Paste kode dibawah ini :


<div style="overflow:auto;width:100%px;height:300px;padding:10px;border:1px solid #000000">
<span id="pbl_labels"></span>
<div id="pbl_posts"> Recent Posts </div>
<script type="text/javascript">
var jumlah_maksimum_post = 10;

var dengan_ringkasan = true;
var jumlah_karakter_ringkasan = 100;
</script>
<script src="http://septiamujizat.googlecode.com/files/recent-post.js">
</script>
<script src="Blog Sobat/feeds/posts/default?alt=json-in-script&callback=onLoadFeed">
</script></div>




6. Save/ Simpan Widget dan lihat hasilnya.

Keterangan script:

- Blog sobat ganti dengan Blog yang sobat punya
var jumlah_maksimum_post = 10 ( maksimum tampilan Post)
 - var dengan_ringkasan = true ( isi False jika tak disertai Ringkasan )
 - var jumlah_karakter_ringkasan =100 ( Jumlah karakter Ringkasan )

Demikianlah sobat, cukup mudah kayaknya.....





****h72***

                 

Cara Mudah Membuat Menu Accordion Horizontal

Barangkali para blogger atau visitor sudah sering melihat menu yang apabila di klik atau di sorot ( mouse over) pada menu tersebut akan muncul sub menunya terbuka scroll ke bawah atau ke samping di beberapa artikel Blog,wordpress ataupun yang lainnya seperti di Blog ini.Itulah yang di namakan menu Accordion seperti yang di pasang di blog ini di sidebar sebelah kanan.Tujuan dari menu ini yang paling penting adalah untuk menghemat tempat, fleksibel penempatanya dan tak kurang pentingnya untuk mempercantik tampilan Blog. Sehingga hampir semua blogger sudah memakai widget ini untuk di jadikan bagian dari tampilan blognya.

Screenshotnya:

Caranya :

1. Tentunya LOGIN ke blogger dulu
2. Pilih Rancangan/ Tata Letak
3. Klik Add Gadget pada sidebar
4. Pilih Java/ HTML
5. COPPAS kode di bawah ini


<br />
<style type="text/css">
#accordion{width:100%;margin:auto;border:0px solid white}
#accordion h2{padding:5px 10px;background-color:#ccc;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBZ25XtEcqAWYL4_bqp6S37U0CDPwg8118fX1x49XZm9rw8wTpiwIOajdXyKrJNrbky9TPfRkdeQDLdrAEWGEusQ2KxuJADcLPudyiTLviIiV6kr2X-ukk931XTLpbcseaC4IPHTSHeQw/s1600/arrow_right.gif);background-repeat: no-repeat;background-position: right center;color:#000;font:normal 11px Tahoma;border-bottom:1px solid #FFF;cursor:pointer;}
#accordion .content{font:normal 11px Arial;padding:5px 10px;background:#eee;}
#accordion .content ul {list-style:none;margin:0 0 0;padding:0 0 0;}
#accordion .content li {background-image: url(); background-repeat: no-repeat;background-position: left center;margin:0;padding:2px 0 3px 0;text-indent:0px;border-bottom:1px dotted #ccc;line-height:1.3em;}
#accordion .content li a:hover {text-decoration:none;color:#000;}
#accordion h2.active{background-color:#bbb;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8fSZxnh2ipITvnNuT6t5hadJ07JSKxVGGa8KTSIlHK70WHi_zPrQ7vU1Wz-UbSHUYso_H_HznSjSFQQxoP78EBe225pAgympOc64qsO8oC5Rc3lDDytsGy1IqE7amRn4K-vg1BCCOw7g/s1600/arrow_down.gif);background-repeat: no-repeat;background-position: right center;font-weight:bold;}
</style><br />
<script type="text/javascript" src="http://yourjavascript.com/121511228073/accordion-menu.js"></script><br />
<script type='text/javascript'>
$(function() {
$('#accordion .content').hide();
$('#accordion h2:first').addClass('active').next().slideDown('slow');
$('#accordion h2').click(function() {
if($(this).next().is(':hidden')) {
$('#accordion h2').removeClass('active').next().slideUp('slow');
$(this).toggleClass('active').next().slideDown('slow');
}
});
});
</script><br />
<div id="accordion">
<h2>
Title 1</h2>
<div class="content">
Isi konten 1<br />
</div>
<div id="accordion">
<h2>
Title 2</h2>
<div class="content">
Isi konten 2<br />
</div>
<div id="accordion">
<h2>
Title 3</h2>
<div class="content">
Isi konten 3<br />
</div>
<div id="accordion">
<h2>
Title 4</h2>
<div class="content">
Isi konten 4<br />
</div>
<div id="accordion">
<h2>
Title 5</h2>
<div class="content">
Isi konten 5<br />
</div>
</div>
</div>
</div>
</div>
</div>

Keterangan Script :
- Title-n : Menyatakan Judul Accordion
- Isi Konten-n : Untuk Script konten

5. Save/ Simpan dan lihat hasilnya

Semoga manfaat.....

***h72***

Seputar Indosat

Seputar tentang program-program pilihan yang dikeluarkan oleh Indosat untuk pelanggan-pelanggan setianya adalah sebagai berikut :

  1. Indosat Program/Promo : berisi informasi berbagai bonus dan penawaran Istimewa.
  2. Indosat Senyum : adalah program Loyalti dan Retensi Indosat yang tentunya berbasis Poin. Semua  pelanggan Indosat berhak Untuk mendapatkan Poin Senyum dari setiap pemakaian pelanggan atas pelayanan Telekomunikasi Indosat.
  3. Indosat Community : adalah wadah komunikasi interaktif yang menghimpun pengguna kartu Indosat yang mempunyai beberapa jenis kesamaan misalnya Sekolah, organisasi, Hobby, pekerjaan dll. Dengan bergabung dengan Indosat Community, pelanggan akan mendapat kemudahan, dan keuntungan dalam berkomunikasi sesama penggguna Indosat Community. selain itu juga akan mendapatkan beberapa benefit istimewa.
  4. Forum Ngobrol bareng : sebuah Forum sebagai sarana untuk berbagi solusi.
Semoga bermanfaat....
Source Data : http://www.indosat.com/programs


***h72***

Daftar Jenis-jenis Sepeda Motor Suzuki



Just Click on Link :



Type UnderboneType






LihatLihat

SCOOTERSPORT
SPORT
LihatLihat

Tips dan Trik Perawatan Sepeda Motor

Motor juga layaknya manusia perlu mendapatkan perawatan ekstra juga agar tetap optimal saat di kendarai oleh si pemakainya. Juga termasuk bagaimana berkendara yang baik menurut aturan yang telah ditetapkan.

Berikut adalah beberapa Tips dan Trick perwatan dan cara berkendara yang baik :






ITEMKlikITEMKlik
Perawatan Fungsi Rem BelakangKlikPanduan Aman berkendara Sepeda Motor ( Juni 2007 )Klik
Mengacu pada StandarisasiKlikGanti Motor Starter sendiriKlik
Panduan Aman Berkendara Sepeda Motor (Februari 2008)KlikRawatlah Accu agar tidak Bikin susahKlik
Panduan Aman Berkendara Sepeda Motor (Desember 2007)KlikMudik Aman Bersama SuzuzkiKlik
Tips Penggantian Oli Mesin Suzuki New Shogun 125KlikPerawatan RantaiKlik
Panduan Aman Berkendara Sepeda Motor (November 2007)KlikPerwatan BatteryKlik
Tips & Trik Suzuki Spin 125KlikPerawatan BusiKlik
Panduan Aman Berkendara Sepeda Motor (September 2007)Klik
Panduan Aman Berkendara Sepeda Motor (Agustus 2007)Klik
Panduan Aman Berkendara Sepeda Motor (Juli 2007)Klik

Semoga manfaat......
Source Doc :http://www.suzuki.co.id/suzuki_tips.php?type=2

***h72***

Katalog Suku Cadang Sepeda Motor Suzuki


Sobat bisa akses langsung ke situs resmi yang menyediakan secara detail Preview,Figure Index,Body, Part,Engine Transmission,Elektrical, Suzuki Genuine Chemical,Suzuki Genuine Accessories dan Suzuiki Merchandise dari jenis masing-masing sepeda motor. Klik saja Link di bawah :


logo enter site photo entersite_zpsf488a486.jpg









***h72***


Daftar Harga Sepeda Motor Suzuki

Berikut adalah harga untuk kendaraan bermotor merk Suzuki yang bernomor polisi B meliputi Wilayah DKI, Tangerang, Bekasi, Depok dan sekitarnya.
Update harga terhitung Tanggal 6 Nopember 2012



DAFTAR HARGA SEPEDA MOTOR SUZUKI



JENIS
HARGA
Satria F150
18.815.000,-
Satria Special Edition
19.165.000,-
New Thunder 125
15.540.000,-
Skydrive

Skydrive Dynamatic
13.415.000,-
Skydrive Special Edition
13.515.000,-
Smash

Smash Titan 115
11.350.000,-
Smash Titan 115 R
11.900.000,-
Smash Titan 115 SR
12.975.000,-
Axelo

Axelo 125
13.935.000,-
Axelo 125 S
14.815.000,-
Axelo 125 R
15.185.000,-
Axelo Special Edition
15.285.000,-
Nex

Nex 110
12.400.000,-
Nex F1 110
12.650.000,-
Hayate

Hayate 125
14.400.000,-
Inazuma

Inazuma 250
46.000.000,-
Let's

Let's Sporty 110
13.950.000,-
Let's Premium
14.100.000,-



***h72***

Cara Mudah Dan Gampang Membuat Tabel Di Blog

Untuk sebagian Blogger tentunya sangat sulit membuat tabel di postingan dengan hanya mengandalkan script yang hanya sederhana, karena keterbatasan pengetahuan tentang program yang menghasilkan script. Memang ada beberapa cara yang digunakan untuk membuat tabel di postingan yaitu dengan cara mengcopy dari dokumen yang sudah di buat di media seperti Ms Word ataupun Ms Excel, tapi tidak serta hasilnya mulus pada saat di loading karena konvert dari Word ataupun Excel memiliki kode-kode yang rumit sehingga loading akan menjadi berat. Dan ada juga dengan cara memasukkan kode script tabel tersebut seperti dibawah ini :

1. Tentunya login dulu ke blogger
2. Pilih Entry baru
3. Buatlah artikel baru dengan memasukkan kode dibawah ini pada mode HTML
 


<table width="400" border="1">
<tr>
<td align="center">
Konten kolom1
</td>
<td align="center">
konten kolom2
</td>
</tr> 
<tr>
<td align="center">
konten kolom1,baris2
</td>
<td align="center">
Konten kolom2,baris2
</td>
</tr>
</table>


Dan hasilnya setelah switch ke mode COMPOSE kira-kira seperti ini :

Konten kolom1 konten kolom2
konten kolom1,baris2 Konten kolom2,baris2

Atau bisa juga dengan cara yang sedikit agak panjang berikut ini :



<table border="1" style="width: 500px;">
<tbody>

<tr>
<td>Kolom 1 A </td>
<td>Kolom 1 B </td>
<td>Kolom 1 C </td>
</tr>

<tr>
<td>Kolom 2 A </td>
<td>Kolom 2 B </td>
<td>Kolom 2 C </td>
</tr>

<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>

</tbody></table>

hasilnya setelah di ganti mode COMPOSE :


Kolom 1 A Kolom 1 B Kolom 1 C
Kolom 2 A Kolom 2 B Kolom 2 C
Kolom 3 A Kolom 3 B Kolom 3 C

Nah yang di atas adalah cara sedikit manual dan cukup merepotkan juga dan harus jeli pada saat penempatan kolom dan isi kolom itu sendiri.
Tapi ada yang lebih simple dan praktis untuk pembuatan tabel serumit apapun dengan mengakses situs Table maker yaitu : http://tableizer.journalistopia.com/tableizer.php.

Ok kita langsung saja ke tutornya :

1.Buat dokumen di Ms. Word atau Ms. Excel
3.Copy dokumen tersebut dan Paste-kan

Keterangan gambar: 
 Fon Size : untuk merubah ukuran font
Header Color : untuk mewarnai background Header
Font : untuk merubah Jenis Font

4. Klik , menghasilkan dua frame yang ke-1 frame Script yang nantinya kita tempatkan di postingan kita, dan yang ke-2 frame hasil realnya setelah di tampilkan dalam mode COMPOSE.

Frame-1





 5. COPPAS kode di atas ke postingan kita dan hasilnya setelah di switch ke mode Compose akan seperti :


Huih !! panjang juga ya..... tapi mudah khan??? silahkan di coba dan semoga bermanfaat.

***h72***



Cara Mudah Memasang Scroll Bar di Blog

Ringkas,padat sehingga artikel yang banyak dapat di lihat dengan hanya melakukan scroll dalam satu screen atau layar atau window. Caranya ?? hanya dengan script yang sangat sederhana tapi its very very usefull yaitu dengan script SCROLL BAR.

Penempatannya pun sangat flexible, bisa di BAR ataupun di POSTING-an. Caranya adalah :

1. Di BAR

     - Login ke BLOGGER
     - Pilih Tata Letak atau Rancangan
     - Pilih Add Widget
     - Pilih Java Script/ HTML
     - COPPAS kode berikut :
     

<div style="width: 190px;height: 250px;overflow:-moz-scrollbars-vertical;overflow-y:auto;">
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
</div>


Ket: - Width : untuk mentukan Lebar Scroll Bar
         - Height : untuk menetukan Tinggi scroll Bar
         - <p>text here! text here! text here! text here!</p>: Untuk menempatkan Konten


2. Di POSTINGAN

    - COPPAS kode di atas di mode HTML
    - Lihat hasilnya dengan hanya switch ke mode Compose
    - Kira-kira hasilnya seperti di bawah ini :


text here! text here! text here! text here! here! text here!
text here! text here! text here! text here! here! text here!
text here! text here! text here! text here! here! text here!
text here! text here! text here! text here! here! text here!
text here! text here! text here! text here! here! text here!
text here! text here! text here! text here!



Demikianlah, semoga bermanfaat walau singkat.....

***h72***