Ketika lagi asyik Online di rumah, saya buka Tab baru Mozilla Firefox yang saya gunakan untuk berselancar internet. Tiba-tiba muncul sebuah pesan Error dari Firefox. Waduh... Apa yang terjadi ini? Kok situs yang saya buka tetap tidak bisa di buka? Saya tutup Firefox saya kemudian saya buka lagi, tetap juga tidak bisa. Lalu saya hapus History atau riwayat Firefox saya. Hasilnya sama juga, tetap tidak berhasil. Sepertinya Firefox yang saya gunakan Crash (Terlintas pikiran seperti itu). Jadi... Saya pun melakukan unistall Firefox saya dan memasang Firefox yang terbaru (Terupdate). Alhasil... Capek-capek download Firefox terbaru situs yang ingin saya buka tetap tidak bisa di buka.
Itu adalah cerita memalukan saya beberapa minggu lalu. Ternyata, Error Firefox yang kecil seperti itu bisa membuat saya kualahan dan panik. Sobat tahu bagaimana cara saya mengatasi pesan Error dari Firefox tersebut? SAYA HANYA MENGATUR ULANG SETTING WAKTU YANG TERDAPAT PADA KOMPUTER SAYA. Ternyata... Setting waktu di perangkat komputer yang kita gunakan tidak boleh beda dengan setting waktu di Internet (Internet Time Zone). Coba saja rubah jam dan tanggal di komputer sobat. Di jamin pesan error seperti di bawah ini tidak akan pernah muncul lagi. Waktu komputer tidak bisa di rubah ketika komputer kita sedang terkoneksi dengan Internet. Jadi... Putus dulu koneksi internet kita. Selamat mencoba brother. Be Success!!!
Sambungan Ini Tidak Terpercaya
Anda telah meminta Firefox untuk tersambung ke search.seoengine.com secara aman, tetapi tidak dapat dikonfirmasi apakah sambungan Anda benar-benar aman.
Umumnya jika Anda mencoba tersambung dalam mode aman, situs akan mengembalikan identifikasi yang dapat dipercaya yang membuktikan bahwa Anda sedang berada pada alamat yang benar. Akan tetapi identitas situs ini tidak dapat diverifikasi.
Apa yang Harus Saya Lakukan?
Jika umumnya Anda tersambung dengan situs ini tanpa masalah, pesan kesalahan ini dapat berarti pihak tertentu mencoba menyamar menjadi server pada alamat di atas dan sebaiknya tidak Anda lanjutkan.
Keterangan Teknis
search.seoengine.com menggunakan sertifikat keamanan yang tidak valid.
Sertifikat tidak dapat dipercaya karena chain penerbit tidak tersedia.
Kode kesalahan: sec_error_unknown_issuer)
Jika Anda paham apa yang sedang terjadi, Anda dapat mengatur Firefox agar mempercayai identifikasi situs ini. Walaupun Anda mempercayai situs ini, pesan kesalahan ini masih dapat berarti pihak tertentu sedang memodifikasi sambungan Anda.
Jangan menambahkan pengecualian kecuali Anda paham dan mengerti mengapa situs ini tidak menggunakan jenis sambungan aman.
Rabu, 22 Mei 2013
Senin, 20 Mei 2013
Cara Memodifikasi Tampilan Widget FeedBurner Supaya Terlihat Indah
Tidak lebih dari lima bulan yang lalu, saya pernah membuat sebuah posting dengan judul "Cara Buat Widget Recent Post Dengan FeedBurner". Setelah saya coba pasang widget Feedburner itu pada blog saya yang lain, saya baru sadar tenyata tampilan dari widget Feedburner itu sangat simple (Sederhana). Jangan-jangan karena simpel-nya itu, banyak blogger yang tidak memasangnya. Beranjak dari semua itu, saya pun mencari script di Google yang bisa digunakan untuk memperindah tampilan Widget FeedBurner milik sobat, dan Alhamdulillah, saya pun menemukannya.
Dengan menggunakan kode CSS yang saya dapatkan Bullet list yang terdapat di sisi kanan judul posting kita akan di ganti dengan sebuah ikon yaitu Ikon tanda silang. Bila pengunjung blog kita mengarahkan cursor-nya pada judul posting kita, maka ikon tersebut akan berubah menjadi ikon thick (ikon tanda centang). Bagaimana? Keren kan?
Cara Memodifikasi Tampilan Widget FeedBurner
Tambahan :
Dengan menggunakan kode CSS yang saya dapatkan Bullet list yang terdapat di sisi kanan judul posting kita akan di ganti dengan sebuah ikon yaitu Ikon tanda silang. Bila pengunjung blog kita mengarahkan cursor-nya pada judul posting kita, maka ikon tersebut akan berubah menjadi ikon thick (ikon tanda centang). Bagaimana? Keren kan?
Cara Memodifikasi Tampilan Widget FeedBurner
- Masuk ke akun Blogger sobat
- Setelah itu, pada Widget Feedburner sobat, sisipkan kode berikut :
<style>
/* ============ Customize Fedburner Buzzboost Widget By www.tutorialblogspot.com ============= */
div.feedburnerFeedBlock ul li {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqrwTJrUQU0DRPjFWDxnmqyPKsrlbCenWB_UPjAyg1SKj9TS3LYKBVVB19s52FAeYDgO9LPvNGHKPnIgU_K_DKo7qYbMgrPaCCY7k3LjJguF3D46o42g4icI02-DXCwbMRzCSRqioS7hNK/s1600/rb+cancel+icon.png) no-repeat 2px;
list-style-type: none;
margin: 0 0 5px 0px;
padding: 5px 5px 5px 30px !important;
border: 1px solid #dddddd;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
div.feedburnerFeedBlock ul li:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_AsXW7t8MtPvfj58j6MI8u7HOOdct6THzsnGoCU8-phILhJjOQavxkw2zm83lMaGjnBAkPpSCJEyuwnD7ZFTs_WUisQEgaGJbI22urqJGhDZPN2yhgglH6TENpDZHM2fhAI3xJoRxPMUn/s1600/rb+mark+icon.gif) no-repeat 2px;
border: 1px dashed #848484;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
div.feedburnerFeedBlock ul li a:hover {
text-decoration: none;
}
div #creditfooter {
display: none;
}
/* ============ Customize Feedburner Buzzboost Widget By www.tutorialblogspot.com ============= */
</style>
- Sehingga keseluruhan dari kode kita akan terlihat seperti di bawah ini!
<style>
/* ============ Customize Fedburner Buzzboost WidgetBy www.tutorialblogspot.com ============= */
div.feedburnerFeedBlock ul li {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqrwTJrUQU0DRPjFWDxnmqyPKsrlbCenWB_UPjAyg1SKj9TS3LYKBVVB19s52FAeYDgO9LPvNGHKPnIgU_K_DKo7qYbMgrPaCCY7k3LjJguF3D46o42g4icI02-DXCwbMRzCSRqioS7hNK/s1600/rb+cancel+icon.png) no-repeat 2px;
list-style-type: none;
margin: 0 0 5px 0px;
padding: 5px 5px 5px 30px !important;
border: 1px solid #dddddd;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
div.feedburnerFeedBlock ul li:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_AsXW7t8MtPvfj58j6MI8u7HOOdct6THzsnGoCU8-phILhJjOQavxkw2zm83lMaGjnBAkPpSCJEyuwnD7ZFTs_WUisQEgaGJbI22urqJGhDZPN2yhgglH6TENpDZHM2fhAI3xJoRxPMUn/s1600/rb+mark+icon.gif) no-repeat 2px;
border: 1px dashed #848484;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
div.feedburnerFeedBlock ul li a:hover {
text-decoration: none;
}
div #creditfooter {
display: none;
}
/* ============ Customize Feedburner Buzzboost Widget By www.tutorialblogspot.com ============= */
</style>
<script src="http://feeds.feedburner.com/tutorialblogspot/PbmK?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/tutorialblogspot/PbmK"></a><br/>Powered by FeedBurner</p> </noscript>
Tambahan :
- Yang warna merah adalah kode Feedburner.
- Hasil akhirnya akan terlihat seperti di bawah ini!
Sabtu, 18 Mei 2013
Contoh Sitemap Yang Dikirim / Submit Ke Bing
Walaupun Bing kalah saing dengan Google, kita sebagai pemilik blog tetap harus melakukan optimasi blog kita di mesin pencari itu, karena masih banyak pengguna internet yang mengedepankan Bing sebagai alat pencarian mereka. Apalagi, saat Microsoft meluncurkan Windows 8, media browser Internet Explorer semakin banyak yang gunakan. Ingat... Mesin pencari bawaan default Internet Explorer adalah Bing.
Salah satu cara untuk melakukan Optimasi blog di mesin pencari Bing adalah dengan mengirimkan Sitemap blog kita ke Bing Webmaster Tools. Kalau bahasa kerennya sih "Submit Sitemap". Submit Sitemap biasanya dikerjakan oleh Para Webmaster setelah mendaftakan blognya di BWT (Bing Webmaster Tools). Ada beberapa format yang didukung oleh Bing untuk mengirim Sitemap yaitu :Sitemap , RSS 2.0, Atom 0.3, Atom 1.0 dan file yang berbentuk teks.
Keempat URL di atas merupakan contoh Sitemap yang saya pasang di Bing Webmaster Tools. Hasilnya bisa sobat blogger lihat sendiri pada gambar yang ada di posting ini. Sobat blogger bisa menggunakan format yang sama dengan blog saya. Silahkan copy paste keempat sitemap itu, tapi jangan lupa untuk mengganti http://www.tutorialblogspot.com/ dengan URL blog sobat. Bing membutuhkan waktu beberapa jam untuk merespon sitemap yang sudah kita kirim.
Maaf... Kalau saya tidak menyajikan tentang cara submit sitemap ke Bing, karena saya merasa yakin kalau sobat blogger sudah tahu caranya.
Salah satu cara untuk melakukan Optimasi blog di mesin pencari Bing adalah dengan mengirimkan Sitemap blog kita ke Bing Webmaster Tools. Kalau bahasa kerennya sih "Submit Sitemap". Submit Sitemap biasanya dikerjakan oleh Para Webmaster setelah mendaftakan blognya di BWT (Bing Webmaster Tools). Ada beberapa format yang didukung oleh Bing untuk mengirim Sitemap yaitu :Sitemap , RSS 2.0, Atom 0.3, Atom 1.0 dan file yang berbentuk teks.
- http://www.tutorialblogspot.com/atom.xml?redirect=false
- http://www.tutorialblogspot.com/atom.xml
- http://www.tutorialblogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
- http://www.tutorialblogspot.com/feeds/posts/default?orderby=updated
Keempat URL di atas merupakan contoh Sitemap yang saya pasang di Bing Webmaster Tools. Hasilnya bisa sobat blogger lihat sendiri pada gambar yang ada di posting ini. Sobat blogger bisa menggunakan format yang sama dengan blog saya. Silahkan copy paste keempat sitemap itu, tapi jangan lupa untuk mengganti http://www.tutorialblogspot.com/ dengan URL blog sobat. Bing membutuhkan waktu beberapa jam untuk merespon sitemap yang sudah kita kirim.
Maaf... Kalau saya tidak menyajikan tentang cara submit sitemap ke Bing, karena saya merasa yakin kalau sobat blogger sudah tahu caranya.
Kamis, 16 Mei 2013
Cara Validasi Feed Blog Melalui FeedBurner
Tidak hanya template blog kita saja yang bisa di Validasi, tapi feed kita Juga. Oleh karena itu, FeedBurner sebagai salah satu penyedia layanan Feed, memberikan kita cara yang sangat simple di dalam melakukan Validasi Feed. Tapi Feed yang mana yang akan di Valiadsi. Oya... Saya hampir lupa menjelaskan tentang hal Itu. Seperti yang sobat blogger ketahui, Feed terbagi menjadi dua yakni :
Kedua Feed di atas dapat kita Validasi menggunakan Layanan Feedburner. Penasaran bagaimana caranya? Baca saja tutorial Feedburner di bawah ini!
Heeee... ternyata situs Feedburner hanya redirect kita, bukan penyedia alat untuk validasi Feed.
- Original Feed (Feed asli atau Feed Default bawaan Blog kita)
- FeedBurner Feed (Feed yang kita dapat dari layanan Feedburner yang kita ikuti).
Kedua Feed di atas dapat kita Validasi menggunakan Layanan Feedburner. Penasaran bagaimana caranya? Baca saja tutorial Feedburner di bawah ini!
- Login di Feedburner.
- Klik nama Feedburner sobat
- Terdapat 4 menu disana yaitu : Analyze, Optimize, Publicize dan Troubleshootize. Sobat pilih "Troubleshootize"
- Klik "Original Feed Validity" atau "FeedBurner Feed Validity"
- Sobat akan langsung diarahkan ke laman feedvalidator.org (Sebuah situs penyedia layanan valiadsi Feed).
Heeee... ternyata situs Feedburner hanya redirect kita, bukan penyedia alat untuk validasi Feed.
Rabu, 15 Mei 2013
Tampilan Baru Google Plus (Google+)
Pada hari Rabu, di San Francisco, Wakil Presiden Senior Google, Vic Gundotra mengumumkan 41 fitur baru untuk situs jejaring sosial perusahaan mereka yakni Google Plus. Untuk selanjutnya, Google+ akan menerima lagi redesign lain yang terlihat akan menyatukan website di smartphone, tablet dan komputer desktop . Redesign beradaptasi didasarkan pada ukuran layar perangkat dari satu kolom saat melihat pada smartphone dengan dua sampai tiga kolom ketika pada tablet atau laptop. Salah satu fitur baru Google yang ditambahkan disebut dengan "“related hashtags" yang dapat menganalisis konten tulisan dan secara otomatis menerapkan hashtag kepada konten tulisan. Fitur lain, yang dikenal sebagai Auto Enhance, akan menganalisis foto yang diunggah dan membantu membuat foto terlihat lebih baik dengan menyesuaikan tingkat saturation, kecerahan, kontras dan warna.
Perubahan tampilan Google Plus secara total membuat banyak pengguna Google plus kebingungan, kaget dan ada juga yang merasa bahagia. Semua ini bisa terlihat dari status yang mereka buat langsung di situs jejaring sosial Google+. Bagaimana dengan Anda? Apa tanggapan Anda terhadap perubahan tampilan Google+?
Perubahan tampilan Google Plus secara total membuat banyak pengguna Google plus kebingungan, kaget dan ada juga yang merasa bahagia. Semua ini bisa terlihat dari status yang mereka buat langsung di situs jejaring sosial Google+. Bagaimana dengan Anda? Apa tanggapan Anda terhadap perubahan tampilan Google+?
Google Chrome Versi Windows 8
Kabar terbaru buat pengguna Chrome, kini Google Chrome terlihat lebih mantap jika diluncurkan dalam tampilan atau dalam mode Windows 8. Perkembangan terbaru Chrome ini bisa bekerja dalam mode Windows 8 jika Chrome merupakan browser default. Fitur terbaru Chrome yang seperti ini mulai berkembang semenjak Microsoft meluncurkan Windows 8. Bagaimana cara merubah mode standar Chrome menjadi mode Windows 8 bisa ditonton melalui video Youtobe di bawah ini. Video tutorial ini saya unggah pada tanggal 22 April 2013.
Untuk memasukkan video ini ke situs web anda, masukkan kode yang ada di bawah ini. Untuk lebih jelasnya baca tutorial tentang "Cara Memasang Video YouTobe Ke Dalam Postingan Blog".
Untuk memasukkan video ini ke situs web anda, masukkan kode yang ada di bawah ini. Untuk lebih jelasnya baca tutorial tentang "Cara Memasang Video YouTobe Ke Dalam Postingan Blog".
<iframe width="640" height="360" src="http://www.youtube.com/embed/ZuOozGFtWm0?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>
Selasa, 14 Mei 2013
Cara Membuat Widget Popular Post Berwarna Warni Di Blogger
Multi-colored popular post widget adalah widget default blogger untuk menampilkan beberapa posting yang paling populer dengan modifikasi tampilan yang berwarna warni. Warna background yang digunakan oleh widget ini adalah Merah, kuning, hijau, biru, ungu, orange, pink, dan banyak lagi warna lainnya. Widget populer post ini memiliki tampilan yang sangat indah dan sangat menyejukkan mata sehingga tidak mengherankan kalau banyak situs atau blog manca negara yang memasang widget ini.
Untuk memodifikasi tampilan widget populer post, sobat blogger hanya menambahkan kode CSS (Cascading Style Sheet). Jadi, sobat blogger tidak perlu edit template, karena kode CSS tersebut dapat kita masukkan melalui laman Blogger Template Designer. Untuk lebih jelasnya, ikuti saja tutorial blogger di bawah ini!
Cara Membuat Multi-Colored Popular Posts Widget
Langkah Pertama
Langkah Kedua
Untuk memodifikasi tampilan widget populer post, sobat blogger hanya menambahkan kode CSS (Cascading Style Sheet). Jadi, sobat blogger tidak perlu edit template, karena kode CSS tersebut dapat kita masukkan melalui laman Blogger Template Designer. Untuk lebih jelasnya, ikuti saja tutorial blogger di bawah ini!
Cara Membuat Multi-Colored Popular Posts Widget
Langkah Pertama
- Sign In blogger.com
- Pada Menu drop down, pilih layout
- Klik add a gadget lalu pasang widget Populer post dengan setting atau pengaturan seperti gambar di bawah ini!
Langkah Kedua
- Sign in di blogger.com
- Pada menu drop down pilih template.
- Klik tombol Costumize
- Klik Advanced dan klik Add CSS
- Pada kolom yang tersedia, copy paste kode yang ada di bawah ini!
#Label1 ul li a:hover{color:#fff;text-decoration:none}
#Label1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding-top: 10px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#Label1 ul li:first-child:after,
#Label1 ul li:first-child + li:after,
#Label1 ul li:first-child + li + li:after,
#Label1 ul li:first-child + li + li + li:after,
#Label1 ul li:first-child + li + li + li + li:after,
#Label1 ul li:first-child + li + li + li + li + li:after,
#Label1 ul li:first-child + li + li + li + li + li + li:after,
#Label1 ul li:first-child + li + li + li + li + li + li + li:after,
#Label1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#Label1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#Label1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#Label1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#Label1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#Label1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#Label1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#Label1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#Label1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#Label1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#Label1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#Label1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#Label1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#Label1 ul li:first-child + li + li + li + li:after{content:"5"}
#Label1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#Label1 ul li:first-child + li + li + li:after{content:"4"}
#Label1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#Label1 ul li:first-child + li + li:after{content:"3"}
#Label1 ul li:first-child + li{background:#ff764c; width:90%}
#Label1 ul li:first-child + li:after{content:"2"}
#Label1 ul li:first-child{background:#ff4c54 ;width:90%}
#Label1 ul li:first-child:after{content:"1"}
#Label1 ul{margin:0;padding:0px 0;list-style-type:none}
#Label1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}
- Klik tombol Apply To Blog
Langganan:
Postingan (Atom)
