KARANGLO BLOGSPOT.COM: 02/06/13

Sabtu, 08 Juni 2013

CSS Komentar Blogger Bergaya Google+ - THEMASDOYOK.COM

Posted: 07 Jun 2013 06:50 PM PDT

Seperti kita tahu Blogger memperkenalkan sistem komentar Google+ di blog blogspot (Baca: Memasang Komentar Google+ Di Blogger). Tapi ternyata masih sangat banyak kekurangan. Termasuk soal penggunaan Iframe yang berarti tidak terindeks dengan baik oleh Google dan hal-hal lain yang masih menjadi bahan uji (Baca: Komentar Google+ Banyak Kekurangan).

Nah, lepas dari semua itu, mungkin Anda ada yang sudah terlanjur ngebet seperti saya ingin menggunakan Komentar bergaya Google+. Sambil menunggu blogger mengembangkan komentar Google+ nya, mari kita bermain CSS saja agar komentar Blogger default kita bergaya Google+.

Langsung saja saya bagi-bagi CSS untuk komentarnya:
.comments {border:1px solid #ccc;}
.comments .comment-block {margin-left:90px}
.comments .comments-content .user {
    color: #262626;
        font-style: normal;
    font-weight: bold;
font-size: 13px;
font-family: arial;
}
.comments .comment-replybox-thread {
    margin-left: 20px;
    margin-top: 5px;
}
.comments .comments-content .comment-content {
    color: #262626;
    font-family: arial;
padding-right: 25px;font-size:13px;
text-align: left;}
.comments .comments-content .comment {border-bottom:1px solid #EEEEEE;}
.comments .comments-content .comment-header, .comments .comments-content .comment-content {
    margin: 0;
}
.comments .comments-content .icon.blog-author {background: #999999;}
.comments .comments-content .datetime {
    color: #999999;
    font-family: arial;
    font-size: 11px;
    margin-left: 6px;
}
.comments .comments-content .datetime a:link {color:#999999;}
.comments .comments-content .datetime a:visited {color:#999999;}
#comments h4 {
background: none repeat scroll 0 0 #EEEEEE;
    color: #262626;
    font-size: 16px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-top: 25px;
font-style:normal;
font-family:arial;
}

#comments-block dt {
margin: .5em 0;
}
#comments-block dd {
margin: .25em 0 0;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;
    display: none;
}
#comments-block dd p {
margin: 0 0 .75em;
}
.comment-form {clear: both;
    margin-left: 20px;
    margin-top: -60px;
width: 550px;}
.comments .avatar-image-container img {
    max-width: 50px;
}
.comments .avatar-image-container {
    float: left;
    max-height: 50px;
    overflow: hidden;
    width: 50px;
}
.avatar-image-container {
    background: url("//ssl.gstatic.com/s2/profiles/images/silhouette46.png") repeat scroll 0 0 / 100% auto transparent;
    border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 20px;
    height: 50px;
    margin-left: 20px;
    text-align: center;
    width: 50px;}
.comments .avatar-image-container img {
   width: 50px;}

#comments-block.avatar-comment-indent {
    margin-left: 4px;
    position: relative;
}
ol #comments-block li {
    border-bottom: 1px solid #EEEEEE;
    list-style:none;
    margin: 20px 0;
    z-index: -100;
min-height:90px;
}
#comments-block .comment_content {
    width: 500px;
}
.deleted-comment {
font-style:italic;
color:gray;
}

Silahkan di copy-paste menggantikan CSS komentar yang sudah ada di blog Anda. Met pagi, sedulur...

Artikel Info: Membuat Komentar Blogger Bergaya Google+

Memperbaiki Alamat Gagal Diakses Tanpa WWW

Posted: 07 Jun 2013 04:54 AM PDT

Banyak keluhan dari temen Blogger mengenai domainnya yang gagal diakses tanpa www. Yup tentu saja ini kerugian besar dari banyak sisi. Kredibilitas, SEO, traffic dan banyak hal lain. Berdasar pengalaman pribadi saya pun pernah mengalami karena perubahan yang dilakukan Google tentang alih domain. (Baca: Cara Alih Domain Harus Verifikasi)

