1
1

Direktur Lalu Lintas Polda Metro Jaya Komisaris Besar Royke Lumowa menyatakan, pihaknya telah melakukan penindakan terhadap pengendara yang kedapatan menggunakan telepon seluler ketika mengendarai kendaraan bermotor. Penindakan akan dilakukan dengan melayangkan surat tilang sesuai dengan Undang-Undang Nomor 22 Tahun 2009 tentang Lalu Lintas dan Angkutan Jalan, dengan denda maksimal Rp 750.000.

“Denda maksimal sebesar Rp 750.000 itu sudah tertera sejak UU Nomor 22 tahun 2009 dibuat. Tapi ini denda maksimal, nanti tergantung hakim menentukannya berapa,” kata Royke ketika dihubungi wartawan, Kamis (2/12/2010).

Pelaksanaan, menurut Royke, juga sudah diterapkan sejak undang-undang ini dibuat. “Ya, kami masih soft saja, masih mengimbau kepada pengendara agar tidak beraktivitas dengan telepon genggam di jalan,” katanya.

Royke mengatakan, saat Operasi Zebra digelar pada 8-30 November 2010, pihaknya telah melakukan penindakan terhadap beberapa pengendara. “Kami sudah lakukan, tapi belum banyak, antara 5 dan 10 pengendara,” katanya.

Ketika ditanya mengenai kendala bagi petugas dalam mengawasi pengendara yang menggunakan telepon seluler, Royke mengaku bahwa pihaknya tidak kesulitan. “Tidak juga, pengendara banyak kedapatan di jalan tol sama di jalan arteri,” tuturnya.

Menurut Royke, masih ada toleransi bagi pengendara yang menggunakan perangkat handsfree. “Kalau menggunakan handsfree, masih kami toleransi,” katanya.

Dalam Undang-Undang Nomor 22 Tahun 2009 tentang Lalu Lintas dan Angkutan Jalan disebutkan, pengemudi yang mengendarai kendaraan bermotor di jalan secara tidak wajar dan melakukan kegiatan lain atau dipengaruhi oleh suatu keadaan yang mengakibatkan gangguan konsentrasi dalam mengemudi di jalan dapat dikenakan sanksi berupa denda paling banyak Rp 750.000 atau kurungan paling lama 3 bulan.

Selanjutnya...

Urutan Kepangkatan TNI

Nama Pangkat
Singkatan
Simbol
Letak
PERWIRA TINGGI
Jenderal Besar
/ Laksana Besar* / Marsekal besar**

jenderal besarpati
Pundak
Jenderal / Laksamana Laut* / Marsekal**
Jend.
Letnan Jenderal / Laksamana Madya* / Marsekal Madya **
Letjen
Mayor Jenderal / Laksamana Muda* / Marsekal Muda**
Mayjen
Brigadir Jenderal / Laksamana Pertama* / Marsekal Pertama**
Brigjen
PERWIRA MENENGAH
Kolonel
Kol.
Pundak
Letnan Kolonel
Letkol
Mayor
May.
PERWIRA PERTAMA
Kapten
Kapt.
patama
Pundak
Letnan Satu
Lettu
Letnan Dua
Letda
BINTARA TINGGI
Pembantu Letnan Satu
Peltu
bintara
Pundak
Pembantu Letnan Dua
Pelda
BINTARA
Sersan Mayor
Serma
sersan
Lengan
Sersan Kepala
Serka
Sersan Satu
Sertu
Sersan Dua
Serda
TAMTAMA
Kopral Kepala
Kopka

Lengan
Kopral Satu
Koptu
Kopral Dua
Kopda
Prajurit Kepala
Praka
Prajurit Satu
Pratu
Prajurit Dua
Prada

Urutan Kepangkatan POLRI

Nama Pangkat
Singkatan
Simbol
Letak
PERWIRA TINGGI


