tag:blogger.com,1999:blog-23534210506408291982024-03-13T00:50:27.653-07:00avatar 7KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.comBlogger148125tag:blogger.com,1999:blog-2353421050640829198.post-69418140218280234322016-12-02T15:07:00.000-08:002019-08-17T04:17:04.992-07:00Bahaya Terlambat Memperpanjang Domain<div dir="ltr" style="text-align: left;" trbidi="on">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSJghuTTbKouuxUF7-HtUNdvF4bpi7oHrsqSG-5EJIOO1Ir8cVhfgvsnbKUTT8M2rAC_6Ze2BA9b4pal28eA8CgSXnROzfGyR4DIXNU6sppA7855HhEaSgVDGzBP737gBbqLjDxz1cXZw/s1600/Bahaya+Terlambat+Memperpanjang+Domain.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Bahaya Terlambat Memperpanjang Domain" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSJghuTTbKouuxUF7-HtUNdvF4bpi7oHrsqSG-5EJIOO1Ir8cVhfgvsnbKUTT8M2rAC_6Ze2BA9b4pal28eA8CgSXnROzfGyR4DIXNU6sppA7855HhEaSgVDGzBP737gBbqLjDxz1cXZw/s1600/Bahaya+Terlambat+Memperpanjang+Domain.png" title="Bahaya Terlambat Memperpanjang Domain" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Bahaya Terlambat Memperpanjang Domain</td></tr>
</tbody></table>
<div style="text-align: justify;">
Beberapa hari yang lalu, saya terlambat memperpanjang domain TLD dari salah satu blog saya. Hal yang sangat menyedihkan terjadi ketika saya hendak melakukan perpanjangan domain dan juga setelah memperpanjangnya. Oleh karena itu, sebagai sesama blogger saya ingin berbagi pengalaman ini karena mungkin dapat menjadi informasi yang baik bagi sobat blogger.</div>
<br />
<h3>
Bahaya Terlambat Memperpanjang Domain</h3>
<div style="text-align: justify;">
Inilah beberapa hal berbahaya ketika telat memperpanjang domain :</div>
<div style="text-align: justify;">
<b>1. Harga Naik</b><br />
Pembayaran di awal ketika saya membeli dan saat ingin memperpanjang domain memiliki nilai dollar yang berbeda. Hal ini mungkin terkait denda yang saya dapatkan ketika terlambat memperpanjang domain. <br />
<br />
Ketika memasuki masa <i>Expired</i> nama domain telah kadaluarsa, dan memasuki masa <i>Redemption Grace Period</i>. Periode ini merupakan masa peralihan domain untuk pemiliknya, tergantung penyedia domain biasanya disediakan beberapa hari sejak expired untuk memperpanjang domain. Namun, nama domain bisa dibeli oleh orang lain bila tidak segera diperpanjang setelah habis masa tersebut. Biar lebih informatif silahkan lihat gambar siklus domain berikut.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://wajahilmu.blogspot.com/2016/12/bahaya-terlambat-memperpanjang-domain.html" imageanchor="1"><img alt="Siklus Domain" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio9bHv0iD6JzO7EKjdK0PSJLRf-PNPUEInX1xZrpU7JA0bKkP4a6xFZdjKzoVqtmSKsASULJrL6_T7bwEVWVjgpwhNMdu5Iz7MTWa-41iAVEcaEbkuWvoPEcb6oiTS_SwspvKha5PkXvk/s1600/Siklus+Domain.png" title="Siklus Domain" /></a></div>
<br />
<div style="text-align: justify;">
<b>2. Pengunjung Kabur</b><br />
Pengunjung blog saya yang awalnya ribuan, kini dapat dihitung jari saja. Hal yang cukup menyedihkan mengingat blog tersebut sudah memiliki cukup banyak pengunjung harian. <br />
<br />
Penyebabnya cukup masuk akal, blog dengan domain yang belum diperpanjang tetap muncul dimesin pencarian google, namun saat diklik blog tidak terbuka karena domain belum diperpanjang. Hal ini terus berulang selama blog belum diperpanjang dan mengakibatkan perubahan pada google index. Pengaruh dalam index google search engine adalah pada perubahan posisi artikel dimesin pencari google. Untuk penjelasan lebih lengkap, silahkan baca artikel ini sampai selesai.</div>
<br />
<div style="text-align: justify;">
<b>3. Kehilangan Tempat Dimesin Pencarian Google</b><br />
Inilah hal yang paling membuat saya sedih, mengapa tidak? Pengunjung yang dulunya datang dari google kini telah hilang. Penyebabnya adalah artikel saya yang sebelumnya selalu mendapatkan page one dipencarian google kini masuk halaman 10 keatas. <br />
<br />
Saat ini saya masih mencari solusi untuk hal ini, agar blog tersebut kembali mendapatkan tempat dihati mbah google. Penyebabnya sendiri telah saya jelaskan pada point ke-2, namun dampak ini juga sangat berpengaruh dengan jumlah visitor karena 90% pengunjung berasal dari google. Kini blog saya tersebut hanya mengandalkan visitor dari sosmed yang merupakan 10% sumber pengunjung.<br />
<br /></div>
<blockquote>
Baca juga : <a href="http://wajahilmu.blogspot.com/2015/05/komentar-yang-tidak-baik-untuk-blog.html" target="_blank">Hal Yang Tidak Di Sukai Saat Blog Walking</a></blockquote>
<br />
<div style="text-align: justify;">
<b>4. Blog Copaser Berjaya</b><br />
Beberapa artikel saya dengan keyword tertinggi di mesin pencarian google kini dialihkan ke blog copaser yang mengcopy paste artikel dari blog saya. Hal ini juga cukup membuat saya syok dan semoga bisa cepat teratasi.</div>
<br />
<div style="text-align: justify;">
Saya rasa cukup sekian artikel kali ini, semoga bisa memberikan edukasi bagi sobat pembaca khususnya para blogger. Sekedar saran, sebaiknya kumpulkan informasi sebanyak-banyaknya sebelum mengambil tindakan agar tidak menyesal dikemudian hari.</div>
</div>
KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-28855388858087347712015-11-22T00:56:00.000-08:002019-07-25T00:16:40.259-07:00Cara Cepat Submit Blog atau Web di Banyak Search Engine<div dir="ltr" style="text-align: left;" trbidi="on"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcgFXX-HnVpgDGc5fYidn1UNpD-SJJABovqTHbR6R6vxZiwuFtpHwMxRyuqthttUPY-CEK_5ArU8UAWlQfzg5VbMryVCImLtMNqi7IjeFBHIFKGYnRi7blQlTZb5mQ_A8GpwQEvvXKCvo/s1600/Cara+Cepat+Submit+Blog+atau+Web+di+Banyak+Search+Engine.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Cepat Submit Blog atau Web di Banyak Search Engine" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcgFXX-HnVpgDGc5fYidn1UNpD-SJJABovqTHbR6R6vxZiwuFtpHwMxRyuqthttUPY-CEK_5ArU8UAWlQfzg5VbMryVCImLtMNqi7IjeFBHIFKGYnRi7blQlTZb5mQ_A8GpwQEvvXKCvo/s1600/Cara+Cepat+Submit+Blog+atau+Web+di+Banyak+Search+Engine.png" title="Cara Cepat Submit Blog atau Web di Banyak Search Engine" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Tampilan Halaman FreeWebSubmission</td></tr></tbody></table><div style="text-align: justify;">Salah satu cara membuat blog atau website menjadi terkenal dan masuk hasil pencarian mesin pencari (Search Engine) adalah dengan melakukan submit url ke Webmaster Tools. Biasanya Anda dapat langsung mengunjungi webmaster dari situs search engine, tetapi ada cara yang lebih mudah dan cepat untuk dilakukan, yaitu menggunakan situs penyedia submit url ke banyak mesin pencari dalam sekali submit.<br /><br />Biar bisa terindex dibanyak mesin pencari, saya merekomendasikan situs <b>FreeWebSubmission</b>. Dengan melakukan submit url blog/web Anda pada situs tersebut, sobat dapat langsung mensubmit url blog/web sobat ke banyak mesin pencari termasuk Google, Bing, Yandex, dan lain-lain. Situs ini juga gratis dan mudah untuk digunakan. Caranya cukup ikuti tutorial berikut ini.</div><br /><h3><a href="http://wajahilmu.blogspot.com/2015/11/cara-cepat-submit-blog-atau-web-di-banyak-search-engine.html">Cara Submit Blog atau Website di FreeWebSubmission</a></h3>1. Silahkan masukkan url blog/web sobat pada kolom yang telah tersedia di bawah ini.<br /><br /><script language="javascript" src="http://www.freewebsubmission.com/js/remote-submit.js"></script><br />2. Jika sudah selesai, Klik Submit Your Website.<br /><br />3. lakukan konfirmasi dengan mengecek pesan masuk pada email yang sebelumnya digunakan.<br /><br />4. Jika sudah dikonfirmasi silahkan tunggu hingga proses index selesai.<br /><br />Cukup mudah bukan, silahkan dicoba sendiri dan bila ada yang masih belum dimengerti bisa berkomentar pada artikel ini. Terima kasih telah membaca artikel di Opick Weblog.<br /><br /><span class="source" style="font-size: x-small;">Thanks to <a href="http://www.freewebsubmission.com/" target="_blank">FreeWebSubmission</a></span></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-47250266448787627032015-11-04T21:14:00.000-08:002019-07-25T00:16:40.428-07:00Kecelakaan Kereta Api di Kaligawe Semarang<div dir="ltr" style="text-align: left;" trbidi="on"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-obk_vW77DOBUriRxWeIWHI9j3ml4HlsG6N01AqVDPq13GECIhx8QI_0x4RriQGz4zBxw7phklrA-l6RuC0gYPGjCkQvS8j_Ct5JKtMDYJN7Y8QDU4UVj2V0yPk02RS7wOj0MXUj8v0E/s1600/Kecelakaan+Kereta+Api+Menabrak+Mobil+dan+Motor+di+Kaligawe+Semarang.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Kecelakaan Kereta Api Menabrak Mobil dan Motor di Kaligawe Semarang" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-obk_vW77DOBUriRxWeIWHI9j3ml4HlsG6N01AqVDPq13GECIhx8QI_0x4RriQGz4zBxw7phklrA-l6RuC0gYPGjCkQvS8j_Ct5JKtMDYJN7Y8QDU4UVj2V0yPk02RS7wOj0MXUj8v0E/s1600/Kecelakaan+Kereta+Api+Menabrak+Mobil+dan+Motor+di+Kaligawe+Semarang.png" title="Kecelakaan Kereta Api Menabrak Mobil dan Motor di Kaligawe Semarang" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Kecelakaan Kereta Api Menabrak Mobil dan Motor di Kaligawe Semarang</td></tr></tbody></table><div style="text-align: justify;">Kamis pagi (05/11) tepat pada pukul 09.00 WIB terjadi kecelakaan di rel Kereta Api. Kejadian berlangsung cepat dan menyebabkan sebuah mobil silver dan motor rusak parah. Penyebab kecelakaan belum diketahui pastinya namun, menurut para warga hal ini disebabkan kelalaian pengemudi yang akan melintasi rel kereta api.<br /><br />Saksi mata juga menyebutkan bahwa tempat kejadian sangat ramai karena terjadi disaat jam-jam sibuk para pengendara dan pejalan kaki, alhasil banyak masyarakat sekitar yang kaget ketika pristiwa tersebut berlangsung. Korban pengendara motor langsung meninggal di tempat kejadian.<br /><br />Cukup mengenaskan, karena palang pintu kereta selalu tertutup ketika kereta api akan melintas, namun tetap saja kecelakaan tersebut terjadi. Banyak warga yang berdatangan melihat kejadian tersebut (saya salah satunya) sehingga menyebabkan kemacetan yang cukup panjang.<br /><br />Berikut foto-foto kejadian yang diambil oleh teman saya dari atas kosannya.</div><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOe39msLe2huUt_uWImy4-eNh2FLGSfUcAgwK3WieHzzzt0Vcx4mDgcjMVSTsomgnj5IFXST6FVueeYjc8xgXXVejHFFbskW6BJ-fX3rESQP6WHMQE1CzT7TF7iUr67Ib1FkhZrDuSF-U/s1600/Kecelakaan+Kereta+Api+Menabrak+Mobil+dan+Motor+di+Kaligawe+Semarang+02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Kecelakaan Kereta Api Menabrak Mobil dan Motor di Kaligawe Semarang" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOe39msLe2huUt_uWImy4-eNh2FLGSfUcAgwK3WieHzzzt0Vcx4mDgcjMVSTsomgnj5IFXST6FVueeYjc8xgXXVejHFFbskW6BJ-fX3rESQP6WHMQE1CzT7TF7iUr67Ib1FkhZrDuSF-U/s320/Kecelakaan+Kereta+Api+Menabrak+Mobil+dan+Motor+di+Kaligawe+Semarang+02.png" title="Kecelakaan Kereta Api Menabrak Mobil dan Motor di Kaligawe Semarang" width="176" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZfYtGIKpX_SnAgDLw9j1XGa1zJX6oFqENU1seemNwLhgJGICmTb2Fa1vfZJgUU66F-aD_EME4rXQBL5DzRDNXe8OySvs1VH3jsMM2apmrd20cwhLQOOtL-eG0nXWnbUgVCmJwoe6AJUc/s1600/Kecelakaan+Kereta+Api+Menabrak+Mobil+dan+Motor+di+Kaligawe+Semarang+01.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Kecelakaan Kereta Api Menabrak Mobil dan Motor di Kaligawe Semarang" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZfYtGIKpX_SnAgDLw9j1XGa1zJX6oFqENU1seemNwLhgJGICmTb2Fa1vfZJgUU66F-aD_EME4rXQBL5DzRDNXe8OySvs1VH3jsMM2apmrd20cwhLQOOtL-eG0nXWnbUgVCmJwoe6AJUc/s320/Kecelakaan+Kereta+Api+Menabrak+Mobil+dan+Motor+di+Kaligawe+Semarang+01.png" title="Kecelakaan Kereta Api Menabrak Mobil dan Motor di Kaligawe Semarang" width="176" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5j09TqBBYdX2lCMmxwloVu331jfTRZn-6r4yOjEeRyTPznTI_LeJXyyDrr1c6AmCSNTP0oC4WO5l_jXksC_Yc6PKCHmZU9bCmVVfnltZWVvZHZ43KCwPPFNM_Oy5NJa_7Ep0tGdXEMOM/s1600/Kecelakaan+Kereta+Api+Menabrak+Mobil+dan+Motor+di+Kaligawe+Semarang+00.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Kecelakaan Kereta Api Menabrak Mobil dan Motor di Kaligawe Semarang" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5j09TqBBYdX2lCMmxwloVu331jfTRZn-6r4yOjEeRyTPznTI_LeJXyyDrr1c6AmCSNTP0oC4WO5l_jXksC_Yc6PKCHmZU9bCmVVfnltZWVvZHZ43KCwPPFNM_Oy5NJa_7Ep0tGdXEMOM/s320/Kecelakaan+Kereta+Api+Menabrak+Mobil+dan+Motor+di+Kaligawe+Semarang+00.png" title="Kecelakaan Kereta Api Menabrak Mobil dan Motor di Kaligawe Semarang" width="176" /></a></div><br /><div style="text-align: justify;">Sebagai penulis dan saksi mata di TKP, saya menganjurkan baik untuk pengendara dan penjalan kaki untuk selalu waspada saat berada ditempat umum terutama yang rawan terjadinya kecelakaan. Karena jujur saja pada TKP yaitu di Rel Kereta Api Kaligawe Semarang memang merupakan tempat yang sangat rawan terjadinya kecelakaan. Bahkan warga sekitar juga mengatakan tempat tersebut cukup angker dinilai dari jumlah kecelakaan yang pernah terjadi.</div><br /><span class="source" style="font-size: x-small;">Original post by <a href="http://wajahilmu.blogspot.com/" target="_blank">wajahilmu.blogspot.com</a> (Opick Weblog)</span></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-86619976745602229362015-09-25T13:34:00.000-07:002019-07-25T00:16:40.593-07:00Cara Uji Coba Kata Kunci atau Keyword yang Valid<div dir="ltr" style="text-align: left;" trbidi="on"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPP1D-WarpZ2_W7RJNXFUJxk7H6B8qwimNKbZuIT9jCUQh1JcHfGBMGmKWUVRYRWD37ucjsqK_xuTSsKC4ejYHX0Ya79tx1nxmOJs-Wi3nnMKBRrmQEElvTqvdXBUpcbBDxrbupY46hC0/s1600/Cara+Test+Keyword.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Uji Coba Kata Kunci atau Keyword yang Valid" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPP1D-WarpZ2_W7RJNXFUJxk7H6B8qwimNKbZuIT9jCUQh1JcHfGBMGmKWUVRYRWD37ucjsqK_xuTSsKC4ejYHX0Ya79tx1nxmOJs-Wi3nnMKBRrmQEElvTqvdXBUpcbBDxrbupY46hC0/s1600/Cara+Test+Keyword.png" title="Cara Uji Coba Kata Kunci atau Keyword yang Valid" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Cara Uji Coba Kata Kunci atau Keyword yang Valid</td></tr></tbody></table><div style="text-align: justify;">Sebelumnya saya telah menuliskan artikel tentang <a href="http://wajahilmu.blogspot.com/2015/09/cara-riset-keyword-dengan-google-trends.html" target="_blank">Cara Riset Keyword Dengan Google Trends</a>, saya harap sobat blogger paham dan sudah mampu menentukan kata kunci yang tepat untuk artikel atau postingan sobat. Kali ini saya ingin share tutorial tentang cara melakukan uji coba pada keyword atau kata kunci.</div><br /><div style="text-align: justify;">Mungkin banyak yang bingung untuk apa tutorial ini? bukan kah kita tinggal memasukkan kata kunci di halaman pencarian google untuk melihat apakah kata kunci tersebut mendapatkan page one? Memang benar cara tersebut sering digunakan oleh para blogger, namun sering kali result atau hasil pencarian yang muncul di pc atau laptop sobat berbeda dengan milik orang lain.</div><br /><div style="text-align: justify;">Ada beberapa alasan mengapa saya mengatakan seperti itu, dari pengalaman pribadi sering kali saya temukan screenshot artikel yang page one tapi sewaktu saya melakukan uji coba pada pc atau laptop lain, hasilnya berbeda-beda. Penyebabnya kurang lebih adalah :</div><ul style="text-align: left;"><li>Belum logout akun Google Plus</li><li>Save data cache belum di hapus (clear cache)</li><li>Uji coba keyword hanya dilakukan di browser yang sama</li></ul><div style="text-align: justify;">Sekarang muncul pertanyaan, bagaimana agar uji coba kata kunci yang dilakukan bisa mendapatkan hasil yang valid? Caranya sangat mudah, sobat dapat menggunakan Jendela Penyamaran atau Incognito Window.</div><br /><h3>Definisi Jendela Penyamaran atau Incognito Window</h3><div style="text-align: justify;">Jendela Penyamaran atau Incognito Window adalah jendela baru tempat Anda dapat menelusuri internet tanpa perlu khawatir Chrome akan menyimpan situs yang dikunjungi. Anda dapat membuka banyak tab dalam mode penyamaran dan menavigasi bolak-balik antarlaman yang dikunjungi. Saat Anda menutup tab tersebut, Chrome tidak akan menyimpan situs yang telah dikunjungi. Dengan kata lain, jendela penyamaran sama halnya dengan menggunakan browser baru yang belum menyimpan data apapun. Artinya Anda dapat melakukan pencarian guna uji coba kata kunci untuk mendapatkan hasil yang valid.</div><br /><div style="text-align: justify;"><h3>Cara Menggunakan Jendela Penyamaran atau Incognito Window</h3>1. Silahkan klik tombol menu di pojok atas browser (Google Chrome). Setelah itu pilih <b>New Incognito Window</b>. Anda juga bisa menggunakan cara pintas memakai <b>Ctrl + Shift + N</b>.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLB6H2SW5Jqx_5Y8Y29i39ePmiZIo7NlVh0WHbr9fyuIQY6K3_MnQfWIMRxpOMo-RCxNLtV0j9QJZuum6ZTy350qNWYEpBnhKnSy5OBSCbQ0ncp02DOGOT8_zB-maJVOhVzffvHHhhKho/s1600/Cara+test+kata+kunci+atau+keyword.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Uji Coba Kata Kunci atau Keyword yang Valid" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLB6H2SW5Jqx_5Y8Y29i39ePmiZIo7NlVh0WHbr9fyuIQY6K3_MnQfWIMRxpOMo-RCxNLtV0j9QJZuum6ZTy350qNWYEpBnhKnSy5OBSCbQ0ncp02DOGOT8_zB-maJVOhVzffvHHhhKho/s1600/Cara+test+kata+kunci+atau+keyword.png" title="Cara Uji Coba Kata Kunci atau Keyword yang Valid" /></a></div><br />2. Setelah jendela penyamaran terbuka, silahkan masukkan kata kunci yang ingin Anda ujikan lalu tekan enter.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuJhorix_HINF70Ro59g7IvuYWbbCQgcY9EH3rZWeMO4neccLE-tftYP0SOPC_I56ER47spsnpnt-RpnOlA7QCULm3cKFPdXvx3l2ZK51DxGodYFZe_9Q09YqgFRx7V0O_oteTLsQLF8g/s1600/Cara+Membuka+Incognito+Window.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuka Jendela Penyamaran atau Incognito Window" border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuJhorix_HINF70Ro59g7IvuYWbbCQgcY9EH3rZWeMO4neccLE-tftYP0SOPC_I56ER47spsnpnt-RpnOlA7QCULm3cKFPdXvx3l2ZK51DxGodYFZe_9Q09YqgFRx7V0O_oteTLsQLF8g/s640/Cara+Membuka+Incognito+Window.png" title="Cara Membuka Jendela Penyamaran atau Incognito Window" width="640" /></a></div><br />3. Akan muncul hasil pencarian dari kata kunci yang Anda ujikan. Lihatlah apakah kata kunci sobat sudah terindex dan masuk page one serp.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5PhyphenhyphenstQRmzbK96ZDUdjaCveF3fcupbf4O2TMHquMWiM8plsc8titlSbKssKmIB0Ul-wWVyGiMA6-82XJnPu4AyG7ND57jw1dCBOo75cIxpcNMtmHlt8ZljTBS-lFjAG69ul5Qj2gR3GM/s1600/Hasil+Uji+Coba+Kata+Kunci.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Uji Coba Kata Kunci atau Keyword yang Valid" border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5PhyphenhyphenstQRmzbK96ZDUdjaCveF3fcupbf4O2TMHquMWiM8plsc8titlSbKssKmIB0Ul-wWVyGiMA6-82XJnPu4AyG7ND57jw1dCBOo75cIxpcNMtmHlt8ZljTBS-lFjAG69ul5Qj2gR3GM/s640/Hasil+Uji+Coba+Kata+Kunci.png" title="Cara Uji Coba Kata Kunci atau Keyword yang Valid" width="640" /></a></div>Keterangan :<br />Hasilnya menunjukkan bahwa dengan kata kunci "<b>sinopsis charlotte</b>" blog saya mendapatkan page one dan urutan ke-3 pada serp. Penjelasan tambahan, <a href="http://cibianime.blogspot.com/" target="_blank">cibianime.blogspot.com</a> merupakan blog saya yang lain, silahkan kunjungi dan ramaikan juga.<br /><br />Perlu diketahui bahwa uji coba menggunakan cara ini akan mendapatkan validitas yang cukup akurat. Akan tetapi bila misalnya Anda menguji coba kata kunci yang telah sobat uji coba sebelumnya menggunakan cara ini dan hasilnya berbeda itu bukan karena tidak akurat. Bisa jadi kata kunci tersebut di menangkan oleh artikel baru atau lama yang melakukan usaha optimalisasi search result lebih bagus dari blog/web Anda. Maka dari itu pelajarilah SEO walau hanya dasarnya saja agar artikel atau postingan sobat dapat bersaing dengan kata kunci yang serupa.<br /><br />Saya rasa cukup sekian artikel tentang <a href="http://wajahilmu.blogspot.com/2015/09/cara-uji-coba-kata-kunci-atau-keyword.html" target="_blank">Cara Uji Coba Kata Kunci atau Keyword yang Valid</a>. Semoga dapat membantu Anda yang ingin mengetes kata kunci pada postingan atau artikel. Berikan komentar Anda sebelum mencoba dan bila ingin bertanya langsung saja tuliskan pada kolom komentar di bawah. Akhir kata terima kasih banyak telah mengunjungi <a href="http://wajahilmu.blogspot.com/">Opick Weblog</a>.</div></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-40792491166576142492015-09-22T12:08:00.000-07:002019-07-25T00:16:40.762-07:00Cara Riset Keyword Dengan Google Trends<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmN9wQfrcjKRsSB9T0QfjnCWQd3axFRponG6sCVnmMqDACQKJtvIF3y8kLqRLNtc4akt6uBJNipBRdTOGMu5STxBy5nZzGgT3znSmmd4eDPOTtvumypj86tMR5aLk-Hq4V6CPznr0LAU8/s1600/CARA+MELAKUKAN+RISET+KEYWORD+DENGAN+GOOGLE+TRENDS.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Riset Keyword Dengan Google Trends" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmN9wQfrcjKRsSB9T0QfjnCWQd3axFRponG6sCVnmMqDACQKJtvIF3y8kLqRLNtc4akt6uBJNipBRdTOGMu5STxBy5nZzGgT3znSmmd4eDPOTtvumypj86tMR5aLk-Hq4V6CPznr0LAU8/s1600/CARA+MELAKUKAN+RISET+KEYWORD+DENGAN+GOOGLE+TRENDS.png" title="Cara Riset Keyword Dengan Google Trends" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Cara Melakukan Riset Keyword Dengan Google Trends</td></tr></tbody></table>Ketika sobat ingin mengetahui keyword yang tepat untuk digunakan pada postingan, ada kalanya melakukan riset keyword. Google telah memberikan fasilitas untuk melakukan riset keyword yaitu Google Adwords : Keyword Planner. Bagi yang belum tau cara menggunakan tools ini, silahkan baca <a href="http://wajahilmu.blogspot.com/2015/04/cara-riset-keyword-menggunakan-google.html" target="_blank">Cara Mudah Riset Keyword Menggunakan Google Adwords : Keyword Planner</a>.<br /><br />Akan tetapi, pada postingan kali ini saya akan membahas cara riset keyword dengan menggunakan tools google yang lain, yaitu Google Trends. Google Trends merupakan salah satu tools google untuk mengetahui kata apa saja yang sering dan paling banyak digunakan saat searching di google. Akan tetapi tools ini bekerja dalam kurun waktu yang dapat sobat tentukan sendiri, misalkan kata kunci dalam setahun, sebulan atau sehari.</div><br /><h3>Perbedaan Antara Google Trends dan Google Keyword Planner</h3><div style="text-align: justify;">Akan muncul pertanyaan, apakah perbedaan google trends dengan google keyword planner? Perbedaan kedua alat ini terletak pada fungsinya, google trends adalah alat untuk memperoleh informasi mengenai kata kunci yang paling populer, artinya banyak dicari orang dan sedang naik daun, sedangkan google keyword planner adalah alat untuk menganalisa jumlah pencarian terhadap kata kunci tertentu serta tingkat kompetitor atau pesaing dari kata kunci yang kita tentukan. Kalau di lihat dari fungsinya, keduanya sangat berkaitan artinya keduanya bisa kita gunakan bersama-sama untuk mendapatkan kata kunci yang benar-benar punya kualitas, sehingga kata kunci tersebut siap kita sisipkan sebagai judul artikel yang akan di buat.</div><br /><h3>Cara Melakukan Riset Kata Kunci Menggunakan Google Trends</h3><div style="text-align: justify;">1. Silahkan kunjungi <a href="http://www.google.com/trends/explore" target="_blank">http://www.google.com/trends/explore</a>.<br /><br />2. Tentukan kata kunci yang sobat ingin cari lalu masukkan pada kolom yang tersedia. Untuk lebih jelasnya lihat gambar berikut.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN5lc6EPA6G6KbHndGFtKv1ZwrTRbbnzOnFX5z0xJprcNW7gIYs8H1cX0cI5mlBr266Au23tsftWJOPoBim3DgvX42lXahdm9t8UtaQOHdeHZF2pEZbVDGGnI1S2tHtvLF0DtnuSg8eQg/s1600/Cara+Melakukan+Riset+Keyword+Dengan+Google+Trends.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Riset Keyword Dengan Google Trends" border="0" height="306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN5lc6EPA6G6KbHndGFtKv1ZwrTRbbnzOnFX5z0xJprcNW7gIYs8H1cX0cI5mlBr266Au23tsftWJOPoBim3DgvX42lXahdm9t8UtaQOHdeHZF2pEZbVDGGnI1S2tHtvLF0DtnuSg8eQg/s640/Cara+Melakukan+Riset+Keyword+Dengan+Google+Trends.png" title="Cara Riset Keyword Dengan Google Trends" width="640" /></a></div>Keterangan Gambar :<br /><ul style="text-align: left;"><li>"<b>Anime</b>" merupakan kata kunci yang ingin saya riset.</li><li>"<b>+Add term</b>" merupakan tombol untuk memulai riset dari kata kunci yang dimasukkan.</li><li>"<b>Worldwide</b>" merupakan fokus negara dari riset yang dilakukan. bila menggunakan wordwide maka riset dilakukan diseluruh dunia, tapi bila mengganti dengan nama negara maka riset akan terfokus di negara yang telah dipilih.</li><li>"<b>2004 - present</b>" merupakan fokus waktu dari riset kata kunci yang dimasukkan. Dapat anda ganti menjadi past hour (sejam terakhir), past 4 hours (4 jam terakhir), past day (sehari terakhir), past 7 days (7 hari/seminggu terakhir), past 30 days (30 hari/sebulan terakhir), past 90 days (90 hari terakhir), atau past 12 months (12 bulan/setahun terakhir).</li><li>"<b>All categories</b>" merupakan fokus kategori dari kata kunci yang ingin di riset. Sesuaikan kategori dengan kata kunci atau biarkan saja agar dapat mencakup semua kategori yang ingin diriset dari keyword tersebut.</li><li>"<b>Web Search</b>" merupakan fokus pada web yang muncul di search engine. Bisa disesuaikan dengan merubah menjadi image search, news search, google shopping, atau youtube search.</li></ul><br /><div style="text-align: justify;">3. Lihat hasil yang paling bawah dengan malakukan scroll down pada hasil pencarian kata kunci yang telah dimasukkan. Lihat gambar berikut.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzB1AETSiBD7kA3ddI0iN2Ldi8vzzGcjxX1yVdYq0d4L6zN2rcZdg8dbzNowm3l4rZ95MElQudQ1vClCIgrOv8snQ3O-wcXz_QmgIp6PAfdLaFG62dRExb1MM4NvZvnC6e0DMhih3GnnY/s1600/cara+menyisipkan+kata+kunci+pada+artikel+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menyisipkan Keyword Pada Postingan atau Artikel Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzB1AETSiBD7kA3ddI0iN2Ldi8vzzGcjxX1yVdYq0d4L6zN2rcZdg8dbzNowm3l4rZ95MElQudQ1vClCIgrOv8snQ3O-wcXz_QmgIp6PAfdLaFG62dRExb1MM4NvZvnC6e0DMhih3GnnY/s1600/cara+menyisipkan+kata+kunci+pada+artikel+blog.png" title="Cara Menyisipkan Keyword Pada Postingan atau Artikel Blog" /></a></div><div style="text-align: justify;">Keterangan Gambar :<br />Hasil diatas merupakan kata kunci serupa yang sering digunakan saat mencari di search engine. Anda tinggal menyisipkan kata-kata tersebut pada postingan atau artikel anda. Bisa menggunakan semua atau fokus pada beberapa kata kunci yang sesuai sehingga dapat dengan mudah terindex dan masuk di page one google serp.</div><br /><h3>Memilih Kata Kunci yang Akan di Riset Menggunakan Google Trends</h3><div style="text-align: justify;">Kata kunci yang saya gunakan sebelumnya adalah "Anime", kata kunci tersebut akan memberikan banyak hasil karena merupakan short keyword atau kata kunci pendek. Anda dapat mencoba memasukkan kata kunci panjang atau long keyword seperti "Download Anime 2015", maka pada hasil related searches atau hasil kata kunci tekait akan muncul kata kunci dari judul anime apa saja yang paling trend atau paling di cari. Tentukan waktu pada fokus riset dengan menggunakan past 12 months (12 bulan/setahun terakhir) pada fokus waktunya. Ini digunakan untuk mengetahui kapan kata kunci tersebut paling sering digunakan. Terserah anda ingin menggunakan fokus waktu yang mana saja boleh agar bisa mendapatkan hasil sesuai keinginan anda.<br /><br />Saya rasa cukup sekian dari artikel kali ini tentang <a href="http://wajahilmu.blogspot.com/2015/09/cara-riset-keyword-dengan-google-trends.html" target="_blank">Cara Riset Keyword Menggunakan Google Trends</a>. Semoga bisa bermanfaat bagi sobat dan berikan komentar pada post ini sebelum memulai riset keyword agar saya dapat terus termotivasi dalam mengupdate artikel pada blog ini. Akhir kata terima kasih banyak telah mengunjungi <a href="http://wajahilmu.blogspot.com/">Opick Weblog</a>.</div></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-91132489877401217342015-09-11T17:16:00.000-07:002019-07-25T00:16:40.959-07:00Cara Mengganti dan Menggunakan Font Pada Template Blog<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVLvlsdCtcT3oce3zNkUj9gFGXO3n-fJUqiSIZRaucev-Pwam2KC6WBKK0GspQckFiG-TIm2MlIXulFQ0tR1yIK6_B92Ps6PF-8ntY_Mzhn09eyUwA3kV7nUY_D2ph_WpW47CHVnLe2Y4/s1600/Cara+Mengganti+Font+Pada+Blog.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Mengganti dan Menggunakan Font Pada Template Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVLvlsdCtcT3oce3zNkUj9gFGXO3n-fJUqiSIZRaucev-Pwam2KC6WBKK0GspQckFiG-TIm2MlIXulFQ0tR1yIK6_B92Ps6PF-8ntY_Mzhn09eyUwA3kV7nUY_D2ph_WpW47CHVnLe2Y4/s1600/Cara+Mengganti+Font+Pada+Blog.png" title="Cara Mengganti dan Menggunakan Font Pada Template Blog" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><span style="font-size: small; text-align: justify;">Cara Mengganti dan Menggunakan Font Pada Template Blog</span></td></tr></tbody></table>Sebelumnya saya sudah share font untuk template flat dari Google Fonts yang bisa di gunakan ada template blog atau web sobat. Sekarang bagaimana cara mengganti font lama dengan font yang baru? Sebenarnya caranya cukup mudah, cukup simak tutorial berikut ini.<br /><br />Silahkan lihat font yang dapat sobat gunakan pada artikel, <a href="http://wajahilmu.blogspot.com/2015/09/font-yang-cocok-untuk-template-flat.html" target="_blank">Daftar Font Yang Cocok Untuk Template Blog</a>.<br /><br /><h3>Cara Mengganti Font Pada Blog</h3>1. Pastikan sobat sudah memiliki kode CSS font baru yang ingin digunakan untuk mengganti font lama. Pada postingan ini, saya akan menggunakan font Open Sans untuk ditempatkan pada blog. <br /><br />Sebelum memulai, silahkan buka menu Template lalu klik Edit HTML. Cari font lama pada template blog sobat bila tidak ingin digunakan lagi. Bila memasang font baru dan font lama belum dihapus, dapat membuat loading blog lebih berat walau hanya sedikit. Gunakan Ctlr + F dan cari kode CSS font lama sobat. <br /><br />Tampilan kodenya hampir sama dengan CSS Font yang akan kita gunakan, beda nama font nya saja. Bila tidak menemukannya maka skip saja penghapusan font lama. Karena bisa jadi blog sobat cuma menggunakan font bawaan blogger seperti Arial dll.<br /><br />2. Silahkan letakkan CSS Font Open Sans berikut sebelum atau diatas kode <kbd></head></kbd>.</div><pre data-codetype="CSSku" title="CSS"><code class="language-css"><link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'></code></pre><br /><div style="text-align: justify;">3. Klik Save dan Font Open Sans telah terpasang. Setelah itu, lanjutkan ke cara menggunakan font yang telah sobat pasang.<br /><br /><h3>Cara Menggunakan/Mengaktifkan Font Pada Template Blog</h3>1. Cara kode <b>font-family</b> pada template sobat menggunakan Ctrl + F.<br /><br />2. Sobat mungkin akan menemukan tampilan CSS seperti berikut.</div><pre data-codetype="CSSku" title="CSS"><code class="language-css">font-family:'Arial';font-size:15px;color:#000;</code></pre><br /><div style="text-align: justify;"><b>Arial</b> adalah nama font lama sobat, silahkan ganti dengan <b>Open Sans</b> sehingga menjadi seperti ini.</div><pre data-codetype="CSSku" title="CSS"><code class="language-css">font-family:'Open Sans';font-size:15px;color:#000;</code></pre><br /><div style="text-align: justify;">3. Lakukan hal tersebut pada semua kode font-family yang ingin sobat rubah lalu klik save.<br /><br /><b>Perhatian</b><br />Sebagai tambahan, bila CSS font-family berada dalam tag <kbd>]]></b:skin></kbd> atau mudahnya kode tersebut berwarna biru, silahkan terapkan cara di atas. Namun, apa bila CSS font-family berada dalam tag <kbd></style></kbd> atau mudahnya selain warna biru, maka ubahlah tanda ' menjadi &#39; sehingga hasilnya seperti ini.</div><pre data-codetype="CSSku" title="CSS"><code class="language-css">font-family:&#39;Open Sans&#39;;font-size:15px;color:#000;</code></pre><br /><div style="text-align: justify;">Nah, seperti itulah cara mengganti font lama dengan yang baru serta cara menggunakan font nya. Bila masih ada kendala atau ada yang belum dimengerti, silahkan berkomentar.<br /><br />Saya rasa sekian artikel tentang <a href="http://wajahilmu.blogspot.com/2015/09/cara-mengganti-font-pada-blog.html" target="_blank">Cara Mengganti dan Menggunakan Font Pada Template Blog</a>. Semoga bisa bermanfaat bagi sobat dan jangan lupa untuk berkomentar sebelum menerapkannya. Terima kasih telah mengunjungi <a href="http://wajahilmu.blogspot.com/" target="_blank">Opick Weblog</a>.</div></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-49609532173659271812015-09-11T12:56:00.000-07:002019-07-25T00:16:41.127-07:00Daftar Font Yang Cocok Untuk Template Flat Design<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">"Apa font terbaik untuk digunakan dengan Desain FLAT UI?" Hal ini tampaknya menjadi sebuah pertanyaan besar ketika mencoba untuk membuat template dengan dasar Flat Design.<br /><br />Pada tampilan dasar FLAT UI Style berfokus pada warna, tipografi, bentuk sederhana untuk fitur kegunaan dan kejelasan bekerja dengan baik dengan font sederhana namun unik. Jika Anda ingin membuat website/blog Anda menonjol, memilih jenis huruf yang luar biasa akan membantu menciptakan identitas untuk tampilan website/blog Anda.<br /><br />Kecocokan font dengan tampilan template adalah hal yang sangat penting di Desain Flat UI. Untuk melihat <b>Live Demo</b> tampilan font, silahkan klik judul font yang Anda inginkan.<br /><br />Untuk cara mengganti font lama dengan yang baru, silahkan baca artikel <a href="http://wajahilmu.blogspot.com/2015/09/cara-mengganti-font-pada-blog.html" target="_blank">Cara Mengganti dan Menggunakan Font Pada Template Blog</a>.<br /><br />Berikut ini adalah daftar font tipografi yang cocok dengan desain Flat:</div><br /><h3><a href="https://www.google.com/fonts/specimen/Open+Sans" rel="nofollow" target="_blank">1. Open Sans</a></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi74UHerFpr1fdNLDHo2oKKddTkqp6YvxncOP3tDj1mlDCcr7s-MfhEdVS5_HOC6fC2J6kXjz7CLZt5UVjaOXWEX7Aetvc_Yphapp_ENBUJ6_iFac3Y6sjCR0FDgzdzmjR_2ajhVnYZBag/s1600/Open+Sans+Free+Google+Fonts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Font Yang Cocok Untuk Template Flat Design" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi74UHerFpr1fdNLDHo2oKKddTkqp6YvxncOP3tDj1mlDCcr7s-MfhEdVS5_HOC6fC2J6kXjz7CLZt5UVjaOXWEX7Aetvc_Yphapp_ENBUJ6_iFac3Y6sjCR0FDgzdzmjR_2ajhVnYZBag/s1600/Open+Sans+Free+Google+Fonts.png" title="Font Yang Cocok Untuk Template Flat Design" /></a></div>Berikut CSS Font Style Open Sans dari Google Fonts.<br /><pre data-codetype="CSSku" title="CSS"><code class="language-css"><link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'></code></pre><br /><h3><a href="https://www.google.com/fonts/specimen/Raleway" rel="nofollow" target="_blank">2. Raleway</a></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQo89wDwgVOckW4HVG_iDFeoe2Dj-NX6kq1bfNPbXGqGXkGbdDo5XzcukfO_wL4DKLtr7_72ln72gHAy8Hd7xCh3MCxUt8TiQoUKZ3zvBD5Rdfgksh8khYoIGsfQ03EhnV9vexTLRdQlY/s1600/Raleway+Free+Fonts+From+Google+Fonts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Font Yang Cocok Untuk Template Flat Design" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQo89wDwgVOckW4HVG_iDFeoe2Dj-NX6kq1bfNPbXGqGXkGbdDo5XzcukfO_wL4DKLtr7_72ln72gHAy8Hd7xCh3MCxUt8TiQoUKZ3zvBD5Rdfgksh8khYoIGsfQ03EhnV9vexTLRdQlY/s1600/Raleway+Free+Fonts+From+Google+Fonts.png" title="Font Yang Cocok Untuk Template Flat Design" /></a></div>Berikut CSS Font Style Raleway dari Google Fonts.<br /><pre data-codetype="CSSku" title="CSS"><code class="language-css"><link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'></code></pre><br /><h3><a href="https://www.google.com/fonts/specimen/Lato" rel="nofollow" target="_blank">3. Lato</a></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjooTKb1HN0ZtMVlYhIr0qbD6CIzwhSe13tGqet731rEcs-DSp-JZFOS3M1f-SsPT8GvfgrKbtzo1yExCPnVKOxd6PbvgUsV6yHOnK9s70LFkmjXPDp9R8OXTD73eoeTLfTf6Fj3dL9n00/s1600/Lato+Free+Fonts+From+Google+Fonts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Font Yang Cocok Untuk Template Flat Design" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjooTKb1HN0ZtMVlYhIr0qbD6CIzwhSe13tGqet731rEcs-DSp-JZFOS3M1f-SsPT8GvfgrKbtzo1yExCPnVKOxd6PbvgUsV6yHOnK9s70LFkmjXPDp9R8OXTD73eoeTLfTf6Fj3dL9n00/s1600/Lato+Free+Fonts+From+Google+Fonts.png" title="Font Yang Cocok Untuk Template Flat Design" /></a></div>Berikut CSS Font Style Lato dari Google Fonts.<br /><pre data-codetype="CSSku" title="CSS"><code class="language-css"><link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'></code></pre><br /><h3><a href="https://www.google.com/fonts/specimen/Montserrat" rel="nofollow" target="_blank">4. Montserrat</a></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_w2U5NICYW9ZqFcxfzLcZBcCTdj5WQyjiVP0gW04Zv8e-Vio3019Qxg6295IRTfBslq2zCy7XTsfo5xrQxKBOTSm6g8emGyXwdgPPXExZSfPZB5XI6ZsZ8hEjhA4CvpvZtSbXM9IkphM/s1600/Montserrat+Free+Fonts+From+Google+Fonts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Font Yang Cocok Untuk Template Flat Design" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_w2U5NICYW9ZqFcxfzLcZBcCTdj5WQyjiVP0gW04Zv8e-Vio3019Qxg6295IRTfBslq2zCy7XTsfo5xrQxKBOTSm6g8emGyXwdgPPXExZSfPZB5XI6ZsZ8hEjhA4CvpvZtSbXM9IkphM/s1600/Montserrat+Free+Fonts+From+Google+Fonts.png" title="Font Yang Cocok Untuk Template Flat Design" /></a></div>Berikut CSS Font Style Montserrat dari Google Fonts.<br /><pre data-codetype="CSSku" title="CSS"><code class="language-css"><link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'></code></pre><br /><h3><a href="https://www.google.com/fonts/specimen/Quicksand" rel="nofollow" target="_blank">5. Quicksand</a></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggjfrpjAbEBydIJPKQDrpPXzqRoSfD0eCAXcYjj7CEs0RMc9SjnKVFihyVHDo-QVM1lCqFunFJcygW30D2yUvhHSm5xlFden8OQHL58r-j6G9Jqi40fE7O91GmUJmuRYIAnoLoIUHu0us/s1600/Quicksans+Free+Fonts+From+Google+Fonts.png" imageanchor="1"><img alt="Font Yang Cocok Untuk Template Flat Design" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggjfrpjAbEBydIJPKQDrpPXzqRoSfD0eCAXcYjj7CEs0RMc9SjnKVFihyVHDo-QVM1lCqFunFJcygW30D2yUvhHSm5xlFden8OQHL58r-j6G9Jqi40fE7O91GmUJmuRYIAnoLoIUHu0us/s1600/Quicksans+Free+Fonts+From+Google+Fonts.png" title="Font Yang Cocok Untuk Template Flat Design" /></a></div>Berikut CSS Font Style Quicksand dari Google Fonts.<br /><pre data-codetype="CSSku" title="CSS"><code class="language-css"><link href='https://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'></code></pre><br /><h3><a href="https://www.google.com/fonts/specimen/Source+Sans+Pro" rel="nofollow" target="_blank">6. Source Sans Pro</a></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizoGSX3y2PpNv5w7-XMqgaa8GRFvbrxzeGY4G3pUjXyJZdEg1WrY2zJr0_nSKFUeDAlahBZ2IHmNo_9MCH5usOCGV5iK0IJoil8YlWFhkUSYqmvQAAufnu0Iw2fvgS38yGPaycWOiPiPg/s1600/Source+Sans+Pro+Free+Fonts+From+Google+Fonts.png" imageanchor="1"><img alt="Font Yang Cocok Untuk Template Flat Design" border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizoGSX3y2PpNv5w7-XMqgaa8GRFvbrxzeGY4G3pUjXyJZdEg1WrY2zJr0_nSKFUeDAlahBZ2IHmNo_9MCH5usOCGV5iK0IJoil8YlWFhkUSYqmvQAAufnu0Iw2fvgS38yGPaycWOiPiPg/s320/Source+Sans+Pro+Free+Fonts+From+Google+Fonts.png" title="Font Yang Cocok Untuk Template Flat Design" width="320" /></a></div>Berikut CSS Font Style Source Sans Pro dari Google Fonts.<br /><pre data-codetype="CSSku" title="CSS"><code class="language-css"><link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'></code></pre><br /><h3><a href="https://www.google.com/fonts/specimen/Nova+Mono" rel="nofollow" target="_blank">7. Nova Mono</a></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvUsa0XC8Vu6viw1g4nYTHN6NvD_TgO9n_MbK-rRdGiBXxl4W60B7xSOdwEwQb_RrXdjEUMrRku-NWgD0zTU2nFNemIae2Wbgqel6BSb3x4Byis_EWB8X6wrUGqD9KbFQfdpgKHHmcVpw/s1600/Nova+Mono+Free+Font+From+Google+Fonts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Font Yang Cocok Untuk Template Flat Design" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvUsa0XC8Vu6viw1g4nYTHN6NvD_TgO9n_MbK-rRdGiBXxl4W60B7xSOdwEwQb_RrXdjEUMrRku-NWgD0zTU2nFNemIae2Wbgqel6BSb3x4Byis_EWB8X6wrUGqD9KbFQfdpgKHHmcVpw/s1600/Nova+Mono+Free+Font+From+Google+Fonts.png" title="Font Yang Cocok Untuk Template Flat Design" /></a></div>Berikut CSS Font Style Nova Mono dari Google Fonts.<br /><pre data-codetype="CSSku" title="CSS"><code class="language-css"><link href='https://fonts.googleapis.com/css?family=Nova+Mono' rel='stylesheet' type='text/css'></code></pre><br /><h3><a href="https://www.google.com/fonts/specimen/Libre+Baskerville" rel="nofollow" target="_blank">8. Libre Baskerville</a></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTiDxLHX8unVIX_QYZU2FoYJeoZFlNcSXFSkIJJ75IsoO4nSl5cgjpQTWi8ycgBsCTHtughSfSeBUKLf5woHKxYknH9ilzlGMUbq1jr1eJVuK8fDXOWtQeyOQri9XktAMcR8T4W9ng29g/s1600/Libre+Baskerville+Free+Font+From+Google+Fonts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Font Yang Cocok Untuk Template Flat Design" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTiDxLHX8unVIX_QYZU2FoYJeoZFlNcSXFSkIJJ75IsoO4nSl5cgjpQTWi8ycgBsCTHtughSfSeBUKLf5woHKxYknH9ilzlGMUbq1jr1eJVuK8fDXOWtQeyOQri9XktAMcR8T4W9ng29g/s1600/Libre+Baskerville+Free+Font+From+Google+Fonts.png" title="Font Yang Cocok Untuk Template Flat Design" /></a></div>Berikut CSS Font Style Libre Baskerville dari Google Fonts.<br /><pre data-codetype="CSSku" title="CSS"><code class="language-css"><link href='https://fonts.googleapis.com/css?family=Libre+Baskerville' rel='stylesheet' type='text/css'></code></pre><br /><h3><a href="https://www.google.com/fonts/specimen/Quattrocento+Sans" rel="nofollow" target="_blank">9. Quattrocento Sans</a></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK5tb1ZaHpISkkjV1_Nosmcv70otzR5pmUJw2zfyKOGjBy9_Bk5eLVeh4XYbCE2jVJC5VoqZZdZ2qAEuuhjETZQubskzYW1nKhn2aU9d-NVFAQZcne5eBr98zcMFk6zy1oOXz3p7m_KLI/s1600/Quattrocento+Sans+Free+Font+From+Google+Fonts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Font Yang Cocok Untuk Template Flat Design" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK5tb1ZaHpISkkjV1_Nosmcv70otzR5pmUJw2zfyKOGjBy9_Bk5eLVeh4XYbCE2jVJC5VoqZZdZ2qAEuuhjETZQubskzYW1nKhn2aU9d-NVFAQZcne5eBr98zcMFk6zy1oOXz3p7m_KLI/s1600/Quattrocento+Sans+Free+Font+From+Google+Fonts.png" title="Font Yang Cocok Untuk Template Flat Design" /></a></div>Berikut CSS Font Style Quattrocento Sans dari Google Fonts.<br /><pre data-codetype="CSSku" title="CSS"><code class="language-css"><link href='https://fonts.googleapis.com/css?family=Quattrocento+Sans' rel='stylesheet' type='text/css'></code></pre><br /><h3><a href="https://www.google.com/fonts/specimen/Muli" rel="nofollow" target="_blank">10. Muli</a></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWhoHOQPLj8QPo_pWvWRbm5fGUozAXN8VOLF9YpxGAUFBBVTApv-AHskBV80_V52vKJFFTvUetjKCAAhKH059vTOMQ6rWUFWm9Po3Va4ZcLCRjFhrXVzpqQTjm0v5ogmHmP6I58kxbU8E/s1600/Muli+Free+Font+From+Google+Fonts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Font Yang Cocok Untuk Template Flat Design" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWhoHOQPLj8QPo_pWvWRbm5fGUozAXN8VOLF9YpxGAUFBBVTApv-AHskBV80_V52vKJFFTvUetjKCAAhKH059vTOMQ6rWUFWm9Po3Va4ZcLCRjFhrXVzpqQTjm0v5ogmHmP6I58kxbU8E/s1600/Muli+Free+Font+From+Google+Fonts.png" title="Font Yang Cocok Untuk Template Flat Design" /></a></div>Berikut CSS Font Style Muli dari Google Fonts.<br /><pre data-codetype="CSSku" title="CSS"><code class="language-css"><link href='https://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'></code></pre><br /><h3><a href="https://www.google.com/fonts/specimen/Josefin+Sans" rel="nofollow" target="_blank">11. Josefin Sans</a></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelcYfIwSm5CpPZPN-qx_oz2Akyh49hbRw9wrDjv2kljIpoChDh37fp_vSDsOjVj89uX0i5U44UlCyXKJypl90SjKgtCm337Yr9dK2oturPLsRDkUPN7LqfnIXU7OjwdzclA4f97bYFsg/s1600/Josefin+Sans+Free+Font+From+Google+Fonts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Font Yang Cocok Untuk Template Flat Design" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelcYfIwSm5CpPZPN-qx_oz2Akyh49hbRw9wrDjv2kljIpoChDh37fp_vSDsOjVj89uX0i5U44UlCyXKJypl90SjKgtCm337Yr9dK2oturPLsRDkUPN7LqfnIXU7OjwdzclA4f97bYFsg/s1600/Josefin+Sans+Free+Font+From+Google+Fonts.png" title="Font Yang Cocok Untuk Template Flat Design" /></a></div>Berikut CSS Font Style Josefin Sans dari Google Fonts.<br /><pre data-codetype="CSSku" title="CSS"><code class="language-css"><link href='https://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'></code></pre><br /><h3><a href="https://www.google.com/fonts/specimen/Josefin+Slab" rel="nofollow" target="_blank">12. Josefin Slab</a></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilZQh0Dhwd_cFqKz3C09mo_D9EPUhP00bsU7CxUoHXdHT-fhSpMkUTzqki30m6ug1A91bSL9ZFLWI8fD53eZFwSBQwJaP58zUo5X8JuQJK3rmLc22c_aea9F91VepR2UXMvs34NToPX0s/s1600/Josefin+Slab+Free+Font+From+Google+Fonts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Font Yang Cocok Untuk Template Flat Design" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilZQh0Dhwd_cFqKz3C09mo_D9EPUhP00bsU7CxUoHXdHT-fhSpMkUTzqki30m6ug1A91bSL9ZFLWI8fD53eZFwSBQwJaP58zUo5X8JuQJK3rmLc22c_aea9F91VepR2UXMvs34NToPX0s/s1600/Josefin+Slab+Free+Font+From+Google+Fonts.png" title="Font Yang Cocok Untuk Template Flat Design" /></a></div>Berikut CSS Font Style Josefin Slab dari Google Fonts.<br /><pre data-codetype="CSSku" title="CSS"><code class="language-css"><link href='https://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css'></code></pre><br /><h3><a href="https://www.google.com/fonts/specimen/Roboto" rel="nofollow" target="_blank">13. Roboto</a></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi06OWx0Vs__va8e_UbC8gueTSh84QrwMr2gk6wfgL-eMTm-ltygJO8HIG2NUdIXVkZmA5BJqmduVGUke9fmBz-dN3_G_UxgKbd6QHMC2WV_N4WpDL5De-N2oZGGO8j_3EjdqsfkeAB4JY/s1600/Roboto+Free+Font+From+Google+Fonts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Font Yang Cocok Untuk Template Flat Design" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi06OWx0Vs__va8e_UbC8gueTSh84QrwMr2gk6wfgL-eMTm-ltygJO8HIG2NUdIXVkZmA5BJqmduVGUke9fmBz-dN3_G_UxgKbd6QHMC2WV_N4WpDL5De-N2oZGGO8j_3EjdqsfkeAB4JY/s1600/Roboto+Free+Font+From+Google+Fonts.png" title="Font Yang Cocok Untuk Template Flat Design" /></a></div>Berikut CSS Font Style Roboto dari Google Fonts.<br /><pre data-codetype="CSSku" title="CSS"><code class="language-css"><link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'></code></pre><br /><h3><a href="https://www.google.com/fonts/specimen/Fenix" rel="nofollow" target="_blank">14. Fenix</a></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitxTmX1utpTltbGjCpxQ62dFG9ec-N9iLIW5IbxP6Dbbi-OeEs2voz_3kAYlVLxnZj2enxBkIH8neJPdXNvq20xXS6pLnTJTQixdRVRWPNn6qX29O2vog84V1svywkvRYWd2kEm3265BY/s1600/Fenix+Free+Font+From+Google+Fonts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Font Yang Cocok Untuk Template Flat Design" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitxTmX1utpTltbGjCpxQ62dFG9ec-N9iLIW5IbxP6Dbbi-OeEs2voz_3kAYlVLxnZj2enxBkIH8neJPdXNvq20xXS6pLnTJTQixdRVRWPNn6qX29O2vog84V1svywkvRYWd2kEm3265BY/s1600/Fenix+Free+Font+From+Google+Fonts.png" title="Font Yang Cocok Untuk Template Flat Design" /></a></div>Berikut CSS Font Style Fenix dari Google Fonts.<br /><pre data-codetype="CSSku" title="CSS"><code class="language-css"><link href='https://fonts.googleapis.com/css?family=Fenix' rel='stylesheet' type='text/css'></code></pre><br /><h3><a href="https://www.google.com/fonts/specimen/Varela" rel="nofollow" target="_blank">15. Varela</a></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP9o4oOocQOV3mcB_BWYQV_9TQ8P_ignBWh9W_6LF1TLz-VezNCBZFG2zrj0hGoBDj8jZTNzREmF6PauslvHOjUUcIRyi85CkSobWP18ijpnWPmEawVF7GDb6_1tEyUGhtcS1Guc6QoKc/s1600/Varela+Free+Font+From+Google+Fonts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Font Yang Cocok Untuk Template Flat Design" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP9o4oOocQOV3mcB_BWYQV_9TQ8P_ignBWh9W_6LF1TLz-VezNCBZFG2zrj0hGoBDj8jZTNzREmF6PauslvHOjUUcIRyi85CkSobWP18ijpnWPmEawVF7GDb6_1tEyUGhtcS1Guc6QoKc/s1600/Varela+Free+Font+From+Google+Fonts.png" title="Font Yang Cocok Untuk Template Flat Design" /></a></div>Berikut CSS Font Style Varela dari Google Fonts.<br /><pre data-codetype="CSSku" title="CSS"><code class="language-css"><link href='https://fonts.googleapis.com/css?family=Varela' rel='stylesheet' type='text/css'></code></pre><br /><div style="text-align: justify;">Saya rasa cukup sekian artikel kali ini tentang <a href="http://wajahilmu.blogspot.com/2015/09/font-yang-cocok-untuk-template-flat.html" target="_blank">Daftar Font Yang Cocok Untuk Template Flat Design</a>. Semoga bisa bermanfaat dan jangan lupa berikan komentar Anda. Bila ada font yang dianggap cocok untuk flat design, silahkan tuliskan juga pada kolom komentar nanti akan saya submit ke artikel ini. Terima Kasih telah mengunjungi <a href="http://wajahilmu.blogspot.com/" target="_blank">Opick Weblog</a>.</div></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-40364164055566086172015-09-09T17:41:00.000-07:002019-07-25T00:16:41.300-07:00Cara Mudah Memasang Widget Tab View di Blog<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-jpOGEpGIcVDn7qXYi6D2pUnXMcTkdsz0yJ4lhosHgh-aOUqbubKyr8f9CSoDMz6Cdnk3Ql9m8nCulXGU6y-D8GJvi_2JE89iC-k-fig607qGM30x4k09T2g8iyMTqoaUKfwROTtztuU/s1600/Memasang+Widget+Tab+View.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Memasang Widget Tab View di Blog" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-jpOGEpGIcVDn7qXYi6D2pUnXMcTkdsz0yJ4lhosHgh-aOUqbubKyr8f9CSoDMz6Cdnk3Ql9m8nCulXGU6y-D8GJvi_2JE89iC-k-fig607qGM30x4k09T2g8iyMTqoaUKfwROTtztuU/s320/Memasang+Widget+Tab+View.png" title="Cara Mudah Memasang Widget Tab View di Blog" width="245" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><span style="font-size: small; text-align: justify;">Cara Mudah Memasang Widget Tab View di Blog</span></td></tr></tbody></table>Sobat blogger pasti sudah pada tau apa widget tab view itu, jadi tidak perlu saya jelaskan lagi bukan? Bagi yang belum tau silahkan liat screenshot di atas. Kurang lebih seperti itu lah tampilan dari widget tab view. Sobat dapat memasukkan beberapa widget yang dapat dimunculkan dengan melakukan klik pada tab sesuai judulnya.</div><br /><div style="text-align: justify;">Berikut ini tutorial simple memasang widget tab view, sobat tidak perlu melakukan edit template atau semacamnya. Cukup dengan memasang widget ini, tab view dengan tampilan yang bagus sudah dapat di pasang pada blog sobat. Tanpa basa-basi lagi, berikut tutorial cara memasang widget tersebut.</div><br /><h3 style="text-align: justify;">Cara Mudah Memasang Widget Tab View di Blog</h3><div style="text-align: justify;">1. Sebaiknya blog sobat telah terpasang jquery terlebih dahulu. Bisa menggunakan jquery versi apa saja. Bila belum punya, silahkan letakkan script jquery berikut tepat di atas atau sebelum kode <kbd></head></kbd> lalu save.</div><pre data-codetype="JQueryku" title="jQuery"><code class="language-javascript"><script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/></code></pre><br /><div style="text-align: justify;">2. Menuju ke Tata Letak, klik Tambahkan Widget lalu pili HTML/Javascript. Masukkan kode berikut lalu save.</div><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><style type="text/css"><br />.blogtabs{padding:0!important;border:0 solid #bbb}<br />.blogtabs h2{float:left;margin:0;font-size:12px;padding:2px 5px;overflow:hidden;position:relative;background:#fff;cursor:pointer;display:block;width:30%;text-align:center;border-bottom:0}<br />html .blogtabs h2.active{background:#4f93c5;color:#fff}<br />.blogtabs .widget-content{border-top:2px solid #4f93c5;padding:10px;background:#fff;clear:both;margin:0}<br />.btab,#showtabs{display:none}<br /></style><br /><script src='https://googledrive.com/host/0B2oQSsObIa2lcWxtUjZkNjVZejQ' type='text/javascript'></script><br /><script type="text/javascript"><br />$(document).ready(function(){$("#showtabs").simpleBlogTab({organictabs:3})});<br /></script> <br /><div id="showtabs"></div></code></pre><br /><div style="text-align: justify;">3. Konfigurasikan widget yang akan dimasukkan kedalam tab view dengan meletakkan widget di bawah widget tab view sebelumnya. Lebih jelasnya lihat gambar berikut.</div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj7nVEoFq06FuXGxqjVfRdQlgj1CB0hbzDmiGQHVviKvH0G1EJ6SZm7ByRmcxaUp4p6U_mgWQMR4GjV18xnp-wHkpUJzcCWQjglcZb8zV6lb_rYSQOpLpLgHtLsxFA0jR-L8dAKW7Qi38/s1600/Konfigurasi+Widget+Tab+View.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mudah Memasang Widget Tab View di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj7nVEoFq06FuXGxqjVfRdQlgj1CB0hbzDmiGQHVviKvH0G1EJ6SZm7ByRmcxaUp4p6U_mgWQMR4GjV18xnp-wHkpUJzcCWQjglcZb8zV6lb_rYSQOpLpLgHtLsxFA0jR-L8dAKW7Qi38/s1600/Konfigurasi+Widget+Tab+View.png" title="Cara Mudah Memasang Widget Tab View di Blog" /></a></div><br /><div style="text-align: justify;">4. Setelah selesai meletakkan widget yang di inginkan, silahkan save dan lihat hasilnya.<br /><blockquote>Baca juga : <a href="http://wajahilmu.blogspot.com/2015/07/cara-memasang-widget-recent-post-json.html" target="_blank">Cara Memasang Widget Recent Post Keren Pada Blog</a></blockquote>Saya rasa cukup sekian artikel tentang <a href="http://wajahilmu.blogspot.com/2015/09/memasang-widget-tab-view-di-blog.html" target="_blank">Cara Mudah Memasang Widget Tab View di Blog</a>. Semoga bermanfaat bagi sobat blogger dan jangan lupa untuk berkomentar terlebih dahulu sebelum menerapkan. Terima kasih telah mengunjungi Opick Weblog.</div></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-32969586870024537562015-09-04T14:28:00.000-07:002019-07-25T00:16:41.474-07:00Cara Melindungi Kode Javascript Dengan Obfuscator<div dir="ltr" style="text-align: left;" trbidi="on"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfeuhQlPs-tYfj2wIASaDow8cEMADlAvY_9VYl4MruTUAIXVmGi4uDaRHt1fXnvIEbaovkGh29AgaklhY45qwQM8l-apKvwUExxFyi8I5lXXPm8GU-niTsvtQUSMBMpLj6BCUDyUUUi-Y/s1600/Cara+Melindungi+Javascript+Menggunakan+Obfuscator.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Melindungi Javascript Menggunakan Obfuscator" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfeuhQlPs-tYfj2wIASaDow8cEMADlAvY_9VYl4MruTUAIXVmGi4uDaRHt1fXnvIEbaovkGh29AgaklhY45qwQM8l-apKvwUExxFyi8I5lXXPm8GU-niTsvtQUSMBMpLj6BCUDyUUUi-Y/s1600/Cara+Melindungi+Javascript+Menggunakan+Obfuscator.png" title="Cara Melindungi Javascript Menggunakan Obfuscator" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Cara Melindungi Javascript Menggunakan Obfuscator</td></tr></tbody></table><div style="text-align: justify;">Bagi para bloggers terutama designer template pasti sering dicopas karya hak ciptanya. Javascript pendukung template atau pun untuk widget sering kali menjadi sasaran empuk para copaser yang giat melakukan copy paste terhadap javascript. Kebanyakan blogger akan mengubah menyembunyikan javascript dengan menggunkan tools Decode dan Encode untuk mengubah kode menjadi simbol.<br /><br />Akan tetapi tools Decode dan Encode dapat pula digunakan untuk fungsi kebalikannya, yaitu dengan mengubah kembali simbol menjadi kode. Jadi, saya menganjurkan untuk menyembunyikan javascript menggunakan <b>Obfuscator</b>.<br /><br /><h3>Apa itu Obfuscator ?</h3>Obfuscator adalah sebuah software untuk mengaburkan kode, yaitu sumber atau kode mesin yang sangat sulit untuk dipahami. Sama seperti namanya, Obfuscator atau dalam bahasa Indonesia berarti kebingungan, software ini juga dapat membuat kode menjadi beberapa gabungan simbol.<br /><br />Walaupun kode atau javascript telah diubah menjadi simbol, itu akan tetap aktif saat digunakan. Sangat praktis bagi sobat blogger yang tidak ingin memperlihatkan kode buatannya. Bisa juga anda sisipkan kode Copyright atau Hak Cipta untuk melindungi karya Anda.<br /><br />Software Javascript Obfuscator dapat sobat gunakan dengan mendownloadnya atau langsung menggunakan secara online. Bagaimana cara menggunakan Javascript Obfuscator ? Simak tutorial berikut.<br /><br /><h3>Cara Menggunakan Javascript Obfuscator</h3>1. Silahkan kunjungi situs <a href="http://www.javascriptobfuscator.com/Javascript-Obfuscator.aspx" rel="nofollow" target="_blank">Javascript Obfuscator</a>.<br /><br />2. Bila Ingin Mendownload Software, silahkan klik tombol bertuliskan <b>Download Obfuscator GUI</b>. Jika ingin langsung menggunakan tools Javascript Obfuscator, silahkan lihat gambar berikut.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDhn5t7BcwKB7mhel8TjJ8C3xD8hpQsGTPUmUY6R_Gakudmzkl-6zn9O4Tt3V487zqt5dRynEXSA1PRyxFVt4xoJrvWH4Ssct0pbhuIjxVIGvufQM9PNdp-Q3yjJdfT2L5aDhiHR5nZcU/s1600/Cara+Menggunakan+Javascript+Obfuscator.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menggunakan Javascript Obfuscator" border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDhn5t7BcwKB7mhel8TjJ8C3xD8hpQsGTPUmUY6R_Gakudmzkl-6zn9O4Tt3V487zqt5dRynEXSA1PRyxFVt4xoJrvWH4Ssct0pbhuIjxVIGvufQM9PNdp-Q3yjJdfT2L5aDhiHR5nZcU/s640/Cara+Menggunakan+Javascript+Obfuscator.png" title="Cara Menggunakan Javascript Obfuscator" width="640" /></a></div><br />Keterangan:<br /><ul style="text-align: left;"><li>Pada tanda pertama, silahkan paste kode Javascript sobat.</li><li>Kedua, klik tombol <b>Obfuscate</b> lalu tunggu sampai loading selesai.</li><li>Ketiga atau yang terakhir, copy kode yang telah diubah menjadi simbol.</li></ul><blockquote style="text-align: justify;">Baca juga : <a href="http://wajahilmu.blogspot.com/2015/08/tips-mengatasi-pencurian-artikel-oleh.html" target="_blank">Cara Mencegah dan Mengatasi Copy Paste Dari Blog AGC</a></blockquote><div style="text-align: justify;">3. Setelah mendapatkan kodenya, silahkan tempatkan pada blog sobat dan selesai.<br /><br />Cukup sekian artikel tentang <a href="http://wajahilmu.blogspot.com/2015/09/cara-menggunakan-javascript-obfuscator.html" target="_blank">Cara Melindungi Kode Javascript Dengan Obfuscator</a>. Semoga bisa bermanfaat bagi sobat blogger yang ingin berkarya. Sebelum menerapkan tutorial di atas, silahkan sempatkan sedikit waktu sobat untuk berkomentar. Terima kasih banyak telah mengunjungi Opick Weblog.</div></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-32690996478235761592015-08-31T10:14:00.000-07:002019-07-25T00:16:41.641-07:00Cara Modifikasi Widget Followers 2 Kotak Terbaru<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCtxlIrDVW1pgzDPn-Qm4TX2MEv0LfpaxnqVXbc-iGLDOURc_z-leQ1h7IQmyqMpz4vCFeoQb8-Yv3XOkVvDeQyWR8UfeQktvWeedv3gXCAnhgjJD7tVeAJkz6322WKjoHjznFY_M6iHM/s1600/Cara+Modifikasi+Widget+Followers+2+Kotak+Terbaru.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Modifikasi Widget Followers 2 Kotak Terbaru" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCtxlIrDVW1pgzDPn-Qm4TX2MEv0LfpaxnqVXbc-iGLDOURc_z-leQ1h7IQmyqMpz4vCFeoQb8-Yv3XOkVvDeQyWR8UfeQktvWeedv3gXCAnhgjJD7tVeAJkz6322WKjoHjznFY_M6iHM/s1600/Cara+Modifikasi+Widget+Followers+2+Kotak+Terbaru.png" title="Cara Modifikasi Widget Followers 2 Kotak Terbaru" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Cara Modifikasi Widget Followers Tampilan 2 Kotak</td></tr></tbody></table>Seperti yang sobat semua ketahui, Widget Followers menampilkan maksimal 4 kotak bila memiliki followers yang banyak. Tampilan 4 kotak pada widget followers sebenarnya dapat dimodifikasi agar menjadi lebih sedikit bahkan sampai 1 kotak saja.<br /><br />Menurut saya sendiri, dengan menampilkan jumlah followers hanya dengan 2 kotak akan terlihat lebih minimalis. Selain itu, tentu saja dapat membuat loading blog lebih ringan karena gambar followers yang dimuat pada widget sangat sedikit. Bila sobat blogger tertarik untuk mencobanya silahkan ikuti tutorial berikut.</div><br /><h3 style="text-align: justify;">Cara Modifikasi Widget Follower 2 Kotak Terbaru</h3><div style="text-align: justify;">1. Menuju ke Tata Letak > Tambahkan Widget > HTML/Javascript.<br /><br />2. Masukkan kode widget followers berikut.</div><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div class="separator" style="clear: both; text-align: center;"><br /><script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"></script><br /></div><br /><center><br /><div id="<span style="color:#f8823c;">div-1y1gegvl9ycve</span>" style="border-radius: 0px; border: 0px solid #eee; margin: 0 auto;"><br /></div><br /><script type="text/javascript"><br />var skin = {};<br />skin['FACE_SIZE'] = '34';<br />skin['BORDER_COLOR'] = '#FFFFFF';<br />skin['ENDCAP_BG_COLOR'] = '#FFFFFF';<br />skin['ENDCAP_TEXT_COLOR'] = '#555555';<br />skin['ENDCAP_LINK_COLOR'] = '#555555';<br />skin['CONTENT_BG_COLOR'] = '#FFFFFF';<br />skin['CONTENT_LINK_COLOR'] = '#555555';<br />skin['CONTENT_TEXT_COLOR'] = '#555555';<br />skin['CONTENT_HEADLINE_COLOR'] = '#555555';<br />skin['NUMBER_ROWS'] = '2';<br />google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);<br />google.friendconnect.container.renderMembersGadget(<br /> { id: '<span style="color:#f8823c;">div-1y1gegvl9ycve</span>',<br /> site: '<span style="color:#f8823c;">06785910513097216822</span>'},<br /> skin);<br /></script></center></code></pre>Keterangan :<br /><ul style="text-align: left;"><li>Ganti angka 2 pada <kbd>skin['NUMBER_ROWS'] = '2'</kbd> untuk menentukan jumlah kotak yang ingin sobat munculkan.</li><li>Ganti ID <kbd>div-1y1gegvl9ycve</kbd> dengan ID widget followers sobat.</li><li>Ganti Site <kbd>06785910513097216822</kbd> dengan Site pada widget followers sobat.</li></ul><br /><div style="text-align: justify;">3. Klik save dan selesai.<br /><blockquote>Baca juga : <a href="http://wajahilmu.blogspot.com/2015/06/cara-membuat-halaman-followers.html" target="_blank">Cara Membuat Halaman Followers Pada Blog</a></blockquote>Pasti banyak dari sobat sekalian yang bertanya, bagaimana cara mendapatkan ID dan Site dari Widget Followers? Caranya gampang-gampang susah, cukup ikuti step akhir berikut.<br /><br /><h3 style="text-align: justify;">Cara Mendapatkan ID dan Site Widget Followers</h3>1. Pasang terlebih dahulu widget followers dari blogger.<br /><br />2. Klik kanan pada widget lalu pilih Inspect Element. Nanti akan muncul kode script widget followers pada bagian bawah. Silahkan bongkar script widget followers untuk mendapatkan kode ID dan Site. Lebih jelasnya lihat gambar berikut.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT4dnQFXFD4tzPlZITuB-60So1mHydNn4imYNH-045X9l6PzIm6B1FpmMA_33QHIW1Nv_EAgUF9U5R7L-e3gjCceEymGl1PnxcN12LNlH3nwtzYrZraP5ctU0V5yfhYQtjasiKWBInFnY/s1600/Modifikasi+Widget+Followers+2+Kotak+Terbaru.png" imageanchor="1"><img alt="Cara Modifikasi Widget Followers 2 Kotak Terbaru" border="0" height="305" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT4dnQFXFD4tzPlZITuB-60So1mHydNn4imYNH-045X9l6PzIm6B1FpmMA_33QHIW1Nv_EAgUF9U5R7L-e3gjCceEymGl1PnxcN12LNlH3nwtzYrZraP5ctU0V5yfhYQtjasiKWBInFnY/s640/Modifikasi+Widget+Followers+2+Kotak+Terbaru.png" title="Cara Modifikasi Widget Followers 2 Kotak Terbaru" width="640" /></a></div><br />Jika sobat mengalami kesulitan dalam menemukan Id dan Site pada widget tersebut, silahkan riquest ke halaman <a href="http://wajahilmu.blogspot.com/p/test.html" target="_blank"><i class="fa fa-coffee"></i> OOT</a>. Nanti akan saya bantu.<br /><br />3. Jika sudah menemukan ID dan Site dari Widget Followers, silahkan lakukan double click untuk blok lalu copy Id dan Site-nya. Silahkan paste pada script widget followers sebelumnya.<br /><br />Saya rasa cukup sekian artikel tentang <a href="http://wajahilmu.blogspot.com/2015/09/modifikasi-widget-follower-2-kotak.html" target="_blank">Cara Modifikasi Widget Follower 2 Kotak Terbaru</a>. Semoga bisa bermanfaat bagi sobat yang membutuhkan dan jangan lupa untuk berkomentar terlebih dahulu sebelum mencobanya. Terima kasih telah mengunjungi Opick Weblog.</div><br /><span class="source" style="font-size: x-small;">Original post by <a href="http://wajahilmu.blogspot.com/" target="_blank">wajahilmu.blogspot.com</a> (Opick Weblog)</span></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-53901041837820840692015-08-25T23:24:00.000-07:002019-07-25T00:16:41.812-07:00Cara Memasang Widget Jam Dengan Desain Flat<div dir="ltr" style="text-align: left;" trbidi="on"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC078aQ3wVeUD7N2ww3MWhBY8A9wjH6UBjxbP4WxFiIcdVzi9YaWLnCQATtkN9NRdy0dGueAJ1rV_CrAsgfIklyWnuvz-5FM1JTz7aZ4OZrGSVKalk1_NYwuNmyjNO8lxvTGoQGT1AvGo/s1600/Awesome+Clock+Widget+For+Blog.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Memasang Widget Jam Dengan Desain Flat ui" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC078aQ3wVeUD7N2ww3MWhBY8A9wjH6UBjxbP4WxFiIcdVzi9YaWLnCQATtkN9NRdy0dGueAJ1rV_CrAsgfIklyWnuvz-5FM1JTz7aZ4OZrGSVKalk1_NYwuNmyjNO8lxvTGoQGT1AvGo/s1600/Awesome+Clock+Widget+For+Blog.png" title="Cara Memasang Widget Jam Dengan Desain Flat" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><span style="font-size: small; text-align: left;">Cara Memasang Widget Jam Dengan Desain Flat</span></td></tr></tbody></table><div style="text-align: justify;">Kali ini saya akan memposting sebuah clock widget dengan desain flat. Cara memasang widget jam keren ini sangat mudah, bila Anda tertarik silahkan pasang pada blog sobat. Untuk previewnya silahkan lihat gambar atau klik tombol demo dibawah ini.</div><br /><div style="text-align: center;"><a class="demo" href="http://wajahilmu.blogspot.com/p/wajahilmu.html" target="_blank">Demo</a></div><br /><div style="text-align: justify;">Setelah melihat demo widget, silahkan ikuti step berikut untuk cara pemasangannya. Widget jam ini tersedia dalam tiga warna yaitu merah, biru dan hijau.<br /><br />Cara Memasang Widget Jam<br />1. Login ke blog sobat.<br /><br />2. Pilih menu Tata Letak > Tambahkan Widget > HTML/JavaScript.<br /><br />3. Letakkan kode widget yang sobat suka pada kolom yg tersedia.</div><ul><li style="color: #dd4a3a; font-weight: bold;">Red Color</li><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><center><a id="copyright-opick" href="http://wajahilmu.blogspot.com/search/label/Widget" target="_blank"><canvas id="canvas" width="200" height="200" style="background-color:#dd4a3a;border-radius:10px;box-shadow:0 10px 0 0 #c23122;"><br /></canvas></a></center><br /><script src='https://googledrive.com/host/0B2oQSsObIa2lc3BlRXc0Q2tNSHM' type='text/javascript'/></code></pre><li style="color: #4f93c5; font-weight: bold;">Blue Color</li><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><center><a id="copyright-opick" href="http://wajahilmu.blogspot.com/search/label/Widget" target="_blank"><canvas id="canvas" width="200" height="200" style="background-color:#4f93c5;border-radius:10px;box-shadow:0 10px 0 0 #4786b5;"><br /></canvas></a></center><br /><script src='https://googledrive.com/host/0B2oQSsObIa2lUkdLdldRREVOY3c' type='text/javascript'/></code></pre><li style="color: #8dbb90; font-weight: bold;">Green Color</li><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><center><a id="copyright-opick" href="http://wajahilmu.blogspot.com/search/label/Widget" target="_blank"><canvas id="canvas" width="200" height="200" style="background-color:#8dbb90;border-radius:10px;box-shadow:0 10px 0 0 #6da871;"><br /></canvas></a></center><br /><script src='https://googledrive.com/host/0B2oQSsObIa2lQnBYdFBGbTh5aDQ' type='text/javascript'/></code></pre></ul><div style="text-align: justify;">Keterangan :<br /><ul><li>Sesuaikan ukuran widget pada display dengan mengubah nilai <b>width</b> dan <b>height</b>.</li><li>Bila ingin warna lain, silahkan riquest ke halaman <a href="http://wajahilmu.blogspot.com/p/test.html" target="_blank"><kbd><i class="fa fa-coffee"></i> OOT</kbd></a>.</li></ul>4. klik save dan selesai<br /><blockquote>Baca juga : <a href="http://wajahilmu.blogspot.com/2015/07/cara-memasang-widget-recent-post-json.html" target="_blank">Cara Memasang Widget Recent Post Keren Pada Blog</a></blockquote>Kurang lebih begitulah <a alt="Cara Memasang Widget Jam Dengan Desain Flat ui" href="http://wajahilmu.blogspot.com/2015/08/awesome-clock-widget-with-flat-design.html" target="_blank">Cara Memasang Widget Jam Dengan Desain Flat</a> ini. Sebelum memasang, ada baiknya jika berkomentar terlebih dahulu biar Opick Weblog dapat terus update. Cukup sekian artikel kali ini, semoga bisa bermanfaat bagi sobat semua.</div><br /><span class='source' style='font-size: x-small;'>Original post by <a href="http://wajahilmu.blogspot.com/" target="_blank">wajahilmu.blogspot.com</a> (Opick Weblog)</span><br /><div class="clear"></div></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-44396491345814174742015-08-24T22:49:00.000-07:002019-07-25T00:16:41.983-07:00Download Vector Design Logo Corel Draw<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">Karena sudah lama tidak posting tentang corel draw, maka kali ini saya akan share lagi file CDR Corel Draw. File ini dapat Anda buka menggunakan Corel Draw dengan versi apa saja.<br /><br />Anda dapat mengedit file untuk menyesuaikan dengan logo yang Anda inginkan. Perlu Anda ketahui bahwa design logo ini hampir serupa satu sama lain karena basic nya adalah Flat Design. Bila ingin mencoba membuat sendiri, silahkan baca <b><a href="http://wajahilmu.blogspot.com/2015/05/cara-membuat-logo-blog-menggunakan.html" target="_blank">Cara Membuat Logo Web Atau Blog Menggunakan Corel Draw</a></b>.<br /><blockquote>Baca juga : <a href="http://wajahilmu.blogspot.com/2014/04/contoh-brosur-indo-playgroup.html" target="_blank">Download Vector Desain Brosur</a></blockquote>Jika Anda tertarik untuk mendownload file cdr logo ini silahkan berkomentar dan klik tombol download yang tersedia. Berikut daftar logo yang telah saya buat :</div><br /><h3 style="text-align: left;">1. Logo All Words</h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPge5vIi0SEI3ztDa8cKGqGe-P7mp27769Zcuax48ZYCc43U_D3ano3SWevQXAWqlkcF_4_edEQFG9UmwXhvJ4TqPe1YS2IvH4uGPBncukwG5zIOeZ1vGvgydhi4zFbXixOO68TSNjVSY/s1600/Download+vector+design+logo+corel+draw.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Download File CDR Logo Corel Draw" border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPge5vIi0SEI3ztDa8cKGqGe-P7mp27769Zcuax48ZYCc43U_D3ano3SWevQXAWqlkcF_4_edEQFG9UmwXhvJ4TqPe1YS2IvH4uGPBncukwG5zIOeZ1vGvgydhi4zFbXixOO68TSNjVSY/s320/Download+vector+design+logo+corel+draw.png" title="Download File CDR Logo Corel Draw" width="320" /></a><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHenuKmk8n8HNB0yZtWvXnT8odGLcUpoNYPdllPFhwabIlIhyOQRj6lgGiVJXuzp2YZpawfn9BxETNSU1DU3b6XR8beaImrEzuHcm_OAQSXbpVylTMNdBaED3OZQSK6kedTITLB3GmJvg/s1600/Download+vector+logo+corel+draw.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Download Vector Design Logo Corel Draw" border="0" height="111" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHenuKmk8n8HNB0yZtWvXnT8odGLcUpoNYPdllPFhwabIlIhyOQRj6lgGiVJXuzp2YZpawfn9BxETNSU1DU3b6XR8beaImrEzuHcm_OAQSXbpVylTMNdBaED3OZQSK6kedTITLB3GmJvg/s320/Download+vector+logo+corel+draw.png" title="Download Vector Design Logo Corel Draw" width="320" /></a></div><br /><div style="text-align: center;"><a class="download" href="http://adf.ly/1NHIpQ" target="_blank">Download</a></div><br /><h3 style="text-align: left;">2. Logo Cibi Anime</h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZReQK8plfmii2s7gH9bY9WFay1EsrrYleWXTTUS_KUacTheohreLZDJNrQaarRDIFiT8eE-3gYF0CNZtQbmY6SbmFFUvusu5_1KDgUS5ui7mDkb2uguZCnGeMdVGE-F9ZqqW5Sl8uGYs/s1600/Logo+Corel+2+-+OPICK+WEBLOG.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Download File CDR Logo Corel Draw" border="0" height="88" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZReQK8plfmii2s7gH9bY9WFay1EsrrYleWXTTUS_KUacTheohreLZDJNrQaarRDIFiT8eE-3gYF0CNZtQbmY6SbmFFUvusu5_1KDgUS5ui7mDkb2uguZCnGeMdVGE-F9ZqqW5Sl8uGYs/s320/Logo+Corel+2+-+OPICK+WEBLOG.png" title="Download File CDR Logo Corel Draw" width="320" /></a></div><br /><div style="text-align: center;"><a class="download" href="http://adf.ly/1NHIwH" target="_blank">Download</a></div><br /><h3 style="text-align: left;">3. Logo Opick Weblog</h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG11dQV-tPeOQL7bJhfP2dfFfroGoLql6geM4bsRUsaK09Y65s4i-ZMuDTUvy8hbgIWkkJuBxF_W5kYAN857eAF2vwEa2CuB9s2k9B7qhGD1WDRhkjjBQwk74Q3v2wxTnnqWQhNiYrdeQ/s1600/Download+Logo+Corel+Draw+X4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Download Vector Design Logo Corel Draw" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG11dQV-tPeOQL7bJhfP2dfFfroGoLql6geM4bsRUsaK09Y65s4i-ZMuDTUvy8hbgIWkkJuBxF_W5kYAN857eAF2vwEa2CuB9s2k9B7qhGD1WDRhkjjBQwk74Q3v2wxTnnqWQhNiYrdeQ/s1600/Download+Logo+Corel+Draw+X4.png" title="Download Vector Design Logo Corel Draw" /></a></div><br /><div style="text-align: center;"><a class="download" href="http://adf.ly/1NHJ0j" target="_blank">Download</a></div><br /><div style="text-align: justify;">If Need Password : <kbd>Corel Opick Weblog</kbd><br /><br />Sekian artikel tentang <a href="http://wajahilmu.blogspot.com/2015/08/download-file-cdr-logo-corel-draw.html" target="_blank">Download Vector Design Logo Corel Draw</a>. Semoga bisa bermanfaat bagi sobat yang ingin mencoba membuat logo blog sendiri. Ingat ini hanya untuk referensi semata, karena logo tersebut telah digunakan oleh beberapa blog (termasuk blog ini). Terima kasih banyak telah mengunjungi Opick Weblog.</div></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-69417229010650115312015-08-22T07:08:00.000-07:002019-07-25T00:16:42.158-07:00Cara Modifikasi Tampilan Thread Comments Hack Blogger<div dir="ltr" style="text-align: left;" trbidi="on"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizcjlrkt0TwNV6b6W51sQDpT7AH1V3TqBAgi8ezaUYOfAnujDsmb65otAfpQ38Apwf8uWS_T_nlNkoRgjefSlRfwet5mdf3EN8Ck4hs2g2W-gAAyjKcJmz9_X2FeORZTPclDWrDGfX6mU/s1600/Modifikasi+Tampilan+Komentar+Blog.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Modifikasi Tampilan Thread Comments Hack Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizcjlrkt0TwNV6b6W51sQDpT7AH1V3TqBAgi8ezaUYOfAnujDsmb65otAfpQ38Apwf8uWS_T_nlNkoRgjefSlRfwet5mdf3EN8Ck4hs2g2W-gAAyjKcJmz9_X2FeORZTPclDWrDGfX6mU/s1600/Modifikasi+Tampilan+Komentar+Blog.png" title="Cara Modifikasi Tampilan Thread Comments Hack Blogger" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Cara Modifikasi Tampilan Thread Comments Hack Blogger</td></tr></tbody></table><div style="text-align: justify;">Atas permintaan salah satu member Opick Weblog, kali ini akan kita buat tampilan komentar blog menjadi lebih keren. Tampilan komentar ini merupakan modifikasi dari <b>Thread Comments Hack For Blogger</b>. Bila Tertarik dengan tampilannya, silahkan simak tutorial berikut.</div><br /><div style="text-align: justify;"><h3>Cara Modifikasi Tampilan Thread Comments Hack</h3></div><div style="text-align: justify;">1. Silahkan menuju ke menu Template lalu klik Edit HTML.</div><br /><div style="text-align: justify;">2. Letakkan CSS berikut sebelum kode <kbd>]]></b:skin></kbd> atau <kbd></style></kbd>.</div><pre data-codetype="CSSku" title="CSS"><code class="language-css">/* CSS Comments Opick Weblog */<br />#comments{background:#fff;clear:both;margin:10px auto 0;line-height:1em;padding:20px;border: 1px solid #eee;}<br />#comments h3{background:#fff;display:inline;line-height:20px;margin-bottom:20px;margin-top:0;font-family:'Arial',sans-serif;font-size:14px;position:absolute;color:#333;font-weight:700;text-transform:uppercase;padding:10px 20px 10px 50px;border:1px solid #eaeaea;}<br />#comments h3:before {font-family:fontawesome;content:"\f086";margin-right:10px;font-size:20px;padding:10px 15px;position:absolute;left:0;top:0;}<br />#comments .click-comment{background:#fff;color:#333;float:right;text-decoration:none;display:inline;line-height:20px;margin-bottom:20px;margin-top:0;font-family:'Arial',sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;padding:10px 20px;border:1px solid #eaeaea;}<br />#comments .click-comment:hover{background:#fff;color:#4f93c5;}<br />.comment_avatar_wrap{width:0;height:42px;border:none;background:none;text-align:center;padding:0;}<br />#comments .comment_avatar {width:42px;height:42px;max-width:42px;max-height:42px;background:#fff;padding:3px;text-align:center;position:absolute;top:19px;right:8px;border-radius:50%;}<br />#comments .comment_admin .comment_avatar{width:42px;height:42px;max-width:42px;max-height:42px;padding:3px;text-align:center;position:absolute;top:19px;right:8px;<br />border-radius:50%;}<br />#comments .comment_avatar img {width:42px;height:42px;max-width:42px;max-height: 42px;background:#fff;border-radius:50%;}<br />.comment_avatar img{width:42px;height:42px;background:#fff;border-radius:50%;}<br />.comment_name a{font-family:'Arial';font-weight:400;font-size:16px;padding:5px 0;color:#fff;text-decoration:none}<br />.comment_name a:hover{color:#fff}<br />.comment_admin .comment_name{font-weight:400;font-size:18px;font-family:'Arial';text-decoration:none;background:none;padding:5px 0;text-transform:capitalize;}<br />.comment_admin .comment_date{left:10px;font-weight:400;font-size:11px;}<br />.comment_name{font-size:18px;font-family:'Arial';font-weight:400;padding:10px;position:absolute;text-transform:capitalize;left:5px;top:5px;display:inline;transition:all .3s ease-in-out;}<br />.comment_name:hover{color:#fff;}<br />.comment_admin .comment_name{padding:10px;left:5px;top:5px;display:inline;}<br />.comment_service{position:absolute;bottom:8px;left:8px;}<br />.comment_date a{left:0;font-size:11px;font-weight:400;text-transform:none;color:#aaa;text-decoration:none}<br />.comment_body{margin:15px 0;background:#fff;padding:0;position:relative;box-shadow:0 1px 1px 0px #e9e9e9;}<br />.comment_body p{line-height:1.6em;color:#444;font-size:14px;font-family:'Arial',Helvetica,Arial,sans-serif;word-wrap:break-word;background:#fff;padding:0 20px}<br />.comment_child .comment_body p{color:#444;}<br />.comment_body p img{vertical-align:middle;margin:0 5px;}<br />.comment_inner{padding-bottom:5px;margin:5px 0}<br />.comment_child .comment_wrap{padding-left:7%}<br />.comment_child .comment_body{margin-top:-10px;background:#fff;}<br />.comment_reply{float:right;display:inline;bottom:0;right:0;color:#888!important;text-align:center;text-decoration:none;background:#f5f5f5;font:11px/18px sans-serif;padding:3px 11px;}<br />.comment_reply:hover{text-decoration:none!important;background:#4f93c5;color:#fff!important;text-shadow:none;}<br />.comment-form{width:100%;max-width:100%;margin-bottom:10px;padding:0;}<br />.comment_form a{text-decoration:none;text-transform:uppercase;font-weight:700;font-family:Arial,Helvetica,Garuda,sans-serif;font-size:15px;color:#444}<br />#comment-editor{width:103%!important;background:url('http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif') no-repeat 50% 25%;position:relative;margin-left:-8px;margin-top:-15px}<br />.comment-form p{background:#fff;color:#666;border:1px solid #e9e9e9;font-size:14px;font-family:'Arial',Helvetica,Arial,sans-serif;line-height:1.3em;margin-bottom:15px;padding:5px 10px 10px 10px;border-radius:2px;}<br />.comment_avatar img[src='http://img1.blogblog.com/img/openid16-rounded.gif'] { content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy2fLJIVIgSFcqiIZpd1p4fPg5juWrdJ1-pWWEvj7nUftNQf5GFaRGh0z3L6U1rbTCaQhvHNUvXKfGmEpFXqrQms-o3vpoGBj5JYv95fv3f6dPyogF0xFJd6VnufwHQySrFUE_FdqhMu0/s45-c/gravatar.png); } <br />.comment_reply_form{padding:0 0 0 7%}<br />.comment_reply_form .comment-form{width:100%}<br />.comment_emo_list .item{float:left;text-align:center;height:40px;width:41px;margin:0 0 10px;}<br />.comment_emo_list span{display:block;font-weight:400;font-size:11px;letter-spacing:1px;color:#444}<br />img.comment_emo {width:16px;height:16px;}<br />.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}<br />.comment_img{max-width:100%!important}<br />#respond{overflow:hidden;padding-left:10px;clear:both}<br />.comment-delete{position:absolute;display:none;top:0;right:-25px;color:red!important;text-align:center;text-decoration:none;font-family:'Arial';font-size:16px;font-weight:700;padding:0;transition:all .3s ease-in-out}<br />.comment_body:hover .comment-delete{display:inline-block;}<br />.comment-delete:hover{color:#444!important}<br />.unneeded-paging-control, .comment_author_flag{display:none}<br />.comment_admin .comment_author_flag {display:inline;background:rgba(255,255,255,0.3);font-family:'Arial';font-size:13px;font-weight:600;width:42px;height:15px;right:6px;bottom:0;color:#fff;text-align:center;border-radius:3px;padding:3px 10px;margin-left:10px;}<br />.comment_child .comment_admin .comment_author_flag {background:rgba(255,255,255,0.3);color:#fff;}<br />.deleted-comment{display:block;color:#757575;word-wrap:break-word;background:#eee;margin-top:10px;margin-bottom:20px;padding:10px;font-size:13px;font-family: 'Arial',Helvetica,Arial,sans-serif}<br />iframe{border:none;overflow:hidden}<br />.paging-control-container{text-align:center;margin:0 0 0 25%;}<br />.paging-control-container a{text-align:center;margin:0 auto;background:#ccc;border:1px solid #bbb;padding:3px 10px}<br />.comment_header {background:#4f93c5;padding:2px 0;}<br />.comment_child .comment_header {background:#2aafad;}<br />#emo-box,#hide-emo {display:none}<br />.small-button a,.small-button1 a {border:1px solid #eee;font-size:12px;font-family:'Arial';cursor:pointer;font-weight:700;margin:10px 5px 5px 0;text-decoration:none;text-transform:none;text-shadow:none;display:inline-block;color:#333;padding:4px 10px;cursor:pointer;border-radius:2px;transition: all 0.3s ease-out;}<br />.small-button a {background-color:#fdfdfd;transition: all 0.3s ease-out;}<br />.small-button1 a {background-color:#fff;transition: all 0.3s ease-out;}<br />.small-button:hover a,.small-button1:hover a {background-color:#fff;border-color:#4f93c5;color:#4f93c5;}<br />span.small-button,span.small-button1 {text-align:left;display:inline-block;}<br />.streamButton{display:none}<br />.post {background:#fff;margin:0;padding:0 20px 20px 20px;border:1px solid #f1f1f1;}</code></pre><br /><div style="text-align: justify;">3. Setelah itu cari kode <kbd><b:includable id='comments' var='post'></kbd>.<br /><br />4. Ganti semua kode dari <kbd><b:includable id='comments' var='post'></kbd> sampai kode penutup <kbd></b:includable></kbd> dengan kode berikut.</div><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><b:includable id='comments' var='post'><br /><div class='comments' id='comments'><br /><b:if cond='data:post.allowComments'><br /> <b:if cond='data:post.numComments != 0'><br /> <h3><br /> <b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:<br /> <b:else/><br /> <data:post.numComments/> <data:commentLabelPlural/><br /> </b:if><br /> </h3><br /><a class='click-comment' expr:title='data:commentLabelPlural' href='#comment-form'>Write <data:commentLabelPlural/></a><br /> </b:if><br /> <br /> <b:if cond='data:post.commentPagingRequired'><br /> <span class='paging-control-container'><br /> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a><br /> &#160;<br /> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a><br /> &#160;<br /> <data:post.commentRangeText/><br /> &#160;<br /> <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a><br /> &#160;<br /> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a><br /> </span><br /> </b:if><br /> <br /> <div class='clear'/><br /> <div id='comment_block'><br /> <b:loop values='data:post.comments' var='comment'><br /> <br /> <div data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName'> <br /> <b:if cond='data:post.adminClass == data:comment.adminClass'><br /> &lt;div class=&#39;comment_inner comment_admin&#39;&gt;<br /> <b:else/><br /> &lt;div class=&#39;comment_inner&#39;&gt;<br /> </b:if><br /> <br /> <div class='comment_body'><br /> <div class='comment_header'><br /> <div class='comment_avatar_wrap'><br /><br /> </div><br /> <br /> <div class='clear'/><br /> </div><br /><br /> <div class='comment_name'><br /> <b:if cond='data:comment.authorUrl'><br /> <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a><br /> <b:else/><br /> <data:comment.author/><br /> </b:if><br /><div class='comment_author_flag'>author</div><br /></div><br /><span class='comment_service'><br /> <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'><br /> <data:comment.timestamp/><br /> </a></span><br /><b:include data='comment' name='commentDeleteIcon'/><br /> </span><br /> <b:if cond='data:comment.isDeleted'><br /> <span class='deleted-comment'><data:comment.body/></span><br /> <b:else/><br /> <p><data:comment.body/></p><br /><a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Reply'>Balas</a><br /> <div class='clear'/><br /> </b:if><br /> <div class='comment_avatar'><br /> <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/><br /> </div> <br /> </div> <br /> <div class='clear'/><br /> &lt;/div&gt;<br /> <div class='clear'/><br /> <br /> <div class='comment_child'/><br /> <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/> <br /> </div><br /> </b:loop> <br /> </div> <br /> <div class='clear'/><br /> <b:if cond='data:post.commentPagingRequired'><br /> <span class='paging-control-container'><br /> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a><br /> &#160;<br /> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a><br /> &#160;<br /> <data:post.commentRangeText/><br /> &#160;<br /> <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a><br /> &#160;<br /> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a><br /> </span><br /> </b:if><br /> <div class='clear'/><br /> <div class='comment_form' id='comment-form'> <br /> <br /><br /> <b:if cond='data:post.embedCommentForm'><br /> <b:if cond='data:post.allowNewComments'> <br /> <b:include data='post' name='threaded-comment-form'/><br /> <b:else/><br /> <data:post.noNewCommentsText/><br /> </b:if><br /> <b:else/><br /> <b:if cond='data:post.allowComments'><br /> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a><br /> </b:if><br /> </b:if><br /> </div><br /> </b:if><br /></div> <br /> <script type='text/javascript'><br /> //<![CDATA[<br /> if (typeof(jQuery) == 'undefined') {<br /> //output the script (load it from google api)<br /> document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");<br />}<br /> //]]><br /> </script><br /> <br /> <script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/><br /> <script type='text/javascript'><br /> <br /> <b:if cond='data:post.numComments != 0'><br /> var Items = <data:post.commentJso/>;<br /> var Msgs = <data:post.commentMsgs/>;<br /> var Config = <data:post.commentConfig/>;<br /><br /> <b:else/><br /> var Items = {};<br /> var Msgs = {};<br /> var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};<br /> </b:if><br /> //<![CDATA[<br /> //Global setting<br /> Config.maxThreadDepth = 3;<br /> Display_Emo = true;<br /> Replace_Youtube_Link = false;<br /> Replace_Image_Link = false;<br /> Replace_Force_Tag = false;<br /> Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];<br /> <br /> //Pengaturan Emoticon<br /> Emo_List = [<br />':)' ,'http://twemoji.maxcdn.com/36x36/1f600.png',<br />':(' ,'http://twemoji.maxcdn.com/36x36/1f615.png',<br />'hihi' ,'http://twemoji.maxcdn.com/36x36/1f601.png',<br />':-)' ,'http://twemoji.maxcdn.com/36x36/1f60f.png',<br />':D' ,'http://twemoji.maxcdn.com/36x36/1f603.png',<br />'=D' ,'http://twemoji.maxcdn.com/36x36/1f62c.png',<br />';(' ,'http://twemoji.maxcdn.com/36x36/1f62d.png',<br />'@-)' ,'http://twemoji.maxcdn.com/36x36/1f616.png',<br />':p' ,'http://twemoji.maxcdn.com/36x36/1f61c.png',<br />':o' ,'http://twemoji.maxcdn.com/36x36/1f62e.png', <br />':&gt;)','http://twemoji.maxcdn.com/36x36/1f606.png', <br />'(o)' ,'http://twemoji.maxcdn.com/36x36/1f609.png', <br />'(p)' ,'http://twemoji.maxcdn.com/36x36/1f619.png', <br />'(m)' ,'http://twemoji.maxcdn.com/36x36/1f620.png',<br />'8-)' ,'http://twemoji.maxcdn.com/36x36/1f60e.png',<br />':-b' ,'http://twemoji.maxcdn.com/36x36/1f634.png',<br />'(y)' ,'http://twemoji.maxcdn.com/36x36/1f44d.png', <br /> ];<br /> <br /> <br /> //Config Force tag list, define all in lower case<br /> Force_Tag = [<br /> '[pre]','<pre>',<br /> '[/pre]','</pre>',<br /> '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',<br /> '</pre>','</code>'<br /> ]; <br />eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))<br />var avatar=$("#comments");<br />avatar.find('.comment_avatar img').each(function() {<br /> var ava = $(this).attr('src');<br /> $(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s100-c/"));<br />}); <br />//]]><br /></script><br /></b:includable></code></pre>Keterangan :<br /><ul style="text-align: left;"><li>Ubah nilai "True" Menjadi "False" pada <kbd>Display_Emo = true;</kbd> jika tidak ingin menampilkan Emoticon,</li><li>Ubah nilai "False" Menjadi "True" pada <kbd>Replace_Youtube_Link = false;</kbd> bila ingin link youtube menjadi video,</li><li>Ubah nilai "False" Menjadi "True" pada <kbd>Replace_Image_Link = false;</kbd> bila ingin link gambar di aktifkan.</li></ul><br /><div style="text-align: justify;">5. Klik Save dan Lihat Hasilnya.<br /><br />Tampilan Thread Comments Hack ini dapat anda modifikasi sendiri sesuai keinginan Anda dengan mengedit CSS nya. Bila Anda ingin menampilkan tombol emoticon, silahkan lanjutkan ke tahap berikutnya.</div><br /><h3 style="text-align: justify;">Cara Memunculkan Tombol Emoticon</h3><div style="text-align: justify;">1. Masih di Edit HTML, carilah kode <kbd><p><data:blogCommentMessage/></p></kbd>, biasanya ada 4 kode serupa.<br /><br />2. Gantilah kode <kbd><p><data:blogCommentMessage/></p></kbd> yang ke-2 dan ke-4 dengan kode berikut.</div><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><p><data:blogCommentMessage/><br /><br/><span class='small-button1'><br /><span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;none&apos;' title='Show Emoticon'>Emoticon</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;inline-block&apos;' title='Hide Emoticon'>Emoticon</a></span></span></p><br /><div id='emo-box'><br /> <div class='comment_emo_list'/><br /></div></code></pre><br /><div style="text-align: justify;">3. Save dan Lihat Hasilnya.<br /><br />Saya rasa cukup sekian artikel tentang <a href="http://wajahilmu.blogspot.com/2015/08/cara-modifikasi-tampilan-thread.html" target="_blank">Cara Modifikasi Tampilan Thread Comments Hack Blogger</a>. Semoga bisa bermanfaat bagi sobat blogger terutama yang riquest tentunya. Silahkan berkomentar dibawah sebelum mencobanya dan bila ingin riquest bisa langsung tuliskan dikolom komentar atau dihalaman OOT. Terima Kasih banyak telah mengunjungi Opick Weblog.</div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigUNpJg2UmZPAGYBrVA6Y_FduZETVL58VueWR7x9fVA_Ot5Jx66ZyejtSDYeNyK0BU8VO_1QzL5hfnhhFz2w8b-fcdZjaCWxQMLlir5HeMoVxK0HW8x90HzIBn5ihDwcezjIjjebUOmmY/s1600/Modifikasi+Tampilan+Thread+Comments+Hack+Blogger.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Modifikasi Tampilan Thread Comments Hack Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigUNpJg2UmZPAGYBrVA6Y_FduZETVL58VueWR7x9fVA_Ot5Jx66ZyejtSDYeNyK0BU8VO_1QzL5hfnhhFz2w8b-fcdZjaCWxQMLlir5HeMoVxK0HW8x90HzIBn5ihDwcezjIjjebUOmmY/s1600/Modifikasi+Tampilan+Thread+Comments+Hack+Blogger.png" title="Modifikasi Tampilan Thread Comments Hack Blogger" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Thanks For Riquest</td></tr></tbody></table></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-59627401225409126142015-08-18T21:32:00.000-07:002019-07-25T00:16:42.327-07:00Cara Memasang Video Youtube Yang Lebih SEO dan Responsive<div dir="ltr" style="text-align: left;" trbidi="on"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Zmp9rHBAlCpdLUdTfDeJUgnSdr4noedIEcZKB3h0JANfWF_2Z4sImJ0JjmxEG4K7ncD1TohyphenhyphenR1QU8U-YXSfCp-N0_I7YPIcw9vci8K4zlQXxYT_RH0QF4VgF6hdK0L3o8YHkkF_wlwI/s1600/Membuat+Video+Youtube+Menjadi+SEO+dan+Responsive.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Memasang Video Youtube Yang Lebih SEO dan Responsive" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Zmp9rHBAlCpdLUdTfDeJUgnSdr4noedIEcZKB3h0JANfWF_2Z4sImJ0JjmxEG4K7ncD1TohyphenhyphenR1QU8U-YXSfCp-N0_I7YPIcw9vci8K4zlQXxYT_RH0QF4VgF6hdK0L3o8YHkkF_wlwI/s1600/Membuat+Video+Youtube+Menjadi+SEO+dan+Responsive.png" title="Cara Memasang Video Youtube Yang Lebih SEO dan Responsive" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Cara Memasang Video Youtube Yang Lebih SEO dan Responsive</td></tr></tbody></table><div style="text-align: justify;">Seringkali saya melihat banyak blog film/video yang menampilkan trailer dari Youtube. Ketika melihat kode yang digunakan ternyata masih menggunakan kode iframe yang sebenarnya dapat membuat loading blog berat. Bisa coba sendiri untuk menggunakan cek SEO tools di chkme.com, masukkan link post atau halaman dengan kode iframe, pasti akan ada peringatan <i>"IFrames: Bad: IFrames are not indexed at all, and you have 1"</i>. Hal ini jelas dapat mengurangi nilai SEO score blog Anda.<br /><br />Video youtube yang tidak responsive juga dapat mengganggu pengunjung karena ukuran video yang tidak sesuai dengan gadget. Terutama para pengguna mobile yang sering mengakses blog film/video. Bagaimana cara mengatasinya? ikuti tutorial berikut sampai tuntas.<br /><br /><h3>Cara Memasang Video Youtube Yang SEO dan Responsive</h3>1. Ubahlah halaman post ke mode HTML bukan Compose.<br /><br />2. Letakkan kode video yang lebih SEO (tanpa iframe) berikut ini lalu baca keterangannya.</div><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><center><object data="http://www.youtube.com/embed/xxxxx" frameborder="0" height="315" width="560"></object></center></code></pre>Keterangan:<br /><ul><li>Gantilah kode "xxxxx" dengan link kode video, lebih jelasnya lihat gambar.</li><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFuWyrVh371VDzpa_54XIZsuzTY1p_GakXsehiQd-uf01HSrNoYk6bN5yINePs5ZTvkJXkqBIJtP4O9Foa09mlMNI5N7178ivAtXRfSp0nKB5C6YIUiRLVwtGrVa993Ux-ifP__bRryrM/s1600/Cara+Memasang+Video+Youtube+diBlog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memasang Video Youtube Yang Lebih SEO dan Responsive" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFuWyrVh371VDzpa_54XIZsuzTY1p_GakXsehiQd-uf01HSrNoYk6bN5yINePs5ZTvkJXkqBIJtP4O9Foa09mlMNI5N7178ivAtXRfSp0nKB5C6YIUiRLVwtGrVa993Ux-ifP__bRryrM/s1600/Cara+Memasang+Video+Youtube+diBlog.png" title="Cara Memasang Video Youtube Yang Lebih SEO dan Responsive" /></a></div><li>Anda bisa mengganti nilai height dan width agar sesuai dengan ukuran postingan sobat.</li><li>Hilangkan kode <kbd><center></kbd> dan <kbd></center></kbd> bila tidak ingin membuat video rata tengah.</li></ul><div style="text-align: justify;">3. Setelah Anda save/publish, segera menuju ke Edit HTML lalu letakkan CSS Responsive berikut sebelum kode <kbd></style></kbd>.</div><pre data-codetype="CSSku" title="CSS"><code class="language-css">@media only screen and (max-width:768px){<br />object{width:100%}}<br /><br />@media only screen and (max-width:480px){<br />object{width:85%}}<br /><br />@media only screen and (max-width:320px){<br />object{width:280px}}</code></pre><br /><div style="text-align: justify;">4. Save dan silahkan dicek seo score post/halaman Anda.<br /><br />Saya rasa sekian tutorial kali ini tentang <a href="http://wajahilmu.blogspot.com/2015/08/cara-memasang-video-youtube-yang-lebih.html" target="_blank">Cara Memasang Video Youtube Yang Lebih SEO dan Responsive</a>. Silahkan berkomentar sebelum mencobanya, dan bila ada pertanyaan langsung tuliskan pada kolom komentar dibawah. Terima kasih telah mengunjungi <a href="http://wajahilmu.blogspot.com/">Opick Weblog</a>.</div></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-62937603476822376042015-08-16T22:13:00.000-07:002019-07-25T00:16:42.500-07:00Modifikasi Tampilan Komentar Facebook Berdampingan Dengan Blogger<div dir="ltr" style="text-align: left;" trbidi="on"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdxclFhU-mzADbB_wsWUjMzkGI975GGRO6sbp8ojcaBmhNOM1KkhVbP8uG3U2nrrD_RcVmyOubYbLjJkk-uvD-9z6eXPnjOSiOQSVnAeJsItvsPvPyZUBC3KW93jdZXyG4HkKjxcYbpUw/s1600/cek+pm.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Modifikasi Tampilan Komentar Facebook Berdampingan Dengan Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdxclFhU-mzADbB_wsWUjMzkGI975GGRO6sbp8ojcaBmhNOM1KkhVbP8uG3U2nrrD_RcVmyOubYbLjJkk-uvD-9z6eXPnjOSiOQSVnAeJsItvsPvPyZUBC3KW93jdZXyG4HkKjxcYbpUw/s1600/cek+pm.png" title="Cara Modifikasi Tampilan Komentar Facebook Berdampingan Dengan Blogger" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Modifikasi Tampilan Komentar Facebook Berdampingan Dengan Blogger</td></tr></tbody></table><div style="text-align: justify;">Terlepas dari banyaknya tutorial seputar cara memasang komentar facebook yang berdampingan dengan komentar blogger, saya ingin sedikit memodifikasi tampilan Tab komentar agar lebih enak dipandang. Sebenarnya cara pemasangannya sama saja dengan cara memasang komentar facebook yang lain, namun saya sedikit mengubah tampilan pada CSSnya saja.<br /><br /><h3 style="text-align: justify;">Cara Memasang komentar Facebook Berdampingan dengan Blogger</h3>1. Sebaiknya sebelum memasang komentar Facebook, Anda sudah harus memiliki App ID Facebook. Bila belum memilikinya, silahkan buat di <a href="https://developers.facebook.com/apps" rel="nofollow" target="_blank">https://developers.facebook.com/apps</a>.<br /><br />2. Buka Menu Template lalu klik Edit HTML. Letakkan CSS berikut sebelum kode <kbd>]]></b:skin></kbd> atau <kbd></style></kbd>.</div><pre data-codetype="CSSku" title="CSS"><code class="language-css">/* CSS Facebook Comments by wajahilmu.blogspot.com */<br />#blogger-comments-page {display:none;padding:20px}<br />#fb-comments-page{padding:20px;}<br />.facebook-tab {float:left;cursor:pointer;width:50%;padding:25px;font-weight:bold;text-align:center;color:#fff;background-color:#516ca4;}<br />.facebook-tab:hover {background-color:#6881b4;}<br />.blogger-tab {float:left;cursor:pointer;width:50%;font-weight:bold;padding:25px;text-align:center;color:#fff;background-color:#fda352;}<br />.blogger-tab:hover{background-color:#fdb879;}</code></pre><br /><div style="text-align: justify;">3. Kemudian letakkan kode berikut diatas kode <kbd></head></kbd>.</div><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/><br /><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><br /><meta content='<span style="color: #f8823c;">App ID Facebook Anda</span>' property='fb:app_id'/><br /><script type='text/javascript'><br />function commentToggle(selectTab) {<br />$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);<br />$(selectTab).removeClass(&quot;inactive-select-tab&quot;);<br />$(&quot;.comments-page&quot;).hide();<br />$(selectTab + &quot;-page&quot;).show();<br />}<br /></script></code></pre><div style="text-align: justify;">Keterangan : <br />Gantilah "<span style="color: #f8823c;">App ID Facebook Anda</span>" dengan App ID Facebook yang telah Anda buat.<br /><br />4. Carilah kode <kbd><div class='comments' id='comments'></kbd>. Anda akan menemukan dua kode seperti itu, jadi letakkan kode berikut dibawah kedua kode <kbd><div class='comments' id='comments'></kbd>.</div><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div class='facebook-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Komentar Dari Facebook'><br /><fb:comments-count expr:href='data:post.url'/> Komentar di Facebook<br /></div><br /><div class='blogger-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Komentar Dari Blogger'><br /><data:post.numComments/> Komentar di Blogger<br /></div><div class='clear'/><br /></div><br /><div class='comments-page' id='fb-comments-page'><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div id='fb-root'/><div align='left'><font style='color:#516ca4;font-weight:600;font-size:18px;'><center>Silahkan Berkomentar Melalui Akun Facebook Anda</center></font></div><br /><fb:comments class='fb-comments' data-num-posts='<span style="color: #f8823c;">3</span>' data-width='<span style="color: #f8823c;">500</span>' expr:href='data:post.url' /><br /></b:if><br /></div><br /><div class='comments comments-page' id='blogger-comments-page'><br /><div align='left'><font style='color:#fda352;font-weight:600;font-size:18px;'><center>Silahkan Tinggalkan Komentar Anda</center></font></div></code></pre><div style="text-align: justify;">Keterangan :<br /><ul><li>Ganti '<span style="color: #f8823c;">3</span>' dengan jumlah komentar facebook yang ingin Anda tampilkan</li><li>Sesuaikan lebar komentar facebook dengan mengubah '<span style="color: #f8823c;">500</span>'.</li></ul><blockquote>Baca juga : <a href="http://wajahilmu.blogspot.com/2015/08/cara-modifikasi-tampilan-thread.html" target="_blank">Cara Modifikasi Tampilan Thread Comments Hack Blogger</a></blockquote>5. Klik Save dan lihat Hasilnya.<br /><br />Cukup sekian artikel kali ini tentang <a href="http://wajahilmu.blogspot.com/2015/08/modifikasi-tampilan-komentar-facebook.html" target="_blank">Modifikasi Tampilan Komentar Facebook Berdampingan Dengan Blogger</a>. Semoga dapat berguna bagi Anda dan jangan lupa untuk berkomentar sebelum menerapkan tutorial diatas. Terima Kasih.</div></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-2671101305439388472015-08-10T20:33:00.000-07:002019-07-25T00:16:42.664-07:00Cara Memasang Tab View Pada Postingan Blog<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9UjADSQJGXt_piYQx34PDnQjeuv4gV3uvVkwaEdBVS_7k_x2wsaKXb8ATBJWCsknWgBOGWBvqPs1Sv3HyArddPj0h-rPpunZgHONeK8rzqp4nBuMLWuUOsDNV1Sq9ZszUFqrLVV983x0/s1600/Cara+Membuat+Tab+View+di+Postingan.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Memasang Tab View Pada Postingan Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9UjADSQJGXt_piYQx34PDnQjeuv4gV3uvVkwaEdBVS_7k_x2wsaKXb8ATBJWCsknWgBOGWBvqPs1Sv3HyArddPj0h-rPpunZgHONeK8rzqp4nBuMLWuUOsDNV1Sq9ZszUFqrLVV983x0/s1600/Cara+Membuat+Tab+View+di+Postingan.png" title="Cara Memasang Tab View Pada Postingan Blog" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Cara Memasang Tab View Pada Postingan Blog</td></tr></tbody></table>Tab View berfungsi sebagai pemisah kontent yang berbeda dalam satu post. Tab View biasanya digunakan pada blog download entah itu dengan niche Game, Software, Video atau Film. Tab View berikut ini dibuat dari CSS, HTML, dan Jquery. </div><br /><div style="text-align: justify;">Silahkan lihat <b>Demo</b> Tab View pada tombol Result di akhir tutorial. Jika Anda tertarik untuk menggunakannya pada blog atau web sobat, silahkan langsung ikuti tutorialnya.</div><br /><h3 style="text-align: justify;">Cara Memasang Tab View Pada Postingan Blog</h3><div style="text-align: justify;">1. Sebaiknya blog Anda telah terpasang jquery (versi apa pun boleh). Jika belum memasangnya, silahkan letakkan script Jquery berikut di atas kode <kbd></head></kbd>.</div><pre data-codetype="JQueryku" title="jQuery"><code class="language-javascript"><script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script></code></pre><br /><div style="text-align: justify;">2. Letakkan CSS berikut sebelum kode <kbd>]]></b:skin></kbd> atau <kbd></style></kbd>.</div><pre data-codetype="CSSku" title="CSS"><code class="language-css">.tabs{width:100%;display:inline-block}<br />.tab-links:after{display:block;clear:both;content:''}<br />.tab-links li{margin:0 5px;float:left;list-style:none}<br />.tab-links a{padding:9px 15px;display:inline-block;border-radius:3px 3px 0 0;background:#7FB5DA;font-size:16px;font-weight:600;color:#4c4c4c;transition:all linear 0.15s}<br />.tab-links a:hover{background:#a7cce5;text-decoration:none}<br />li.active a,li.active a:hover{background:#fff;color:#4c4c4c}<br />.tab-content{padding:15px;border-radius:3px;box-shadow:-1px 1px 1px rgba(0,0,0,0.15);background:#fff}<br />.tab{display:none}<br />.tab.active{display:block}</code></pre><br /><div style="text-align: justify;">3. Letakkan script berikut di atas kode <kbd></body></kbd>.</div><pre data-codetype="JavaScriptku" title="Javascript"><code class="language-javascript"><script type='text/javascript'><br />jQuery(document).ready(function() {<br /> jQuery('.tabs .tab-links a').on('click', function(e) {<br /> var currentAttrValue = jQuery(this).attr('href');<br /> <br /> // Show/Hide Tabs<br /> jQuery('.tabs ' + currentAttrValue).siblings().slideUp(400);<br /> jQuery('.tabs ' + currentAttrValue).delay(400).slideDown(400); <br /> <br /> // Change/remove current tab to active<br /> jQuery(this).parent('li').addClass('active').siblings().removeClass('active');<br /> <br /> e.preventDefault();<br /> });<br />});<br /></script></code></pre><br /><div style="text-align: justify;">4. Jika sudah, silahkan klik save. </div><br /><div style="text-align: justify;">Sekarang blog Anda sudah memiliki tab view sendiri. Untuk memunculkan tab view pada postingan blog Anda silahkan ikuti tutorial pemasangannya pada postingan.</div><blockquote style="text-align: justify;">Baca juga : <a href="http://wajahilmu.blogspot.com/2015/07/cara-memasang-widget-recent-post-json.html" target="_blank">Cara Memasang Widget Recent Post Keren Pada Blog</a></blockquote><h3 style="text-align: justify;">Memunculkan Tab View Pada Postingan</h3><div style="text-align: justify;">1. Siapkan artikel post yang akan dipasangi tab view lalu ubah post dari <b>Compose</b> ke <b>HTML</b>.</div><br /><div style="text-align: justify;">2. Letakkan kode Tab View berikut kedalam postingan tersebut.</div><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div class="tabs"><br /><ul class="tab-links"><br /><li class="active"><a href="#tab1">Tab #1</a></li><br /><li><a href="#tab2">Tab #2</a></li><br /><li><a href="#tab3">Tab #3</a></li><br /><li><a href="#tab4">Tab #4</a></li><br /></ul><br /><div class="tab-content"><br /><div id="tab1" class="tab active"><br /><p><br />Tab #1 Letakkan Judul Kontent disini !</p><br /><p><br />Isikan Kontent Anda disini !</p><br /></div><br /><div id="tab2" class="tab"><br /><p><br />Tab #2 Letakkan Judul Kontent disini !</p><br /><p><br />Isikan Kontent Anda disini !</p><br /></div><br /><div id="tab3" class="tab"><br /><p><br />Tab #3 Letakkan Judul Kontent disini !</p><br /><p><br />Isikan Kontent Anda disini !</p><br /></div><br /><div id="tab4" class="tab"><br /><p><br />Tab #4 Letakkan Judul Kontent disini !</p><br /><p><br />Isikan Kontent Anda disini !</p><br /></div><br /></div></code></pre><div style="text-align: justify;">Keterangan :</div><div style="text-align: justify;"></div><ul><li>Silahkan ganti tulisan <b>Tab #1, Tab #2, Tab #3 dan Tab #4</b> dengan judul tab yang Anda inginkan.</li><li>Ganti <b>Isikan Kontent Anda disini !</b> dengan isi kontent, bisa profil, about, screenshot, dll.</li></ul><div style="text-align: justify;">3. Silahkan edit isi kontent dari tab view tersebut lalu klik Publikasikan dan selesai.</div><br /><div style="text-align: center;"><a class="demo" href="http://wajahilmu.blogspot.com/p/demo-tab-view.html" target="_blank">Result</a></div><br /><h3 style="text-align: justify;">Cara Memasang Tab View Pada Postingan Blog (White Background)</h3><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQtoigfIsTjVlNEuppamgLE21sLgyWWXyFFWjYUiuTwQqvfMCFWaVTqRLHRhWhs3mMEZZZY8oekiVRANfGAIPLsalAJztge5woRt_Z3uczJKfpoyGMlFhtbYcKdMJMtmyppxlHRgqbmOM/s1600/Cara+Menambahkan+Tab+View+Pada+Postingan.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Menambahkan Tab View Pada Postingan Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQtoigfIsTjVlNEuppamgLE21sLgyWWXyFFWjYUiuTwQqvfMCFWaVTqRLHRhWhs3mMEZZZY8oekiVRANfGAIPLsalAJztge5woRt_Z3uczJKfpoyGMlFhtbYcKdMJMtmyppxlHRgqbmOM/s1600/Cara+Menambahkan+Tab+View+Pada+Postingan.png" title="Cara Menambahkan Tab View Pada Postingan Blog" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Tab View White Background</td></tr></tbody></table><div style="text-align: justify;">Caranya sama seperti diatas, namun disini kita gunakan css atau style yang berbeda. Silahkan gunakan CSS berikut untuk tampilan Tab View dengan background putih. Seperti biasa, letakkan CSS berikut sebelum kode <kbd>]]></b:skin></kbd> atau <kbd></style></kbd>.</div><pre data-codetype="CSSku" title="CSS"><code class="language-css">/* CSS Tab View by wajahilmu.blogspot.com */<br />.tabs{width:100%;display:inline-block}<br />.tab-links:after{display:block;clear:both;content:''}<br />.tab-links li{margin:0 5px;float:left;list-style:none}<br />.tab-links a{padding:9px 15px;display:inline-block;border-radius:3px 3px 0 0;background:#7FB5DA;font-size:16px;font-weight:600;color:#4c4c4c;transition:all linear 0.15s}<br />.tab-links a:hover{background:#a7cce5;text-decoration:none}<br />li.active a,li.active a:hover{background:#4a98d3;color:#fff}<br />.tab-content{padding:15px;webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);box-shadow: 0px 1px 3px rgba(0,0,0,0.4);;background:#fff;border-top:2px solid #4a98d3;}<br />.tab{display:none}<br />.tab.active{display:block}<br />li.active {margin:0;}<br />.widget .post-body ul {margin:0;padding:0;}<br />.widget .post-body li {margin:0 5px 0 0;}</code></pre><br /><div style="text-align: center;"><a class="demo" href="http://wajahilmu.blogspot.com/p/demo-tab-view-2.html" target="_blank">Result</a></div><br /><div style="text-align: justify;">Sekian Artikel kali ini dengan judul <a href="http://wajahilmu.blogspot.com/2015/08/cara-memasang-tab-view-pada-postingan.html" target="_blank">Cara Memasang Tab View Pada Postingan Blog</a>. Semoga dapat berguna bagi sobat blogger yang membutuhkannya. Jangan lupa untuk berkomentar sebelum memasang Tab View ini agar saya bisa terus update artikel diblog ini. Terima kasih banyak telah membaca artikel di Opick Weblog.</div><div class="clear"></div></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-12639391974282691882015-08-07T16:58:00.000-07:002019-07-25T00:16:42.838-07:00Cara Mencegah dan Mengatasi Copy Paste Dari Blog AGC<div dir="ltr" style="text-align: left;" trbidi="on"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiuycOJqOZH1BixUeaz2uPtCji9biubFE2ALeCWH_q0-2oswHICJRAm8PYZQdqe8MIBgndnSrVhZaU2mmurWil3T36wwTppaxzrlrioSz_XR4pyBLwADkPkLKWWLIBd7V28Dm9JcmSVnI/s1600/Cara+Mencegah+Copy+Paste+Dari+Blog+AGC.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Tips Mencegah & Mengatasi Pencurian Artikel Oleh Blog AGC" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiuycOJqOZH1BixUeaz2uPtCji9biubFE2ALeCWH_q0-2oswHICJRAm8PYZQdqe8MIBgndnSrVhZaU2mmurWil3T36wwTppaxzrlrioSz_XR4pyBLwADkPkLKWWLIBd7V28Dm9JcmSVnI/s1600/Cara+Mencegah+Copy+Paste+Dari+Blog+AGC.png" title="Tips Mencegah & Mengatasi Pencurian Artikel Oleh Blog AGC" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Cara Mencegah & Mengatasi Copy Paste Dari Blog AGC</td></tr></tbody></table><h3 style="text-align: justify;">Apa Itu Blog AGC ?</h3><div style="text-align: justify;">Blog AGC (Auto Generate Content) merupakan blog yang isinya artikel copas (copy paste) dari blog lain. Blog AGC melakukan pencurian artikel dengan cara post otomatis. Jadi, sistem yang digunakan blog AGC dalam mencuri artikel adalah dengan mengirim secara auto artikel dari blog target ke blog AGC melalui feed blog.</div><br /><div style="text-align: justify;">Cara yang digunakan oleh Blog AGC adalah dengan menggunakan plugin tertentu atau hanya dengan memanfaatkan fitur post otomatis di blogger. Nantinya akan dibantu oleh situs pembaca format umpan yaitu situs agregator atau RSS reader yang ada di internet untuk mengirim umpan dari blog lain ke blog agc.</div><br /><h3 style="text-align: justify;">Dampak Terhadap Blog yang Menjadi Korban Blog AGC</h3><div style="text-align: justify;">Dapat dikatakan bahwa blog yang menjadi korban dari Blog AGC akan sangat dirugikan. Mengapa tidak? hal ini akan berdampak pada penurunan traffic blog yang disertai adanya duplikat kontent.</div><blockquote style="text-align: justify;">Baca juga: <a href="http://wajahilmu.blogspot.com/2015/07/bahaya-duplikat-konten-pada-blog.html" target="_blank">Bahaya Duplikat Konten Pada Blog</a></blockquote><div style="text-align: justify;">Terlebih jika Blog AGC yang menargetkan blog Anda telah memiliki tempat aman di SERP (Search Engine Result Page). Bisa-bisa artikel sobat yang merupakan artikel original akan dikalahkan oleh artikel copas blog AGC pada penempatan urutan serp.</div><br /><h3 style="text-align: justify;">Cara Mengatasi Atau Mencegah Pencurian Artikel Oleh Blog AGC</h3><div style="text-align: justify;"><b>I. Membuat Sparated Feed</b><br />Ini difungsikan untuk membuat umpan terpisah dengan menutup umpan default pada blog kita, lalu mengalihkannya ke FeedBurner. Feedburner adalah situs induk yang dikelola oleh google untuk menyimpan umpan yang dikirimkan kepadanya dari seluruh website yang ada di internet, lalu mengirimkannya lagi ke seluruh situs-situs agregator.</div><br /><div style="text-align: justify;">Caranya :<br />1. Kunjungi Situs <a href="http://feedburner.google.com/" target="_blank">Feedburner</a><br /><br />2. Masukkan url feed default blog anda pada situs Feedburner<br />contoh : <kbd>http://bloganda.blogspot.com/feeds/posts/default/</kbd><br /><br />3. Langkah Selanjutnya klik <b>Next</b>, lihat gambar berikut.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Uz_kQAcPbnp0cxTK0K4iXz-vUIXLNtesT-plCoA3iTp2dEqNkEMdGx413Lp3qTuuma_-N-a6__16y36rLKwOUrjGnoq0W3wJ01NU9b_QPdMjSY4JoE84IqZIwWTAkgrp7wSKODBDRdI/s1600/Cara+Membuat+Feed+Blog+di+Feedburner.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tips Mengatasi Pencurian Artikel Oleh Blog AGC" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Uz_kQAcPbnp0cxTK0K4iXz-vUIXLNtesT-plCoA3iTp2dEqNkEMdGx413Lp3qTuuma_-N-a6__16y36rLKwOUrjGnoq0W3wJ01NU9b_QPdMjSY4JoE84IqZIwWTAkgrp7wSKODBDRdI/s1600/Cara+Membuat+Feed+Blog+di+Feedburner.png" title="Tips Mengatasi Pencurian Artikel Oleh Blog AGC" /></a></div><br /><div style="text-align: justify;">Setelah itu, ikuti pengarahan dari feedburner hingga akun anda selesai dibuat.</div><br /><div style="text-align: justify;"><b>II. Membuat Feeds Summary</b><br />Langkah kedua yaitu, membuat format umpan singkat.</div><br /><div style="text-align: justify;">Caranya :<br />1. Pastikan anda masih sign in di FeedBurner blog Anda. Klik <b>Optimize</b>, lalu klik Summary Burner. Lebih jelasnya lihat gambar berikut.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnrlluyyn8qpUIFploCfNPbBlyFQUJvKqNy1rImK_l52X_QjWQ4xgkIbJ-JgKLSCW2TSaHWUWrXqdKoTbYye3LE90ZRd7LjA6owOIBa0TnC6oB5oBPrzPSa88kV_MZtUBFijiPYzcBB1M/s1600/Optimalisasi+Feedburner.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mengatasi dan Mencegah Copy Paste Dari Blog AGC" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnrlluyyn8qpUIFploCfNPbBlyFQUJvKqNy1rImK_l52X_QjWQ4xgkIbJ-JgKLSCW2TSaHWUWrXqdKoTbYye3LE90ZRd7LjA6owOIBa0TnC6oB5oBPrzPSa88kV_MZtUBFijiPYzcBB1M/s1600/Optimalisasi+Feedburner.png" title="Cara Mengatasi Pencurian Artikel Oleh Blog AGC" /></a></div><br /><div style="text-align: justify;">2. Langkah berikutnya adalah menentukan jumlah karakter umpan. Bisa Anda masukkan 30 karakter atau 60 karakter. Setelah itu, tuliskan deskripsi umpan untuk para pembaca dan sisipkan pula alamat blog anda. Tujuannya adalah agar para auto blog bisa membantu kita untuk mempromosikan url blog kita. Selengkapnya dapat Anda lihat pada gambar di bawah.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLJT5qyRZzYrDaY4bmabZOoFCzsIoDSLG8DgXHfWGuOQ5PGvgDjB6jWKcHvUHAo1nzhvsTbkzaZ-Q-Yn1DcRkaIyhuSN4rjovavqml7ko0zFflsTHpRj3dfRAh74gmZanzK5j7wr59J9w/s1600/Optimalisasi+Umpan+Feedburner.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mengatasi dan Mencegah Copy Paste Dari Blog AGC" border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLJT5qyRZzYrDaY4bmabZOoFCzsIoDSLG8DgXHfWGuOQ5PGvgDjB6jWKcHvUHAo1nzhvsTbkzaZ-Q-Yn1DcRkaIyhuSN4rjovavqml7ko0zFflsTHpRj3dfRAh74gmZanzK5j7wr59J9w/s320/Optimalisasi+Umpan+Feedburner.png" title="Cara Mengatasi dan Mencegah Copy Paste Dari Blog AGC" width="320" /></a></div><br />3. Klik Active.</div><br /><div style="text-align: justify;"><b>III. Mengalihkan Default Feed Blog</b><br />Langkah terakhir adalah dengan mengalihkan umpan feed blog ke FeedBurner.<br /><br />Caranya :<br />1. Login ke blog Anda, klik <b>Setelan</b> lalu pilih <b>Lainnya</b>.<br /><br />2. Lihat setelan "Umpan situs". Atur "Izinkan Umpan Blog" menjadi Singkat atau Summary. Setelah itu, masukkan url FeedBurner yang telah anda buat tadi pada bagian "Posting URL Pengubahan Arah Feed". Lihat screenshot berikut.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqNA9vXFOy0-BGGmHn7My-Db4FWZR-q72jjLQk8eroXk3fhLEt8B6tapceSY6HEwIIWEvNzpPdPQYKKVjR34W0l6jM48pu9gEUrlfM9oUCukVnis47BciWYqCOb0Y4ZnIZGVFE1vQPEOw/s1600/Setelan+Umpan+Feed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mengatasi dan Mencegah Copy Paste Dari Blog AGC" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqNA9vXFOy0-BGGmHn7My-Db4FWZR-q72jjLQk8eroXk3fhLEt8B6tapceSY6HEwIIWEvNzpPdPQYKKVjR34W0l6jM48pu9gEUrlfM9oUCukVnis47BciWYqCOb0Y4ZnIZGVFE1vQPEOw/s1600/Setelan+Umpan+Feed.png" title="Cara Mengatasi dan Mencegah Copy Paste Dari Blog AGC" /></a></div><br /><div style="text-align: justify;">3. Klik Save dan selesai.<br /><blockquote style="text-align: justify;">Baca juga : <a href="http://wajahilmu.blogspot.com/2015/04/cara-meningkatkan-traffik-blog-melalui.html" target="_blank">Tips Meningkatkan Traffik Blog Melalui Situs Traffic Exchange</a></blockquote><b>Gimana Cara Mendapatkan Url Feedburner ?</b><br />Caranya mudah, tinggal kunjungi feedburner blog yang telah Anda buat sebelumnya, lalu klik "Edit Feed Detail" pada bagian atas. Lihat url feedburner Anda dibagian "Feed Address". Simak gambar berikut.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkk2Bgn1pssjeVRimrOnb-btHEoscDHQ7-wP9O0muytHqColo3c-YguFY8PcBLkMAdT2gzFE33sYEijrqobL_fHID-1KK3JW4pjNCc3KBFxFqX-v0NjSE2Vfn1x1xjeJeIjJR-f-08CMc/s1600/Cara+Mendapatkan+Url+Feed+Blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mengatasi dan Mencegah Copy Paste Dari Blog AGC" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkk2Bgn1pssjeVRimrOnb-btHEoscDHQ7-wP9O0muytHqColo3c-YguFY8PcBLkMAdT2gzFE33sYEijrqobL_fHID-1KK3JW4pjNCc3KBFxFqX-v0NjSE2Vfn1x1xjeJeIjJR-f-08CMc/s1600/Cara+Mendapatkan+Url+Feed+Blog.png" title="Cara Mengatasi dan Mencegah Copy Paste Dari Blog AGC" /></a></div><br /><b>Peringatan</b><br />Sebaiknya cukup satu feedburner untuk satu blog. Jika misalkan Anda memasukkan 3 blog di satu akun feedburner, maka jumlah Feednya juga harus 3 Feed saja. Hal ini dilakukan untuk memungkinkan tidak adanya celah yang dapat dimanfaatkan oleh Blog AGC dalam melakukan tindak kejahatannya.<br /><br /><b>Hasil Yang Didapatkan</b><br />Copaser pemilik Blog AGC pasti kapok karena artikel yang terkirim hanya itu-itu aja. Jika ingin silahkan copas secara manual sampai kesemutan tuh jari, setelah jari kesemutan langsung laporkan ke google DMCA biar kapok hehe. <br /><br />Sekia artikel kali ini tentang <a href="http://wajahilmu.blogspot.com/2015/08/tips-mengatasi-pencurian-artikel-oleh.html" target="_blank">Cara Mencegah dan Mengatasi Copy Paste Dari Blog AGC</a>. Silahkan berikan komentar Anda sebelum menerapkan cara diatas. Semoga artikel ini bermanfaat dan terima kasih telah mengunjungi Opick Weblog.</div><br /><span class="source" style="font-size: x-small;">Source : http://juragancipir.com/cara-mencegahmengatasi-pencurian-artikel-oleh-autoblog</span></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-22059414154254538292015-08-04T19:04:00.000-07:002019-07-25T00:16:43.007-07:00Cara Membuat Link Pop Up<div dir="ltr" style="text-align: left;" trbidi="on"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh69NIDgwQ3dHxqi90uiL4vz9g7yzcQdZD94DfNEOa3xUi7Ko0FyBoqibEXygAleTu414ra-PJlU2TJ9Krv9pCHv3Qdv3Aqc2MP8SwWWVj6rUNFKpXWdFqPvtpzXC3nWEPaDHQKAPIaUJ8/s1600/Cara+Membuat+Link+Pop+Up.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Membuat Link Pop Up" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh69NIDgwQ3dHxqi90uiL4vz9g7yzcQdZD94DfNEOa3xUi7Ko0FyBoqibEXygAleTu414ra-PJlU2TJ9Krv9pCHv3Qdv3Aqc2MP8SwWWVj6rUNFKpXWdFqPvtpzXC3nWEPaDHQKAPIaUJ8/s1600/Cara+Membuat+Link+Pop+Up.png" title="Cara Membuat Link Pop Up" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><span style="font-size: small; text-align: left;">Cara Membuat Link Pop Up</span></td></tr></tbody></table><div style="text-align: justify;">Kalian pasti sudah mengetahui link biasa jika di klik akan langsung menuju halaman yang ada pada link tersebut. Ada juga link yang akan membuka page baru ketika di klik. Sedangkan pada tutorial kali ini, akan kita buat link yang bersifat pop up.</div><blockquote style="text-align: justify;">Baca juga : <a href="http://wajahilmu.blogspot.com/2015/04/cara-meningkatkan-traffik-blog-melalui.html" target="_blank">Tips Meningkatkan Traffik Blog Melalui Situs Traffic Exchange</a></blockquote><h3 style="text-align: justify;">Bagaimana Link Pop Up itu?</h3><div style="text-align: justify;">Link pop up merupakan link yang ketika diklik akan membuka link di jendela baru / Open Link In New Window. Namun, link pop up ini dapat kita atur sendiri ukuran window nya, bisa lebih besar atau kecil. Ada yang mengatakan bila link yang di buat dengan Open In New Tab atau halaman baru akan lebih SEO, nah bagaimana dengan link yang membuka jendela baru? menurut saya lebih SEO juga.</div><br /><h3 style="text-align: justify;">Cara Membuat Link Pop Up</h3><div style="text-align: justify;">Perbedaan Link Standar, Link Open in New Page, dan Link Pop Up</div><br /><b>Link Standar</b><br /><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><a href="http://wajahilmu.blogspot.com/">Link Standar</a></code></pre>Hasil : <a href="http://wajahilmu.blogspot.com/"><i class="fa fa-link"></i> Link Standar</a><br /><br /><b>Link Open in New Page</b><br /><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><a href="http://wajahilmu.blogspot.com/" target="_blank">Link Open in New Page</a></code></pre>Hasil : <a href="http://wajahilmu.blogspot.com/" target="_blank"><i class="fa fa-link"></i> Link Open in New Page</a><br /><br /><b>Link Pop Up</b><br /><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><a href='http://wajahilmu.blogspot.com/' onclick='window.open(&apos;&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>Link Pop Up</a></code></pre>Hasil : <a href="http://www.blogger.com/follow-blog.g?blogID=1437088926407906290" onclick="window.open('', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><i class="fa fa-link"></i> Link Pop Up</a><br /><br /><div style="text-align: justify;">Anda bisa mengubah ukuran jendela baru yang di buka menggunakan pop up link dengan mengatur ukuran width dan height. Bila ingin membuat link lebih SEO, gunakanlah title/judul dan alt/deskripsi pada link tercebut. Contohnya</div><br /><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><a href="http://wajahilmu.blogspot.com/" title="Opick Weblog" alt="Opick Weblog - Get Communication Info, Tutorial Blog and My Story" target="_blank">Link SEO</a></code></pre>Hasil : <a alt="Opick Weblog - Get Communication Info, Tutorial Blog and My Story" href="http://wajahilmu.blogspot.com/" target="_blank" title="Opick Weblog"><i class="fa fa-link"></i> Link SEO</a><br /><br /><div style="text-align: justify;">Saya rasa sekian tutorial kali ini tentang <a href="http://wajahilmu.blogspot.com/2015/08/how-to-make-pop-up-link.html" target="_blank">Cara Mudah Membuat Link Pop Up</a>. Semoga dapat bermanfaat bagi para blogger di seluruh dunia. Sempatkan berkomentar sebelum menerapkan cara di atas agar admin terus termotivasi untuk update artikel di <a alt="Opick Weblog - Get Communication Info, Tutorial Blog and My Story" href="http://wajahilmu.blogspot.com/" target="_blank" title="Opick Weblog">Opick Weblog</a>. Selamat mencoba dan terima kasih atas kunjungannya.</div><style>i.fa.fa-link {background:#f8823c;color:#fff;padding:4px 5px;border-radius:100%;font-weight:normal;font-size:12px;} </style><br /></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-8000882459314508742015-08-01T14:15:00.000-07:002019-07-25T00:16:43.173-07:00Cara Mengaktifkan dan Berkomentar Menggunakan Open ID<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4BxrfX-uKWWgNf-CIC07TNgGtaLd02_Fm-yU52Kzx9Bvf70OgEJZd3vBfWzWKsfi0k8QkoudvJyt71YA2c9hsCB8RjDOWQ_s0At1yLGSha1Gngqycfu9HIGUaorb-4PgSyTw3Fu-zWJ4/s1600/Cara+Berkomentar+Menggunakan+Open+Id.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Terbaru Berkomentar Menggunakan Open ID" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4BxrfX-uKWWgNf-CIC07TNgGtaLd02_Fm-yU52Kzx9Bvf70OgEJZd3vBfWzWKsfi0k8QkoudvJyt71YA2c9hsCB8RjDOWQ_s0At1yLGSha1Gngqycfu9HIGUaorb-4PgSyTw3Fu-zWJ4/s1600/Cara+Berkomentar+Menggunakan+Open+Id.png" title="Cara Mengaktifkan dan Berkomentar Menggunakan Open ID" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><span style="font-size: small; text-align: justify;">Cara Mengaktifkan dan Berkomentar Menggunakan Open ID</span></td></tr></tbody></table>Pada Artikel kali ini saya ingin share cara berkomentar menggunakan OpenID. Sebagai salah satu riquest sobat blogger, sayang ingin menjelaskan terlebih dahulu fungsi dari berkomentar menggunkan OpenID. OpenID di gunakan untuk berkomentar bagi visitor suatu web/blog. Keuntungan untuk komentator yang memiliki blog adalah dapat meningkatkan jumlah baclink atau Links in di Alexa. Tanpa basa basi lagi berikut tutorialnya.</div><br /><h3 style="text-align: justify;">Cara Mengaktifkan Open ID</h3><div style="text-align: justify;">1. Sebaiknya Anda mendaftar terlebih dahulu di <kbd>openid.stackexchange.com</kbd></div><br /><div style="text-align: justify;">2. Untuk Mendaftar, lihat gambar berikut ini.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTGVGR6K_TNkqMKVsDHgv-TNdOUYkdkRXD_DjmjJfpLWymqWCwNTzu_mMUhS1BHkavxXFACRAB1q4ZErGnvVZxFXuuNVnSgCeJmsIzrfGFxY_zx4rAogmh964BrDHiNg89amg4LIEnHy8/s1600/Cara+Menggunakan+OpenId.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menggunakan Open ID" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTGVGR6K_TNkqMKVsDHgv-TNdOUYkdkRXD_DjmjJfpLWymqWCwNTzu_mMUhS1BHkavxXFACRAB1q4ZErGnvVZxFXuuNVnSgCeJmsIzrfGFxY_zx4rAogmh964BrDHiNg89amg4LIEnHy8/s1600/Cara+Menggunakan+OpenId.png" title="Cara Menggunakan Open ID" /></a></div><div style="text-align: justify;"><ol><li>Masukkan Email Anda</li><li>Masukkan Nama Anda (Nama ini nanti akan di gunakan sebagai identitas komentator)</li><li>Masukkan Password (Sebaiknya gunakan Huruf, Angka, dan Spasi pada password)</li><li>Masukkan Ulang Password Anda</li></ol></div><div style="text-align: justify;">3. Klik "Send Confirmation Email", lalu cek email anda dan lakukan konfirmasi.</div><blockquote style="text-align: justify;">Baca juga : <a href="http://wajahilmu.blogspot.com/2015/07/cara-mendapatkan-backlink-dari-twitter.html" target="_blank">Cara Mendapatkan Backlink Menggunakan Twitter</a></blockquote><div style="text-align: justify;">4. Setelah Anda mengkonfirmasi akun OpenID tersebut, secara otomatis anda akan menuju ke halaman dashborad OpendID. Silahkan klik tulisan "Use your own URL to log in" berwarna merah, maka Anda akan melihat kode OpenID Anda.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9gtHogem0cJ431z6fVMg9nsMamVSQukWLYch6TQfjAyZCIEWmNUbKjFrj4l0fS-R_diS7hxIuqeAdorHePNLjlLRYKdMJHp_qQiMccKC1BMhf5t1sg1f9i4ub-FRM9nTqvrCMA-aSn5s/s1600/Cara+Berkomentar+Menggunakan+Open+Id+diBlog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9gtHogem0cJ431z6fVMg9nsMamVSQukWLYch6TQfjAyZCIEWmNUbKjFrj4l0fS-R_diS7hxIuqeAdorHePNLjlLRYKdMJHp_qQiMccKC1BMhf5t1sg1f9i4ub-FRM9nTqvrCMA-aSn5s/s1600/Cara+Berkomentar+Menggunakan+Open+Id+diBlog.png" /></a></div><br /><div style="text-align: justify;">5. Menuju Ke Template > Edit HTML lalu letakkan kode berikut di bawah <kbd><head></kbd>.</div><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><link href='http://www.blogger.com/openid-server.g' rel='openid.server'/><br /><link href='https://openid.stackexchange.com/openid/provider' rel='openid2.provider'/><br /><link href='https://openid.stackexchange.com/user/<span style="color: #f8823c;">xxxxx</span>' rel='openid2.local_id'/><br /><link expr:href='data:blog.homepageUrl' rel='openid.delegate'/></code></pre><div style="text-align: justify;">Keterangan :</div><div style="text-align: justify;">Silahkan ganti <span style="color: #f8823c;">xxxxx</span> dengan kode OpenID Anda. Lihat pada gambar sebelumnya, kode yang di garis bawahi merupakan kode OpenID Anda.</div><br /><div style="text-align: justify;">6. Klik Save dan Cobalah menggunakan OpenID Anda.</div><br /><h3 style="text-align: justify;">Cara Berkomentar Menggunakan Open ID</h3><div style="text-align: justify;">1. Biarkan akun OpenID anda di openid.stackexchange.com tetap Login. Karena bila Anda logout, maka akan disuruh login lagi saat mau berkomentar.</div><div style="text-align: justify;">2. Silahkan pilih opsi OpenID saat berkomentar. Masukkan link blog anda dan klik Lanjutkan atau Continue.</div><div style="text-align: justify;">3. Jika ini pertama kalinya Anda berkomentar menggunakan OpenID maka Anda akan disuruh melakukan konfirmasi.</div><div style="text-align: justify;">4. Saya anjurkan untuk logout pada akun Blogger saat berkomentar menggunakan OpenID (cuma saran).</div><br /><div style="text-align: justify;">Saya rasa sekian artikel tentang <a href="http://wajahilmu.blogspot.com/2015/08/cara-terbaru-berkomentar-menggunakan.html" target="_blank">Cara Mengaktifkan dan Berkomentar Menggunakan Open ID</a>. Semoga bisa bermanfaat bagi sobat blogger di mana pun Anda berada. Silahkan berkomentar sebelum menerapkan agar saya termotivasi untuk terus update. Bila ada pertanyaan, kritik dan saran silahkan tuliskan pada kolom komentar dibawah. Terima Kasih banyak telah mengunjungi <a href="http://wajahilmu.blogspot.com/" target="_blank">Opick Weblog</a>.</div></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-63088050007046136902015-07-29T12:31:00.000-07:002019-07-25T00:16:43.341-07:00Cara Memasang Widget Recent Post Keren Pada Blog<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGnU1rq6ZvUcqQQx3ohNGIGe_SV1dxJMzTLL56-nILzs-o4ZyaphPrx895RJCfAvOzPg-hEH54l8eazjydHe1nRMig4IvPVEmU991uR6QjkRWK0kTCXlZ1zi1jbLk9ixEtzC-ys87Y_Nw/s1600/Cara+Membuat+Recent+Post+Keren+Terbaru.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Memasang Widget Recent Post Json Terbaru" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGnU1rq6ZvUcqQQx3ohNGIGe_SV1dxJMzTLL56-nILzs-o4ZyaphPrx895RJCfAvOzPg-hEH54l8eazjydHe1nRMig4IvPVEmU991uR6QjkRWK0kTCXlZ1zi1jbLk9ixEtzC-ys87Y_Nw/s1600/Cara+Membuat+Recent+Post+Keren+Terbaru.png" title="Cara Memasang Widget Recent Post Keren Pada Blog" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><span style="font-size: small; text-align: justify;">Cara Memasang Widget Recent Post Keren Pada Blog</span></td></tr></tbody></table>Kali ini saya akan share widget recent post keren ini. Seperti yang kita ketahui widget recent post berfungsi sebagai pemberitahuan seputar artikel terbaru yang ada pada blog atau web, jadi dapat di sebut juga widget New Post atau post terbaru. Silahkan lihat tampilannya pada demo yang telah di sediakan pada akhir artikel.</div><br /><div style="text-align: justify;">Widget Recent Post ini akan memunculkan artikel paling baru pada urutan pertama, sedangkan urutan ke-2 dan seterusnya adalah artikel lain yang memiliki label sama dengan artikel terbaru. Jadi, jika misalkan artikel terbaru anda berlabel News, maka artikel yang akan di tampilkan pada widget ini adalah post News Update atau semua artikel berlabel News terbaru. Kalau Anda belum paham bisa langsung coba memasangnya terlebih dahulu, berikut tahapan pemasangan widgetnya.</div><br /><h3 style="text-align: justify;">Cara Memasang Widget Recent Post</h3><div style="text-align: justify;">1. Pastikan FontAwesome telah terpasang di blog Anda.</div><blockquote style="text-align: justify;">Baca juga : <a href="http://wajahilmu.blogspot.com/2015/06/cara-memasang-simple-slide-box-pada-blog.html" target="_blank">Cara Memasang Kotak Pesan Dengan Efek Slide Pada Blog</a></blockquote><div style="text-align: justify;">2. Menuju ke Edit HTML, Silahkan copy CSS berikut dan tempatkan sebelum kode <kbd>]]></b:skin></kbd> atau <kbd></style></kbd>.</div><pre data-codetype="CSSku" title="CSS"><code class="language-css">/* CSS Recent Post by wajahilmu.blogspot.com */<br />.recent-post-title{background:#fff;margin:0;padding:0;position:relative}<br />.recent-post-title h2{font:normal bold 14px Arial,sans-serif;height:26px;line-height:26px;margin:0 0;padding:0 10px;background:#0b944b;color:#ffffff;display:inline-block}<br />.recent-post-title h6{float:left;font:normal bold 10px Arial,sans-serif;height:26px;line-height:26px;margin:0 0;padding:0 10px;color:#ffffff;display:inline-block;border:1px solid #eee}<br />.recent-post-title h2 a{color:#ffffff}<br />.recent-post-title h2 a:after{content:&quot;\f18e&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px}<br />.recent-post-get{float:right;font:normal bold 10px Arial,sans-serif;margin-bottom:10px;line-height:26px;padding:0 10px;border:1px solid #eee}<br />.recent-post-one-thumb{float:left;width:50%;margin:0 0}<br />.recent-post-one-thumb .widget{padding:0 10px 10px 0}<br />.recent-post-one-thumb .widget-content{background:#ffffff;border:1px solid #e5e5e5;padding:15px}<br />.recent-post-one-thumb ul{list-style-type:none;margin:0 0 0 0;padding:0 0 0 0}<br />ul.rp_thumbs{margin:0 0 0 0}<br />ul.rp_thumbs li{font-size:12px;min-height:68px;margin:0 0 8px;padding:0 0 8px;border-bottom:1px dotted #e5e5e5}<br />ul.rp_thumbs .rp_thumb{position:relative;background:#fbfbfb;margin:3px 0 10px 0;width:100%;height:0;padding-bottom:46%;overflow:hidden}<br />ul.rp_thumbs .rp_thumb img{height:auto;width:100%}<br />ul.rp_thumbs2{font-size:13px}<br />ul.rp_thumbs2 li{padding:0 0;min-height:66px;font-size:11px;margin:0 0 8px;padding:0 0 8px;border-bottom:1px dotted #e5e5e5}<br />ul.rp_thumbs2 .rp_thumb2{background:#fbfbfb;float:left;margin:3px 8px 0 0;height:60px;width:60px}<br />ul.rp_thumbs2 .rp_thumb2 img{height:60px;width:60px}<br />span.rp_title{font:normal normal 16px Fjalla One,Helvetica,Arial,sans-serif;display:block;margin:0 0 5px;line-height:1.4em}<br />span.rp_title2{font-size:14px}<br />span.rp_summary{display:block;margin:6px 0 0;color:#666666}<br />span.rp_meta{background:transparent;display:block;font-size:11px;color:#666666}<br />span.rp_meta a{color:#666666!important;display:inline-block}<br />span.rp_meta_date,span.rp_meta_comment,span.rp_meta_more{display:inline-block;margin-right:8px}<br />span.rp_meta_date:before{content:&quot;\f073&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px}<br />span.rp_meta_comment:before{content:&quot;\f086&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px}<br />span.rp_meta_more:before{content:&quot;\f0a9&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px}<br />ul.rp_thumbs2 li a:hover,ul.rp_thumbs li a:hover{color:#0072C6}</code></pre><br /><div style="text-align: justify;">3. Letakkan script berikut sebelum atau di atas kode <kbd></head></kbd>, lalu klik save.</div><pre data-codetype="JavaScriptku" title="Javascript"><code class="language-javascript"><script src='https://googledrive.com/host/0B2oQSsObIa2lRUpzeDczczJ0V3M' type='text/javascript'/><br /><script type='text/javascript'><br />var numposts = 1;<br />var numposts2 = 5;<br />var showpostthumbnails = true;<br />var showpostthumbnails2 = true;<br />var displaymore = true;<br />var displaymore2 = false;<br />var showcommentnum = true;<br />var showcommentnum2 = true;<br />var showpostdate = true;<br />var showpostdate2 = true;<br />var showpostsummary = true;<br />var numchars = 100;<br />var thumb_width = 300;<br />var thumb_height = 140;<br />var thumb_width2 = 60;<br />var thumb_height2 = 60;<br />var no_thumb = &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinE0VAoK1Sj-gIF0HzIIIC-0eCHyE76NqsUr8bmpv9WxUFCrWDl_6LDYCyZYpaRdzxh9o-EIrZYaRDPz4H4Du5sjC6FvPID2mCs3gQ4lqRcYOTvVKV3ji_ZpVUwfwB_sEyE7NUojQxlTTI/w300-c-h140/no-image.png&#39;<br />var no_thumb2 = &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3HjXtF6uS4S8nete2bnOL4mftkGOWMd0VlEbRhGeFmYwVLYpcGjxX_M6EWMd66JWL4mDZfPPaa1ogEt4k2mZkieXmnlN5ltxEe2HaBEfyeEKkB0Lf9RCo2RhKmXPSXBIVPYK6Je_IHScm/s60-c/no-image.png&#39;<br /></script></code></pre><br /><div style="text-align: justify;">4. Selanjutnya silahkan menuju Tata Letak > Tambahkan Widget > HTML/JavaScript, lalu masukkan kode berikut.</div><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><script><br />document.write("<script src=\"<span style="color: #f8823c;">/feeds/posts/default?orderby=updated&alt=json-in-script&callback=labelthumbs\</span>"><\/script>");<br />document.write('<div class="recent-post-title"><h6><a href="/" title="Klik disini Untuk Melihat lebih Banyak Yang Baru ">Lihat Semua >></a></h6></div>');<br />document.write('<div class="recent-post-get"><a href="http://wajahilmu.blogspot.com/search/label/Widget" title="Get This Widget">Get Widget</a></div>');<br /></script></code></pre><br /><div style="text-align: justify;">5. Klik save/simpan dan selesai.</div><br /><div style="text-align: center;"><a class="demo" href="http://goo.gl/rjs8u9" target="_blank">Demo</a></div><br /><div style="text-align: justify;">Sedikit saran buat Anda, bila ingin memfokuskan pada label tertentu, silahkan ganti kode widget <br /><kbd>/feeds/posts/default?orderby=updated&alt=json-in-script&callback=labelthumbs\</kbd> dengan kode berikut <br /><kbd>/feeds/posts/default/-/<b>Nama%20Label</b>?orderby=updated&alt=json-in-script&callback=labelthumbs\</kbd>. Silahkan ganti tulisan <b>Nama%20Label</b> dengan nama label yang Anda inginkan.</div><br /><div style="text-align: justify;">Saya rasa cukup sekian artikel tentang <a href="http://wajahilmu.blogspot.com/2015/07/cara-memasang-widget-recent-post-json.html" target="_blank">Cara Memasang Widget Recent Post Keren Pada Blog</a> ini, semoga dapat bermanfaat buat Anda. Sebelum memasang widget tersebut, ada baiknya bila Anda berkomentar terlebih dahulu sehingga dapat menjadi motivasi tersendiri bagi saya untuk terus mengupdate artikel di blog ini. Kritik dan saran juga dapat Anda tuliskan pada kolom komentar di bawah. Terima kasih banyak telah membaca artikel di <a href="http://wajahilmu.blogspot.com/">Opick Weblog</a>.</div><div class="clear"></div></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-36785226879467674182015-07-27T18:55:00.000-07:002019-07-25T00:16:43.511-07:00Cara Mendapatkan Backlink Menggunakan Twitter<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWtDvmEmcr9KUEdkxGu_MBX6V9ex_DDBQfoVDk17QONwVK7FsTv9CN37q2__a2dXu1sNHV1LAagqBFCQq8NWauAg0ND7x6HdXJH-NQc62Gxzbh3gBZkkDDKnsxNuqvMmDFH5eQQzhCL5M/s1600/Cara+Mendapatkan+Backlink+Menggunakan+Twitter.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Mendapatkan Backlink Dari Twitter" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWtDvmEmcr9KUEdkxGu_MBX6V9ex_DDBQfoVDk17QONwVK7FsTv9CN37q2__a2dXu1sNHV1LAagqBFCQq8NWauAg0ND7x6HdXJH-NQc62Gxzbh3gBZkkDDKnsxNuqvMmDFH5eQQzhCL5M/s1600/Cara+Mendapatkan+Backlink+Menggunakan+Twitter.png" title="Cara Mendapatkan Backlink Dari Twitter" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Cara Mendapatkan Backlink Menggunakan Twitter</td></tr></tbody></table>Pada kesempatan Kali ini, saya ingin berbagi tips dan trick yang gunakan untuk mendapatkan unique visitors dari sosial media Twitter. Ada yang mengatakan bahwa visitor dari twitter akan banyak tergantung dengan jumlah followers twitter Anda. Tapi jangan canggung akan hal sepele seperti itu, banyak followers tidak menjamin banyak visitor pula. Oleh karena itu, strategi yang kita gunakan harus sesuai dan terfokus.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Backlink yang bersumber dari twitter sangat bagus karena memiliki efek ganda. Pertama retweet yang akan menyebarluaskan link dan juga website dengan artikel dari twitter yang akan memuat tweet Anda. Ini adalah screenshot terbaru dari backlink yang ane dapat dari sebuah blog yang menggunakan post tweet atau artikel dari tweet.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbaNQqFBVCpro6iSgfLmQTcNRpu0oTym6ALP7VRjjvxYJ2biSvIqx4LHRctVmXXD1o_18YT2OI3irf74Pz1Se2ls_CprYBz_JcFdD3liQ3dL4Ba07wFKYDShr0ddk2l8F-eFWa-B6u06E/s1600/Cara+Mendapatkan+Backlink+di+Twitter.png" imageanchor="1"><img alt="Cara Mendapatkan Backlink Dari Twitter" border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbaNQqFBVCpro6iSgfLmQTcNRpu0oTym6ALP7VRjjvxYJ2biSvIqx4LHRctVmXXD1o_18YT2OI3irf74Pz1Se2ls_CprYBz_JcFdD3liQ3dL4Ba07wFKYDShr0ddk2l8F-eFWa-B6u06E/s400/Cara+Mendapatkan+Backlink+di+Twitter.png" title="Cara Mendapatkan Backlink Melalui Twitter" width="400" /></a></div><br /><div style="text-align: justify;">Gambar di atas merupakan notifikasi dari retweet tweet pada tweeter saya. Setelah saya mengunjungi link di bawahnya, maka sampailah saya pada blog tersebut yang telah menjadi backlink dari tweet saya. Berikut screenshot dari post blog tersebut dengan backlink tweet saya di dalamnya.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijlKvvpMIXrgcDRF4i2wNEIZ9bqMGMzM8AKDUkmE2kfcD0CFpOz-ZBGCtoMZtX-eb1pip4voYiheGXj9l8xhDekh1e44SPlmgC9W6GrNzRXRaFFLsXwty1C-2QiplADvvBZfaxpCjGGUI/s1600/Mendapatkan+Backlink+Menggunakan+Twitter.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="123" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijlKvvpMIXrgcDRF4i2wNEIZ9bqMGMzM8AKDUkmE2kfcD0CFpOz-ZBGCtoMZtX-eb1pip4voYiheGXj9l8xhDekh1e44SPlmgC9W6GrNzRXRaFFLsXwty1C-2QiplADvvBZfaxpCjGGUI/s400/Mendapatkan+Backlink+Menggunakan+Twitter.png" width="400" /></a></div><br /><div style="text-align: justify;">Bila ingin melihat langsung dari blog tersebut silahkan kunjungi link berikut<br /><kbd>http://www.css3tricks.com/rt-opickweblog-awesome-cloud-animation-from-css3-here-cs-2/</kbd> atau<br /><kbd>http://www.css3tricks.com/rt-opickweblog-come-create-your-own-web-gallery-tutorial/</kbd>. Ingin dapat baclink juga? silahkan simak tutorial berikut sampai akhir.</div><br /><h3 style="text-align: justify;">Cara Mendapatkan Backlink Menggunakan Twitter</h3><div style="text-align: justify;"><b>1. Sudah Memiliki akun twitter dan followers</b></div><div style="text-align: justify;">Ini sih sudah jelas biar bisa ngetweet pasti harus punya akun twitter dan biar ada yang retweet harus ada followers. Jadi saya recomendasikan untuk follow twitter saya di <a href="https://twitter.com/opickweblog" target="_blank">@opickweblog</a> atau bisa langsung klik tombol follow twitter pada widget di sidebar. Bila ingin saya follback, cukup <b>Mentions</b> saya di twitter biar langsung saya follback. Sekarang akan muncul pertanyaan, gimana kalau udah ada followers tapi gak di retweet? ikuti step berikutnya.</div><br /><div style="text-align: justify;"><b>2. Ngetweet Menggunakan Hastag yang Sesuai</b></div><div style="text-align: justify;">Kenapa harus repot-repot menggunakan hastag? jelas aja biar tweet Anda bisa di kelompokkan dengan tweet serupa. Jadi bila ada blog atau web dengan niche serupa yang tertarik dengan tweet anda dia dapat dengan mudah menemukan dan meretweet tweet tersebut.</div><br /><div style="text-align: justify;"><b>3. Gunakan Situs Pendukung Untuk Sharing Tweet</b></div><div style="text-align: justify;">Situs Pendukung berguna sebagai alat share tweet terutama bagi Anda yang belum memiliki followers banyak. Dengan menggunakan situs ini, tweet anda akan tetap di retweet sehingga jumlah page views dan visitors dapat meningkat. Disini saya sendiri menggunakan <b>Add Me Fast</b> sebagai situs pendukungnya. Bagi yang baru mencoba saya recomendasikan untuk menggunkan situs tersebut karena dapat memfokuskan persebaran retweet seperti pada country. Cara ini dapat Anda gunakan untuk mengatasi point ke-1.</div><blockquote style="text-align: justify;">Baca juga : <a href="http://wajahilmu.blogspot.com/2015/02/sharing-like-followers-bertambah-ribuan.html" target="_blank">Sharing, Like, Followers Bertambah Ribuan Dengan Join Add Me Fast</a></blockquote><div style="text-align: justify;"><b>4. Perbanyak Followers Twitter</b></div><div style="text-align: justify;">Followers twitter dapat anda grow up atau perbanyak menggunakan situs exchange lainnya. Add Me Fast juga dapat di gunakan untuk meningkatkan jumlah followers dengan sistem yang mudah. Bila ingin lebih mengerti rinciannya silahkan baca link pada point ke-3.</div><br /><div style="text-align: justify;"><b>5. Giat Update Tweet Agar Di Anggap Twitter Aktif</b></div><div style="text-align: justify;">Perlunya melakukan update tweet agar para followers dapat melakukan retweet terus pada tweet Anda. Bila selang waktu tweet terlalu panjang, twitter anda akan di anggap non aktif oleh followers dan mungkin akan sulit mendapatkan retweet lagi.</div><br /><div style="text-align: justify;">Saya rasa cukup sekian tips & trick tentang <a href="http://wajahilmu.blogspot.com/2015/07/cara-mendapatkan-backlink-dari-twitter.html" target="_blank">Cara Mendapatkan Backlink Menggunakan Twitter</a>. Bila masih kurang paham bisa langsung bertanya dengan berkomentar pada artikel ini. Sebelum menerapkan cara di atas ada baiknya bila Anda meninggalkan komentar terlebih dahulu sehingga dapat memotivasi saya agar terus berkarya pada blog ini. Terima Kasih Banyak telah membaca artikel di <a href="http://wajahilmu.blogspot.com/">Opick Weblog</a>.</div></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-7542663197751567162015-07-22T16:42:00.000-07:002019-07-25T00:16:43.679-07:00Cara Membuat Popup Hanya Dengan CSS3 (Tanpa Javascript/Jquery)<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOBTFXZRC4DFwV2746qHg8Qj84_3RDMUngjDXj46M6Jv0jxdfgYpGSvZDLMJmGaFbYhUINH81f-uDxHKCOmyYLI3KuWLOOGDUKmton9zGZIfjdhHGOex83jtyRJbeXZbcBeOLWH0eDkS4/s1600/Cara+Membuat+Pop+up+tanpa+script.png" imageanchor="1"><img alt="Cara Membuat Popup Hanya Dengan CSS3 (Tanpa Javascript/Jquery)" border="0" height="416" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOBTFXZRC4DFwV2746qHg8Qj84_3RDMUngjDXj46M6Jv0jxdfgYpGSvZDLMJmGaFbYhUINH81f-uDxHKCOmyYLI3KuWLOOGDUKmton9zGZIfjdhHGOex83jtyRJbeXZbcBeOLWH0eDkS4/s640/Cara+Membuat+Pop+up+tanpa+script.png" title="Cara Membuat Popup Hanya Dengan CSS3 (Tanpa Javascript/Jquery)" width="640" /></a></div><br />Cara Membuat Popup Hanya Dengan CSS3 (Tanpa Javascript/Jquery) - Kebanyakan pop up menggunakan javascript yang akan membuat loading blog semakin lambat. Misalkan pop up like box, biasanya menggunakan javascript. Pada tutorial kali ini kita akan membuat pop up dengan hanya menggunakan CSS dan HTML saja, tentunya tanpa javascript.</div><blockquote>Baca juga : <a href="http://wajahilmu.blogspot.com/2015/06/cara-membuat-twitter-fans-page.html" target="_blank">Cara Membuat Like Box Twitter di Blog</a></blockquote><h3 style="text-align: justify;">Cara Membuat Pop up Button Hanya Dengan CSS</h3><div style="text-align: justify;">1. Silahkan copy CSS berikut dan letakkan sebelum kode <kbd>]]></b:skin></kbd> atau <kbd></style></kbd>.</div><pre data-codetype="CSSku" title="CSS"><code class="language-css">/* CSS Pop Up Button*/<br />a.popup-link{padding:17px 0;text-align:center;margin:7% auto;position:relative;width:300px;color:#fff;text-decoration:none;background-color:#FFBA00;border-radius:3px;box-shadow:0 5px 0 0 #eea900;display:block}<br />a.popup-link:hover{background-color:#ff9900;box-shadow:0 3px 0 0 #eea900;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}<br />#popup{visibility:hidden;opacity:0;margin-top:-200px;}<br />#popup:target{visibility:visible;opacity:1;background-color:rgba(255,255,255,0.7);position:fixed;top:0;left:0;right:0;bottom:0;margin:0;z-index:999;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}<br />@media (min-width:768px){.popup-container{width:300px}}<br />@media (max-width:767px){.popup-container{width:90%}}<br />.popup-container{position:relative;margin:7% auto;padding:15px 30px;background-color:#8dbb90;color:#fff;border-radius:3px;line-height:normal;font-size:130%;width:30%;border:5px solid #fff;box-shadow:0 0 10px rgba(0,0,0,.15);}<br />a.popup-close{position:absolute;top:-3px;right:-3px;background-color:#fff;padding:7px 10px;font-size:20px;text-decoration:none;line-height:1;color:#333;border-bottom-left-radius:3px;}<br />a.popup-close:hover{border-radius:3px;transform:scale(1.5)}</code></pre><br /><div style="text-align: justify;">2. Silahkan letakkan HTML nya di antara kode <kbd><body></kbd> sampai tag penutup <kbd></body></kbd>. Anda bisa juga meletakkannya menggunakan add widget > HTML/Javascript.</div><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div id="closed"></div><br /><a href="#popup" class="popup-link">Klik untuk memunculkan Popup</a><br /><div class="popup-wrapper" id="popup"><br /><div class="popup-container"><br /><!-- Konten popup, silahkan ganti sesuai kebutuhan --><br /><br /><span style="color: #efb16f;">Masukkan Kontent apa saja disini. Bisa tulisan, widget fanspage, subscribe box dll</span><br /><br /><!-- Konten popup sampai disini--><br /><a class='popup-close' href='#closed'>X</a><br /></div><br /></div></code></pre><div style="text-align: justify;">3. save & done</div><br /><div style="text-align: center;"><a class="demo" href="http://jsfiddle.net/opick00/q7gag2en/1/embedded/result/" target="_blank">Preview</a></div><br /><div style="text-align: justify;">Pop up ini akan muncul ketika tombol pop up di klik, sehingga dapat Anda kreasikan sendiri. Namun, saya yakin banyak sobat blogger yang lebih suka pop up versi auto. Pop up versi auto adalah pop up box yang akan muncul ketika loading blog selesai di muat. Oleh karena itu, saya juga akan memberikan tutorial cara membuat Auto pop up hanya dengan menggunakan CSS dan HTML saja.</div><blockquote>Baca juga : <a href="http://wajahilmu.blogspot.com/2015/05/memasang-fans-page-like-box-dengan-efek.html" target="_blank">Cara Memasang Fans Page Like Box Dengan Efek Bounce</a></blockquote><h3 style="text-align: justify;">Cara Membuat Auto Pop up Hanya Dengan CSS</h3><div style="text-align: justify;">Step atau tahapan nya kurang lebih sama seperti cara pemasangan pop up button, yang membedakan hanya CSS dan HTML saja. Berikut CSS dan HTML auto pop up.</div><br /><pre data-codetype="CSSku" title="CSS"><code class="language-css">/* CSS Auto Pop Up*/<br />a.popup-link{padding:17px 0;text-align:center;margin:10% auto;position:relative;color:#fff;text-decoration:none;background-color:#FFBA00;border-radius:3px;box-shadow:0 5px 0 0 #eea900;display:block}<br />a.popup-link:hover{background-color:#ff9900;box-shadow:0 3px 0 0 #eea900;-webkit-transition:all 1s;transition:all 1s}<br />@-webkit-keyframes autopopup{from{opacity:0;margin-top:-200px}to{opacity:1}}<br />@-moz-keyframes autopopup{from{opacity:0;margin-top:-200px}to{opacity:1}}<br />@keyframes autopopup{from{opacity:0;margin-top:-200px}to{opacity:1}}<br />#popup{background-color:rgba(0,0,0,0.7);position:fixed;top:0;left:0;right:0;bottom:0;margin:0;z-index:99999;-webkit-animation:autopopup 2s;-moz-animation:autopopup 2s;animation:autopopup 2s}<br />#popup:target{-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s;opacity:0;visibility:hidden}<br />@media (min-width:768px){.popup-container{width:300px}}<br />@media (max-width:767px){.popup-container{width:90%}}<br />.popup-container{position:relative;margin:7% auto;padding:0;background-color:#8dbb90;color:#fff;border-radius:3px;line-height:normal;font-size:130%;width:340px;border:5px solid #fff;box-shadow:0 0 10px rgba(0,0,0,.15)}<br />a.popup-close{position:absolute;top:-3px;right:-3px;background-color:#fff;padding:7px 10px;font-size:20px;text-decoration:none;line-height:1;color:#333;border-bottom-left-radius:3px}<br />a.popup-close:hover{border-radius:3px;transform:scale(1.5)}</code></pre><br /><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div class="popup-wrapper" id="popup"><br /><div class="popup-container"><br /><!-- Konten popup, silahkan ganti sesuai kebutuhan --><br /><br /><span style="color: #efb16f;">Masukkan Kontent apa saja disini. Bisa tulisan, widget fanspage, subscribe box dll</span><br /><br /><!-- Konten popup sampai disini--><br /><a class="popup-close" href="#popup">X</a><br /></div><br /></div></code></pre><br /><div style="text-align: center;"><a class="demo" href="http://jsfiddle.net/opick00/oxz7sxue/embedded/result/" target="_blank">Preview</a></div><br /><div style="text-align: justify;">Saya rasa sekian artikel tentang <a href="http://wajahilmu.blogspot.com/2015/07/cara-membuat-pop-up-tanpa-javascrip.html" target="_blank">Cara Membuat Popup Hanya Dengan CSS3 (Tanpa Javascript/Jquery)</a> ini. Semoga bisa bermanfaat bagi Anda dan sebelum menerapkan cara di atas, ada baiknya bila Anda meninggalkan komentar terlebih dahulu sehingga saya semakin giat sharing ilmunya. Bila ada pertanyaan silahkan tuliskan pada kolom komentar di bawah atau di halaman OOT (Out Of Topics). Terima Kasih Banyak Telah Membaca Artikel di Opick Weblog.</div><div class="clear"></div></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-30150598902002423002015-07-12T05:53:00.000-07:002019-07-25T00:16:43.885-07:00Cara Optimalisasi SEO Menggunakan Description<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">Deskripsi pada blog merupakan salah satu teknik SEO On Page yang mesti Anda ketahui. Fungsinya sendiri untuk memperkuat deskripsi blog Anda yang akan di index oleh google. Deskripsi ini akan muncul serp ketika sudah di aktifkan. Jadi yang belum mengaktifkan deskripsi blognya silahkan simak tutorial berikut.</div><br /><h3 style="text-align: justify;">Cara Memasang Description Pada Homepage</h3><div style="text-align: justify;">1. Silahkan cek meta tag Description pada blog Anda. Caranya, silahkan menuju ke Template > Edit Html, letaknya berada di antara kode <kbd><head></kbd> sampai <kbd></head></kbd>.</div><div style="text-align: justify;">Bila ternyata belum ada, silahkan letakkan meta tag description berikut dibawah kode <kbd><head></kbd>, lalu save.</div><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><meta expr:content='data:blog.metaDescription' property='og:description'/></code></pre><blockquote>Baca juga : <a href="http://wajahilmu.blogspot.com/2015/06/cara-memasang-meta-tag-seo-pada-blog.html" target="_blank">Memasang Meta Tag Full Seo Pada blog</a></blockquote><div style="text-align: justify;">2. Aktifkan meta tag description yang telah di pasang sebelumnya dengan cara, pergi menuju menu <b>Setelan > Preferensi penelusuran > Meta Tag > Deskripsi</b>.</div><br /><div style="text-align: justify;">3. Isi deskripsi sobat sesuai keinginan Anda pada kotak yang telah di sediakan lalu klik simpan.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg66iZemc-iTb7wsXj2gRWqaLoC2YhNOvLEg23vLRZqFb-fZ03-UbHzz6cgz8OEzeeMstJczYw2QVvY4Tnu0OSJ3U1Ow3dXMR6g2kTWV62oZIwaS2c4ZsItdQaIV20g7UL7o8W4ctYVpo4/s1600/Cara+Menambahkan+Deskripsi+Blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menambahkan Deskripsi Pada Homepage" border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg66iZemc-iTb7wsXj2gRWqaLoC2YhNOvLEg23vLRZqFb-fZ03-UbHzz6cgz8OEzeeMstJczYw2QVvY4Tnu0OSJ3U1Ow3dXMR6g2kTWV62oZIwaS2c4ZsItdQaIV20g7UL7o8W4ctYVpo4/s640/Cara+Menambahkan+Deskripsi+Blog.jpg" title="Cara Menambahkan Deskripsi Pada Homepage" width="640" /></a></div><br /><div style="text-align: justify;">Setelah itu, maka deskripsi blog Anda telah aktif. Agar lebih SEO aktifkan juga deskripsi pada setiap postingan Anda.</div><br /><h3 style="text-align: justify;">Cara Mengaktifkan Description Pada Post</h3><div style="text-align: justify;">1. Silahkan buat artikel anda se-seo mungkin.</div><blockquote><div style="text-align: justify;">Baca juga : <a href="http://wajahilmu.blogspot.com/2015/05/cara-membuat-artikel-seo-yang.html" target="_blank">Tips Membuat Artikel SEO yang Mendatangkan Visitor</a></div></blockquote><div style="text-align: justify;">2. Lihat di bagian setelan entri. Letaknya di sebelah kiri form postingan.</div><br /><div style="text-align: justify;">3. Klik <b>Deskripsi Penelusuran</b>, kemudian masukkan deskripsi postingan Anda pada kolom yang tersedia.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHpKoU91Nn9ppLIHiVNt11gOmeAPtSQolBBsFaQf6DMAi7etmtAy-zjRN7e5JhJ7K34sNX1pN9gWNSZd9uo6sORKck8lHoy9C0tvUPt2o38a4Xucnc52Tpg-AZOhqz9bF7l-o3fP4H-ck/s1600/Menambahkan+Deskripsi+Pada+Postingan.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mengaktifkan Description Pada Post" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHpKoU91Nn9ppLIHiVNt11gOmeAPtSQolBBsFaQf6DMAi7etmtAy-zjRN7e5JhJ7K34sNX1pN9gWNSZd9uo6sORKck8lHoy9C0tvUPt2o38a4Xucnc52Tpg-AZOhqz9bF7l-o3fP4H-ck/s1600/Menambahkan+Deskripsi+Pada+Postingan.jpg" title="Cara Mengaktifkan Description Pada Post" /></a></div><br /><div style="text-align: justify;">4. Klik selesai lalu publish artikel tersebut.</div><br /><div style="text-align: justify;">Perlu di ketahui bila deskripsi pada hompage atau postingan tidak di isi, maka secara otomatis deskripsi akan terisi dengan sendirinya. Namun, deskripsi yang otomatis tidak lah seo karena isinya di ambil dari kata-kata pada kalimat pertama postingan. Jadi, saya anjurkan untuk mengisinya sendiri biar lebih seo dan dapat anda tentukan sendiri isi dari deskripsi blog sobat.</div><br /><div style="text-align: justify;">Saya rasa cukup sekian artikel tentang <a href="http://wajahilmu.blogspot.com/2015/07/cara-menambahkan-deskripsi-pada-blog.html" target="_blank">Cara Optimalisasi SEO Menggunakan Description</a>. Semoga Artikel ini dapat bermanfaat bagi sobat blogger di mana pun Anda berada. Sebelum menerapkan, silahkan isi kolom komentar di bawah.</div><div style="text-align: justify;">Terima Kasih banyak telah mengunjungi <a href="http://wajahilmu.blogspot.com/">Opick Weblog</a>.</div></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-65894870979710500712015-07-08T05:37:00.000-07:002019-07-25T00:16:44.049-07:00Tips Ampuh Tingkatkan Links In Alexa<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht4VqJUJTKOE2tai7EiPJzoDKdkYCpLbxzG7sy-QWxOfsJUSTSZwDrRju4Tjxx_ifOKNOeUmhRhCrQ0bwb4LSAppy11tY9x1q-LVmZc89YAmPcArxXpdt6OQ8OOvMVbX9Oqw1mbH1CML4/s1600/Cara+Meningkatkan+Alexa+Links+in.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Meningkatkan Links In Alexa" border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht4VqJUJTKOE2tai7EiPJzoDKdkYCpLbxzG7sy-QWxOfsJUSTSZwDrRju4Tjxx_ifOKNOeUmhRhCrQ0bwb4LSAppy11tY9x1q-LVmZc89YAmPcArxXpdt6OQ8OOvMVbX9Oqw1mbH1CML4/s320/Cara+Meningkatkan+Alexa+Links+in.png" title="Tips Ampuh Tingkatkan Links In Alexa" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Tips Ampuh Tingkatkan Links In Alexa</td></tr></tbody></table><div style="text-align: justify;">Belajar dari pengalaman waktu mulai ngeblog, saya ingin sekali meningkatkan links in alexa. Links in alexa berupa backlink yang akan di index oleh pihak alexa. Mungkin ada yang sudah sebar backlink kemana-mana namun tidak di index juga, hal ini di sebabkan oleh dua kemungkinan. Pertama, links in Alexa belum di update oleh pihak Alexa, jadi sebaiknya tunggu saja sampai terupdate. Kedua, backlink tersebut tidak terindex, bisa jadi backlink diletakkan pada situs nofollow. Langsung saja, berikut tips untuk meningkatkan links in alexa.</div><br /><h3 style="text-align: justify;">Cara Meningkatkan Links In Alexa</h3><div style="text-align: justify;"><b>1. Menyebarkan Link Blog Pada Forum Sesuai Niche</b></div><div style="text-align: justify;">Cara ini adalah yang pertama saya lakukan. Simple dan kemungkinan links in bertambah cukup tinggi, Anda tinggal menjelajahi forum-forum yang sesuai dengan niche blog Anda. Ketika itu saya mengunjungi situs <a href="http://idblogschool.com/">idblogschool.com</a> soalnya blog saya memiliki banyak isi seputar tutorial blog. Jadi, Anda dapat share artikel atau menjawab pertanyaan menggunakan link blog Anda, tapi jangan kebanyakan biar gak di anggap spam.</div><br /><div style="text-align: justify;"><b>2. Memanfaatkan Yahoo Answer</b></div><div style="text-align: justify;">Carilah beberapa pertanyaan yang mungkin dapat Anda jawab, setelah itu jawab sesimple mungkin. Sisanya berikan link artikel Anda yang dapat menjawab pertanyaan tersebut. Anda bisa juga mengajukan pertanyaan dengan mencantumkan link Anda, lumayan bisa dapat backlink dan komentar pada blog juga.</div><br /><div style="text-align: justify;"><b>3. Mengunjungi Situs Directory</b></div><div style="text-align: justify;">Situs directory memiliki sistem seperti link exchange atau tukar link. Jadi, dapat menguntungkan satu sama lain dengan saling memasang link pada situs masing-masing. Bila blog Anda memiliki banyak pengunjung dari Indonesia sebaiknya cari situs direktori dari indonesia juga.</div><br /><div style="text-align: justify;"><b>4. Melakukan Link Exchange atau Tukar Link</b></div><div style="text-align: justify;">Hal ini saya lakukan ketika ada yang mengajak tukar link. Jadi sistemnya mirip dengan cara sebelumnya, Anda akan memasang link blog partner di blog Anda dan mereka juga akan melakukan hal tersebut. Tetapi bila ada blog yang ingin tukar link menggunakan widget, saya sarankan untuk tidak melakukan hal tersebut karena kebanyakan hanya akan merugikan Anda. Sebaiknya melakukan link exchange dengan kesepakatan sesama Admin blog. Bila ingin tukar link dengan blog ini silahkan menuju halaman <a href="http://wajahilmu.blogspot.com/p/link-exchange.html">Link Exchange</a>.</div><div style="text-align: justify;"><blockquote>Baca juga: <a href="http://wajahilmu.blogspot.com/2015/06/bahaya-link-exchange-atau-tukar-link.html" target="_blank">Kerugian Dari Link Exchange Atau Tukar Link</a></blockquote></div><div style="text-align: justify;"><b>5. Berkomentar Menggunkan Open Id</b></div><div style="text-align: justify;">Cara ini memungkinkan Anda untuk mendapatkan backlink secara gratis dari blog yang menyediakan komentar Open Id. Tapi. berkomentar menggunkan akun open id tidak meningkatkan jumlah backlink sebanyak jumlah komentar Anda, mungkin hanya akan mendapat satu backlink untuk satu blog yang Anda komentari.</div><blockquote>Baca juga: <a href="http://wajahilmu.blogspot.com/2015/08/cara-terbaru-berkomentar-menggunakan.html" target="_blank">Cara Mengaktifkan dan Berkomentar Menggunakan Open ID</a></blockquote><div style="text-align: justify;"><b>6. Berkomentar Menggunkan Name/URL</b></div><div style="text-align: justify;">Cara ini cukup mudah dilakukan pada blog yang menyediakannya. Akan tetapi tidak semua blog menyediakan komentar menggunakan Name/URL. Kekurangan lain dari cara ini adalah kolom komentar yang bersifat nofollow, biar pun blog menyediakan kolom komentar dengan Name/URL tetapi bersifat Nofollow maka kecil kemungkinan links in akan bertambah.</div><br />Sekedar untuk memotivasi sobat blogger, berikut preview Links In Alexa Blog ini.<br /><div style="text-align: center;"><a href="http://www.alexa.com/siteinfo/wajahilmu.blogspot.com" alt="Cara Meningkatkan Links In Alexa" title="Cara Meningkatkan Links In Alexa" target="_blank"><object border="0" data="http://xsltcache.alexa.com/site_stats/gif/s/a/d2FqYWhpbG11LmJsb2dzcG90LmNvbS8=/s.gif"></object></a></div><br /><div style="text-align: justify;">Saya rasa cukup sekian artikel kali ini, semoga dapat bermanfaat bagi Anda semua. Sebelum menerapkan cara di atas, ada baiknya Anda berkomentar terlebih dahulu. Terima Kasih banyak telah membaca artikel di <a href="http://wajahilmu.blogspot.com/">Opick Weblog</a>.</div></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0tag:blogger.com,1999:blog-2353421050640829198.post-73920959530924851542015-07-04T22:20:00.000-07:002019-07-25T00:16:44.215-07:00Cara Membuat Gallery Blog dengan CSS3<div dir="ltr" style="text-align: left;" trbidi="on"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPCDNH54BK23-qgapPMLu3zpJMe7ahRMkYP974xgtaNI2peLpj7kFCGaWPnozvfLZ-7Z79E_m9IavIf3QFuMccbIk_7bLdcY8BK4ei09BR6tvdb2IzqTxq1ZcL27Ta7EeIwRIDzZ2N310/s1600/Awesome+Gallery+With+CSS3.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Membuat Gallery di Blog" border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPCDNH54BK23-qgapPMLu3zpJMe7ahRMkYP974xgtaNI2peLpj7kFCGaWPnozvfLZ-7Z79E_m9IavIf3QFuMccbIk_7bLdcY8BK4ei09BR6tvdb2IzqTxq1ZcL27Ta7EeIwRIDzZ2N310/s320/Awesome+Gallery+With+CSS3.jpg" title="Cara Membuat Halaman Gallery" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Awesome Gallery With CSS3</td></tr></tbody></table><div style="text-align: justify;">Gallery ini sangat cocok untuk blog dengan niche travelling atau backpaker. Fungsinya untuk membuat tampilan gambar menjadi lebih keren lagi menggunakan animasi CSS3. Sebenarnya cukup mudah bila ingin menggunkan CSS3 pada gambar, namun seringkali css tidak support bila ada kesalahan pada css code nya, walau hanya sedikit. Cukup basa basinya, bagi yang ingin mencoba silahkan ikuti tutorial berikut dan untuk preview silahkan lihat di akhir artikel.</div><br /><h3 style="text-align: justify;">Cara Membuat Halaman Gallery Blog</h3><div style="text-align: justify;">1. Siapkan halaman dengan mode HTML, jangan Compose biar kodenya aktif.</div><div style="text-align: justify;">2. Masukkan CSS berikut ke halaman tersebut.</div><pre data-codetype="CSSku" title="CSS"><code class="language-css"><style type="text/css"><br />.post img{max-width:100%}<br />.post-body{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYioQ-cD0GLR-8NwOgjO60padypLtGosqePb5W1VP382yklX7jp1F_mYVBvZi6T6Cbk4WKbGH9T7PTD-NvpRLr6YaMzsRJpNKHCsvaoAQzO-Qc4OruIv9eeGCWDRl5iWu7uAHGOl2s-XY/s1600/465_13_wood-textures-desktop-background.jpg) repeat;padding:0;} p a,li a{color:#7E3200;}<br />p a:hover,li a:hover{color:#461C00;}div#sidebarAd.cleanslate{background:rgba(255,255,255,0.25);}.CodeRay{background:rgba(255,255,255,0.75);}.row{overflow:visible}.project-header{margin-bottom:1em;}@media screen and (max-width: 767px) {.polaroids li:nth-child(n+5){display:none;}}ul.polaroids li{display:inline;}ul.polaroids a{background:#fff;display:inline;float:left;margin:0 0 27px 30px;width:auto;padding:10px 10px 15px;text-align:center;font-family:"Marker Felt",sans-serif;text-decoration:none;color:#333;font-size:18px;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);-moz-box-shadow:0 3px 6px rgba(0,0,0,.25);-webkit-transform:rotate(-2deg);-webkit-transition:-webkit-transform .15s linear;-moz-transform:rotate(-2deg);}ul.polaroids li{padding-left:0;}@media screen and (max-width: 768px) {ul.polaroids li a{margin-left:0;}}ul.polaroids img{display:block;width:190px;margin:-23px 0;}ul.polaroids a:after{content:attr(title);}ul.polaroids li:nth-child(even) a{-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);}ul.polaroids li:nth-child(3n) a{-webkit-transform:none;position:relative;top:-5px;-moz-transform:none;}ul.polaroids li:nth-child(5n) a{-webkit-transform:rotate(5deg);position:relative;right:5px;-moz-transform:rotate(5deg);}ul.polaroids li:nth-child(8n) a{position:relative;right:5px;top:8px;}ul.polaroids li:nth-child(11n) a{position:relative;left:-5px;top:3px;}ul.polaroids li.messy a{margin-top:-400px;position:relative;left:160px;}ul.polaroids li a:hover{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.5);-moz-box-shadow:0 3px 6px rgba(0,0,0,.5);position:relative;z-index:5;}<br /></style></code></pre><br /><blockquote style="text-align: justify;">Baca juga: <a href="http://wajahilmu.blogspot.com/2015/06/cara-membuat-galeri-instagram-di-blog.html" target="_blank">Cara Membuat Galeri Instagram di Blog</a></blockquote><br /><div style="text-align: justify;">3. Masih pada halaman yang sama, masukkan Kode berikut.</div><pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><center><br /><div class="row"><br /><div class="large-12 columns" style="overflow: visible"><br /><ul class="polaroids large-block-grid-4 small-block-grid-2"><br /><li><br /><a href="Link Gambar Anda" title="Judul Gambar Anda"><br /><img alt="Deskripsi Gambar" src="Link Gambar Anda"/><br /></a><br /></li><br /><li><br /><a href="Link Gambar Anda" title="Judul Gambar Anda"><br /><img alt="Deskripsi Gambar" src="Link Gambar Anda"/><br /></a><br /></li><br /><li><br /><a href="Link Gambar Anda" title="Judul Gambar Anda"><br /><img alt="Deskripsi Gambar" src="Link Gambar Anda"/><br /></a><br /></li><br /><li><br /><a href="Link Gambar Anda" title="Judul Gambar Anda"><br /><img alt="Deskripsi Gambar" src="Link Gambar Anda"/><br /></a><br /></li><br /><li><br /><a href="Link Gambar Anda" title="Judul Gambar Anda"><br /><img alt="Deskripsi Gambar" src="Link Gambar Anda"/><br /></a><br /></li><br /><li><br /><a href="Link Gambar Anda" title="Judul Gambar Anda"><br /><img alt="Deskripsi Gambar" src="Link Gambar Anda"/><br /></a><br /></li><br /><li><br /><a href="Link Gambar Anda" title="Judul Gambar Anda"><br /><img alt="Deskripsi Gambar" src="Link Gambar Anda"/><br /></a><br /></li><br /><li><br /><a href="Link Gambar Anda" title="Judul Gambar Anda"><br /><img alt="Deskripsi Gambar" src="Link Gambar Anda"/><br /></a><br /></li><br /><li><br /><a href="Link Gambar Anda" title="Judul Gambar Anda"><br /><img alt="Deskripsi Gambar" src="Link Gambar Anda"/><br /></a><br /></li><br /><li><br /><a href="Link Gambar Anda" title="Judul Gambar Anda"><br /><img alt="Deskripsi Gambar" src="Link Gambar Anda"/><br /></a><br /></li><br /><li><br /><a href="Link Gambar Anda" title="Judul Gambar Anda"><br /><img alt="Deskripsi Gambar" src="Link Gambar Anda"/><br /></a><br /></li><br /><li><br /><a href="Link Gambar Anda" title="Judul Gambar Anda"><br /><img alt="Deskripsi Gambar" src="Link Gambar Anda"/><br /></a><br /></li><br /></ul><br /></div><br /></div><br /></center></code></pre><br /><div style="text-align: justify;">4. Klik Publish / Publikasikan dan selesai.</div><br /><div style="text-align: center;"><a class="demo" href="http://wajahilmu.blogspot.com/p/gallery-opick-weblog.html" target="_blank">Result</a></div><br /><div style="text-align: justify;">Saya rasa cukup sekian artikel kali ini, bagi Anda yang ingin mencoba silahkan tinggalkan komentar terlebih dahulu. Terima Kasih telah membaca artikel di <a href="http://wajahilmu.blogspot.com/">Opick Weblog</a>.</div><div class="clear"></div></div>KabarKarirhttp://www.blogger.com/profile/11835596465507013777noreply@blogger.com0