Fitur-Fitur Blogger Semakin Lengkap

Informasi ini mungkin tidak terlalu up to date, namun tidak ada salahnya jika kang rohman tulis. Infonya yaitu tentang fitur-fitur blogger yang semakin lengkap. Setelah sekian lama bertengger di dalam draftblogger, kini kontrol panel blogger sudah berganti dengan kontrol panel yang baru (yang belum melihat sok login ke blogger!). Yang paling mencolok dan menjadi perhatian kang rohman tertuju kepada elemen halaman, dulu…. jika ingin menambahkan halaman maka kita klik tulisan Tambahkan sebuah Elemen halaman, sekarang sudah di ganti dengan Tambah Gadget. Ini dia yang utama, melalui tambah gadget ini anda bisa mendapatkan berbagai fitur baru dari blogger, diantaranya adalah :

 

 

Dasar :

• Daftar Blog.
• Tampilan Slide.
• Link Berlangganan.
• Polling.
• Daftar.
• Daftar Link.
• Ganbar.
• Teks.
• HTML/JavaScript.
• Feed.
• Label.
• Newsreel.
• Baris Video.
• Logo.
• profil.
• Arsip Blog.
• Header Halaman.

 

Unggulan :

• Blogger Play.
• Digg.
• You Tube.
• Nasa Photo of the Day
• National geographic Photo of the day.
• Qoute of the Day.
• Countdown.

 

Paling Populer :

1. Search YouTube.
2. Weather forecast.
3. this day in History.
4. World Clock.
5. Astronomy Picture of the Day.
6. Collapse.
7. Wic Wac Woe.
8. Aircraft Lander.
9. NBA TV.
10. Van Gogh Painting of the Day.
11. Pablo Picasso Art of the Day.
12. The Art of Gustav Klimt.
13. useless Knowledge.
14. Daily jokes.
15. Google Music search.
16. Salvador Dali Fine Art of the Day
17. Watch ABC, CBS, CW, FOX, NBC shows online.
18. This Disturbing World Wide Weird.
19. Jokes from South Africa.
20. Dodgebal.
21. teleMessage SMS sender.
22. Billboard News.
23. play-20230-Crash_Down.
24. Vintage Art of the Day.
25. Sampai »» 45399 fitur baru (capek ngetiknya).

 

 

Saking banyaknya fitur yang di tambahkan, sampai kang rohman terlalu capek untuk mengetiknya. Bayangkan saja, 45399 fitur baru harus kang rohman tulis (kram kaliie yee nih jari kalau di tulis semua).

Nah sekarang fitur apa yang mau di tambahkan ke blog anda, monggo pilih saja sendiri. Pokoknya blogger makin Muannntappp..tap..tap.

Widget baru Mybloglog

                                                            

Membaca dari komentar yang ada pada postingan tentang cara setting mybloglog, rupanya ada yang kebingungan di karenakan tutorial yang kang rohman tulis sangat berbeda dengan yang di lihat pada situs mybloglog, kenapa demikian? hehehe…. pasti berbeda soalnya tutorial tersebut sudah tidak up to date lagi alias sudah kadaluarsa karena postingan tersebut sudah sangat lama sekali kang rohman posting dan sekarang mybloglog sudah mempunyai widget baru. Kenapa masih di pampang? duh gimana ya, sayang soalnya. Posting tersebut, sudah mendapat tempat di hati google, jika kang rohman hapus maka takut melukai hati beliau….. weks.

 

Agar tidak bingung maka pada postingan yang ini akan kang rohman tulis bagaimana cara mendapatkan widget baru dari mybloglog. Namun sebelumnya perlu anda ketahui bahwa sekarang mybloglog sudah termasuk bagian dari keluarga yahoo!, maka untuk bergabung di mybloglog anda harus mempunyai account yahoo! Belum mepunyai account yahoo? silahkan daftar dulu di sini! jika anda sudah mempunyai account yahoo (email di yahoo!), maka anda bisa langsung login.

 

