| No | Nama | Periode | Keterangan |
| 1 | Suwiryo | 1945 - 1947 | Sebagai Walikota Jakarta |
| 2 | Daan Jahja | 1948 - 1950 | Sebagai Walikota Jakarta |
| 3 | Suwiryo | 1950 - 1951 | Sebagai Walikota Jakarta |
| 4 | Syamsurijal | 1951 - 1953 | Sebagai Walikota Jakarta |
| 5 | Sudiro | 1953 - 1960 | Sebagai Walikota Jakarta |
| 6 | Dr. Soemarno | 1960 - 1964 | Masa jabatan pertama |
| 7 | Henk Ngantung | 1964 - 1965 | |
| 8 | Dr. Soemarno | 1965 - 1966 | Masa jabatan kedua |
| 9 | Ali Sadikin | 1966 - 1977 | |
| 10 | Tjokropranolo | 1977 - 1982 | |
| 11 | Soeprapto | 1982 - 1987 | |
| 12 | Wiyogo Atmodarminto | 1987 - 1992 | |
| 13 | Soerjadi Soedirdja | 1992 - 1997 | |
| 14 | Sutiyoso | 1997 - 2007 | |
| 15 | Fauzi Bowo | 2007 - 2012 |
Senin, 02 Juli 2012
Nama-nama Gubernur DKI Jakarta
Berikut ini adalah nama-nama yang pernah memimpin DKI Jakarta, baik sebagai walikota maupun sebagai gubernur dari yang pertama yaitu tahun 1945 hingga yang terakhir sebelum Pilgub DKI yakni 11 Juli 2012:
Pengalaman Menambahkan Sidebar Sebelah Kiri
Pada posting kali ini saya akan menceritakan langkah-langkah menambahkan sidebar kiri di template yang sedang saya gunakan ini. Sebenarnya, saya bisa saja mengunggah template baru yang sudah ada sidebar kirinya. Namun, mengganti template dengan yang baru seperti memulai pekerjaan dari awal bagi saya.
Bila mengganti template dengan yang baru berarti saya harus memasang ulang kode-kode verifikasi mesin pencari, kode verifikasi Alexa, serta kode-kode yang lainnya. Selain itu, saya juga harus mengatur kembali widget-widget yang sudah terpasang pada template sebelumnya.
Berikut ini langkah-langkah yang saya lakukan dalam menambahkan sidebar sebelah kiri pada template ini (Thesis SEO Blogger).
1. Masuk ke akun Blogger.
2. Mengeklik "Opsi lainnya" > Template.
3. Meletakkan kode berikut di dekat kelompok kode CSS untuk outer-wrapper, main-wrapper, dan sidebar-wrapper (di atas ]]></b:skin>)
#newsidebar-wrapper {
width: 160px;
float: left;
padding:8px;
word-wrap: break-word;
overflow: hidden;
}
4. Selanjutnya menaruh kode berikut di atas kode <div id='main-wrapper'>
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'/>
</div>
5. Mengeklik tombol "Simpan template".
Sampai di sini, sidebar kiri sudah berhasil ditambahkan. Namun, perlu dilakukan pengaturan dan penyesuaian dengan lebar main-wrapper (halaman posting) dan lebar sidebar kanan agar tampilan blog tidak terlihat berantakan.
Lebar sidebar kiri yang saya inginkan adalah sebesar 160px. Sedangkan lebar sidebar sebelah kanan yang saya mau adalah senilai 250px. Seperti diketahui sebelumnya, sidebar yang ada di sebelah kanan template ini terdiri dari: sidebar-top, sidebar-wrapper1, sidebar-wrapper2, dan sidebar-bottom.
Dalam hal ini saya hanya ingin menggunakan sidebar-top di mana sidebar ini mempunyai elemen-elemen seperti border dan warna latar belakang. Kemudian saya berkeinginan untuk menggunakan saja unsur-unsur yang terdapat di sidebar kanan untuk diterapkan pada sidebar sebelah kiri sehingga kode CSS sidebar kiri menjadi seperti di bawah ini.
#newsidebar-wrapper {
border-left: 1px dotted #dddddd;
border-bottom: 1px dotted #dddddd;
border-top: 1px dotted #dddddd;
border-right: 1px dotted #dddddd;
background:#F5F5F5;
width: 160px;
float: left;
padding:8px;
word-wrap: break-word;
overflow: hidden;
}
Sekarang saya akan menghitung total lebar piksel wrapper yang diperlukan untuk membentuk sidebar kiri dan sidebar kanan. Untuk lebih jelasnya bisa dilihat pada tabel di bawah ini.
Saat ini saya sudah mengetahui berapa piksel wrapper yang dibutuhkan untuk sidebar kiri dan sidebar kanan yaitu sebesar 446 piksel. Lebar Outer-wrapper untuk template ini adalah sebesar 900 piksel. Dengan demikian lebar wrapper halaman posting akan mendapat kuota sebesar 900 - 446 = 454 piksel.
Nah, agar halaman posting tidak berhimpitan dengan sisi kanan sidebar kiri dan sisi kiri sidebar kanan, maka saya menambahkan margin kiri sebesar 10px dan margin kanan sebesar 10px pada main-wrapper. Jadi, width halaman posting akan menjadi 454px - 20px = 434 px. Dua puluh piksel adalah nilai dari jumlah kedua margin.
Setelah diadakan penyesuaian, maka CSS untuk main-wrapper adalah menjadi seperti di bawah ini.
#main-wrapper {
float:left;
margin-right:10px;
margin-left:10px;
overflow:hidden;
width:434px;
word-wrap:break-word;
}
Selain itu, saya juga harus mengganti lebar kolom komentar dan kotak komentar menjadi sebesar 434 piksel untuk menyesuaikan dengan lebar halaman posting agar tampak serasi. Kedua unsur tersebut ditunjukkan pada kode seperti yang tampak di bawah ini.
#comments-block{border:0px dotted #ccc;width:434px;margin:1.3em 0 1.5em;line-height:1.6em}
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='230' id='comment-editor' name='comment-editor' src='' width='434'/>
Bila mengganti template dengan yang baru berarti saya harus memasang ulang kode-kode verifikasi mesin pencari, kode verifikasi Alexa, serta kode-kode yang lainnya. Selain itu, saya juga harus mengatur kembali widget-widget yang sudah terpasang pada template sebelumnya.
Berikut ini langkah-langkah yang saya lakukan dalam menambahkan sidebar sebelah kiri pada template ini (Thesis SEO Blogger).
1. Masuk ke akun Blogger.
2. Mengeklik "Opsi lainnya" > Template.
3. Meletakkan kode berikut di dekat kelompok kode CSS untuk outer-wrapper, main-wrapper, dan sidebar-wrapper (di atas ]]></b:skin>)
#newsidebar-wrapper {
width: 160px;
float: left;
padding:8px;
word-wrap: break-word;
overflow: hidden;
}
4. Selanjutnya menaruh kode berikut di atas kode <div id='main-wrapper'>
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'/>
</div>
5. Mengeklik tombol "Simpan template".
Sampai di sini, sidebar kiri sudah berhasil ditambahkan. Namun, perlu dilakukan pengaturan dan penyesuaian dengan lebar main-wrapper (halaman posting) dan lebar sidebar kanan agar tampilan blog tidak terlihat berantakan.
Lebar sidebar kiri yang saya inginkan adalah sebesar 160px. Sedangkan lebar sidebar sebelah kanan yang saya mau adalah senilai 250px. Seperti diketahui sebelumnya, sidebar yang ada di sebelah kanan template ini terdiri dari: sidebar-top, sidebar-wrapper1, sidebar-wrapper2, dan sidebar-bottom.
Dalam hal ini saya hanya ingin menggunakan sidebar-top di mana sidebar ini mempunyai elemen-elemen seperti border dan warna latar belakang. Kemudian saya berkeinginan untuk menggunakan saja unsur-unsur yang terdapat di sidebar kanan untuk diterapkan pada sidebar sebelah kiri sehingga kode CSS sidebar kiri menjadi seperti di bawah ini.
#newsidebar-wrapper {
border-left: 1px dotted #dddddd;
border-bottom: 1px dotted #dddddd;
border-top: 1px dotted #dddddd;
border-right: 1px dotted #dddddd;
background:#F5F5F5;
width: 160px;
float: left;
padding:8px;
word-wrap: break-word;
overflow: hidden;
}
Sekarang saya akan menghitung total lebar piksel wrapper yang diperlukan untuk membentuk sidebar kiri dan sidebar kanan. Untuk lebih jelasnya bisa dilihat pada tabel di bawah ini.
| Sidebar Kiri | Sidebar Kanan | |
| width | 160px | 250px |
| border-left | 1px | 1px |
| border-right | 1px | 1px |
| padding-left | 8px | 8px |
| padding-right | 8px | 8px |
| Jumlah | 178px | 268px |
| Total Lebar Wrapper Sidebar Kiri & Kanan | 446px | |
Saat ini saya sudah mengetahui berapa piksel wrapper yang dibutuhkan untuk sidebar kiri dan sidebar kanan yaitu sebesar 446 piksel. Lebar Outer-wrapper untuk template ini adalah sebesar 900 piksel. Dengan demikian lebar wrapper halaman posting akan mendapat kuota sebesar 900 - 446 = 454 piksel.
Nah, agar halaman posting tidak berhimpitan dengan sisi kanan sidebar kiri dan sisi kiri sidebar kanan, maka saya menambahkan margin kiri sebesar 10px dan margin kanan sebesar 10px pada main-wrapper. Jadi, width halaman posting akan menjadi 454px - 20px = 434 px. Dua puluh piksel adalah nilai dari jumlah kedua margin.
Setelah diadakan penyesuaian, maka CSS untuk main-wrapper adalah menjadi seperti di bawah ini.
#main-wrapper {
float:left;
margin-right:10px;
margin-left:10px;
overflow:hidden;
width:434px;
word-wrap:break-word;
}
Selain itu, saya juga harus mengganti lebar kolom komentar dan kotak komentar menjadi sebesar 434 piksel untuk menyesuaikan dengan lebar halaman posting agar tampak serasi. Kedua unsur tersebut ditunjukkan pada kode seperti yang tampak di bawah ini.
#comments-block{border:0px dotted #ccc;width:434px;margin:1.3em 0 1.5em;line-height:1.6em}
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='230' id='comment-editor' name='comment-editor' src='' width='434'/>
 |
