Mengenal Khasiat Buah Naga Merah yang Luar Biasa Manfaatnya

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO-R9bnKU5nxDH5wTmdEAlOt5-FXjhNI-B-8lL4koMJdRITPfrJSFGnVXNsSRLW3xuUk1cMOorhwJoRExuUYpdcgOnfHWkTaWYKXoFNMS364hu-xDxoJHAxlN1nbTQdR_FdbT43S1h6hE/s1600/S.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO-R9bnKU5nxDH5wTmdEAlOt5-FXjhNI-B-8lL4koMJdRITPfrJSFGnVXNsSRLW3xuUk1cMOorhwJoRExuUYpdcgOnfHWkTaWYKXoFNMS364hu-xDxoJHAxlN1nbTQdR_FdbT43S1h6hE/s320/S.PNG" width="320" /></a></div> <div style="background-color: white; border: 0px none; box-sizing: border-box; color: #414141; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 25.1429px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px;"> Pada artikel kali ini kami akan mengajak Anda untuk membahas berbagai macam khasiat buah naga merah yang memiliki banyak sekali manfaat bagi kesehatan. Buah yang bentuknya khas ini cocok dikonsumsi oleh semua kalangan usia, berbagai nutrisi yang dikandung buah ini bagus untuk kesehatan bayi, balita, anak-anak, hingga orang dewasa dan orang tua. Buah naga adalah buah yang aslinya berasal dari Meksiko, Amerika Tengah, dan bernama Pitaya. Sedangkan nama naga atau “dragon” sendiri diambil dari kepercayaan orang Vietnam yang menganggap bahwa buah ini sangat diberkahi dan mereka selalu meletakkan buah ini diantara dua patung naga.</div> <div style="background-color: white; border: 0px none; box-sizing: border-box; color: #414141; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 25.1429px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px;"> Buah naga kaya akan nutrisi, selain kaya vitamin, buah ini juga kaya lemak tak jenuh yang penting untuk tubuh (bukan lemak jenuh yang justru harus dihindari). Serat yang ada pada buah ini memiliki manfaat bagus untuk pencernaan dan mengatur kadar gula darah. Sedangkan pada bagian bijinya yang berwarna hitam mengandung asam lemak esensial dalam jumlah banyak. Zat-zat inilah yang membuat buah naga sangat baik untuk kesehatan tubuh, sehingga sangat cocok untuk dikonsumsi sehari-hari, sama seperti buah apel.</div> <h2 style="background-color: white; border: 0px none; box-sizing: border-box; color: #3c3c3c; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 400; list-style: none; margin: 1em 0px 10px; outline: none; padding: 0px;"> Khasiat Buah Naga Merah untuk Mencegah Penyakit</h2> <div style="background-color: white; border: 0px none; box-sizing: border-box; color: #414141; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 25.1429px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px;"> Ada empat jenis buah naga, dua jenis buah naga daging berwarna merah dengan kulit berwarna merah muda atau merah, dan dua jenis buah naga daging berwarna putih dengan kulit berwarna merah atau kuning. Keempat macam buah naga ini pada dasarnya sama-sama memiliki manfaat luar biasa untuk kesehatan, hanya saja diantara masing-masing sedikit berbeda tingkat kandungan nutrisinya. Lalu apa saja khasiat dan manfaat buah naga merah ini?</div> <ol style="background-color: white; border: 0px none; box-sizing: border-box; color: #414141; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 25.1429px; list-style: none; margin: 0px 0px 1.27143em 1.57143em; outline: none; padding: 0px;"> <li style="border: 0px none; box-sizing: border-box; list-style: decimal outside; margin: 0px 0px 5px; outline: none; padding: 0px;">Mencegah Kanker</li> </ol> <div style="background-color: white; border: 0px none; box-sizing: border-box; color: #414141; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 25.1429px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px;"> Penyakit kanker termasuk penyakit berbahaya yang sangat sulit untuk disembuhkan. Pepatah mengatakan lebih baik mencegah daripada mengobati. Nah, Anda bisa berusaha mencegah kanker salah satunya dengan cara rutin mengonsumsi buah naga merah ini. Buah ini sangat kaya akan vitamin C yang merupakan salah satu antioksidan utama, yang mampu mencegah rusaknya sel/DNA yang dipicu oleh radikal bebas, yang merupakan salah satu asal mula terjadinya kanker. Setiap 100 gram buah naga dapat memenuhi 20% kebutuhan vitamin C harian, padahal satu buah naga biasanya memiliki berat sekitar 400 gram atau 0,4 kg.</div> <ol start="2" style="background-color: white; border: 0px none; box-sizing: border-box; color: #414141; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 25.1429px; list-style: none; margin: 0px 0px 1.27143em 1.57143em; outline: none; padding: 0px;"> <li style="border: 0px none; box-sizing: border-box; list-style: decimal outside; margin: 0px 0px 5px; outline: none; padding: 0px;">Bagus untuk Jantung</li> </ol> <div style="background-color: white; border: 0px none; box-sizing: border-box; color: #414141; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 25.1429px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px;"> Khasiat buah naga merah berikutnya adalah untuk menjaga kesehatan jantung. Buah naga mempunyai khasiat menurunkan jumlah kolesterol jahat dan menaikkan jumlah kolesterol baik dalam tubuh. Selain itu kandungan <em style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;">Phytochemical Captin</em> pada buah ini sangat baik untuk menjaga kesehatan jantung. Sebagai informasi, zat <em style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;">Phytochemical Captin</em> biasanya dimanfaatkan untuk pengobatan masalah jantung, dan pada buah ini Anda bisa mendapatkannya secara alami. Jika Anda mempunyai kecenderungan tekanan darah tinggi ataupun masalah jantung, cobalah untuk mengonsumsi buah ini secara rutin.</div> <ol start="3" style="background-color: white; border: 0px none; box-sizing: border-box; color: #414141; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 25.1429px; list-style: none; margin: 0px 0px 1.27143em 1.57143em; outline: none; padding: 0px;"> <li style="border: 0px none; box-sizing: border-box; list-style: decimal outside; margin: 0px 0px 5px; outline: none; padding: 0px;">Mencegah dan Mengatasi Diabetes</li> </ol> <div style="background-color: white; border: 0px none; box-sizing: border-box; color: #414141; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 25.1429px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px;"> Meskipun buah naga merah mengandung gula, namun karena kadar serat dalam buah ini sangat tinggi sehingga tetap bermanfaat untuk mencegah dan mengatasi diabetes. Kandungan serat selama ini lebih dikenal untuk melancarkan pencernaan, padahal ada fungsi penting lainnya sebagai pengatur dan mengontrol kadar gula darah. Kandungan vitamin B3 yang cukup banyak juga dapat membantu mencegah dan mengatasi penyakit diabetes, terutama tipe 1 dan 2, yang merupakan tipe diabetes yang paling sering terjadi.</div> <div style="background-color: white; border: 0px none; box-sizing: border-box; color: #414141; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 25.1429px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px;"> <strong style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;">Masih ada banyak lagi khasiat atau manfaat buah naga merah yang akan dibahas di halaman 2, termasuk juga penjelasan mengenai manfaat buah ini untuk program diet.</strong></div> <br /></div>

Diposkan oleh Unknown

Cara Membuat Kotak Iklan di Blogger 2016