Nah, ternyata banyaknya kasus yang menyebabkan suatu domain gagal diakses tanpa WWW adalah karena kita masukkan A record baru selain 4 list angka yang telah ditentukan Google. Seperti kita tahu dulu kita biasa menambahkan A record IP blog manual. Kita mengetahuinya dengan cara:
- Buka CMD (Command Prompt)
- Ketikkan Ping www.alamatblog.blogspot.com
- Kemudian akan kita dapatkan susunan angka unik IP Adress Blog.

Sekarang, jangan lagi tambahkan A record dengan angka IP seperti cara di atas. Jika Anda pernah menambahkannya, sebaiknya dihapus terlebih dahulu, dan kemudian cukup masukkan A record yang diperintahkan Google.

Susunan angka untuk blog Anda akan berbeda. Silahkan baca artikel lengkap mengenai penambahan A Rercord dan CNAME Record terbaru dari Google,di: Cara Alih Domain terbaru Google, harus Verifikasi.

Item info: Memperbaiki Alamat Gagal Diakses Tanpa WWW

Jumat, 07 Juni 2013

Membuat Komentar Utama dan Reply Berbeda Gaya - THEMASDOYOK.COM

Membuat Komentar Utama dan Reply Berbeda Gaya

Posted: 06 Jun 2013 06:16 PM PDT

Utak-atik tampilan blog memang gak ada puasnya. Setiap saat kita pasti nyoba dan nyoba lagi. Biar gak bosen. Biar blog tetep fresh. Salah satu bagian yang wajib dimodifikasi adalah kotak komentar. Alasaannya serderhana, karena dibagian ini kita akan berinteraksi dengan banyak blogger lain. Jadi mereka harus bisa nyaman dong di blog kita.

Pada contoh di atas, ukuran foto pengomentar utama dan ukuran font komentar lebih besar ketimbang reply, warna stabilo author pun juga beda.

Nah, kali ini kita akan memodifikasi agar tampilan/style komentar utama berbeda dengan komentar reply. Standard bawaan blogger CSS-CSS komentar reply akan sama dengan komentar utama. Jika Anda pengen membuatnya berbeda Anda bisa tambahkan CSS seperti contoh berikut:

CSS Komentar utama (sudah ada):
.comments .comments-content .comment-content {
background: #FFFFFF;
}

CSS Komentar reply (untuk ditambahkan):
.comment-replies .comment-content {
background: #EEEEEE !important;
}

Keterangan:
- Perhatikan yang berwarna merah dan hijau adalah perbedaannya.
- Pada CSS Komentar reply tambahkan !important agar CSS bekerja (Baca: Fungsi dan Pengertian !important)

Contoh CSS jadinya adalah seperti kode berikut ini. Anda bisa copy semuanya untuk mengganti CSS komentar yang ada di Blog Anda.

.comments {border:1px solid #ccc;}
.comments .comment-block {margin-left:90px}
.comments .comment-replybox-thread {
    margin-left: 20px;
    margin-top: 5px;}
.comments .comments-content .comment {border-bottom:1px solid #EEEEEE;}
.comments .comments-content .comment-header, .comments .comments-content .comment-content {
    margin: 0;}
.comments .comments-content .icon.blog-author {background: #999999;}
.comments .comments-content .datetime a:link {color:#999999;}
.comments .comments-content .datetime a:visited {color:#999999;}
#comments h4 { background: none repeat scroll 0 0 #EEEEEE;color: #262626;
    font-size: 16px; padding-bottom: 25px; padding-left: 25px; padding-top: 25px;
font-style:normal; font-family:arial;}
#comments-block dt { margin: .5em 0;}
#comments-block dd { margin: .25em 0 0;}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%; display: none;}
#comments-block dd p {
margin: 0 0 .75em;}
.comment-form {clear: both;
    margin-left: 20px; margin-top: -60px;width: 550px;}
.comments .avatar-image-container {
    float: left; overflow: hidden;}
.avatar-image-container {
background: url("//ssl.gstatic.com/s2/profiles/images/silhouette46.png") repeat scroll 0 0 / 100% auto transparent;
    border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
    color: #FFFFFF;
    display: block; float: left;font-size: 20px;
margin-left: 20px;text-align: center;}
#comments-block.avatar-comment-indent {
    margin-left: 4px; position: relative;}
ol #comments-block li {border-bottom: 1px solid #EEEEEE;
    list-style:none;margin: 20px 0;
    z-index: -100;min-height:90px;}
#comments-block .comment_content {
    width: 500px;}