| Menambah sidebar kiri |
Minggu, 01 Juli 2012
Menghilangkan Gambar ">>" pada Suatu Tautan di Sidebar
Pada saat artikel ini ditulis, saya masih menggunakan template BESTSEO-BLOGGERTEMPLATE (Thesis). Ketika saya menambahkan gadget-gadget yang di dalamnya mengandung tautan-tautan seperti gadget "Label" atau "Entri Populer", pada setiap tautan tersebut muncul gambar ">>" seperti yang ditunjukkan pada screenshot di bawah ini.
Gambar kecil yang berukuran sekitar 16px X 16px tersebut letaknya sangat berdekatan dengan huruf pertama tautan. Warna putih pada background gambar tersebut terlihat cukup kontras dengan warna 'abu-abu' sidebar. Selain itu, bila saya memasang widget tertentu yang menampilkan image dari postingan, gambar tersebut tetap terlihat berhimpitan dengan image.
Saya merasa tidak enak melihat tampilan seperti ini. Kemudian saya berkeinginan untuk menghilangkan saja gambar tersebut. Untuk menghilangkannya saya menghapus kode tertentu yang membuat gambar tersebut muncul.
Kode yang saya hapus adalah baris kode yang berwarna merah pada barisan kode .sidebar li seperti yang tampak di bawah ini.
.sidebar li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqs8gcXiGfUALFYrNnrvzDNcFJOh-v1f3Y51W5gsozz7IN1_WUs_tglnpJDsMMps-Cws-FXkReL49wK2I3RBUDG-KxNgFehrHvvHqaFEfQCCQY-Fe-tribFoomCmVmlHc8gnewCUuk4KE/s1600/libg300.png) no-repeat scroll left -1px;
line-height:1.5em;
margin:0;
padding:0 0 0.25em 15px;
}
Bila Anda berkeinginan untuk menghilangkan gambar tersebut juga, sebaiknya simpan kode-kode di atas di tempat yang aman karena jika suatu saat Anda ingin menghadirkan kembali gambar tersebut, Anda tinggal memasang kembali kode yang dihapus tadi.
|
|
Gambar kecil yang berukuran sekitar 16px X 16px tersebut letaknya sangat berdekatan dengan huruf pertama tautan. Warna putih pada background gambar tersebut terlihat cukup kontras dengan warna 'abu-abu' sidebar. Selain itu, bila saya memasang widget tertentu yang menampilkan image dari postingan, gambar tersebut tetap terlihat berhimpitan dengan image.
Saya merasa tidak enak melihat tampilan seperti ini. Kemudian saya berkeinginan untuk menghilangkan saja gambar tersebut. Untuk menghilangkannya saya menghapus kode tertentu yang membuat gambar tersebut muncul.
Kode yang saya hapus adalah baris kode yang berwarna merah pada barisan kode .sidebar li seperti yang tampak di bawah ini.
.sidebar li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqs8gcXiGfUALFYrNnrvzDNcFJOh-v1f3Y51W5gsozz7IN1_WUs_tglnpJDsMMps-Cws-FXkReL49wK2I3RBUDG-KxNgFehrHvvHqaFEfQCCQY-Fe-tribFoomCmVmlHc8gnewCUuk4KE/s1600/libg300.png) no-repeat scroll left -1px;
line-height:1.5em;
margin:0;
padding:0 0 0.25em 15px;
}
Bila Anda berkeinginan untuk menghilangkan gambar tersebut juga, sebaiknya simpan kode-kode di atas di tempat yang aman karena jika suatu saat Anda ingin menghadirkan kembali gambar tersebut, Anda tinggal memasang kembali kode yang dihapus tadi.
|
|
Cara Mudah Memasang Gadget Terjemahan di Blogger
Memasang widget atau gadget Terjemahan atau Translate di blog berguna untuk menerjemahkan konten blog ke dalam berbagai bahasa. Hal ini dapat memudahkan pengunjung blog dari luar negeri yang ingin membaca lebih lanjut artikel blog kita.
Google sendiri telah menyediakan widget Terjemahan untuk dipasang di blog. Ada sekitar 64 pilihan bahasa yang tersedia dalam widget tersebut.
Sebenarnya, bila kita menggunakan peramban web Google Chrome, di sana telah tersedia semacam toolbar untuk menerjemahkan konten blog atau web yang ingin kita baca.
Pada beberapa waktu yang lalu, bila ingin memasang gadget Terjemahan dari Google, kita terlebih dahulu mengunjungi halaman tertentu guna melakukan pengaturan widget dan mengambil kode widget tersebut untuk dipasang pada blog.
Namun sekarang, Blogger sudah memudahkan kita karena widget Terjemahan sudah tersedia pada pilihan "Gadget Dasar-dasar". Dengan demikian cara untuk memasang widget Terjemahan menjadi lebih praktis.
Berikut langkah-langkah mudah untuk memasang gadget Terjemahan di Blogger.
1. Masuk ke akun Blogger.
2. Klik "Opsi lainnya" (tanda segitiga hitam kecil).
3. Kemudian pilih "Tata Letak".
4. Selanjutnya pilih "Tambah Gadget" pada bagian yang mana saja.
5. Silakan cari gadget Terjemahan dan klik tautannya.
6. Berikutnya pada jendela "Mengonfigurasikan Terjemahan", silakan berikan judul sesuai keinginan, kemudian tentukan "Gaya". Ada 3 pilihan gaya yaitu, "Vertikal", "Horizontal", dan "Hanya Naik-Turun". Sambil memilih gaya, Anda dapat melihat "Pratinjau"-nya.
7. Jika sudah mengatur widget, silakan klik tombol "Simpan".
8. Pindahkan elemen gadget Terjemahan ke lokasi yang Anda inignkan.
9. Klik tombol "Simpan setelan".
Sepengamatan saya, bila kita menyetel blog dalam bahasa Inggris (Setelan > Bahasa dan pemformatan) maka pilihan "Inggris" pada pilihan bahasa widget tersebut tidak muncul.
Google sendiri telah menyediakan widget Terjemahan untuk dipasang di blog. Ada sekitar 64 pilihan bahasa yang tersedia dalam widget tersebut.
Sebenarnya, bila kita menggunakan peramban web Google Chrome, di sana telah tersedia semacam toolbar untuk menerjemahkan konten blog atau web yang ingin kita baca.
 |