<div dir="ltr" style="text-align: left;" trbidi="on"> <a href="http://www.caranya-gampang.ml/" style="background-color: aliceblue; color: #0c75b7; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify; text-decoration: none;" target="_blank"><b style="margin: 0px; padding: 0px;">Cara Membuat Kotak Iklan di Blog</b></a><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;"> - Melanjutkan tutorial sebelumnya</span><a href="http://www.caranya-gampang.ml/" style="background-color: aliceblue; color: #0c75b7; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify; text-decoration: none;" target="_blank">membuat banner animasi dan flash</a><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;"> serta </span><a href="http://superblogpedia.blogspot.com/2013/03/cara-pasang-iklan-melayang-di-kanan-dan-kiri-blog.html" style="background-color: aliceblue; color: #0c75b7; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify; text-decoration: none;" target="_blank">memasang iklan di kanan dan kiri blog</a><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;">, pada kesempatan ini saya akan membahas mengenai tutorial</span><i style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;">membuat kotak iklan di blog</i><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;"> yang berukuran 125x125 px. Mungkin Anda sudah mengetahui bahwa kegiatan </span>menulis artikel di blog<span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;"> (blogging) kini tidak lagi hanya sekedar pelepas hobi atau mengisi kekosongan waktu.</span><a href="http://www.caranya-gampang.ml/" style="background-color: aliceblue; color: #0c75b7; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify; text-decoration: none;" target="_blank">Membuat blog</a><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;"> dan memanagenya dengan baik dan benar juga dapat menghasilkan materi berupa uang yang sebagian besar para blogger menjadikannya sebagai salah satu mata pencaharian (baca: </span><a href="http://www.caranya-gampang.ml/" style="background-color: aliceblue; color: #0c75b7; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify; text-decoration: none;" target="_blank">cara mendapatkan uang dari blog</a><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;">).</span><br style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;">Menampilkan atau membuat space iklan berupa banner di website / blog biasanya dijadikan peluang bisnis tersendiri oleh blog atau website yang memiliki pengunjung yang banyak dan memiliki kepopuleran di search engine (baca </span><a href="http://superblogpedia.blogspot.com/2013/03/cara-meningkatkan-pengunjung-blog.html" style="background-color: aliceblue; color: #0c75b7; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify; text-decoration: none;" target="_blank">cara meningkatkan pengunjung blog</a><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;">). Namun tidak tertutup kemungkinan blog Anda yang masih baru dapat tawaran oleh pihak advertise untuk memasang iklan mereka ke dalam blog yang Anda miliki. Jika Anda tertarik untuk menyediakan atau </span><b style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;">membuat kotak iklan di blog</b><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;">, ikuti </span><a href="http://www.caranya-gampang.ml/" style="background-color: aliceblue; color: #0c75b7; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify; text-decoration: none;" target="_blank">tutorial blogger</a><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;"> yang akan saya jelaskan berikut ini. Klik disini jika ingin</span><a href="http://www.caranya-gampang.ml/" style="background-color: aliceblue; color: #0c75b7; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify; text-decoration: none;" target="_blank">pasang iklan murah</a><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;"> di super blog pedia</span><br style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;" /><br /> <h2 style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 18px; font-weight: normal; line-height: 1.4em; margin: 0.25em 0px 0px; padding: 0px 0px 4px; text-align: justify;"> <b style="margin: 0px; padding: 0px;">Membuat Kotak Iklan di Blog</b></h2> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGpm9GGb6XDJKKiRf5-iAmI9W4VDbVkOsP3ekLPvW0tFWiaZ89YDD_uthCmP8eD_Oz6C1kpP-uCCobdu6HHK4XEpnpWsUBDp5vHtxz3bDoVzzQBUzoiUIRfpNeNM2aAm9Atgw0fBYqXe8/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGpm9GGb6XDJKKiRf5-iAmI9W4VDbVkOsP3ekLPvW0tFWiaZ89YDD_uthCmP8eD_Oz6C1kpP-uCCobdu6HHK4XEpnpWsUBDp5vHtxz3bDoVzzQBUzoiUIRfpNeNM2aAm9Atgw0fBYqXe8/s320/Capture.PNG" width="181" /></a></div> <br style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;">Perlu saya sampaikan sebelum Anda membuat kotak iklan de blog adalah hal yang perlu diperhatikan dalam menampilkan space baner iklan adalah letak serta susunannya agar semakin menarik minat orang banyak. Jadi tidak asal pasang gambar yang akhirnya iklan yang ditampilkan menjadi kurang menarik karena berantakan.</span><br style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;">1. Silahkan login ke ID/akun blogger Anda</span><br style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;">2. Pada menu dropdown klik "template" lalu klik "Edit HTML"</span><br style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;" /><br /> <div class="separator" style="background-color: aliceblue; clear: both; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: center;"> </div> <br style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;">3.Kemudian cari kode ]]></b:skin> (gunakan ctrl+f atau F3 untuk mempermudah pencarian kode). Setelah dapat, masukkan kode berikut ini tepat diatasnya.</span><br style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;" /><br /> <blockquote class="tr_bq" style="background: rgb(255, 255, 255); border-left-color: rgb(12, 117, 183); border-left-style: solid; border-left-width: 2px; box-shadow: rgb(51, 51, 51) 0px 0px 0.5em; font-family: "Trebuchet MS"; font-size: 14px; line-height: 22.4px; margin: 1em 20px; max-height: 400px; overflow: auto; padding: 5px; text-align: justify; transition: all 0.2s ease-out;">  /** Kotak Iklan **/<br style="margin: 0px; padding: 0px;" />.kotak_iklan {text-align: center;}<br style="margin: 0px; padding: 0px;" />.kotak_iklan  img {margin: 0px 5px 5px 0px;padding: 5px;text-align: center;border: 1px solid #ddd;}<br style="margin: 0px; padding: 0px;" />.kotak_iklan  img:hover {border: 1px solid #333}</blockquote> <br style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;">4. Selanjutnya save/simpan template</span><br style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;">5. Kemudian lihat menu disebelah kiri layar lalu klik Tata Letak > Tambah Gadget >  Pilih HTML/JavaScript</span><br style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;">6. Langkah berikutnya silahkan masukkan kode berikut ini ke dalam form yang disediakan.</span><br style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;" /><br /> <blockquote class="tr_bq" style="background: rgb(255, 255, 255); border-left-color: rgb(12, 117, 183); border-left-style: solid; border-left-width: 2px; box-shadow: rgb(51, 51, 51) 0px 0px 0.5em; font-family: "Trebuchet MS"; font-size: 14px; line-height: 22.4px; margin: 1em 20px; max-height: 400px; overflow: auto; padding: 5px; text-align: justify; transition: all 0.2s ease-out;"> <div class="kotak_iklan"><br style="margin: 0px; padding: 0px;" /><a href="<span style="color: red; margin: 0px; padding: 0px;">url iklan yang dituju</span>" title="<span style="color: blue; margin: 0px; padding: 0px;">judul iklan</span>"><img border="0" src="<span style="color: purple; margin: 0px; padding: 0px;">Url gambar/banner</span>" alt="<span style="color: #38761d; margin: 0px; padding: 0px;">alt/text gambar</span>" width="125" height="125" /></a><br style="margin: 0px; padding: 0px;" /><a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a><br style="margin: 0px; padding: 0px;" /><a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a> <br style="margin: 0px; padding: 0px;" /><a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a> <br style="margin: 0px; padding: 0px;" /></div></blockquote> <br style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;">Perhatikan kata yang saya beri warna pada kode iklan diatas, rubah sesuai urutannya dan begitupula dengan kode yang dibawahnya.</span><br style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;">7. Jika sudah selesai, silahkan simpan/save dan lihat hasilnya</span><br style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;">Saya rasa tidak sulit untuk membuat kotak iklan di blog, hanya perlu menambahkan beberapa kode kedalam template blog. Untuk itu saya akhiri saja tutorial </span><b style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;">cara membuat kotak iklan di blog</b><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;"> ini semoga bermanfaat. Pastikan Anda terus mengunjungi super blog pedia untuk mendapatkan</span><a href="http://www.caranya-gampang.ml/" style="background-color: aliceblue; color: #0c75b7; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify; text-decoration: none;" target="_blank">panduan blogger</a><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;"> terbaru. Jika Anda tidak ingin ketinggalan update artikel yang akan saya posting pada kesempatan berikutnya, silahkan berlangganan artikel via </span><a href="http://www.caranya-gampang.ml/" style="background-color: aliceblue; color: #0c75b7; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify; text-decoration: none;" target="_blank">email</a><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;"> gratis dan </span><span style="background-color: aliceblue; color: red; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify;">me-like</span><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;"> </span><a href="http://www.caranya-gampang.ml/" style="background-color: aliceblue; color: #0c75b7; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; margin: 0px; padding: 0px; text-align: justify; text-decoration: none;" target="_blank">fanspage facebook</a><span style="background-color: aliceblue; font-family: Arial, Georgia, Verdana, sans-serif; font-size: 14px; line-height: 22.4px; text-align: justify;"> super blog pedia untuk mengetahui update artikel melalu facebbook.</span></div>

Diposkan oleh Unknown

Cara memasang CSS pada Blogspot 2016

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeB6lyCL-hFSyBuuZ2dBCeDY2O35usFYQ0groTmfQi1nKwqsWQ4OWhPDjBkZSaFUxZ_Jv3F2I2dKIbY9EC0fojdKo-TNIfA3pEEbne24w9TCCU2yKZ9knz7qO-k3MeSSzCliRxhLtYdto/s1600/15727020-css-technology-internet-symbol.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeB6lyCL-hFSyBuuZ2dBCeDY2O35usFYQ0groTmfQi1nKwqsWQ4OWhPDjBkZSaFUxZ_Jv3F2I2dKIbY9EC0fojdKo-TNIfA3pEEbne24w9TCCU2yKZ9knz7qO-k3MeSSzCliRxhLtYdto/s320/15727020-css-technology-internet-symbol.jpg" width="320" /></a></div> <div style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; text-align: justify;"> <b>Cara memasang CSS pada Blogspot </b>-- Berhubung materi SEO Blogspot sudah cukup memadai, sekarang saya akan membahas lebih kepada variasi dan modifikasi blog. Untuk itu anda perlu mengetahui cara memasang CSS pada blog anda. Sebenarnya caranya sekarang sudah sangat mudah dengan fitur yang disediakan oleh blogger.com.</div> <div class="separator" style="clear: both;"> <a href="https://www.blogger.com/null" name="more" style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;"></a><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /></div> <div style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; text-align: justify;"> Kenapa anda perlu mengetahui cara memasang CSS ini? Karena CSS ini sebenarnya sangat dibutuhkan untuk membuat variasi apapun di dalam blog anda. Semua komponen di dalam blog anda bisa terlihat lebih "moderen" jika anda menguasai CSS ini.<br /><br />Jadi langsung saja, untuk memasang CSS ikuti prosedur berikut ini:</div> <ul style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; text-align: justify;"> <li>Masuk ke akun blogger anda</li> <li>Buka Menu TEMPLATE</li> <li>Cari tombol CUSTOMIZE atau SESUAIKAN</li> <li>Akan terbukan jendela TEMPLATE EDITOR atau PERANCANG TEMPLATE</li> <li>Pilih menu TINGKAT LANJUT</li> <li>Akan muncul submenu baru, silahkan scroll ke bawah sampai anda menemukan ADD CSS. Klik pada sub menu tersebut</li> <li>Akan terbuka jendela editor CSS. Silahkan copy paste CSS anda ke dalam jendela editor tersebut dan klik TERAPKAN KE BLOG</li> <li>Jika anda ingin mengcopy lebih dari satu CSS, maka langsung saja paste berderet terus ke bawah, setelah itu klik TERAPKAN KE BLOG</li> <li>CSS sudah terpasang, anda tinggal menerapkan CSS tersebut dengan memakai <i>attribute class="name"</i></li> </ul> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="background-color: white; border: none; color: black; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody> <tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIiv2VuhW0U8IABP0F4PHjFsGsY0n0bTkFDy5FNYiQh9ef8nG8sRNkWOkuw0l0EBmvTMp1qYeBGf6eFkARvKhRIqKQX2mgDkayY5nVwDk0cm8-Sjx1SjM8GrhtrWnue_HNQ2q3QxNLgOA/s1600/css+window.png" imageanchor="1" style="color: #0271c7; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="jendela editor CSS" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIiv2VuhW0U8IABP0F4PHjFsGsY0n0bTkFDy5FNYiQh9ef8nG8sRNkWOkuw0l0EBmvTMp1qYeBGf6eFkARvKhRIqKQX2mgDkayY5nVwDk0cm8-Sjx1SjM8GrhtrWnue_HNQ2q3QxNLgOA/s1600/css+window.png" style="border: none; padding: 0px;" title="jendela editor CSS" /></a></td></tr> <tr style="color: #0b5394;"><td class="tr-caption" style="font-size: 14.4px;"><a href="http://www.caranya-gampang.ml/" target="_blank">Jendela editor CSS Blogspot</a></td></tr> </tbody></table> <div class="separator" style="clear: both;"> <br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /></div> <div style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; text-align: justify;"> Sangat mudah sekali untuk memasang CSS. Tunggu artikel CSS untuk membuat template blog anda lebih sesuai dengan selera anda.</div> <br /></div>

