YouTube Blogger Template - BloggerTube - YouTube Style Bloger Templete

Kelebihan BloggerTube - Youtube Style Blogger Template

Tidak meniru 100% dari template yang digunakan oleh YouTube,namun sekilas jika kita melihat dari segi performence-nya ada kesamaan face / tampilan design-nya.
Adalah BloggerTube Blogger Template mengusung blogger template Youtube Style,kita semua tahu hal ini tidak akan sampai melanggar hukum kecuali jika kita menerapkannya 100% seperti YouTube dan mengklaimnya sebagai hasil dan hak cipta sendiri apalagi memperdagangkannya.

Sedang di sini pun yang akan dibahas tidak 100% menjiplak dari YouTube,namun kelebihannya adalah lebih enak dilihat dan sangat pas diterapkan jika kontent blog berisi lebih banyak menggunakan streaming video.
Contoh fisiknya atau demonya,sobat bisa lihat di salah satu blog teman kami di SINI,dengan catatan jika dari pihak yang menciptakannya sudah menghapus file-file yang didalamnya (seperti javascriptnya,icon-nya,dll) maka template ini tidak akan bekerja dengan yang semestinya.

Bagaimana Cara Menginstall BloggerTube - YouTube Blogger Template?

Pertama,sama dengan langkah dan cara mengganti template blogger menjadi WikiPedia Style Blogger Template pada beberapa hari yang lalu,ikuti instruktur tersebut sampai dengan selesai.

Kedua,Setelah template blogger anda sudah berhasil dikonvert menjadi 'Youtube Style',modofikasilah beberapa nama-nama yang sekiranya anda tidak butuhkan,caranya dengan Pergi ke Tata Letak lalu pilih Edit Html dan contreng Expand Widget Templates lalu gunakan Ctrl+F pada keyboard untuk merubah nama mana yang akan sobat ganti.

Teknik merubah nama ini bisa gunakan trik seperti (ini hanya contoh merubah isi template aja ya gan):

-Lihat blog dan lihat nama mana yang ganjil dan akan sobat ganti:

-Pergi ke Tata Letak lalu pilih Edit Html dan contreng Expand Widget Templates lalu gunakan Ctrl+F pada keyboard untuk merubah nama mana yang akan sobat ganti tersebut.

Di atas hanyalah trik cara mengganti isi template atau merubah tulisan pada template yang ingin kita rubah sesuai dengan keinginan kita masing-masing.

Ketiga,jika template sudah sesuai dengan keinginan,kini saatnya untuk mengatur agar hasil pencarian nanti dapat menampilkan screenshot videonya.

Caranya,setiap melakukan posting baru,pastikan sobat meletakkan kode berikut:
Misal sobat ingin meletakkan video dari youtube dengan url seperti dibawah ini (untuk cara meletakkan/memasang video youtube ke blog bisa sobat baca tutornya di sini)

gb.screenshot

Perhatikan ya gan url yang diberi tanda lingkar tersebut,itulah yang nantinya akan dimasukkan dalam posting kita.
Cara menerapkannya seperti ini:
1.Saya akan posting tentang video di url

http://www.youtube.com/watch?v=sLLCAmr8vjs

2.Saya akan meletakkan kode berikut untuk menampilkannya di blog

<embed src="http://www.youtube.com/v/sLLCAmr8vjs" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>