| Widget Terjemahan |
Namun sekarang, Blogger sudah memudahkan kita karena widget Terjemahan sudah tersedia pada pilihan "Gadget Dasar-dasar". Dengan demikian cara untuk memasang widget Terjemahan menjadi lebih praktis.
Berikut langkah-langkah mudah untuk memasang gadget Terjemahan di Blogger.
1. Masuk ke akun Blogger.
2. Klik "Opsi lainnya" (tanda segitiga hitam kecil).
3. Kemudian pilih "Tata Letak".
4. Selanjutnya pilih "Tambah Gadget" pada bagian yang mana saja.
5. Silakan cari gadget Terjemahan dan klik tautannya.
6. Berikutnya pada jendela "Mengonfigurasikan Terjemahan", silakan berikan judul sesuai keinginan, kemudian tentukan "Gaya". Ada 3 pilihan gaya yaitu, "Vertikal", "Horizontal", dan "Hanya Naik-Turun". Sambil memilih gaya, Anda dapat melihat "Pratinjau"-nya.
7. Jika sudah mengatur widget, silakan klik tombol "Simpan".
8. Pindahkan elemen gadget Terjemahan ke lokasi yang Anda inignkan.
9. Klik tombol "Simpan setelan".
Sepengamatan saya, bila kita menyetel blog dalam bahasa Inggris (Setelan > Bahasa dan pemformatan) maka pilihan "Inggris" pada pilihan bahasa widget tersebut tidak muncul.
Langganan:
Postingan (Atom)