Diposkan oleh Unknown

Cara Buat CSS Menu Blog Keren Baget 2016

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPLkggdPuUwGPrOUBh5UQ-YuTP0F0GQFfzyzew3jJklufW0kQXtaLIwzsT5NgZseQs5Osl-UUNz_IqKc9ou9plmrZsqb8FrXDtM78I-rc6C3P9xtPugOZxljcMvXrC9n3v-p1p42jus2k/s1600/15727020-css-technology-internet-symbol.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPLkggdPuUwGPrOUBh5UQ-YuTP0F0GQFfzyzew3jJklufW0kQXtaLIwzsT5NgZseQs5Osl-UUNz_IqKc9ou9plmrZsqb8FrXDtM78I-rc6C3P9xtPugOZxljcMvXrC9n3v-p1p42jus2k/s320/15727020-css-technology-internet-symbol.jpg" width="320" /></a></div> <div class="separator" style="background-color: white; border: 0px; clear: both; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> Halo sobat,</div> <div class="separator" style="background-color: white; border: 0px; clear: both; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> Berbicara mengenai CSS, kali ini saya akan membahas tuntas Cara Membuat CSS Menu yang Keren. Nah Sebelum saya melanjutkan, ada baiknya kalian lihat dulu seperti apa menunya.</div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIZrRTYrPV-hZJ-wqjaeZwwQs5tA8EkKsYtm7s9FbHw90khGp7NIRovldybFcfOkyD232cZrIjnh8vGOF25vgehcp9YrSRYM_03R_fOAPvC1caDNnV6DtGKePopQ-5as1F5GwJnNFc8hw/s1600/cssmenu.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="14" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIZrRTYrPV-hZJ-wqjaeZwwQs5tA8EkKsYtm7s9FbHw90khGp7NIRovldybFcfOkyD232cZrIjnh8vGOF25vgehcp9YrSRYM_03R_fOAPvC1caDNnV6DtGKePopQ-5as1F5GwJnNFc8hw/s320/cssmenu.jpg" width="320" /></a></div> <div class="separator" style="clear: both; text-align: left;"> <span style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;">Gimana?? Berminat gak?</span><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><span style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;">Yah, kalau sobat semua berminat, Silahkan saja praktekkan cara di bawah ini:</span><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><span style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;">1. Yang pertama yang perlu sobat lakukan ialah Log in ke blog sobat. Disana, Sobat pilih menu Template.</span><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><span style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;">2. Cari Kode </span><span style="background-color: white; border: 0px; color: blue; font-family: "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; vertical-align: baseline;"></head></span><span style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;"> . Setelah ketemu, copy pastekan kode di bawah ini, tepat di atas kode </head></span><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><span style="background-color: white; border: 0px; color: #444444; font-family: "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; vertical-align: baseline;"><link href="http://krisanpaulino.nazuka.net/menu_assets2/styles.css" rel="stylesheet" type="text/css"></span><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><span style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;">3. Jika sudah, Copas Kode dibawah ini di mana saja sobat mau. Saya sarankan taruh kode dibawah pada bagian Tata Letak > Tambah Gadget > HTML/JavaScript   dibagian header.</span><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><span style="background-color: white; border: 0px; color: #444444; font-family: "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; vertical-align: baseline;"><div id='cssmenu'></span><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><span style="background-color: white; border: 0px; color: #444444; font-family: "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; vertical-align: baseline;"><ul></span><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><span style="background-color: white; border: 0px; color: #444444; font-family: "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; vertical-align: baseline;">   <li class='active'><a href='<span style="border: 0px; color: red; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#</span>'><span><span style="border: 0px; color: blue; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Namamenu</span></span></a></li></span><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><span style="background-color: white; border: 0px; color: #444444; font-family: "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; vertical-align: baseline;">   <li><a href='<span style="border: 0px; color: red; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#</span>'><span><span style="border: 0px; color: blue; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Namamenu</span></span></a></li></span><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><span style="background-color: white; border: 0px; color: #444444; font-family: "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; vertical-align: baseline;">   <li><a href='<span style="border: 0px; color: red; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#</span>'><span><span style="border: 0px; color: blue; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Namamenu</span></span></a></li></span><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><span style="background-color: white; border: 0px; color: #444444; font-family: "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; vertical-align: baseline;">   <li><a href='<span style="border: 0px; color: red; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#</span>'><span><span style="border: 0px; color: blue; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Namamenu</span></span></a></li></span><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><span style="background-color: white; border: 0px; color: #444444; font-family: "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; vertical-align: baseline;">   <li><a href='<span style="border: 0px; color: red; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#</span>'><span><span style="border: 0px; color: blue; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Namamenu</span></span></a></li></span><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><span style="background-color: white; border: 0px; color: #444444; font-family: "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; vertical-align: baseline;">   <li><a href='<span style="border: 0px; color: red; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#</span>'><span><span style="border: 0px; color: blue; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Namamenu</span></span></a></li></span><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><span style="background-color: white; border: 0px; color: #444444; font-family: "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; vertical-align: baseline;">   <li class='last'><a href='<span style="border: 0px; color: red; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#</span>'><span><span style="border: 0px; color: blue; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Namamenu</span></span></a></li></span><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><span style="background-color: white; border: 0px; color: #444444; font-family: "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; vertical-align: baseline;"></ul></span><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><span style="background-color: white; border: 0px; color: #444444; font-family: "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; vertical-align: baseline;"></div></span><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><span style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;">Kalau sobat ingin menambahkan menu, tambahkan kode :</span><span style="background-color: white; border: 0px; color: #444444; font-family: "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; vertical-align: baseline;"><li><a href='<span style="border: 0px; color: red; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#</span>'><span><span style="border: 0px; color: blue; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Namamenu</span></span></a></li></span><span style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;">  tepat di antara kode </span><span style="background-color: white; border: 0px; color: #444444; font-family: "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; vertical-align: baseline;"><li><a href='<span style="border: 0px; color: red; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#</span>'><span><span style="border: 0px; color: blue; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Namamenu</span></span></a></li></span><span style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;"> dan   </span><span style="background-color: white; border: 0px; color: #444444; font-family: "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; vertical-align: baseline;"><li class='last'><a href='<span style="border: 0px; color: red; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#</span>'><span><span style="border: 0px; color: blue; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Namamenu</span></span></a></li></span><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><span style="background-color: white; border: 0px; color: #444444; font-family: "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span><span style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;"></span><span style="background-color: white; border: 0px; color: #444444; font-family: inherit; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; vertical-align: baseline;">Gimana? Mudah aja kan? Semoga tutorial yang saya berikan diatas, dapat berguna bagi semua sobat yang membacanya. . Dan jangan Lupa, buat yang mau copas artikel ini, saya mohon dengan sangat, "Tolong tambahkan Sumber"</span><br style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;" /><span style="background-color: white; border: 0px; color: #444444; font-family: inherit; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span><span style="background-color: white; color: #444444; font-family: "Titillium web", sans-serif; font-size: 16px; line-height: 25.6px;"></span><span style="background-color: white; border: 0px; color: #444444; font-family: inherit; font-size: 16px; font-stretch: inherit; line-height: 25.6px; margin: 0px; padding: 0px; vertical-align: baseline;">See you Later.</span></div> <br /></div>

Diposkan oleh Unknown