Berikut adalah langkah-langkah setting widget baru mybloglog :

 

1. Silahkan login ke mybloglog dengan ID anda (yahoo! ID).

2. Setelah login, perhatikan sebelah kiri monitor anda. Tuju ke My Sites and Service, jika anda mempunyai beberapa blog yang sudah di daftarkan, maka akan tampil seperti contoh di bawah ini :

    

   

    

3. Klik tulisan widgets pada blog yang maudi ambil kode widgetnya, contoh : perhatikan lingkaran merah!
4. Tuju ke menu dropdown di bawah tulisan Use these choices to play with the look and feel:

5. Buka masing-masing menu dropdown yang ada, dan pilih sesuai dengan yang anda inginkan :

   • Style : Multiple Columns (agar tampilannya banyak), One Column (agar tampilannya hanya satu baris ke bawah).
   • Color : Black (agar widget berwarna hitam), Blue (biru), brown (coklat), Green (hijau), Orange (kuning jeruk), Purple (ungu), Red (merah).
   • Images : Normal (agar photo yang tampil dalam ukuran normal), Small (ukuran photo yang tampil kecil).
   • Flyout Orientation : Left (agar widget ketika di sorot, tampil screenshot ke sebelah kiri), Right (agar tampilnya ke sebelah kanan), None (agar tidak ada screenshot ketika widget di sorot).

6. Tuju ke sebelah bawah, untuk mengatur lebar dari serta banyaknya baris widget anda.

   • Width (150-1200) ; ganti tulisan 220px dengan ukuran yang anda inginkan, misal 300px atau berapa saja (sesuaikan dengan ukran lebar sidebar anda).
   • Row(1-100) : ganti nilai 4 dengan nilai baris yang anda inginkan (misal 5,6,7 atau berapa saja yang anda inginkan).
7. Tuju bagian bawah lagi, atur menu dropdownnya :
   • Links Open In : Active Window (ketika widget anda di klik, maka halaman blog anda akan di timpa), New Window (ketika widget di klik akan keluar halaman baru, halaman blog anda tetap ada).
8. Copy kode yang ada di bawah tulisan : Your Code. Paste Pada notepad atau text editor lainnya.
9. Silahkan sign out dari mybloglog jika mau.
10. Selesai.

 

 

Karena anda sudah mendapatkan kodenya, maka tugas anda selanjutnya adalah memasukan kode tersebut ke blog anda. Masih belum tahu juga caranya? hiks… cape deh. Nih kang rohman kasih tahu caranya.

 

1. Silahkan login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Elemen Halaman.
4. Klik Tambah Gadget.
5. klik tanda plus ( + ) untuk yang HTML/Javascript.
6. Paste Kode widget mybloglog yang ada pada notepad tadi pada halaman yang muncul.
7. Klik tombol simpan.
8. Geser elemen yang baru anda buat tadi pada tempat yang anda inginkan.
9. Klik tombol SIMPAN yang ada di bagian atas.
10. Selesai. Silahkan lihat hasilnya.

 

 

Tutorial di atas merupakan untuk mendapatkan widget baru dari mybloglog, ada sebagian orang (termasuk kang rohman) kurang menyukai tampilan widget baru ini karena terkesan terlalu jrenk. Nah bagi yang kurang suka, anda masih bisa menggunakan tampilan widget yang lama, caranya yaitu ketika anda masuk ke halaman pengaturan widget (seperti tutorial di atas), anda tinggal klik link yang ada di tulisan ini :

 

Looking for the old-school Recent Reader widget? Find it here.

 

Untuk melakukan setting pada widget lama ini, silahkan baca tutorial kang rohman tentang Setting widget mybloglog (tuh kan masih berlaku, makanya tidak kang rohman hapus).