Pundak
Jenderal Polisi
Jend. Pol
Komisaris Jendral Polisi
Komjen Pol
Inspektur Jenderal Polisi
Irjen Pol
Brigadir Jenderal Polisi
Brigjen Pol
PERWIRA MENENGAH
Komisaris Besar Polisi
Kombes Pol
Pundak
Ajun Komisaris Besar Polisi
AKBP
Komisaris Polisi
Kompol
PERWIRA PERTAMA
Ajun Komisaris Polisi
AKP
Pundak
Inspektur Polisi Satu
Iptu
Inspektur Polisi Dua
Ipda
BINTARA TINGGI
Ajun Inspektur Polisi Satu
Aiptu
Pundak
Ajun Inspektur Polisi Dua
Aipda
BINTARA
Brigadir Polisi Kepala
Bripka
Pundak
Brigadir Polisi
Brippol
Brigadir Polisi Satu
Briptu
Brigadir Polisi Dua
Bripda
TAMTAMA
Ajun Brigadir Polisi
Abrippol
Pundak
Ajun Brigadir Polisi Satu
Abriptu
Ajun Brigadir Polisi Dua
Abripda
Bhayangkara Kepala
Bharaka
Bhayangkara Satu
Bharatu
Bhayangkara Dua
Bharada

Urutan Kepangkatan dan Golongan PNS

Nama Pangkat
Golongan
Ruang
GOLONGAN IV
Pembina Utama
IV
e
Pembina Utama Madya
IV
d
Pembina Utama Muda
IV
c
Pembina Tingkat I
IV
b
Pembina
IV
a
GOLONGAN III
Penata Tingkat I
III
d
Penata
III
c
Penata Muda Tingkat I
III
b
Penata Muda
III
a
GOLONGAN II
Pengatur Tingkat I
II
d
Pengatur
II
c
Pengatur Muda Tingkat I
II
b
Pengatur Muda
II
a
GOLONGAN I
Juru Tingkat I
I
d
Juru
I
c
Juru Muda Tingkat I
I
b
Juru Muda
I
a

Selanjutnya...

Mungkin anda ingin menyembunyikan sebagian artikel atau gambar dengan menggunakan tombol hide / show...? Agar artikel terlihat tidak terlalu banyak/panjang anda bisa gunakan script spoiler. Mau tau caranya......?

# Copy Script dibawah ini dipostingan anda.

<div><input value="Tampilkan" style="margin: 0px; padding:0px;width:auto;font-size:10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Sembunyikan&#39;; } else{ this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Tampilkan&#39;; }" type="button" /></div>
<div class="alt2">
<div style="display: none;">
<div style="background:#000000;text-align:left;padding:10px;color:#ffffff;">
Masukkan text-nya disini. Gambar juga bisa.
</div>
</div>
</div>


# Ganti tulisan "masukkan teksnya disini, Gambar juga bisa" dengan teks atau gambar yang mau disembunyikan.


Hasilnya seperti di bawah ini








Semoga bermanfaat. Ingat ya, perhatikan yang berwarna merah dan biru kalau ingin mengedit-nya sekali lagi semoga bermanfaat.

Selanjutnya...

Sebelumnya saya sudah pernah membahas cara membuat slider menu, kali ini saya akan coba berikan yang sedikit berbeda. Slider ini hanya menampilkan gambar saja tanpa dibubuhi keterangan atau diskripsi dari link atau gambar tersebut, namun saya rasa slider menu dengan image ini tampilannya lebih efektif ketimbang slider menu yang dulu pernah saya jelaskan.

Tampak gambar akan bergerak sendiri sesuai dengan delay atau waktu yang telah di setting pada kode javascript-nya. Untuk membuat cukup mudah, bagi yang suka yang bereksperimen dengan template-nya silahkan dicoba tutorialnya berikut ini.

Silahkan Login Blogger dengan ID anda.

Langsung menuju ke Edit HTML

Tambahkan kode berikut ini setelah kode ]]></b:skin>

<script src='http://deddycamp.googlecode.com/files/jquery-1.3.1.min.js' type='text/javascript'/>
<script src='http://deddycamp.googlecode.com/files/jquery.scrollTo.js.txt' type='text/javascript'/>

<style type='text/css'>
#slider {width:320px;height:200px;padding:5px;margin:0;position:relative;overflow:hidden}
#slider a:link, #slider a:active {color:#FFF;text-decoration:none}
#slider a:hover {color:#F00}
#mask-gallery {overflow: hidden}
#gallery {list-style:none;margin:0;padding:0;z-index 0;width:900px;overflow:hidden}
#gallery li {float:left;padding:0px;margin:0px}
#mask-excerpt {position:absolute;top:0;right:0;z-index:500px;overflow:hidden}

</style>