Merubah Widget Popular Post Menjadi Slideshow Coinslider 2016

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYkc6BpqnlBAN2-0lPKR3QjebBj54y6i5-5Wq8o3zrfYukKsL5O1BXcNIAZREzkKFRVAGEBenB-Y1XQeU7uWzDQjTyuZ_Kj_NwFwQRKfBYorDNSsC8l2SNVPqqTkCLv1zRk1URe821grk/s1600/popularslide.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYkc6BpqnlBAN2-0lPKR3QjebBj54y6i5-5Wq8o3zrfYukKsL5O1BXcNIAZREzkKFRVAGEBenB-Y1XQeU7uWzDQjTyuZ_Kj_NwFwQRKfBYorDNSsC8l2SNVPqqTkCLv1zRk1URe821grk/s320/popularslide.jpg" width="320" /></a></div> <div class="separator" style="clear: both; text-align: left;"> <span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">Artikel terpopuler (Popular Post) merupakan salah satu widget bawaan dari blogger. Widget ini dapat menampilkan gambar, judul serta deskripsi dari artikel dan biasanya diletakkan pada bagian sidebar. Nah tahukah kalian widget popular post ini dapat dirubah menjadi slider. Untuk membuatnya menjadi slider kita harus mengetahui struktur HTML yang menyusun slider yang akan dibuat.</span><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">Jika sudah mengetahui struktur HTMLnya yang perlu kita lakukan yaitu merubah strutur widget tersebut menjadi seperti HTML dari slider tersebut. Nah kali ini saya akan membuat popular menjadi slideshow coinslider. Berbeda halnya dengan widget recent post </span><a class="intrn tooltipmkr" href="http://www.caranya-gampang.ml/" style="background-color: white; box-sizing: border-box; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" title="<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgiTuE6vxggKoTTx9c3KInb_OUUuYui95u9hjtSNOfii44c_OQu2X-YYdo3Mw_Oebbf2bvpUiwgVTKZ8aa8teqjModB6pTZPkx8r6PhuQF1dIVCtyLvQXRsvp0fjeUMohXg3XSDS3ePpiF/s72-c/coinslider-cover.jpg'/><h6>Memasang Auto Slideshow CoinSlider di Blogger/Blogspot</h6><p>Coinslider merupakan slideshow yang dibuat dengan jQuery yang memiliki efek transisi yang menarik. Efek transisi yang ada pada slideshow ini yaitu ...</p>">coinslider</a><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;"> ini tidak menggunakan JSON Feed.</span><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">Karena widget popular post ukuran gambarnya hanya 72px yang sudah dicrop maka perlu JS untuk mengubah ukuran gambarnya. Bagi yang penasaran bagaimana cara memasangnya bisa mengikuti cara berikut ini:</span></div> <h3 style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif;"> Menampilkan Add a Gadget diatas Blog Post</h3> <div class="separator" style="background-color: white; box-sizing: border-box; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg7zUEWUaDE0x0zB5ilnwtM3c1d5Zh1gXTohyCc9MFBWXnPbYY2U7stVFPdSAbxmS80Zh2AYEuqgws_Co9pXWQwdoffHldE2IEAOna0nNlSTZhPoR4VQKlyEi0Ct0-rovSYzosixjF15RH/s1600/add+gadget+html.png" style="box-sizing: border-box;" title="Menambahkan Gadget HTML diatas Blog Post"><img alt="Menambahkan Gadget HTML diatas Blog Post" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg7zUEWUaDE0x0zB5ilnwtM3c1d5Zh1gXTohyCc9MFBWXnPbYY2U7stVFPdSAbxmS80Zh2AYEuqgws_Co9pXWQwdoffHldE2IEAOna0nNlSTZhPoR4VQKlyEi0Ct0-rovSYzosixjF15RH/w500/add+gadget+html.png" style="box-sizing: border-box;" /></a></div> <div class="separator" style="clear: both;"> <br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">Jika diblog anda belum tampil tombol/tulisan </span><strong style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">add gadget</strong><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;"> di atas Blog Posts ikuti langkah berikut untuk menampilkannya:</span></div> <ol style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;"> <li style="box-sizing: border-box;">Pada dashbord pilih <strong style="box-sizing: border-box;">Template</strong> kemudian klik tombol <strong style="box-sizing: border-box;">Edit HTML</strong></li> <li style="box-sizing: border-box;">Kemudian cari kode <strong style="box-sizing: border-box;"><b:section class='main' id='main' showaddelement='no'></strong> lalu ganti rubah showaddelement menjadi yes sehingga menjadi seperti ini <strong style="box-sizing: border-box;"><b:section class='main' id='main' showaddelement='yes'></strong><br style="box-sizing: border-box;" /><strong style="box-sizing: border-box;">NB:</strong> Untuk mempermudah klik pada area Edit HTML lalu tekan <strong style="box-sizing: border-box;">Ctrl+F</strong> pada keyboard lalu tulis<strong style="box-sizing: border-box;"><b:section class='main' id='main' showaddelement='no'></strong>.</li> <li style="box-sizing: border-box;">Klik Simpan</li> </ol> <div class="separator" style="clear: both;"> <br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /></div> <h3 style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif;"> Menambahkan gadget Popular Post dan Script Slideshow CoinSlider</h3> <ol style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;"> <li style="box-sizing: border-box;">Pada dashbord pilih <strong style="box-sizing: border-box;">Layout/Tata Letak</strong> kemudian klik tulisan <strong style="box-sizing: border-box;">Add a Gadget</strong> diatas Blog Post Area</li> <li style="box-sizing: border-box;">Setelah itu scroll kebawah hingga menemukan <strong style="box-sizing: border-box;">Popular Post</strong> lalu klik tombol tambah yang ada disudut kanan Setelah itu klik <strong style="box-sizing: border-box;">Save/Simpan</strong></li> <li style="box-sizing: border-box;">Setelah itu pilih <strong style="box-sizing: border-box;">Template</strong> kemudian klik tombol <strong style="box-sizing: border-box;">Edit HTML</strong> Lalu Cari tempat Widget Popular Post yang tadi. Untuk mempermudah bisa dengan mengklik <strong style="box-sizing: border-box;">Jump to widget</strong> Lalu pilih Blog1. Diatas Widget Blog1 tersebut merupakan Widget Popular Post yang sebelumnya telah ditambahkan</li> <li style="box-sizing: border-box;">Kemudian Ganti Widget Popular Post yang tadi dengan Kode berikut:</li> </ol> <div> <blockquote style="background-color: white; box-sizing: border-box; color: #333333; font-size: 12px;"> <code class="xml" style="box-sizing: border-box;"><b:widget id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts'></code><code class="xml" style="box-sizing: border-box;"><b:includable id='main'></code><code class="xml" style="box-sizing: border-box;"><b:if cond='data:blog.url == data:blog.homepageUrl'></code><code class="xml" style="box-sizing: border-box;"><style scoped='' type='text/css'></code><code class="xml" style="box-sizing: border-box;">#coin-slider-pop img {width: 100%;height: 300px;}</code><code class="xml" style="box-sizing: border-box;">#coin-slider-pop {margin: 0 auto;}</code><code class="xml" style="box-sizing: border-box;">.coin-slider { overflow: hidden; zoom: 1; position: relative; }</code><code class="xml" style="box-sizing: border-box;">.coin-slider a{ text-decoration: none; outline: none; border: none; }</code><code class="xml" style="box-sizing: border-box;">.cs-buttons { font-size: 0px; padding: 10px; float: left; }</code><code class="xml" style="box-sizing: border-box;">.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }</code><code class="xml" style="box-sizing: border-box;">.cs-active { background-color: #B8C4CF; color: #FFFFFF; }</code><code class="xml" style="box-sizing: border-box;">.cs-title {width: 97%;padding: 10px 1.5%;background-color: #000000; color: #FFFFFF;}</code><code class="xml" style="box-sizing: border-box;">.cs-prev,<br /> </code><code class="xml" style="box-sizing: border-box;">.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }</code><code class="xml" style="box-sizing: border-box;"></style><br /> </code><code class="xml" style="box-sizing: border-box;"> <div class='widget-content popular-posts'></code><code class="xml" style="box-sizing: border-box;"> <div id='coin-slider-pop'></code><code class="xml" style="box-sizing: border-box;"> <b:loop values='data:posts' var='post'></code><code class="xml" style="box-sizing: border-box;"> <a expr:href='data:post.href' expr:title='data:post.title'></code><code class="xml" style="box-sizing: border-box;"> <b:if cond='data:post.thumbnail'></code><code class="xml" style="box-sizing: border-box;"> <img expr:alt='data:post.title' expr:src='data:post.thumbnail'/></code><code class="xml" style="box-sizing: border-box;"> <b:else/></code><code class="xml" style="box-sizing: border-box;"> <img expr:alt='data:post.title' src='http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif'/></code><code class="xml" style="box-sizing: border-box;"> </b:if></code><code class="xml" style="box-sizing: border-box;"> <span></code><code class="xml" style="box-sizing: border-box;"> <strong><data:post.title/></strong></code><code class="xml" style="box-sizing: border-box;"> <p><data:post.snippet/></p></code><code class="xml" style="box-sizing: border-box;"> </span><br /> </code><code class="xml" style="box-sizing: border-box;"> </a></code><code class="xml" style="box-sizing: border-box;"> </b:loop></code><code class="xml" style="box-sizing: border-box;"> </div></code><code class="xml" style="box-sizing: border-box;"><script type='text/javascript'></code><code class="xml" style="box-sizing: border-box;">//<![CDATA[</code><code class="xml" style="box-sizing: border-box;">function resizeimage(e,b){var c=document.getElementById(e),d=c.getElementsByTagName("img");for(var a=0;a<d.length;a++){d[a].src=d[a].src.replace(/\/s72\-c/,"/s"+b);d[a].width=b}}</code><code class="xml" style="box-sizing: border-box;">resizeimage("PopularPosts2",630);</code><code class="xml" style="box-sizing: border-box;">//]]></code><code class="xml" style="box-sizing: border-box;"></script><br /> </code><code class="xml" style="box-sizing: border-box;"><script src='http://ivyth.googlecode.com/svn/js/coin-slider.min.js' type='text/javascript'/></code><code class="xml" style="box-sizing: border-box;"><script type='text/javascript'></code><code class="xml" style="box-sizing: border-box;">//<![CDATA[</code><code class="xml" style="box-sizing: border-box;">$('#coin-slider-pop').coinslider({width:630,height:300});</code><code class="xml" style="box-sizing: border-box;">//]]></code><code class="xml" style="box-sizing: border-box;"></script><br /> </code><code class="xml" style="box-sizing: border-box;"></div></code><code class="xml" style="box-sizing: border-box;"></b:if></code><code class="xml" style="box-sizing: border-box;"></b:includable></code><code class="xml" style="box-sizing: border-box;"></b:widget></code></blockquote> <br /> <blockquote style="background-color: white; box-sizing: border-box; color: #333333; font-size: 12px;"> <strong style="box-sizing: border-box; font-family: Verdana, Geneva, sans-serif;">NB:</strong><span style="font-family: Verdana, Geneva, sans-serif;"> </span><span style="font-family: Verdana, Geneva, sans-serif;">CoinSlider merupakan jQuery Plugin. Sehingga untuk dapat bekerja pada blog anda harus meliliki jQuery library.</span></blockquote> <span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">             Widget ini telah saya bungkus dengan</span><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;"> </span><a class="intrn" href="http://www.caranya-gampang.ml/" style="background-color: white; box-sizing: border-box; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" target="_blank">tag kondisional</a><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;"> </span><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">yang hanya tampil pada halaman depan          (Home/Beranda) kodenya pada baris 3 dan penutupnya baris 45.</span><br /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">          5. Klik Simpan</span><br /><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><div class="mkrbut-grup" style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;"> <a class="button demo" href="http://www.caranya-gampang.ml/" rel="nofollow" style="box-sizing: border-box;" target="_blank">Demo Popular Post Coin Slider</a></div> <br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">Nah itulah cara merubah widget popular post menjadi slideshow coinslider. Saya tidak memberikan keterangan lebih agar kalian dapat belajar serta membedakan disebelah mana letak perbedaan dari widget popular post yang umum dengan struktur dari slideshow diatas.</span><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">Sebenarnya bukan hanya coinslider yang dapat diaplikasikan pada widget popular post, tapi hampir semua slideshow. Intinya kita mengerti bagaimana susunan dari kerangka Slideshow tersebut kemudian output dari widget dibuat sesuai kerangka tersebut.</span> </div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> </div>

