January 2013 | Dian Motor Cell

Home » Archives for January 2013

UC

Posted by Dian Motor Cell on Thursday, January 31, 2013 Label:

Cara Memasang Tombol Like Di Bawah Judul Posting

Posted by Dian Motor Cell on Label: Tutorial Blogger

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 != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=box_count&show_faces=false&width=55&action=like&font=arial&colorscheme=light&height=62"' 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

Posted by Dian Motor Cell on Label: Tutorial Blogger

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 id="pbl_posts"> Recent Posts </div>

var jumlah_maksimum_post = 10;

var dengan_ringkasan = true;

var jumlah_karakter_ringkasan = 100;

</script>

</script>

</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

Posted by Dian Motor Cell on Label: Tutorial Blogger

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>

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

5. Save/ Simpan dan lihat hasilnya

Semoga manfaat.....

***h72***

Seputar Indosat

Posted by Dian Motor Cell on Tuesday, January 29, 2013 Label: Info Umum , Seputar Info Operator Selluler

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

Indosat Program/Promo : berisi informasi berbagai bonus dan penawaran Istimewa.
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.
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.
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

Posted by Dian Motor Cell on Sunday, January 27, 2013 Label: Info Otomotif , Seputar Info Suzuki

Just Click on Link :

Type	Underbone	Type

Lihat	Lihat	Lihat

Lihat	Lihat	Lihat
Lihat	Lihat	Lihat

Lihat	Lihat	Lihat

SCOOTER		SPORT

Lihat	Lihat	Lihat
SPORT

Lihat	Lihat	Lihat

Tips dan Trik Perawatan Sepeda Motor

Posted by Dian Motor Cell on Label: Tips and Trick Otomotif

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 :

ITEM	Klik	ITEM	Klik
Perawatan Fungsi Rem Belakang	Klik	Panduan Aman berkendara Sepeda Motor ( Juni 2007 )	Klik
Mengacu pada Standarisasi	Klik	Ganti Motor Starter sendiri	Klik
Panduan Aman Berkendara Sepeda Motor (Februari 2008)	Klik	Rawatlah Accu agar tidak Bikin susah	Klik
Panduan Aman Berkendara Sepeda Motor (Desember 2007)	Klik	Mudik Aman Bersama Suzuzki	Klik
Tips Penggantian Oli Mesin Suzuki New Shogun 125	Klik	Perawatan Rantai	Klik
Panduan Aman Berkendara Sepeda Motor (November 2007)	Klik	Perwatan Battery	Klik
Tips & Trik Suzuki Spin 125	Klik	Perawatan Busi	Klik
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

Posted by Dian Motor Cell on Label: Info Otomotif , Seputar Info 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 :

***h72***

Daftar Harga Sepeda Motor Suzuki

Posted by Dian Motor Cell on Label: Info Otomotif , Seputar Info 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

Posted by Dian Motor Cell on Label: Tutorial Blogger

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

2. Akses situs http://tableizer.journalistopia.com/tableizer.php

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

Posted by Dian Motor Cell on Label: Tutorial Blogger

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>

</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***

Dian Motor Cell

Dian motor cell

Pop Cash

Pop Cash

Pop Cash

UC

Cara Memasang Tombol Like Di Bawah Judul Posting

Cara Mudah Membuat Recent Post By Label

Cara Mudah Membuat Menu Accordion Horizontal

Seputar Indosat

Daftar Jenis-jenis Sepeda Motor Suzuki

Tips dan Trik Perawatan Sepeda Motor

Katalog Suku Cadang Sepeda Motor Suzuki

Daftar Harga Sepeda Motor Suzuki

Cara Mudah Dan Gampang Membuat Tabel Di Blog

Cara Mudah Memasang Scroll Bar di Blog

Ads

Alih Bahasa

Dilihat sebanyak

Blog Archive

Popular Posts

KATEGORI

BlogStats

Followers