3.Saya akan menempatkan kode berikut setelah kode diatas (kode berikut berfungsi untuk memperlihatkan screenshot video yang bersangkutan seperti gb.screenshot diatas:

<img src="http://i2.ytimg.com/vi/6chUPd4XSrw/default.jpg" />

Ket:kode sLLCAmr8vjs saya ambil dari sumber video tersebut.

Bagaimana sob,penasaran ingin mencoba template tersebut? klik di SINI ya untuk download file.Semoga bermanfaat dan sampaikan saran dan kritik sobat di Facebook Fan Page kami ya :D

Menambahkan Gambar di Samping Judul Post

Memasang Icon Gambar Sebelum Entri Posting

Gambar Icon disamping Judul Posting - Sengaja saya lakukan dua posting malam ini sob,pasalnya ada sahabat kita yang menanyakan bagaimana sih menambahkan/memasang/meletakkan/membuat icon gambar sebelul entri atau judul postingan

Memang meletakkan script atau bahasa html pada template blogger (halaman edit html dengan contreng exspand widget templates) yang biasa kita lakukan,akan tidak bekerja jika terjadi kesalahan meskipun hanya kesalahan kecil dalam menuliskan 'tanda petik,garis miring sebagai penutup dalam bahasa html,dan lain sebagainya.

Oleh karenanya,kode yang akan kita tempatkan pada halaman tersebut harus benar-benar fix tanpa ada kesalahan,biasanya yang sering terjadi adalah kesalahan pada tanda petik.
Berikut ini sob adalah tutorial cara menambahkan icon gambar sebelum entri posting pada blogger yang sebenarnya pernah juga saya sharing di posting 'cara meletekkan gambar sebelum judul posting' beberapoa waktu lalu.Insya Allah,cara ini 100% bekerja.

Langkah Memasang Icon Gambar Sebelum Entri / Judul Posting

Setelah bahan sudah ada,anda tinggal upload ke hosting anda,atau bisa ke blog anda sendiri,setelah itu copy alamat URL gambar tersebut.

Contoh,alamat URL gambar yang saya punya:

---

http://1.bp.blogspot.com/_n7xseT2-HDU/Saz6WSR1ptI/AAAAAAAAANY/QA1vxRormlY/s200/Loggo-pelajaran-Blog.gif

---

Rubahlah menjadi seperti ini:

---

<img src='http://1.bp.blogspot.com/_n7xseT2-HDU/Saz6WSR1ptI/AAAAAAAAANY/QA1vxRormlY/s200/Loggo-pelajaran-Blog.gif'></img>

---

Warna merah,ganti dengan alamat URL gambar yang telah anda siapkan tadi.

---

Simpan di Notepad dulu,jangan disimpan dan jangan pula di hapus,aaaaalah!

Setelah itu,pergilah ke Dashboard Blog anda,lalu pilih Tata Letak,selanjutnya pilih tab Edit HTML.
Contreng Expand Widget Templates,lalu cari kode berikut :

---

<a expr:href='data:post.url'><data:post.title/></a>

---

Untuk mempermudah pencarian,Tekan Ctrl+F pada keyboard,dan tuliskan kode tersebut,nantinya kode akan terdeteksi secara otomatis!

Setelah ketemu,sisipkan alamat URL gambar anda (yang sudah anda simpan di notepad tadi),di antara kode tersebut.

Setelah kode URL alamat gambar anda disisipkan,akan menjadi seperti ini :

---

<a expr:href='data:post.url'>
<imgsrc='http://1.bp.blogspot.com/_n7xseT2-HDU/Saz6WSR1ptI/AAAAAAAAANY/QA1vxRormlY/s200/Loggo-pelajaran-Blog.gif'></img>
<data:post.title/></a>

Semoga bermanfaat,dan maklum atas repost ini ya sob :D

Cara Membuat Sub Menu Navigasi Ber-Gambar

Navigasi Menu Box dengan Gambar

Sama seperti halnya membuat menu navigasi horizontal dengan sub menu vertikal pada posting beberapa waktu lalu,namun kali ini hanya merubahnya dalam bentuk sebuah sub menu bergambar dari menu navigasi pada blog dari www.blogger.com.
Pada dasarnya,kita hanya menyelipkan sebuah image / obyek gambar yang ingin ditampilkan sebagai pengganti tulisan dalam link-link yang ada dalam sub menu navigasi.
Hasilnya akan seperti ini (arahkan mouse pointer pada box menu dibawah ini:

• Home
• Join Us
  • 
  • 
• Other

Dengan demikian hal ini kita masuk dalam sesi menghias blog (tumben nih penulis pake bahasa formal,takut dibaca ma presiden RI ya,:p) hehe

Jika hanya mengombinasikannya dengan artikel 'membuat menu navigasi' yang lalu,hasil yang akan kita dapat tidak akan sesuai dengan apa yang kita inginkan,ini karena pengaturan jarak,background dan lebar serta tinggi dari box menu akan berbeda.

Berikut penjelasan lebih rincinya,dan dari cara ini nanti sobat dapat menenetukan dan memodifikasinya sendiri sesuai dengan selera masing-masing.

Langkah Membuat Sub Menu Navigasi dengan Bergambar

Pertama,sobat tentukan dahulu gambar yang akan ditampilkan dalam sub menu navigasinya,ini dapat dilakukan dengan dua cara dan sobat bisa pilih cara mana yang mudah bagi agan-agan,yakni:

1.Membuat gambar dengan software semacam dreamweaver,lalu upload gambar ke posting untuk mendapatkan url alamat dari gambar tersebut.

2.Bisa menggunakan gambar yang sudah ada yang sobat inginkan,misal dari hasil pencarian gambar di Google (tapi cara ini tidak efektif,karena saat situs yang kita ambil url obyek gambarnya sudah mengahapus obyek mereka(yang kita ambil url-nya) otomatis gambar di blog milik kita juga akan terhapus.

Dari dua langkah diatas,saya misal pilih no 1,dengan cara,saya punya gambar yang ada di komputer saya lalu saya upload ke posting setelah itu klik kanan pada gambar dan pilih 'view image' dan kita sudah dapat url gambar tersebut dan lakukan copy.

Kita sudah mendapatkan url dari alamat gambar (facebook button) yang ingin kita tempatkan pada submenu navigasi nantinya,yakni:

http://2.bp.blogspot.com/-_bY0IPOwcWg/TxgtZi6NdZI/AAAAAAAABL8/FPPqwNeQboY/s1600/facebook%2Bbutton%2Bpelajaran%2Bblog.JPG

Nah setelah itu,jika sobat menginginkan lebih dari satu gambar lagi dalam submenu(yang kami pakai dalam artikel ini adalah dua gambar),sobat bisa lakukan dengan langkah seperti cara diatas,misal saya ingin menambahkan gambar url dari twitter button pent-),dan saya telah mendapatkannya yakni:

http://1.bp.blogspot.com/-FzYVO5-wb2A/TxgtZZ9pZDI/AAAAAAAABL0/9Zd1ZMBTwA8/s1600/twitter%2Bbutton%2Bpelajaran%2Bblog.JPG

Dari langkah pertama ini kita sudah mendapatkan dua url gambar yang nantinya akan kita tempatkan pada submenu navigasi.

Kedua,seperti pada membuat menu navigasi horizontal dengan submenu vertikel di posting beberapa waktu lalu,kita akan menggunakannya dengan cara yang sama,ikuti langkah selanjutnya ya sob:

• Pertama,pergilah ke Dashboard (Gb.1) blog yang akan anda beri menu navigasi dengan sub menu ini.
  
  
  Gb.1
  
  
• Selanjutnya pilih tab Edit Html (Gb.2).
  
  
  Gb.2
  
  
• Setelah itu,contreng tulisan / checkbox 'Expand Widget Templates' (Gb.3).
  
  
  Gb.3
  
  
• Setelah itu carilah kode seperti ini ]]></b:skin> (Gunakan Ctrl+F pada keyboard untuk mempermudah pencarian),setelah ketemu letakkan kode dibawah ini tepat diatas kode ]]></b:skin> tersebut.
  
  #NavbarMenu{background:#ffffff; width:960px; height:32px; color:#5A6C8C; margin:0 auto; padding:0 5px; font:bold 8px Arial, Tahoma, Verdana; border-top:1px solid #666; text-transform:capitalize border-bottom:1px solid #666;}