Diposkan oleh Unknown

Cara Menampilkan Tanggal dan Waktu saat ini dengan Javascript Degan Mudah

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisDuozpTLnFa4DEOyoDwlR17XZdle9XfdXk20HRCpViKJenmpFOsMvf9MpHaZuvoFYBD1kew_Nb7H-fc4w67IZwmGAnYd11lKI5y-jzeRfEOgHWMNRRyDxAby8BxZD9yAyunKgec4MiPY/s1600/tanggaldanjam_javascript.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisDuozpTLnFa4DEOyoDwlR17XZdle9XfdXk20HRCpViKJenmpFOsMvf9MpHaZuvoFYBD1kew_Nb7H-fc4w67IZwmGAnYd11lKI5y-jzeRfEOgHWMNRRyDxAby8BxZD9yAyunKgec4MiPY/s320/tanggaldanjam_javascript.jpg" width="320" /></a></div> <span style="background-color: white; color: #333333; font-family: "verdana" , "geneva" , sans-serif; font-size: 12px;">Sesuai dengan judul dari artikel ini, kali ini saya akan membagikan script untuk menampilkan tanggal dan waktu saat ini. Tanggal dan waktu ini dapat ditampilkan dengan menggunakan Javascript atau jQuery. Dan script ini dapat digunakan untuk membuat waktu/jam digital. </span><br /> <span style="background-color: white; color: #333333; font-family: "verdana" , "geneva" , sans-serif; font-size: 12px;">Berikut ini script-scriptnya.</span><br /> <h3 style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif;"> Tanggal saat ini:</h3> <h4 style="background-color: white; box-sizing: border-box; font-family: Verdana, Geneva, sans-serif; font-size: 15px;"> Tanpa Nama Hari</h4> <pre data-codetype="CSS+HTML+JQuery" style="background-color: white; box-sizing: border-box; color: #333333; font-size: 12px;" title="Double Click to Copy"><code class="xml" style="box-sizing: border-box;"><script type='text/javascript'> <!-- var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember']; var date = new Date(); var day = date.getDate(); var month = date.getMonth(); var yy = date.getYear(); var year = (yy < 1000) ? yy + 1900 : yy; document.write(day + " " + months[month] + " " + year); //--> </script></code></pre> <div class="demoxx" id="demotgl" style="background-color: #c2f0dd; border-radius: 3px; border: 1px solid rgb(139, 224, 177); box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-weight: bold; margin: 20px auto; padding: 10px 5px; position: relative; text-align: center; width: 538.547px;"> 30 Juni 2016</div> <br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /> <h4 style="background-color: white; box-sizing: border-box; font-family: Verdana, Geneva, sans-serif; font-size: 15px;"> Dengan Nama Hari</h4> <pre data-codetype="CSS+HTML+JQuery" style="background-color: white; box-sizing: border-box; color: #333333; font-size: 12px;" title="Double Click to Copy"><code class="xml" style="box-sizing: border-box;"><script type='text/javascript'> <!-- var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember']; var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum&#39;at', 'Sabtu']; var date = new Date(); var day = date.getDate(); var month = date.getMonth(); var thisDay = date.getDay(), thisDay = myDays[thisDay]; var yy = date.getYear(); var year = (yy < 1000) ? yy + 1900 : yy; document.write(thisDay + ', ' + day + ' ' + months[month] + ' ' + year); //--> </script></code></pre> <div class="demoxx" id="demotglnama" style="background-color: #c2f0dd; border-radius: 3px; border: 1px solid rgb(139, 224, 177); box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-weight: bold; margin: 20px auto; padding: 10px 5px; position: relative; text-align: center; width: 538.547px;"> Kamis, 30 Juni 2016</div> <br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /> <h3 style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif;"> Waktu/Jam saat ini (pasif)</h3> <h4 style="background-color: white; box-sizing: border-box; font-family: Verdana, Geneva, sans-serif; font-size: 15px;"> Format 24</h4> <pre data-codetype="CSS+HTML+JQuery" style="background-color: white; box-sizing: border-box; color: #333333; font-size: 12px;" title="Double Click to Copy"><code class="xml" style="box-sizing: border-box;"><script type="text/javascript"> <!-- var d = new Date(); var curr_hour = d.getHours(); var curr_min = d.getMinutes(); curr_min = curr_min + ""; if (curr_min.length == 1) { curr_min = "0" + curr_min; } document.write(curr_hour + " : " + curr_min); //--> </script></code></pre> <div class="demoxx" id="demojam24" style="background-color: #c2f0dd; border-radius: 3px; border: 1px solid rgb(139, 224, 177); box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-weight: bold; margin: 20px auto; padding: 10px 5px; position: relative; text-align: center; width: 538.547px;"> 18 : 50</div> <br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /> <h4 style="background-color: white; box-sizing: border-box; font-family: Verdana, Geneva, sans-serif; font-size: 15px;"> Format AM/PM</h4> <pre data-codetype="CSS+HTML+JQuery" style="background-color: white; box-sizing: border-box; color: #333333; font-size: 12px;" title="Double Click to Copy"><code class="xml" style="box-sizing: border-box;"><script type="text/javascript"> <!-- var a_p = ""; var d = new Date(); var curr_hour = d.getHours(); if (curr_hour < 12) { a_p = "AM"; } else { a_p = "PM"; } if (curr_hour == 0) { curr_hour = 12; } if (curr_hour > 12) { curr_hour = curr_hour - 12; } var curr_min = d.getMinutes(); curr_min = curr_min + ""; if (curr_min.length == 1) { curr_min = "0" + curr_min; } document.write(curr_hour + " : " + curr_min + " " + a_p); //--> </script></code></pre> <div class="demoxx" id="demojamampm" style="background-color: #c2f0dd; border-radius: 3px; border: 1px solid rgb(139, 224, 177); box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-weight: bold; margin: 20px auto; padding: 10px 5px; position: relative; text-align: center; width: 538.547px;"> 6 : 50 PM</div> <br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /> <span style="background-color: white; color: #333333; font-family: "verdana" , "geneva" , sans-serif; font-size: 12px;">Karena ini merupakan jam pasif sehingga waktu/jam yang muncul merupakan waktu pada saat halaman ini di akses.</span><br /> <br /> <h3 style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif;"> Waktu/Jam saat ini (aktif)</h3> <h4 style="background-color: white; box-sizing: border-box; font-family: Verdana, Geneva, sans-serif; font-size: 15px;"> Format 24</h4> <pre data-codetype="CSS+HTML+JQuery" style="background-color: white; box-sizing: border-box; color: #333333; font-size: 12px;" title="Double Click to Copy"><code class="xml" style="box-sizing: border-box;"><div id="clock"></div> <script type="text/javascript"> <!-- function startTime() { var today=new Date(), curr_hour=today.getHours(), curr_min=today.getMinutes(), curr_sec=today.getSeconds(); curr_hour=checkTime(curr_hour); curr_min=checkTime(curr_min); curr_sec=checkTime(curr_sec); document.getElementById('clock').innerHTML=curr_hour+":"+curr_min+":"+curr_sec; } function checkTime(i) { if (i<10) { i="0" + i; } return i; } setInterval(startTime, 500); //--> </script></code></pre> <div class="demoxx" id="demojamaktif24" style="background-color: #c2f0dd; border-radius: 3px; border: 1px solid rgb(139, 224, 177); box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-weight: bold; margin: 20px auto; padding: 10px 5px; position: relative; text-align: center; width: 538.547px;"> 18:50:56</div> <br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /> <h4 style="background-color: white; box-sizing: border-box; font-family: Verdana, Geneva, sans-serif; font-size: 15px;"> Format AM/PM</h4> <pre data-codetype="CSS+HTML+JQuery" style="background-color: white; box-sizing: border-box; color: #333333; font-size: 12px;" title="Double Click to Copy"><code class="xml" style="box-sizing: border-box;"><div id="clock"></div> <script type="text/javascript"> <!-- function showTime() { var a_p = ""; var today = new Date(); var curr_hour = today.getHours(); var curr_minute = today.getMinutes(); var curr_second = today.getSeconds(); if (curr_hour < 12) { a_p = "AM"; } else { a_p = "PM"; } if (curr_hour == 0) { curr_hour = 12; } if (curr_hour > 12) { curr_hour = curr_hour - 12; } curr_hour = checkTime(curr_hour); curr_minute = checkTime(curr_minute); curr_second = checkTime(curr_second); document.getElementById('clock').innerHTML=curr_hour + ":" + curr_minute + ":" + curr_second + " " + a_p; } function checkTime(i) { if (i < 10) { i = "0" + i; } return i; } setInterval(showTime, 500); //--> </script></code></pre> <div class="demoxx" id="demojamaktifampm" style="background-color: #c2f0dd; border-radius: 3px; border: 1px solid rgb(139, 224, 177); box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-weight: bold; margin: 20px auto; padding: 10px 5px; position: relative; text-align: center; width: 538.547px;"> 06:50:56 PM</div> </div>

Diposkan oleh Unknown