<script>
$(document).ready(function() {
var speed = 5000;

$(&#39;#mask-gallery, #gallery li&#39;).width($(&#39;#slider&#39;).width());
$(&#39;#gallery&#39;).width($(&#39;#slider&#39;).width() * $(&#39;#gallery li&#39;).length);
$(&#39;#mask-gallery, #gallery li, #mask-excerpt, #excerpt li&#39;).height($(&#39;#slider&#39;).height());

var run = setInterval(&#39;newsscoller(0)&#39;, speed);

$(&#39;#gallery li:first, #excerpt li:first&#39;).addClass(&#39;selected&#39;);

$(&#39;#btn-pause&#39;).click(function () {
clearInterval(run);
return false;
});

$(&#39;#btn-play&#39;).click(function () {
run = setInterval(&#39;newsscoller(0)&#39;, speed);

return false;
});

$(&#39;#btn-next&#39;).click(function () {
newsscoller(0);
return false;
});

$(&#39;#btn-prev&#39;).click(function () {
newsscoller(1);
return false;
});

$(&#39;#slider&#39;).hover(
function() {
clearInterval(run);
},
function() {
run = setInterval(&#39;newsscoller(0)&#39;, speed);
}
);
});

function newsscoller(prev) {
var current_image = $(&#39;#gallery li.selected&#39;).length ? $(&#39;#gallery li.selected&#39;) : $(&#39;#gallery li:first&#39;);
var current_excerpt = $(&#39;#excerpt li.selected&#39;).length ? $(&#39;#excerpt li.selected&#39;) : $(&#39;#excerpt li:first&#39;);

if (prev) {

var next_image = (current_image.prev().length) ? current_image.prev() : $(&#39;#gallery li:last&#39;);

var next_excerpt = (current_excerpt.prev().length) ? current_excerpt.prev() : $(&#39;#excerpt li:last&#39;);

} else {
var next_image = (current_image.next().length) ? current_image.next() : $(&#39;#gallery li:first&#39;);
var next_excerpt = (current_excerpt.next().length) ? current_excerpt.next() : $(&#39;#excerpt li:first&#39;);
}

$(&#39;#excerpt li, #gallery li&#39;).removeClass(&#39;selected&#39;);
next_image.addClass(&#39;selected&#39;);
next_excerpt.addClass(&#39;selected&#39;);

$(&#39;#mask-gallery&#39;).scrollTo(next_image, 800);
$(&#39;#mask-excerpt&#39;).scrollTo(next_excerpt, 800);

}
</script>

Simpan Template.

Keterangan

var speed = 5000 adalah kecepatan slide image-nya, semakin tinggi angkanya, maka akan semakin lambat.
Untuk width:320px dan height:200px masing-masing untuk lebar dan tinggi menu, sesuaikan dengan lebar sidebar anda.
  • Sekarang bagian memasang gambar slide-nya, masuk ke Elemen Halaman.
  • Pilih Tambah Gadget > pilih yang HTML/Javascript.
  • Sekarang masukkan kode berikut :

<div id="slider">
<div id="mask-gallery">
<ul id="gallery">

<li><a href="http://www.deddycamp.com/2010/05/cara-membuat-menu-tab-view.html"><img src="http://lh5.ggpht.com/_7Y9pl24WpQY/S5k7-LSv8kI/AAAAAAAADHo/9E8EpPU1mKI/image_thumb%5B2%5D.png" height="200px" width="320px" border="0" alt="Free Blogger Template" /></a></li>

<li><a href="http://www.deddycamp.com/2010/05/cara-membuat-navigasi-header-di-blog.html"><img src="http://lh6.ggpht.com/_7Y9pl24WpQY/S57X-OyXc5I/AAAAAAAADJ4/ukDMwgpRQDE/smart%20gradient_thumb%5B2%5D.png" height="200px" width="320px" border="0" alt="Free Blogger Template" /></a></li>

<li><a href="http://www.deddycamp.com/2010/05/cara-membuat-tab-view-versi-2.html"><img src="http://lh4.ggpht.com/_7Y9pl24WpQY/S3aqOXkcFgI/AAAAAAAAC9U/iAjS27QlZYU/image_thumb2.png" height="200px" width="320px" border="0" alt="Free Blogger Template" /></a></li>

</ul>
</div>
</div>
<div id="buttons">
<a href="#" id="btn-prev">prev</a>
<a href="#" id="btn-pause">pause</a>
<a href="#" id="btn-next">next</a>
<a href="#" id="btn-play">play</a>
</div>

Kemudian Simpan.

Keterangan :

1. Kode yang berwarna merah adalah url yang akan di tuju.
2. Kode yang berwarna biru adalah url dari gambar.

Selanjutnya...

Mungkin agan sudah mengetahui apa itu border ...? betul, Border adalah garis tepi atau garis yang berada di setiap sisi dan biasanya untuk membedakan letak suatu komponen baik widget, Gadget atau yang lainnya.

Dalam Template blogger terdapat beberapa jenis atau style atau juga tampilan dari border ini. Adapun jenis border yang saya ketahui antara lain:

1. Solid
2. Dotted
3. Dashed
4. Double
5. Groove
6. Ridge
7. Inset
8. Outset

Untuk contoh tampilan dari jenis border tersebut, kalian bisa lihat berikut ini:




SOLID





DOTTED





DASHED





DOUBLE





GROOVE





RIDGE





iNSET





OUTSET


== CARA MEMBUAT BORDER/GARIS TEPI

Untuk membuat bordernya sendiri, kalian hanya perlu menggunakan kode berikut :

<div style="background:#F2F2F2;border:3px dashed #000000; padding:5px;">
TULISAN / SCRIPT KALIAN </div>
KETERANGAN :
== Kode #F2F2F2 adalah warna background atau warna latar belakang
== Kode 3px adalah ketebalan garis /border itu sendiri
== kode dashed adalah Jenis bordernya
== kode #000000 warna garis pada border
== TULISAN / SCRIPT KALIAN adalah tulisan atau script yang akan ditampilkan didalam border

Contoh :
Penulis: Mohamad Aripin Follow Me: @My Twitter
Saya hanyalah seorang yang sedang belajar dan berbagi pelajaran dengan siapapun. Blog ini dibuat untuk memudahkan kalian yang sedang belajar sama seperti saya. Jika dari kalian ingin selalu tau artikel terbaru dari saya silahkan KLIK DISINI.

sekian penjelasan tentang jenis border ini, dan jika kalian mau memodifikasinya, kalian bisa membaca artikel saya yang berjudul :

== (rounded corner) sudut melengkung pada border

Selanjutnya...

Dalam sebuah template blog, biasanya suka akan bahkan sudah pasti dihiasi dengan berbagai widget atau apapun yang dapat membuat Tampilan blog tersebut terlihat lebih elegan. dan salah satunya adalah dengan memberikan polesan pada garis atau border baik pada sidebar, postingan atau dimanapun kita suka. Pada postingan ini saya mengambil judul membuat rounded corner/sudut melengkung pada blog, maksudnya memberikan nuansa beda pada tampilan sudut-sudut garis pada blog kita. Sebenarnya saya mengambil nama judul untuk postingan ini karena ada pertanyaan dari salah satu sahabat blogger saya yang kurang lebih menanyakan tentang hal ini :

kang gmana caranya memodifiksi border kayak pnya maz soalnya kan template standartnya bordernya gk kayak gini mohon bantuannya ^_^

Untuk contoh tampilannya sendiri kalian bisa melihat pada setiap sudut garis Blog ini. Sedangkan cara membuatnya sebenarnya mudah dan sangat simple, kalian hanya tinggal menambahkan kode berikut pada bagian yang akan kalian rubah sudut garisnya :

-moz-border-radius

kode diatas itu adalah dasar membuat sudut garis lengkung, dan kita bisa mengembangkan kode tersebut supaya bisa diterapkan disetiap sudut garis. Sebelumnya saya akan menjelaskan dulu Posisi suatu garis berbentuk persegi, dalam sebuah persegi pasti terdapat bagian atas(top), kanan(right), kiri(left) dan bagian bawah(bottom) garis. Nah Jika kita terapkan pada kode diatas maka hasilnya akan seperti ini :

-moz-border-radius-bottomright
-moz-border-radius-bottomleft
-moz-border-radius-topright
-moz-border-radius-topleft

Keterangan :
-moz-border-radius => membuat seluruh sudut melengkung
-moz-border-radius-bottomright => membuat garis melengkung kanan bawah
-moz-border-radius-bottomleft => membuat garis kiri bawah melengkung
-moz-border-radius-topright => membuat garis melengkung kanan atas
-moz-border-radius-topleft => membuat garis melengkung kiri atas

Contoh bentuk sudut garis melengkung sebagai berikut :




CONTOH SUDUT GARIS MELENGKUNG


Untuk pemasangannya sendiri, kalian bisa pilih mau dipostingan, sidebar, footer atau yang lainnya, yang pasti untuk membuat sudut garisnya melengkung kalian cukup menambahkan kode diatas. Contoh penerapan pada sidebar :

#sidebar1 .widget {
margin: 0px 0px 5px 0px;
padding: 5px 5px 5px 5px;
background: $sidebar1bgColor;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
}

Keterangan :
== Angka 20px pada kode diatas berarti total sudut lengkung yang akan kita buat, sebenarnya itu tergantung selera kalian, semakin besar angkanya semakin besar juga sudut lengkungnya.
== Contoh diatas itu akan membuat semua sudut sidebar kalian melengkung, jadi kalian bisa merubah tampilannya, misalkan kalian hanya ingin membuat sudut melengkung pada kedua sisi atasnya saja, maka kalian hanya tinggal menambahkan kode berikut saja :
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
Untuk sisanya saya rasa kalian bisa mengolahnya sendiri atau bahkan bisa lebih hebat lagi.

NB : kode diatas hanya bisa dipakai untuk browser mozilla Firefox ( kalo salah tolong dibantu). Jika kalian ingin tampilan ini bekerja di browser lain kalian lihat penjelasan kode berikut :

** -moz-border-radius : digunakan untuk Mozilla firefox
** -webkit-border-radius : untuk Chrome dan Safari
** -khtml-border-radius : untuk browser-browser lama yang mendukung kode ini
** border-radius : untuk pengecekan terhadap browser-browser baru ( yang mendukung kode ini )

Contoh Penerapan pada sidebar:

1. Seluruh Sudut sidebar

#sidebar1 .widget {
margin: 0px 0px 5px 0px;
padding: 5px 5px 5px 5px;
background: $sidebar1bgColor;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}


2. Sudut atas saja yang melengkung

#sidebar1 .widget {
margin: 0px 0px 5px 0px;
padding: 5px 5px 5px 5px;
background: $sidebar1bgColor;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-radius-topleft: 10px;
-webkit-border-radius-topright: 10px;
-khtml-border-radius-topleft: 10px;
-khtml-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}


3. Sudut bawah saja yang melengkung

#sidebar1 .widget {
margin: 0px 0px 5px 0px;
padding: 5px 5px 5px 5px;
background: $sidebar1bgColor;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
-khtml-border-radius-bottomleft: 10px;
-khtml-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

Untuk contoh diatas mungkin bisa kalian mengerti dan semoga kalian bisa lebih jauh dan lebih hebat mengembangkannya. oia.. contoh diatas saya ambil untuk penerapan pada sidebar ( sesuaikan dengan sidebar pada kode template kalian, kalian tinggal menambahkan kode yang perlu untuk membuat sudut garisnya melengkung ), untuk penerapan pada postingan, footer, silahkan tambahkan pada kode HTML template kalian.

semoga bermanfaat.

Selanjutnya...

Kali ini panduan sukses sharing tentang bagaimana cara membuat teks rata kiri dan kanan secara otomatis langsung tampil pada halaman blog kita. tanpa perlu mengaturnya di halaman entri post setiap kali kita membuat teks. tentunya ini sangat lah membantu, selain mudah tentunya menghemat waktu. nah apakah anda ingin menerapkan tutor ini. jika iya atau sekadar ingin mencoba silahkan ikuti langkah-langkah di bawah ini.

Berikut ini langkah-langkah cara membuat teks rata kiri dan kanan secara otomatis pada blog anda.

  • Login ke blogger
  • Klik Rancangan
  • Edit HTML
  • Cari kode .post-body{
  • Kalau sudah ketemu tambahkan kode di bawah ini seperti
    .post-body{
    text-align:justify;
    ........
    }
  • Untuk membuat teks rata kanan, tengah atau kiri anda bisa mengganti justify dengan
    Left : Kiri
    Right : Kanan
    Center : Tengah
  • Kemudian simpan tamplate anda dan lihat hasilnya.
  • Selesai....

Nah dengan menambahkan kode tersebut secara otomatis artikel sebelumnya yang belum di setting secara menual rata kiri dan rata kanan akan berubah secara otomatis. semoga artikel ini bermanfaat untuk kita semua dan salam sukses......

Selanjutnya...