#NavbarMenu{width:700px; float:left; margin:0; padding:0;}
#search{width:240px; font-size:11px; float:right; margin:0; padding:0;}
#nav{margin:0; padding:0;}
#nav ul{float:left; list-style:none; margin:0; padding:0;}
#nav li{list-style:none; margin:0; padding:0; text-shadow:1px 1px 1px #000;}
#nav li a, #nav li a:link, #nav li a:visited{color:#fff; display:block; text-transform:capitalize; margin:0; padding:9px 15px 9px; font:bold 11px Arial, Times New Roman;}
#nav li a:hover, #nav li a:active{background:#ffffff; color:#fff; padding:9px 15px 9px; text-decoration:none;}
#nav li li a, #nav li li a:link, #nav li li a:visited{background:#222222; width:150px; color:#e5e3e3; text-transform:capitalize; float:none; margin:0; padding:3px 10px; border-bottom:1px solid #151f23; border-left:px solid #151f23; border-right:2px solid #151f23; font:normal 14px Georgia,;}
#nav li li a:hover, #nav li li a:active{background:#ffffff; color:black; padding:3px 10px;}
#nav li{float:left; padding:0;}
#nav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px; margin:0; padding:0;}
#nav li ul a{width:140px;}
#nav li ul ul{margin:-24px 0 0 170px;}
#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;}
  
  
• Setelah itu Simpan Templates.
• Sekarang giliran kita menentukan dimana tempat menu navigasi submenu ini akan kita letakkan.
• Pilih Tab Rancangan / Tata Letak pada Dashboard blog anda,seperti (Gb.1),selanjutnya klik tulisan 'Add New Widget / Tambah Gadget'(Gb.4),dan pilihlah Html / Javascript (Gb.5)
  
  
  Gb.4
  
  Gb.5
  
  