Apa itu HTML5 dan Kelebihannya ? ? ?

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: left;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSxIP_c7oDu8A0xswhlSVpAmeydG2KJizrvGc4nPKM_guQGzXCka0G8MdbNNIosBwG6XMZsoxGZucRzg_jrGInGNWj0UIsGtWZQoNFw_6qioaO4ozF3VeeUgz88pm3A5YNf6fyl2VWM2A/s1600/HTML5_sticker.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSxIP_c7oDu8A0xswhlSVpAmeydG2KJizrvGc4nPKM_guQGzXCka0G8MdbNNIosBwG6XMZsoxGZucRzg_jrGInGNWj0UIsGtWZQoNFw_6qioaO4ozF3VeeUgz88pm3A5YNf6fyl2VWM2A/s320/HTML5_sticker.png" width="320" /></a></div> <span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">Pada bagian sebelumnya saya menuliskan arikel tentang apa itu HTML?. Sekarang saya akan memberikan sedikit bacaan tentang apa itu HTML5 yang merupakan penyempurnaan dari versi HTML yang sebelumnya.</span><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><br /> <h4 style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;"> Pengertian HTML5</h4> <span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">Dari penjelasan yang ada di wikipedia : HTML5 merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML dan hingga bulan Juni 2011 masih dalam pengembangan.</span><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">Dimana tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.</span><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">HTML5 merupakan hasil proyek dari W3C (World Wide Web Consortium dan WHATWG ( Web Hypertext Application Technology Working Group ). Dimana WHATWG bekerja dengan bentuk web dan aplikasi dan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML.</span><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><br /> <h4 style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;"> Berikut tujuan dibuatnya HTML5 :</h4> <ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;"> <li style="box-sizing: border-box;">Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript</li> <li style="box-sizing: border-box;">Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )</li> <li style="box-sizing: border-box;">Penanagan kesalahan yang lebih baik</li> <li style="box-sizing: border-box;">Lebih markup untuk menggantikan scripting</li> <li style="box-sizing: border-box;">HTML5 merupakan perangkat mandiri</li> <li style="box-sizing: border-box;">Proses pembangunan dapat terlihat untuk umum</li> </ul> <h4 style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;"> <span style="box-sizing: border-box;">Fitur baru dalam HTML5 :</span></h4> <ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;"> <li style="box-sizing: border-box;">Unsur kanvas untuk menggambar</li> <li style="box-sizing: border-box;">Video dan elemen audio untuk media pemutaran</li> <li style="box-sizing: border-box;">Dukungan yang lebih baik untuk penyimpanan secara offline</li> <li style="box-sizing: border-box;">Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section</li> <li style="box-sizing: border-box;">Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.</li> </ul> <br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">Beberapa browser sudah mendukung HTML5 seperti safari, chrome, firefox, dan opera. Kabarnya IE9 ( Internet Explorer ) akan mendukung beberapa fitur dari HTML5.</span><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">Pembuatan HTML5 juga di karenakan Standard HTML4 yang dijumpai banyak memiliki kelemahan untuk mendukung aplikasi web yang interaktif. Akibat hal ini banyak orang menambahkan fitur baru baik disisi aplikasi web ataupun disisi browser. Solusi ini dikenal dengan plugin dan salah satunya adalah Flash dan Silverlight.</span><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">Semakin menjamurnya plugin didalam aplikasi atau browser membuat aplikasi web ini susah untuk menembus banyak browser. Hal ini dikarenakan setiap plugin mempunyai cara yang berbeda-beda, sebagai contoh kita ingin memasang plugin flash untuk sharing video maka pada halaman web kita harus ditulis sebagai berikut</span><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><br /> <blockquote class="tr_bq" style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;"> <object type="application/x-shockwave-flash" width="400" height="220" wmode="transparent" data="flvplayer.swf?file=movies/holiday.flv"><br style="box-sizing: border-box;" /><param name="movie" value="flvplayer.swf?file=movies/holiday.flv" /><br style="box-sizing: border-box;" /><param name="wmode" value="transparent" /><br style="box-sizing: border-box;" /></object></blockquote> <br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">Contoh diatas menggunakan plugin Flash dari Adobe untuk menjalankan aplikasi web pada browser maka lain caranya bila kita menggunakan Silverlight. Teknologi Silverlight dikembangkan oleh Microsoft. Contoh penggunaan Silverlight pada halaman web dapat dilihat pada HTML dibawah ini</span><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><br /> <blockquote class="tr_bq" style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;"> <object width="300" height="300" data="data:application/x-silverlight-2," type="application/x-silverlight-2" ><br style="box-sizing: border-box;" /><param name="source" value="SilverlightApplication1.xap"/><br style="box-sizing: border-box;" /></object></blockquote> <br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">HTML5 ini dibuat menyederhanakan kompleksitas penggunaan media video dengan standard baru yaitu penggunaan tag <video>. Dengan fitur baru ini maka kita cukup menulis script untuk menjalankan file video sebagai berikut</span><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><br /> <blockquote class="tr_bq" style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;"> <video src=tutorialku.mp4><br style="box-sizing: border-box;" /></video></blockquote> <br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">Isu bagaimana menjalankan file video pada aplikasi web merupakan salah satu contoh bagaimana HTML4 tidak dapat mencakup masalah ini dan masih banyak lagi isu pada HTML4. Oleh karena itu, kita sudah saatnya memanfaatkan HTML5 sebagai standard aplikasi web kita.</span><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><br /> <h4 style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;"> Apakah Browser Saya Support HTML5?</h4> <span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">Bagaimana caranya untuk menguji apakah browser yang anda install itu sudah support HTML5 atau tidak dan seberapa banyak fitur HTML5 yang disupport? Caranya cukup mudah, pertama-tama pastikan komputer anda sudah terhubung dengan internet dan arahkan ke alamat web sebagai berikut:</span><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><br /> <blockquote class="tr_bq" style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;"> http://html5test.com</blockquote> <br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">Dari data yang ada pada website itu browser Maxthon 3.4.1 merupakan browser terbaik dalam hal mendukung bahasa HTML5 dengan 422 total skor diikuti kemudian dengan google Chrome 20 dengan 414 total skor kemudian berturut-turut Opera 12.00 dengan 385, Firefox 13 dengan 345, Safari 5.1 dengan 317 dan Internet Explorer 9 dengan 138 point.</span><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><br style="background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;" /><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">Sekian untuk saat ini semoga bermanfaat.</span></div>

Diposkan oleh Unknown

Cara Membuat Widget Popular Post Warna Warni Keren 2016

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIoyTdx34uYHBpVwit0yN04VjZIvYbeZUZkpXcNUoYdDypD2h1qqHdgoXT2T3Lk3O04ffbT0n_pt5BqTE42YQvEc7LEhkNwUSajlunY-FanWljeAPLprw_zhLdY393HTgvTIqGkYMd9YU/s1600/entri+populer+model+runcing.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIoyTdx34uYHBpVwit0yN04VjZIvYbeZUZkpXcNUoYdDypD2h1qqHdgoXT2T3Lk3O04ffbT0n_pt5BqTE42YQvEc7LEhkNwUSajlunY-FanWljeAPLprw_zhLdY393HTgvTIqGkYMd9YU/s320/entri+populer+model+runcing.jpg" width="215" /></a></div> <div class="separator" style="clear: both; text-align: left;"> <b style="font-family: "Georgia Serif"; font-size: small;"><i>Cara Membuat Widget Popular Post Warna Warni</i></b><span style="background-color: white; font-family: "Georgia Serif"; font-size: x-small;"> - Hidup itu penuh dengan warna, iya kan? Apabila anda bosan dengan tampilan default dari widget popular post, anda bisa mencoba tutorial yang satu ini. Anda bisa </span><b style="font-family: "Georgia Serif"; font-size: small;">membuat widget popular post di blog anda penuh warna</b><span style="background-color: white; font-family: "Georgia Serif"; font-size: x-small;"> dengan menambahkan kode CSS. Bagaimana caranya? Simak tutorial </span><b style="font-family: "Georgia Serif"; font-size: small;">cara membuat widget popular post warna warni</b><span style="background-color: white; font-family: "Georgia Serif"; font-size: x-small;"> di bawah ini.</span><br style="font-family: "Georgia Serif"; font-size: small;" /><br style="font-family: "Georgia Serif"; font-size: small;" /><a href="https://www.blogger.com/null" name="more" style="font-family: "Georgia Serif"; font-size: small;"></a><span style="background-color: white; font-family: "Georgia Serif"; font-size: x-small;">Pertama, anda tambahkan dulu widget popular post ke blog anda.</span><br style="font-family: "Georgia Serif"; font-size: small;" /><br style="font-family: "Georgia Serif"; font-size: small;" /><span style="background-color: white; font-family: "Georgia Serif"; font-size: x-small;">1. Masuk ke akun blogger anda.</span><br style="font-family: "Georgia Serif"; font-size: small;" /><br style="font-family: "Georgia Serif"; font-size: small;" /><span style="background-color: white; font-family: "Georgia Serif"; font-size: x-small;">2 . Pergi ke tata letak -> tambah gadget -> Entri Populer</span><br style="font-family: "Georgia Serif"; font-size: small;" /><br style="font-family: "Georgia Serif"; font-size: small;" /><span style="background-color: white; font-family: "Georgia Serif"; font-size: x-small;">3. Sebelumnya, jangan beri centang pada thumbnail gambar dan cuplikan.</span><br style="font-family: "Georgia Serif"; font-size: small;" /></div> <div class="separator" style="clear: both; font-family: "Georgia Serif"; font-size: small; text-align: center;"> <a href="http://1.bp.blogspot.com/-1FeC9AwaUgo/U7eITX8Nk6I/AAAAAAAAELc/SVBqw3YwyJU/s1600/cats2.jpg" imageanchor="1" style="color: #999999; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Cara Membuat Widget Popular Post Warna Warni" border="0" height="300" src="https://1.bp.blogspot.com/-1FeC9AwaUgo/U7eITX8Nk6I/AAAAAAAAELc/SVBqw3YwyJU/s1600/cats2.jpg" style="border-width: 0px; height: auto; max-width: 100%; transition: all 0.4s ease-in-out;" title="Cara Membuat Widget Popular Post Warna Warni" width="320" /></a></div> <div class="separator" style="clear: both;"> <br style="font-family: "Georgia Serif"; font-size: small;" /><span style="background-color: white; font-family: "Georgia Serif"; font-size: x-small;">4. Setelah itu klik "simpan"</span><br style="font-family: "Georgia Serif"; font-size: small;" /><br style="font-family: "Georgia Serif"; font-size: small;" /><span style="background-color: white; font-family: "Georgia Serif"; font-size: x-small;">Sekarang, tambahkan kode CSS untuk memodifikasi widget popular post.</span><br style="font-family: "Georgia Serif"; font-size: small;" /><br style="font-family: "Georgia Serif"; font-size: small;" /><span style="background-color: white; font-family: "Georgia Serif"; font-size: x-small;">5. Pergi ke template -> edit HTML</span><br style="font-family: "Georgia Serif"; font-size: small;" /><br style="font-family: "Georgia Serif"; font-size: small;" /><span style="background-color: white; font-family: "Georgia Serif"; font-size: x-small;">6. Cari kode </span><span style="color: red; font-family: "Georgia Serif"; font-size: x-small;">]]></b:skin></span><span style="background-color: white; font-family: "Georgia Serif"; font-size: x-small;"> dengan bantuan ctrl+f</span><br style="font-family: "Georgia Serif"; font-size: small;" /><br style="font-family: "Georgia Serif"; font-size: small;" /><span style="background-color: white; font-family: "Georgia Serif"; font-size: x-small;">7. Masukkan script berikut di atas kode </span><span style="color: red; font-family: "Georgia Serif"; font-size: x-small;">]]></b:skin></span><br style="font-family: "Georgia Serif"; font-size: small;" /></div> <div style="background-color: #efefef; border: 2px solid red; font-family: "Georgia Serif"; font-size: small; height: 200px; overflow: auto; padding: 10px; width: 500px;"> #PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}<br />#PopularPosts1 ul li:first-child:after, #PopularPosts1 ul li:first-child + li:after, #PopularPosts1 ul li:first-child + li + li:after, #PopularPosts1 ul li:first-child + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"} #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"} #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"} #PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"} #PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%} #PopularPosts1 ul li:first-child + li + li + li:after{content:"4"} #PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%} #PopularPosts1 ul li:first-child + li + li:after{content:"3"} #PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%} #PopularPosts1 ul li:first-child + li:after{content:"2"} #PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%} #PopularPosts1 ul li:first-child:after{content:"1"} #PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none} #PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}</div> <div class="separator" style="clear: both;"> <br style="font-family: "Georgia Serif"; font-size: small;" /><span style="background-color: white; font-family: "Georgia Serif"; font-size: x-small;">7. Terakhir klik "simpan".</span><br style="font-family: "Georgia Serif"; font-size: small;" /><br style="font-family: "Georgia Serif"; font-size: small;" /><span style="background-color: white; font-family: "Georgia Serif"; font-size: x-small;">8. Sekarang periksa widget popular post di blog anda. Tampilannya kini sudah berubah menjadi warna warni.</span><br style="font-family: "Georgia Serif"; font-size: small;" /><br style="font-family: "Georgia Serif"; font-size: small;" /><span style="background-color: white; font-family: "Georgia Serif"; font-size: x-small;">Selamat mencoba ^_^</span><span style="font-family: "Georgia Serif"; font-size: x-small;"><br /><br />Sumber : <a href="http://www.caranya-gampang.ml/" target="_blank">SUMBER</a></span></div> <br /></div>