.deleted-comment {font-style:italic; color:gray;}

.comments .comments-content .comment-content {
color: #071585;font-size: 18px;margin-top: 10px;
line-height: 1em;text-align: left;}
.comment-replies .comment-content {
font-size: 13px !important; color:#000 !important;
margin-top:0px !important;}

.comments .comments-content .datetime {
font-size: 15px;}
.comment-replies .datetime {
font-size: 10px !important;}

.comments .comments-content .user {
background: none repeat scroll 0 0 #00B3F0;
color: #fff;font-size: 16px; padding: 5px;}
.comments .comments-content .user a,
.comments .comments-content .user a:link{
background: none repeat scroll 0 0 #00B3F0;
color: #fff;font-size: 16px; padding: 5px;}
.comment-replies .user, .comment-replies .user a,
.comment-replies .user a:link {
font-size: 12px !important; padding:0pc !important;
background:#eee !important; color: #000 !important;}

.comments .comment-block {margin-left: 100px;}
.comment-replies .comment-block {
margin-left: 75px !important;}

.comments .avatar-image-container img {
width: 70px;}
.comment-replies .avatar-image-container img {
width: 40px !important;}

.comments .avatar-image-container {
max-height: 70px; width: 70px;}
.comment-replies .avatar-image-container {
max-height: 40px !important; width: 40px !important;
}

.comments .avatar-image-container img {
max-width: 70px;}
.comment-replies .avatar-image-container img {
max-width: 40px; !important}

.avatar-image-container {height: 70px;}
.comment-replies .avatar-image-container {height: 40px !important;}

Semoga bermanfaat dan mempercantik blog Anda :D
Item Description: Membuat Komentar Utama dan Reply Berbeda Gaya

New THEMASDOYOK Answers

Posted: 06 Jun 2013 03:05 AM PDT

Seringkali banyak pertanyaan dari blogger mengenai template, gadget atau SEO. Saya jawab sebisanya dan kadang-kadang saya posting agar bisa kita pelajari bersama. Nah, atas dasar itu, saya membuka kembali layanan lama yang dulu bernama MasDoyok Answers (baca: Memperkenalkan MasDoyok Answers) yang ikut hilang karena domain lama di banned. Sekarang TheMasDoyok Anwers hadir kembali dengan pengelolaan yang lebih baik.

Jadi... Ketika Anda memiliki masalah atau pertanyaan menyangkut blogging, Anda dapat dengan mudah akses TheMasDoyok Answers, tidak harus menunggu saya online di fb atau twitter. Saya akan berusaha menjawab secepatnya, dan mungkin beberapa teman yang ada disana juga bisa ikut membantu memberikan jawaban.

Sekarang juga, bisa dicek di alamat:
http://www.themasdoyok.com/p/answers.html

Bahan pembelajaran yang masuk juga akan saya arsipkan untuk kemudian diposting setiap minggunya. Semoga kedepannya semakin memudahkan dan banyak manfaat.

Juga mengenalkan, papan informasi TheMasDoyok di alamat:
http://www.themasdoyok.com/p/informasi.html

Kadang-kadang saya tidak mempunyai waktu untuk posting panjang mengenai info penting atau isu tertentu, Anda bisa cek terlebih dahulu disini dalam format info singkat dan padat. Sekali lagi, semoga bermanfaat.

NB: Tips Berinteraksi di TheMasDoyok Answers
Deskripsi Item: Tanya Jawab Blog di THEMASDOYOK Answers

Sang Pemburu Berita

Inilah 10 Bandara Terbaik di Dunia 2013

Posted: 06 Jun 2013 02:17 AM PDT

SANGPEM - Hong Kong International Airport mencatatkan prestasi fenomenal karena tahun ini terpilih lagi menjadi bandara terbaik di dunia versi Skytrax. Disebut fenomenal, karena prestasi ini merupakan yang ketujuh dalam tujuh tahun terakhir!

Seperti dikutip Beritasatu dari News, Kamis (6/6/2013), dalam survei tahunan yang dilakukan Skytrax, sebuah perusahaan riset swasta yang bermarkas di London, penilaian bandara terbaik di dunia tersebut dilakukan atas 40 kategori dengan melibatkan penumpang pesawat dari 190 negara di dunia. Kuesioner yang disebar mencapai 8,2 juta, dan tuntas diisi secara sukarela dalam waktu sekitar 10 bulan.

Dari hasil survei itu, Skytrax melakukan penilaian untuk setiap bandara berdasarkan sejumlah faktor, seperti tempat belanja, area makan, pelayanan dan kesopanan staf, pengiriman bagasi, dan keamanan.

Secara keseluruhan, sejumlah bandara di Asia tercatat menghasilkan penilaian yang cukup luar biasa. Setelah Hong Kong, bandara di Singapura dan Seoul, Korea Selatan, secara berurutan berhasil menduduki peringkat kedua dan ketiga.

Selain itu, dalam daftar sepuluh besar bandara terbaik di dunia, masih terdapat sejumlah bandara di Asia lainnya seperti bandara Kansai di Jepang dan Kuala Lumpur di Malaysia.

Sementara itu, bandara di Eropa seperti Munich di Jerman, bandara Copenhagen di Denmark, Zurich di Swiss, dan Helsinki di Finlandia, menduduki peringkat enam hingga sembilan.

Untuk posisi kesepuluh, secara mengejutkan berhasil diduduki Bandara Cape Town di Afrika Selatan.

Sayur dan Buah Berpestisida Picu Demaskulinisasi pada Pria

Posted: 06 Jun 2013 02:02 AM PDT

SANGPEM - Apa yang Anda konsumsi tak hanya akan mempengaruhi kesehatan, namun juga masa depan Anda. Maka, berhati-hatilah jika Anda mengonsumsi sayur dan buah berpestisida karena dapat memicu demaskulinisasi atau berkurangnya sifat-sifat maskulin pada pria.

Seperti dilansir Beritasatu.com, Pakar Gizi Institut Pertanian Bogor (IPB) Ahmad Sulaeman menjelaskan, sebelum penggunaan pestisida menjadi masif di Indonesia, jarang ditemukan pria yang berperilaku feminin atau biasa disebut "kemayu". Namun, setelah pestisida menjadi hal yang wajib disemprotkan dalam produk pertanian, semakin banyak pria yang kehilangan sifat maskulinnya.

"Dalam sebuah percobaan pada tikus, ditemukan bahwa tikus jantan tidak lagi 'berselera' pada tikus betina setelah mengonsumsi sayur dan buah berpeptisida," katanya.

Demaskulinisasi pria mulai terjadi sejak di dalam kandungan. Si ibu kemungkinan besar tidak menjaga makanannya. Bila ibu hamil kerap mengkonsumsi sayuran dan buah-buahan berpestisida -terutama pestisida jenis DDT dan Dieldrin yang mengandung antiandrogenik yang menumpuk- maka di masa depan bisa membentuk seorang pria menjadi feminin.

"Bahkan, kalau terus-menerus lima sampai 30 tahun akan mengalami apa yang disebut dengan demaskulinisasi, yaitu hilangnya sifat-sifat maskulin pada anak lelaki tersebut," kata Ahmad.

Maka dari itu, kata Ahmad seorang ibu hamil harus betul-betul memilih asupan yang tepat. Bahkan kehati-hatian dalam memilih makanan harus dilakukan sejak masa prakonsepsi (masa perencanaan kehamilan).

Tak hanya menyebabkan pria menjadi feminin, konsumsi buah dan sayur yang mengandung zat antiandrogenik bisa mengganggu organ reproduksi janin. Alat kelamin pria cenderung tidak berkembang secara sempurna. "Bahkan juga bisa menyebabkan gugur spontan apabila sejak pengantin baru tidak mempersiapkan makanan yang baik dan konsumsi makanan mengandung pestisida antiandrogenik," kata Ahmad.

Salah satu buah yang menurut Ahmad wajib diwaspadai adalah jenis apel impor. Menurut Ahmad, apel-apel dari luar negeri cenderung sudah melalui proses pengawetan. Apel-apel tersebut dilapisi lilin yang mengandung fungisida jenis vinclozolin. Jenis fungisida ini, kata Amad bersifat antiandrogenik.

Ahmad menilai pemerintah harus memberikan pengawasa lebih terhadap masuknya apel impor ke Indonesia. Meski sudah ada Peraturan Menteri Pertanian 88/2011 tentang Pengawasan Keamanan Pangan Segar dan Tumbuhan di pintu masuk dan keluar bandara, namun tetap saja masih terjadi kecolongan. Terlebih lagi volume impor yang sangat banyak tidak ditunjang dengan sumber daya manusia yang bertugas mengawasi buah impor tersebut.

"Lalu produk impor juga harus dipastikan dan perlu diawasi tidak masuk langsung masuk, dilihat dulu residunya. Kalau residu di bawah ambang batas ya boleh masuk. Kalau enggak, harus ditolak," kata Ahmad

Sementara terhadap sayur dan buah di Indonesia, Ahmad berpendapat pemerintah harus mengawasi penggunaan pestisida. Menurut Ahmad penggunaan pestida sebenarnya diperbolehkan asalkan tidak melebihi dosis yang semestinya. Juga, kata Ahmad pada masa panen hendaknya tidak lagi disemprotkan pestisida.

"Pemerintah, dalam bertani harus menerapkan good agricultural pestiside. Cara bertani baik dan benar yang kalaupun menggunakan pestisida yang benar. Bahkan lebih bagus jangan gunakan pestisida. Organik saja, lebih baik lagi," kata Ahmad.

Kamis, 06 Juni 2013

Local Download

Bitdefender Total Security 2013 v16.30.0.1843 Full Trial Reset

Posted: 05 Jun 2013 10:33 AM PDT

Bitdefender Total Security 2013 v16.30.0.1843 - builds on #1 ranked antivirus technology, introducing a hacker-proof browser to secure all online transactions. While Bitdefender Autopilot™ handles all security related decisions, Safebox syncs and backs up files to the Cloud. Features: firewall, parental controls, mobile device anti-theft tools, PC Tune-Up , ID theft protection, and more!

Not just any security.. Silent Security!
How effective can a security suite be if you have to be a rocket scientist to properly use it? Bitdefender Autopilot™ quietly makes all the security-related decisions for you – allowing you to enjoy your PC without interruptions or slowdowns.

Bank & Shop online with complete confidence!
Never worry about hackers stealing your account information again! Bitdefender Safepay™ automatically opens all your e-banking and e-shopping pages in a separate iron-clad, secure browser.

Key-Features:

Blocks viruses, spyware & spam
Halts ID theft attempts
Filters the links you receive from your Facebook and Twitter friends
Keeps kids safe with cutting-edge parental controls
Online backup
Tunes up your PC for optimal speed & performance

DOWNLOAD
Installer:

Bitdefender Total Security 2013 v16.30.0.1843 - 32 bit
OR
Bitdefender Total Security 2013 v16.30.0.1843 - 64 bit

Trial Reset:

TusFiles
OR
Billion Uploads

Bitdefender Internet Security 2013 v16.30.0.1843 Full Trial Reset

Posted: 05 Jun 2013 10:23 AM PDT

Bitdefender Internet Security 2013 v16.30.0.1843 - the #1 ranked antivirus adds a hacker-proof browser to secure online banking and e-shopping transactions. While Bitdefender Autopilot™ makes all optimal security related decisions, improved parental controls monitor and restrict kids' online activities. Features: antispam, ID theft protection, firewall, social network safeguards, advance warning of risky websites, and more!

Blocks viruses, spyware & spam
Halts ID theft attempts
Filters the links you receive from your Facebook and Twitter friends
Keeps kids safe with cutting-edge parental controls
Firewall to guard your Internet connection

DOWNLOAD
Installer:

Bitdefender Internet Security 2013 v16.30.0.1843 - 32 bit
OR
Bitdefender Internet Security 2013 v16.30.0.1843 - 64 bit

Trial Reset:

TusFiles
OR
Billion Uploads