• Setelah itu letakkan kode berikut pada widget HTML / Javascript tersebut.
  
  <ul id='nav'>
<li><a href='http://nama_blog_anda.blogspot.com/' title='Home'>Home</a> </li>
<li><a href='http://nama_blog_anda.blogspot.com/'>Join Us</a>
<ul>
<li><a href='http://id-id.facebook.com/pages/Pelajaran-Blog/289839067320' title='Facebook'><img alt='facebook' height='100%' src='http://2.bp.blogspot.com/-_bY0IPOwcWg/TxgtZi6NdZI/AAAAAAAABL8/FPPqwNeQboY/s1600/facebook%2Bbutton%2Bpelajaran%2Bblog.JPG' title='facebook' width='100%'/></a> </li>
<li><a href='http://twitter.com/mrpujiajadeh' title='Twitter'><img alt='twitter' height='100%' src='http://1.bp.blogspot.com/-FzYVO5-wb2A/TxgtZZ9pZDI/AAAAAAAABL0/9Zd1ZMBTwA8/s1600/twitter%2Bbutton%2Bpelajaran%2Bblog.JPG' title='twitter' width='100%'/></a> </li>
</ul> </li>
<li><a href='#' title='Other'>Other</a> </li>
</ul>
  
  
• Lalu simpan,selesai dan lihat hasilnya :D

ATF Charger

ATF Charger

AUTOMATIC TRANSMISSION CHANGER

Kemajuan teknologi otomotif sangat cepat, kendaraan lebih banyak memfasilitasi kenyamanan terhadap pengendara. Salah satunya yaitu teknologi transmisi automatic. Memanjakan driver saat mengoperasikan kendaraannya. Fasilitas yang lebih tentunya juga di ikuti perawatan yang lebih sebagai konsekuensi, akan tetapi hal tersebut bukan merupakan problem yang besar. Fasilitas peralatan untuk perawatan transmisi automatic juga sudah banyak tersedia. Sangat penting yaitu jangan mempertaruhkan transmisi mobil automatic anda tanpa alat pelumas ATF Canger. Penggantian pelumas tanpa alat ini maka pelumas kotor yang tertinggal dalam ruang transmisi hingga mencapai 70%.

Sumber : ultratune.gamamulti.com/profile/charger

Air Conditioning

Air Conditioning

Automotic AC Service Station
Ultra Tune 5001 FAHD-Fully Automatic A/C Service Station adalah alat yang mudah digunakan khusus didesain khusus untuk teknisi Air Condition (AC) kendaraan, adapun fungsinya yaitu:
1.Check/tes system Air Condition (AC)
2.Recover dan Recycling refrigeran pada system AC
3.Mengukur jumlah refrigeran pada sistem AC
4.Mengukur jumlah oli yang hilang pada sistem AC
5.Mengosongkan sistem AC
6.Mengisi pelumas/oli pada sistem AC
7.Mengisi refrigeran pada sistem AC
Dengan alat ini memungkinkan untuk mengurangi pembuangan gas berbahaya bagi lingkungan, karena pada pengosongan refrigerant dilakukan dengan proses recover dan recycle sehingga meminimalisir gas refrigerant AC yang terlepas ke lingkungan/udara bebas.



 