Diposkan oleh Unknown

7 (Tujuh) Template Blog SEO Friendly Responsive Design untuk Blogspot

<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; text-align: justify;"> Template blog sangat memegang peranan penting dalam suksesnya menerapkan SEO pada blog tersebut. Jadi di sini saya mencoba merekomendasikan beberapa template yang bisa membantu para blogger untuk mendapatkan hasil optimasi yang baik. Template ini sama sekali bukan desain saya; jadi kredit dari template akan tetap ditujukan kepada pemilik hak kreatifnya.</div> <a href="https://www.blogger.com/null" name="more" style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;"></a><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><br /> <div style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; text-align: justify;"> Saat ini template blog yang banyak dicari adalah yang responsive design sekaligus SEO friendly, karena Google juga semakin menekankan optimasi untuk pengguna mobile. Koleksi template Blog SEO friendly ini akan dibagi menurut jenis template yang umum digunakan, yaitu:</div> <ul style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;"> <li style="text-align: justify;">Template Magazine Responsive design</li> <li style="text-align: justify;">Template Minimalis Responsive design</li> <li style="text-align: justify;">Template Blog Pribadi Responsive design</li> </ul> <span style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;">Jadi silahkan dipilih mana desain yang paling sesuai dengan blog yang akan anda buat. </span><br /> <h2 style="background-color: white; border-style: solid none none; border-top-color: rgb(204, 204, 204); border-top-width: 2px; color: #0b5394; font-family: Oswald; font-size: 30.6px; font-stretch: normal; line-height: 1.2em; margin: 20px 0px 30px; padding: 30px 0px 4px;"> TEMPLATE MAGAZINE RESPONSIVE DESIGN</h2> <h3 style="background-color: white; border-style: dashed none none; border-top-color: rgb(179, 179, 179); border-top-width: 1px; color: #b3b3b3; font-family: Oswald; font-size: 35px; font-stretch: normal; font-weight: 100; line-height: 1.2em; margin: 30px 0px; padding: 0px 0px 4px; text-align: center;">  Sora-Mag template blog SEO friendly-Magazine</h3> <div class="separator" style="background-color: white; clear: both; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; text-align: center;">  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4ufz9NUWg0nh56Dunf0AQ66p5hxQDvowCVbI1ybbyiJGFwpk8lY147oDDjWPpjMsO5_qflW7Kw840j7A4WGwl4P79CZLK5BWjBKOrCIqCTAuAYJKeIBUS_uUunCF5xzRPFwVDPXlQpH4/s1600/sora-mag+template.jpg" imageanchor="1" style="color: #0271c7; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4ufz9NUWg0nh56Dunf0AQ66p5hxQDvowCVbI1ybbyiJGFwpk8lY147oDDjWPpjMsO5_qflW7Kw840j7A4WGwl4P79CZLK5BWjBKOrCIqCTAuAYJKeIBUS_uUunCF5xzRPFwVDPXlQpH4/s1600/sora-mag+template.jpg" style="border: none; padding-top: 4px;" /></a></div> <span style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;">Sora Mag adalah sebuah template blog untuk konsep berita atau majalah. Fokusnya adalah pada desain yang menarik dan menjaga pengunjung untuk tetap tinggal dan membaca pada artikel-artikel yang lain. Bukan hanya itu, template blog responsive designnya membuat blog berita anda menjadi sangat mudah dibaca bagi pengguna mobile. template ini cukup cepat, dan mudah digunakan.</span><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><span style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;">Info lengkapnya baca di:</span><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><a href="http://trikmudahseo.blogspot.com/2012/01/template-blog-sora-mag-responsive.html" style="background-color: white; color: #0271c7; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; text-decoration: none;" target="_blank">Template blog Sora Mag</a><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><br /> <h3 style="background-color: white; border-style: dashed none none; border-top-color: rgb(179, 179, 179); border-top-width: 1px; color: #b3b3b3; font-family: Oswald; font-size: 35px; font-stretch: normal; font-weight: 100; line-height: 1.2em; margin: 30px 0px; padding: 0px 0px 4px; text-align: center;"> Sora Seven template blogspot Magazine SEO Friendly</h3> <div class="separator" style="background-color: white; clear: both; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPW43d0OoISeQw2p0gJ-DRJ-nqWISfVZXIYHfI1N5wyQPzByEUEcU9s83MX1dPrEtOsurFYx-SM2hJ_LCcIIazpLWUjbLABcDMQOIAYte2vt9QTIHcNc3TNOhAnBlXZ8JHGSh0-r41Jks/s1600/sora+seven+template.jpg" imageanchor="1" style="color: #0271c7; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPW43d0OoISeQw2p0gJ-DRJ-nqWISfVZXIYHfI1N5wyQPzByEUEcU9s83MX1dPrEtOsurFYx-SM2hJ_LCcIIazpLWUjbLABcDMQOIAYte2vt9QTIHcNc3TNOhAnBlXZ8JHGSh0-r41Jks/s1600/sora+seven+template.jpg" style="border: none; padding-top: 4px;" /></a></div> <span style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;">Sora seven adalah template responsive blogspot yang bisa dikatakan semi magazine, karena tampilan halaman indexnya masih cukup konvensional. Tapi tetap saja tampilan dari template ini cukup elegan untuk memanjakan mata pengunjung blog anda. Desain yang responsive juga dibundel di dalam template ini sehingga akan nyaman bagi pengunjung mobile.</span><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><span style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;">Info lengkapnya baca di:</span><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><a href="http://trikmudahseo.blogspot.com/2012/01/template-blog-sora-seven-responsive.html" style="background-color: white; color: #0271c7; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; text-decoration: none;" target="_blank">Template blog Sora Seven</a><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><br /> <h3 style="background-color: white; border-style: dashed none none; border-top-color: rgb(179, 179, 179); border-top-width: 1px; color: #b3b3b3; font-family: Oswald; font-size: 35px; font-stretch: normal; font-weight: 100; line-height: 1.2em; margin: 30px 0px; padding: 0px 0px 4px; text-align: center;"> Movie Mag template blogspot Magazine SEO Friendly</h3> <div class="separator" style="background-color: white; clear: both; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; text-align: center;"> </div> <div class="separator" style="background-color: white; clear: both; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUhexv-xt150KaiRXduN8ZME6eU3xcoQOjXcNM6Ix42dXy5GV7frj2SnjqeOv0AUIMPltq_jhTfRksyMJfT5giFmuMclM0ipBGtXA2dBIkZfVu-vKeAWJ2o0Kl7oj2Hbmb8eQmM8Nq3t0/s1600/movie+mag+template.jpg" imageanchor="1" style="color: #0271c7; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUhexv-xt150KaiRXduN8ZME6eU3xcoQOjXcNM6Ix42dXy5GV7frj2SnjqeOv0AUIMPltq_jhTfRksyMJfT5giFmuMclM0ipBGtXA2dBIkZfVu-vKeAWJ2o0Kl7oj2Hbmb8eQmM8Nq3t0/s1600/movie+mag+template.jpg" style="border: none; padding-top: 4px;" /></a></div> <span style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;">Movie mag adalah template SEO friendly yang sudah responsive Design. Dengan konsep blog perfilman template ini dirancang dengan sangat baik dan terlihat profesional. Bagi teman-teman blogger yang mau membuat blog dengan niche dunia perfilman box office, maka bisa mencoba yang satu ini.</span><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><span style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;">Info lengkapnya baca di:</span><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><a href="http://trikmudahseo.blogspot.com/2012/01/template-blog-movie-mag-responsive.html" rel="nofollow" style="background-color: white; color: #0271c7; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; text-decoration: none;" target="_blank">Template blog Movie Mag</a><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><br /> <h2 style="background-color: white; border-style: solid none none; border-top-color: rgb(204, 204, 204); border-top-width: 2px; color: #0b5394; font-family: Oswald; font-size: 30.6px; font-stretch: normal; line-height: 1.2em; margin: 20px 0px 30px; padding: 30px 0px 4px;"> TEMPLATE MINIMALIS RESPONSIVE DESIGN</h2> <h3 style="background-color: white; border-style: dashed none none; border-top-color: rgb(179, 179, 179); border-top-width: 1px; color: #b3b3b3; font-family: Oswald; font-size: 35px; font-stretch: normal; font-weight: 100; line-height: 1.2em; margin: 30px 0px; padding: 0px 0px 4px; text-align: center;"> Simple Responsive template blogspot Minimalis SEO Friendly</h3> <div class="separator" style="background-color: white; clear: both; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixyDLcjtvm3LG2nssGmFCBPtySjUxlnr-bvLfJGkzMN_kGdlVBUga-NWq6AThI_Vv4n36mJW6LH_-eCMNaXsYvuz5MhGd2NYKmwauneZ8ZLvNjVyepocL7P3KFkyoXbyUMybI1A_fo_S4/s1600/simple+responsive+template.jpg" imageanchor="1" style="color: #0271c7; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixyDLcjtvm3LG2nssGmFCBPtySjUxlnr-bvLfJGkzMN_kGdlVBUga-NWq6AThI_Vv4n36mJW6LH_-eCMNaXsYvuz5MhGd2NYKmwauneZ8ZLvNjVyepocL7P3KFkyoXbyUMybI1A_fo_S4/s1600/simple+responsive+template.jpg" style="border: none; padding-top: 4px;" /></a></div> <span style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;">Kalau yang ini adalah template blog masih asli dari trikmudahseo dan dibuat memang sengaja minimalis. Walaupun minimalis template simple responsive ini bisa diedit warna dan jenis fontnya hampir di semua elemen. Jadi bagi anda yang suka mengekspresikan diri dengan warna atau font text tertentu, maka simple responsive akan memberikan akses untuk itu.</span><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><span style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;">Desain template yang juga sudah SEO friendly akan membantu anda untuk memangkas optimasi onpage dari daftar optimasi anda. Untuk info lengkapnya silahkan baca artikel</span><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><a href="http://www.caranya-gampang.ml/" style="background-color: white; color: #0271c7; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; text-decoration: none;" target="_blank">Template Blog SEO Friendly Responsive Design (Mudah Diedit) </a><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><br /> <h3 style="background-color: white; border-style: dashed none none; border-top-color: rgb(179, 179, 179); border-top-width: 1px; color: #b3b3b3; font-family: Oswald; font-size: 35px; font-stretch: normal; font-weight: 100; line-height: 1.2em; margin: 30px 0px; padding: 0px 0px 4px; text-align: center;"> BS3 template blogspot Minimalis SEO Friendly</h3> <div class="separator" style="background-color: white; clear: both; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWrkLnbsL_09LyY9E8vaOuWUiaL6zQV0zHg-xG8dw83ayun-JZbGuRv9ThMbeXaMhgRUcTqkFCBwbAq6RhPQLj0hyBHQfbrDDeV0sFWzpH2Kpz9dyeeHfyVpy2R5T7qFNuQ6Qhev9E6-o/s1600/bootstrapt3+template.jpg" imageanchor="1" style="color: #0271c7; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWrkLnbsL_09LyY9E8vaOuWUiaL6zQV0zHg-xG8dw83ayun-JZbGuRv9ThMbeXaMhgRUcTqkFCBwbAq6RhPQLj0hyBHQfbrDDeV0sFWzpH2Kpz9dyeeHfyVpy2R5T7qFNuQ6Qhev9E6-o/s1600/bootstrapt3+template.jpg" style="border: none; padding-top: 4px;" /></a></div> <span style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;">Template blogspot BS3 ini dibuat dengan twitter bootstrap. Ini adalah template blog SEO friendly dengan desain yang responsive dan minimalis. BS3 ini akan menyesuaikan dengan ukuran layar gadget manapun, dengan performa yang konsisten di hampir semua perangkat gadget.</span><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><span style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;">Info lengkapnya baca di:</span><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><a href="http://www.caranya-gampang.ml/" style="background-color: white; color: #0271c7; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; text-decoration: none;" target="_blank">Template blog BS3</a><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><br /> <h2 style="background-color: white; border-style: solid none none; border-top-color: rgb(204, 204, 204); border-top-width: 2px; color: #0b5394; font-family: Oswald; font-size: 30.6px; font-stretch: normal; line-height: 1.2em; margin: 20px 0px 30px; padding: 30px 0px 4px;"> TEMPLATE BLOG PRIBADI RESPONSIVE DESIGN</h2> <h3 style="background-color: white; border-style: dashed none none; border-top-color: rgb(179, 179, 179); border-top-width: 1px; color: #b3b3b3; font-family: Oswald; font-size: 35px; font-stretch: normal; font-weight: 100; line-height: 1.2em; margin: 30px 0px; padding: 0px 0px 4px; text-align: center;"> Scoop Fashion Girls template blogspot Minimalis SEO Friendly</h3> <div class="separator" style="background-color: white; clear: both; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiljODMKMk_9U8khinp0CLxayHKARVCgqvU77lhW4Y7VVtTel7VwSI51Cv3MHtZHnmjAQpag0e1hssVm0g8cDFvDN96UnkY03kspBKV68EEL0OljIlQuMyWzpgT8078x78mJ2c4x5JZaHo/s1600/scoop+template.jpg" imageanchor="1" style="color: #0271c7; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiljODMKMk_9U8khinp0CLxayHKARVCgqvU77lhW4Y7VVtTel7VwSI51Cv3MHtZHnmjAQpag0e1hssVm0g8cDFvDN96UnkY03kspBKV68EEL0OljIlQuMyWzpgT8078x78mJ2c4x5JZaHo/s1600/scoop+template.jpg" style="border: none; padding-top: 4px;" /></a></div> <span style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;">Ini adalah template blog yang sangat baik untuk mengekspresikan diri sendiri, karena tampilannya didesain untuk menunjukkan kepribadian pemilik blog. Pemilik blog di sini tentunya adalah blogger wanita, karena pada dasarnya ini dibuat dengan tema warna yang cenderung girly. Tapi tidak masalah juga blogger pria memakai template ini jika marketnya adalah wanita.</span><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><span style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;">Info lengkap template ini silahkan baca di:</span><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><a href="http://trikmudahseo.blogspot.com/2012/01/scoop-fashion-girls-template-blog.html" style="background-color: white; color: #0271c7; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; text-decoration: none;" target="_blank">Template Scoop Fashion Girls</a><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><br /> <h3 style="background-color: white; border-style: dashed none none; border-top-color: rgb(179, 179, 179); border-top-width: 1px; color: #b3b3b3; font-family: Oswald; font-size: 35px; font-stretch: normal; font-weight: 100; line-height: 1.2em; margin: 30px 0px; padding: 0px 0px 4px; text-align: center;"> Loreo template blogspot Minimalis SEO Friendly</h3> <div class="separator" style="background-color: white; clear: both; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXAZgTdKJ1EeO9MPB6CqUZvvmBOKnaQdy_tiwdLEL0b1W1SPM1YIeLSg-c7u2FoYFQgy3tJPjL5Dl3v7w2_UQt0a2gbZyklTPy7mOnP5vjXdv8-7FlsZ4BuKskZ4Ad8On6JSe0cUNefWY/s1600/Loreo+template.jpg" imageanchor="1" style="color: #0271c7; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXAZgTdKJ1EeO9MPB6CqUZvvmBOKnaQdy_tiwdLEL0b1W1SPM1YIeLSg-c7u2FoYFQgy3tJPjL5Dl3v7w2_UQt0a2gbZyklTPy7mOnP5vjXdv8-7FlsZ4BuKskZ4Ad8On6JSe0cUNefWY/s1600/Loreo+template.jpg" style="border: none; padding-top: 4px;" /></a></div> <span style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;">Untuk sebuah blog pribadi, ini adalah sebuah template yang bisa dikatakan tampilannya cukup elegan dan bersih. Dengan mengedepankan model 1 kolom saja, template ini bisa mengoptimalkan tampilan dari tulisan-tulisan anda. Cocok bagi anda yang suka menuangkan pemikiran anda ke dalam blog, seperti pandangan politik, religi, atau catatan-catatan traveling anda.</span><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><br style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;" /><span style="background-color: white; font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif; font-size: 18px; line-height: 36px;">Template ini termasuk ringan dan sudah sangat SEO friendly. Jadi jika anda berminat dengan template ini silahkan baca artikel di bawah ini:</span></div>

Diposkan oleh Unknown