Ada lagi satu tambahan yaitu pernah ada teman kang rohman tidak dapat mengambil widget baru mybloglog karena dulu ketika melakukan setting account melakukan kesalahan bahwa blognya termasuk kategori adult (dewasa/konten porno), nah jika anda merasa blog anda tidak ada konten yang mengandung porno, maka anda harus mengirimkan email ke pihak mybloglog melalui link Contuct Us yag ada di situs tersebut, tulis permohonan agar blog anda di review kembali oleh pihak mybloglog dan terangkan bahwa blog anda tidak termasuk blog yang ada konten porno nya (tapi dalam bahasa inggris dhenk).

 

Ada pertanyaan? silahkan klik http://kolom-tutorial.blogspot.com, cari saja sendiri! (iklan shampo nih).

Mengatur Tampilan Judul Posting

Jika Pada postingan yang terdahulu yaitu tentang bagaimana cara mengatur tampilan judul sidebar, maka ada pembaca yang mempunyai keingintahuan yang lebih. Nah pembaca ini mengajukan pertanyaan lain yaitu "bagaimana cara mengatur judul posting?". Untuk mengatur tampilan judul posting, pada intinya sama dengan mengatur judul sidebar, anda bisa mengatur besarnya hurup, warna hurup, warna background, gambar background, besarnya padding, ingin bergaris atau apapunlah namanya. Masih bingung? nih saya beri sedikit gambaran.

Jika mengacu pada template buatan blogger (minima), maka judul postingan akan di atur pada kode css seperti ini :

.post h3 {
...........
...........
...........
}

 

Namun pada template baru, judul postingan merupakan sebuah link sehingga anda harus mengatur juga kode yang ada pada kode css seperti ini :

 

.post h3 a, .post h3 a:visited, .post h3 strong {
............
............
............
}

 

.post h3 strong, .post h3 a:hover {
............
............
............
}

 

Anda tinggal menambahkan atau mengurangi kode yang ada di posisi titik-titik, caranya tinggal baca postingan tentang mengatur tampilan judul sidebar. Masih bingung? jangan dulu deh, kang rohman baru pulang dari bandung nih, masih puyeng dan males ngetiknya kalau terlalu panjang.

 

See you at my next post!

Hati-hati Jika Bercanda, Bisa-bisa Nyawa Anda Jadi Taruhan

Update : Maaf! situs ziddu sudah di anggap berbahaya oleh google. Dengan terpaksa link download saya hapus untuk sementara waktu.

Pernah nonton acara spontan di televisi? so pasti pernah nonton dong. Sebuah acara komedi reality show yang di bawakan oleh komeng dkk. Acara ini pernah meraih sukses di televisi beberapa tahun kebelakang. Sebuah tontonan yang membuat kita kadang tertawa terbahak-bahak melihat reaksi sang korban ketika di kerjain oleh tim spontan. Namun tahukah anda, acara seperti ini di luar negeri sana tepatnya di Rusia pernah merenggut nyawa dari tim tukang ngerjai orang tersebut. Tidak percaya? silahkan download, dan tonton filmnya ( ini kejadian nyata lho ) :

Pesan dari sang tukang nge-blog, terutama kepada anda yang bekerja sebagai tim kreatif suatu acara di televisi. Hati-hati jika anda membuat suatau konsep acara, pikir dan perhitungkan secara masak-masak karena mungkin acara yang anda buat bisa merenggut nyawa seseorang. Yang terakhir, hati-hati jika anda bercanda, karena mungkin nyawa anda akan jadi taruhannya. Selamat menonton dan semoga jadi introspeksi bagi kita semua.

Google Docs : Solusi Bagi Yang Suka Sharing file Word, Excel, serta Power Point

Ada yang pernah bertanya seperti ini “bagaimana cara menampilkan file microsoft exel di blog?” duh bisa ngga ya? seharusnya bisa sih, tapi bagaimana caranya ya, saya juga bingung nih Tapi tenang saja, jika anda pernah melihat file exel bisa di tampilkan di web berarti tandanya itu bisa di lakukan.

 