Sumber : ultratune.gamamulti.com/profile/conditioning

Engine Scanning & Analyzing

Engine Scanning & Analyzing

Engine Scanning

Jenis kendaraan yang dilengkapi dengan sistem Electronic Fuel Injection (EFI) pemeliharaan tidak dapat dilakukan oleh mekanik secara manual. Hal tersebut disebabkan beberapa komponen dikontrol secara electronik, sehingga untuk diagnosa/analisis memerlukan alat digital yang disebut Engine Scanner. Engine scanner merupakan alat bantu untuk memeriksa/memonitor secara simultan proses kerja dari sensor-sensor, ECU dan actuator (injector) pada engine EFI. Semua komponen yang dikendalikan secara elektronik oleh ECU (Electronic Control Unit) akan termonitor pada engine scanner sehingga trouble diagnosis engine dapat dilakukan. Adapun proses scanning system meliputi read and erase error code, actuation test, reset adaptation, adjusting co, recording data stream, graphic dat. Kemudian semua hasil scan dilampirkan dalam bentuk print out.


Engine Analyzing

Jenis kendaraan dengan engine konvensional atau dengan karburator mememerlukan diagnosis engine, yaitu meliputi putaran mesin/rpm, tegangan battery, tahanan, timming pengapian, tegangan pengisian, dan khusus untuk engine konvensional adalah pengukuran sudut dwell/dwell angle. Untuk engine konvensional analisa kondisi pada setiap item diatas dapat dianalisa dalam satu alat yaitu engine analisa. Dengan peralatan ini memungkinkan analisa atau penyetelan yang lebih detail dan lebih teliti serta lebih cepat. 


Sumber : ultratune.gamamulti.com/profile/engine

Brake Service

Brake Service

Servis Rem

 

 Setiap komponen ataupun komponen pada kendaraan pasti memerlukan yang namanya perawatan atau pemeliharaan. Perawatan atau pemeliharaan secara rutin akan mempengaruhi kerja dari sistem pada kendaraan. Perawatan yang tidak kontinyu pada komponen akan mengakibatkan gejala kerusakan atau ketidaknormalan pada kerja salah satu sistem pada kendaraan. Apabila pemeliharaan kendaraan dilaksanakan secara rutin dan berkala sesuai dengan rekomendasi dari standar pabrik atau perawatan kendaraan yang jelas masa pemakaian komponen kendaraan akan lebih tahan lama dan awet.

Salah satu bagian kendaraan yang sangat penting adalah braking system (sistem rem). Sistem rem adalah bagian yang sangat penting dari sebuah kendaraan. Secara fungsi sistem rem digunakan untuk mengurangi atau menghentikan kendaraan. Keadaan atau kondisi rem yang kurang baik akan sangat berbahaya dan dapat mengakibatkan kecelakaan. Sehingga selain sebagai pengurang kecepatan dan menghentikan kendaraan, sistem rem juga berfungsi sebagai safety atau pengaman.

Tentunya setiap sistem/komponen pada kendaraan akan tidak akan selamanya dalam kondisi yang baik. Jam terbang dan cara pemakaian kendaraan sangat mempengaruhi umur kendaraan. Selain itu juga ada beberapa komponen yang mempunyai batas pemakaian sehingga setelah melewati batas tersebut komponen tersebut harus diganti.
Pemeliharaan dan perawatan secara rutin memungkinkan sistem rem akan bekerja dengan baik, sehingga komponen pada sistem rem akan lebih tahan lama dan mengurangi beaya perawatan. Ada beberapa perawatan pada sistem rem, yaitu servis ringan yang berupa penyetelan dan pembersihan dikomponen-komponen. Untuk kondisi tertentu untuk penggantian komponen dan diperlukan overhoul pada sistem rem.

Sumber : ultratune.gamamulti.com/profile/brake