Bagi anda yang suka dan ingin sharing file dalam bentuk microsoft word (document) dan microsoft excel (spreadsheet) ataupun microsoft power point (presentation) di blog, maka anda bisa menggunakan berbagai layanan di internet. Salah satu di antaranya adalah layanan yang di sediakan oleh google yaitu Google docs. Dengan google docs anda bisa membuat file microsoft office yang saya sebutkan tadi secara online ataupun anda bisa mengupload file yang sudah jadi alias sudah di kerjakan secara offline dan kemudian ambil kode yang di berikan lalu setelah itu anda bisa menampilkannya di blog anda.

 

Apa kelebihan dari google docs? dengan google docs anda tidak perlu mempunyai software microsoft office yang lisensi nya sangat mahal terinstall di komputer anda, yang anda perlukan adalah anda bisa online di internet. Sepertinya saya tidak perlu menerangkan bagaimana cara membuat file di google docs karena penggunaannya hampir sama dengan microsoft office. Yang mau saya terangkan adalah bagaimana cara mengupload file yang sudah jadi ke google docs dan kemudian menampilkannya di blog anda. Tertarik? yuk mang kita lanjut!

 

Salah satu syarat untuk bisa menggunakan google docs adalah anda harus mempunyai alamat email di gmail (google acount). Jika selama ini account blogger anda menggunakan gmail maka bisa secara langsung login ke google docs. Bagi anda yang baru pertama kali masuk ke google docs, maka anda harus setuju dengan peraturan yang di buat oleh google. Sudah punya account google?  mari kita serbu google docs.

 

Lankah 1 : upload file ke google docs.

1. Silahkan login ke http://docs.google.com dengan account gmail anda.
2. Klik tab Upload yang berada di sebelah kiri atas layar monitor anda.
3. Klik tombol browse… di bawah tulisan Browse your computer to select a file to upload:
4. Masukan file yang ingin anda upload (word, excel, power point).
5. Klik tombol Upload File yang ada di sebelah bawahnya.
6. Tunggu beberapa saat sampai file anda terupload semuanya (tergantung dari besarnya file serta kecepatan koneksi anda).
7. Jika sudah terupload, anda bisa mengeditnya jika mau.
8. Klik tab publish yang ada di sebelah kanan atas layar monitor anda, maka akan keluar tulisan This document is not yet published.
9. klik tombol publish now yang ada di bawahnya.
10. Jika sudah selesai, lihat kembali ke bagian bawahnya!
11. Klik link bertuliskan More publishing options.
12. Setelah keluar window pop up, klik menu drop down di sebelah tulisan File format kemudian pilih HTML to embed a webpage.
13. Klik tombol Generate URL.
14. Copy kode HTMl yang di berikan, lalu paste pada notepad atau text editor lainnya.
15. Silahkan di close saja window nya.
16. Silahkan anda sign out dari google docs jika mau.
17. Selesai.

 

Langkah 2 : posting kode google docs ke blogger.

 

1. Silahkan login ke blogger dengan ID anda.
2. Klik Posting Baru.
3. Silahkan anda buat postingan yang anda inginkan.
4. Ketika anda mau menyisipkan kode yang dari google docs, klik terlebih dahulu tab Edit HTML ( jangan yang compose)
5. Paste kode google docs yang ada di notepad tadi pada tempat yang anda inginkan.
6. Klik Tombol MEMPUBLIKASIKAN POSTING.
7. Silahkan lihat hasilnya.
8. Selesai.

 

Berikut adalah contoh file excel sederhana yang saya buat untuk menerangkan tutorial ini :

 

 

 

 

Sekarang anda sudah tahu cara menampilkan file excel di blog kan? ada lagi tambahan nih dari kang rohman. Berikut adalah contoh kode HTMl yang di berikan oleh google docs :

 

<iframe width='500' height='300' frameborder='0' src='http://spreadsheets.google.com/pub?key=pC1rhcSE_YQEbEbMd8xfaGA&output=html&widget=true'></iframe>

Jika kita perhatikan kode tersebut adalah kode HTML untuk perintah iframe, masih ingatkan dengan perintah iframe yang pernah saya posting di “mengenal perintah iframe”? tentunya kode yang di berikan oleh google docs tidaklah mutlak harus seperti itu, tapi kita bisa memodifikasinya sesuai dengan keinginan kita. Sebagaimana kita lihat bahwa ukuran lebar (width) sebesar 500 pixel, nilai ini bisa anda ganti dan disesuaikan dengan lebar dari halaman post anda, begitupun dengan tingginya (height) ini pun bisa anda ganti dengan nilai yang anda inginkan. Ada satu lagi yang penting adalah dalam kode tersebut tidak di sertakan kode scrolling, sehingga apabila file anda sangat lebar tidak akan terlihat oleh pembaca, maka solusi yang saya berikan adalah menambahkan kode scrolling=”yes’ ataupun scrolling=”auto” pada kode iframe di atas. contoh kode yang memakai scrolling :

 

<iframe width='500' height='300' frameborder='0' scrolling='yes' src='http://spreadsheets.google.com/pub?key=pC1rhcSE_YQEbEbMd8xfaGA&output=html&widget=true'></iframe>

 

Ataupun seperti ini :

 

<iframe width='500' height='300' frameborder='0' scrolling='auto' src='http://spreadsheets.google.com/pub?key=pC1rhcSE_YQEbEbMd8xfaGA&output=html&widget=true'></iframe>

 

Dengan anda menambahan kode seperti itu, maka walaupun file anda mempunyai lebar serta tinggi yang melebihi halaman posting anda, pembaca dapat menggesernya dengsn leluasa memakai scrolling.

 

Selamat mencoba!

Mengatur Tampilan Judul Sidebar

Jika pada postingan yang lalu kang rohman meminta pendapat para pembaca setia kolom tutorial seputar apakah setuju kang rohman membuat tutorial seputar mencari uang di internet, dan menilik dari komentar yang ada sepertinya 100% setuju, namun beberapa di antaranya ada yang menyarankan untuk membuat tutorial tersebut bukan di blog ini namun pada blog lain. Hmmmmmm…. setelah saya pikir-pikir memang ada benarnya juga sih, jika saya membuat tutorial tentang bisnis di blog ini maka ciri khas yang begitu kental dengan kolom tutorial akan sirna di telan oleh waktu yang begitu cepat berlalu. Setelah menimbang kemudian membungkus lalu memasukan ke dalam keranjang, maka tutorial seputar mencari uang di internet tidak akan saya posting di blog ini.

Apakah kang rohman akan membuat blog baru? sepertinya begitu dech, namun entah kapan. soalnya untuk membuat sebuah blog baru di perlukan energi yang lebih untuk membangunnya. Sementara saat inipun saya kewalahan untuk mengurus blog blog yang sudah ada, bahkan cenderung di telantarkan. Jadi, kapan nih blog barunya akan di buat? kapan yah? bingung, di tunggu saja dech. Mungkin setelah kang rohman bisa bekerja full ngeblog di rumah. do’akan saja ya.

Daripada memikirkan sesuatu yang belum pasti datang dalam waktu dekat, mending kita berjalan seperti biasa saja. Kali ini kang rohman menjawab pertanyaan salah seorang pembaca yaitu “bagaimana cara mengatur tampilan judul sidebar?” Nah ini nih sepertinya mudah untuk saya terangkan.

Bagi anda yang terlanjur sayang dengan template yang anda pakai sekarang namun merasa sedikit kurang puas dengan tampilan judul sidebar nya, maka anda dapat berkreasi sendiri untuk menciptakan judul sidebar yang sesuai dengan selera anda. Belum tahu triknya? nih kang rohman jelasin.

Untuk mengatur tampilan judul sidebar tidaklah sulit, anda tinggal mengatur kode CSS untuk title sidebar, di manakah letak kode tersebut? jika merujuk pada template asli blogger, maka biasanya di tulis dengan kode :

 

.sidebar h2 {

……………….

……………….

………………

}

 

Titik-titik yang saya gambarkan adalah isi kode judul sidebar yang mengendalikan atau mendefinisikan tampilan judul sidebar. Tugas anda adalah menambahkan kode atau mungkin mengurangi kode yang ada di situ.

Misalkan anda ingin mengatur besarnya hurup judul sidebar, maka anda tinggal menambahkan kode ini :

 

.sidebar h2 {

font-size:110%;

}

 

Nilai 110% adalah nilai yang bisa anda ganti dengan nilai yang lainnya sesuai dengan besarnya hurup yang anda inginkan, misal : 120%, 200%, 250%, atau angka yang lainnya. Satuan persen ( % ) bisa juga bisa anda ganti denga satuan pixel (px), misal : 12px, 15px, 20px, atau angka yang lainnya.

Jika hurup judul sidebar ingin terlihat tebal, maka anda cukup menambahkan kode berikut :

 

.sidebar h2 {

font-size:110%;

font-weight:bold;

}

Tulisan bold berarti hurup ingin tebal, definisi ini bisa anda ganti dengan yang lain, misal : jika tulisan yang tampil ingin terlihat biasa maka anda tinggal mengganti tulisan bold dengan tulisan normal. jika tulisan anda ingin terlihat miring, maka gantilah tulisan bold dengan tulisan italic.

Hurup judul sidebar ingin menjadi hurup besar (kapital) semua ;

 

.sidebar h2 {

font-size:110%;

font-weight:bold;

text-transform:uppercase;

}

 

Tulisan uppercase berarti hurup yang di tampilkan adalah besar (kapital) semua. Jika anda ingin hurup kecil semua, maka anda tinggal mengganti uppercase dengan lowercase. jika hurup depannya saja (inisial) yang ingin hurup besar maka ganti uppercase dengan capitalize.

Jika tulisannya ingin berada di sebelah kanan, tinggal menambahkan kode ini :

 

.sidebar h2 {

font-size:110%;

font-weight:bold;

text-transform:uppercase;

text-align:right;

}

 

Tulisan right berarti judul sidebar akan di kanan, jika ingin di sebelah kiri maka tinggal di ganti dengan tulisan left, jika ingin di tengah tinggal di ganti dengan center.

Jika ingin ada garis tinggal di tambahin kode border :

 

.sidebar h2 {

font-size:110%;

font-weight:bold;

text-transform:uppercase;

text-align:right;

border: 1px solid #000;

}

 

1px solid #000 berarti bahwa akan ada garis mengelilingi tulisan judul sidebar sebesar 1 pixel dengan warna hitam, tinggal di sesuaikan saja.

Jika judul sidebar ingin ada warna backgroundnya :

 

.sidebar h2 {

font-size:110%;

font-weight:bold;

text-transform:uppercase;

text-align:right;

border: 1px solid #000;

background:#6df466;

}

 

#6df66 adalah kode warna, kode ini di sesuaikan dengan keinginan anda. belum tahu mengenai kode warna? coba baca postingan yang ini! software warna nya bisa anda download secara gratis di sini!

 

Penggunaan padding :

 

.sidebar h2 {

font-size:110%;

font-weight:bold;

text-transform:uppercase;

text-align:right;

border: 1px solid #000;

background:#6df466;

padding;5px;

}

 

Penggunann padding sebesar 5px perlu anda tambahkan apabila anda menggunakan background warna, karena jika tidak memakai padding maka tulisan akan terlihat bertabrakan dengan bagian luar sehingga terlihat kurang menarik. nilai 5px tentu saja nilai yang bisa anda sesuaikan dengan keinginan.

Bagaimana jika di template saya tidak ada kode :

 

.sidebar h2 {

……………….

……………….

………………

}

 

Berarti h2 sidebar anda tidak di definisikan, jalan keluarnya ya tinggal buat saja sendiri.

Silahkan anda bereksperimen agar mendapatkan tampilan judul sidebar yang lebih menarik  lagi untuk di lihat.