tag:blogger.com,1999:blog-86427079077234146662024-03-12T18:33:36.953-07:00Mobile Themengeblog di sela waktu via hapesofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.comBlogger23125tag:blogger.com,1999:blog-8642707907723414666.post-22624852977103038082018-09-08T00:17:00.000-07:002020-09-19T05:51:48.160-07:00CARA UNINSTAL/REMOVE SISTEM KOMENTAR DISQUS DARI BLOGSPOT<div dir="ltr" style="text-align: left;" trbidi="on"><b>Mengapa orang membuang sistem komentar disqus?</b><br /><b><br /></b>Ada beberapa teman yang ingin membuang sistem komentar disqus pada blogspot mereka, dan menanyakan cara meremove / uninstall sistem komentar disqus yang sudah terlanjur terpasang pada template blogger<br />Caranya sih sederhana saja tetapi ingat pastikan terlebih dahulu agar mensinkronkan semua komentar kita.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgETcRL3vhrhaAUs9DrhUTip2rsypXS7c8y93qj6G6rwRX5dIme3Co82s5s1hyKFHV47zaVxC9JvMM46fkmYvpL_pWnRMyZon7SybAhH6N4sJ_o7BFh1ooCRdTTxS5VqxDkOCeEKsLUCq11/s841/seken.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ilustrasi disqus" border="0" data-original-height="510" data-original-width="841" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgETcRL3vhrhaAUs9DrhUTip2rsypXS7c8y93qj6G6rwRX5dIme3Co82s5s1hyKFHV47zaVxC9JvMM46fkmYvpL_pWnRMyZon7SybAhH6N4sJ_o7BFh1ooCRdTTxS5VqxDkOCeEKsLUCq11/s16000/seken.jpg" title="ilustrasi disqus" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;">Sebenarnya kalau menurut kami sistem komentar disqus ini memiliki banyak kelebihan walaupun memiliki banyak minus menurut orang orang di barat sana:</div><br /><ul><li>Disqus mulai secara massive menerapkan basis ads ke dalam platform mereka yang membuat kecepatan blog melambat drastis.</li><li>Menurut sumber GTMetrix 90% waktu tes hompage blog pada kebanyakan kasus loading disqus sangat lama pada homepage blogspot, termasuk memperlambat blogger AMP, dan termasuk indivual test terhadap setiap postingan itu sendiri.</li><li>Dan perlambatan juga berlaku untuk mobile blogger, bukan hanya versi desktop.Laptop.</li><li>Komentar disqus tidak lagi sinkron dengan blogspot.</li></ul>Hanya itu saja informasi yang dapat kami kumpulkan dari sumber smber di network, perhatikan matrix kecepatan yang terpengaruh oleh sistem komentar disqus di bawah ini:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy512O2uR41iQrYBiPN6G0PQSUgIZnSNCr5OVqB-KruHpZhWBU62rfjTwcjVCXYAmVyi00EjnqqEMyKdQ5p6qTEo6kiSZQHjgq3_t-BTIp_XQ6eltKeuFCVIBVkHIx28Ze1RJ8xkJk0e8q/s1600/gmatrix.png" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="378" data-original-width="700" height="344" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy512O2uR41iQrYBiPN6G0PQSUgIZnSNCr5OVqB-KruHpZhWBU62rfjTwcjVCXYAmVyi00EjnqqEMyKdQ5p6qTEo6kiSZQHjgq3_t-BTIp_XQ6eltKeuFCVIBVkHIx28Ze1RJ8xkJk0e8q/s640/gmatrix.png" width="640" /></a><br /><br /><b> Cara mensinkronkan komentar disqus yang akan buang?</b><br />Pertama pastikan blogger kita bukan AMP, nah kalau bloggernya HTML klasik biasa dibawah ini kami beritahukan caranya:<br /><br /><ol style="text-align: left;"><li>Masuk ke akun disqus</li><li>Temukan tool >>Import>>Blogger - lalu klik sync atau sinkron</li></ol><div>Lamanya waktu penyinkronan tergantung seberapa besar dan banyak konten atau isi blog kita, tunggu sampai penyinkronan selesai agar aman pelepasan disqusnya.</div><div><br /></div><div><b>Cara melepaskan sistem komentar disqus dari blogspot:</b></div><div><br /></div><div>Langkah 1: Masuk ke akun blogger kita</div><div>Langkah 2: Masuk ke pengaturan Lay out /Tata letak dan cari widget dengan nama 'Disqus'</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0DwWBHlmtTlE-UgxfJi9dca56eohWaIlT6krlmSd5tVqK8DQ13JZ7vdOvjoSL8Odw5GOWIZ2_mHg0oHxWQPTafBnKX2EGu7AqxSZrr4oPXu8G4oPU_LTfZIKK_n7d4OckX3vZ23EwgMSa/s1600/Slide1.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="593" data-original-width="613" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0DwWBHlmtTlE-UgxfJi9dca56eohWaIlT6krlmSd5tVqK8DQ13JZ7vdOvjoSL8Odw5GOWIZ2_mHg0oHxWQPTafBnKX2EGu7AqxSZrr4oPXu8G4oPU_LTfZIKK_n7d4OckX3vZ23EwgMSa/s320/Slide1.PNG" width="320" /></a></div><div>Edit dan remove saja Wodget dengan tulisan 'Disqus Comments' tersebut diatas.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf8fJRwobs0qZ6ZgBhn_ns9L8dREvrkvrJobGzgr6l7pfrWqEIOW5lfuZ9TBSjGjNdR2TxtYz0L7Y0ezYlX11d4gWU4WkwsQIWqB-o_2lDEjj6HmXkE6Cqwq25jtgI51g6l-41rrkcwu_I/s1600/Slide2.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="707" data-original-width="637" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf8fJRwobs0qZ6ZgBhn_ns9L8dREvrkvrJobGzgr6l7pfrWqEIOW5lfuZ9TBSjGjNdR2TxtYz0L7Y0ezYlX11d4gWU4WkwsQIWqB-o_2lDEjj6HmXkE6Cqwq25jtgI51g6l-41rrkcwu_I/s320/Slide2.PNG" width="287" /></a></div><div>Jika masih ada sisa kode/script yang tertinggal, kita dapat melakukan pembersihan lebih jauh melalui pengaturan blogger >>Lay out >></div><br /></div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com2tag:blogger.com,1999:blog-8642707907723414666.post-33624921660297605212018-09-07T21:11:00.000-07:002019-03-25T15:38:39.189-07:00CARA MENGHAPUS TOMBOL SHARE BAWAAN BLOGSPOT DAN MENGGANTIKANNYA DENGAN TOMBOL SHARE RESPONSIVE<div dir="ltr" style="text-align: left;" trbidi="on"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihxeeZJfMUgn4WXGIstnnYpF2Csoysz9zcdR1MUtJ-jHF8WSPTtc6AYhmN0UtSQ-yJA4eNzFWzKt7_Jf3cQDmBHRMHawec9U-YKpjb3U2ymYcDkTyT44BCEeght9lFfdxqKbfZ3_9fCqPV/s1600/samsung.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="675" data-original-width="693" height="311" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihxeeZJfMUgn4WXGIstnnYpF2Csoysz9zcdR1MUtJ-jHF8WSPTtc6AYhmN0UtSQ-yJA4eNzFWzKt7_Jf3cQDmBHRMHawec9U-YKpjb3U2ymYcDkTyT44BCEeght9lFfdxqKbfZ3_9fCqPV/s320/samsung.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Gambar tombol Share pengganti pada blogspot</td></tr></tbody></table>Tombol bawaan blogspot atau blogger itu yang kami maksud bentuknya yang seperti ini:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsyzBIyd7SaV77JSBd1PL24IBV5n2qu0Cyk5sW1bqioZedO9PezB7TXAyxT0VA2in1yORVr17nP3IYSrvwDmh955rBu6YpqSY2JG4AyndiVACjdqnPFOWWej4oIGq1K5U9ewausiyQws5H/s1600/share.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="472" data-original-width="565" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsyzBIyd7SaV77JSBd1PL24IBV5n2qu0Cyk5sW1bqioZedO9PezB7TXAyxT0VA2in1yORVr17nP3IYSrvwDmh955rBu6YpqSY2JG4AyndiVACjdqnPFOWWej4oIGq1K5U9ewausiyQws5H/s320/share.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;">Terlihat kecil dan monoton, dan trik untuk menggantinya sangat mudah. </div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Masuk ke pengaturan blogspot/blogger, pilih TEMA lalu klik "editHTML" cari salah satu kode di bawah ini:</div><div class="separator" style="clear: both; text-align: left;"><br /></div><span style="font-family: "courier new" , "courier" , monospace;"><div class='post-share-buttons'><br /><b:include data='post' name='shareButtons'/><br /></div></span><br /><div><br /></div><div>Atau kalau tidak ketemu cari kode dibawah ini, kita dapat menerapkan ini dengan mudah pada template jenis sederhana, awsome dst:</div><div><br /></div><span style="font-family: "courier new" , "courier" , monospace;"><div class='post-share-buttons goog-inline-block'><br /> <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/><br /> </div></span><br /><div><span style="font-family: "courier new" , "courier" , monospace;"><br /></span>Atau......</div><div>Perhatikan gambar baik-baik: Gunakan saja ctrl+F untuk mempercepat pencarian, dan kalau sudah ketemu hapus saja. Kode yang kita sebutkan diatas terlihat dalam HTML blogspot sebagai berikut:</div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBzfgBja0VkwIW0rvytZ4pokBRERjhqDkIMBtZ5AZ2YBt0OZVpd5mnOdtAjCUa5GaC9NwvbZ-_aTzgXoaK7sAeDoKgjeEvNucRcQgM9DiTbg3sKAhB6LvWSHraqnIatcobp-sR980tSloE/s1600/kode+share.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="465" data-original-width="1061" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBzfgBja0VkwIW0rvytZ4pokBRERjhqDkIMBtZ5AZ2YBt0OZVpd5mnOdtAjCUa5GaC9NwvbZ-_aTzgXoaK7sAeDoKgjeEvNucRcQgM9DiTbg3sKAhB6LvWSHraqnIatcobp-sR980tSloE/s640/kode+share.png" width="640" /></a></div><br /><span id="goog_2016958464"></span>Dan perhatikan setelah di hapus akan tertinggal sub-title kode :<span style="font-family: "courier new" , "courier" , monospace;"> <!--share buttons--> </span>di atasnya:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1f_SPhuVO5DiiBreJvpbmUYsnU5wcX7iNAUjErDqCEWkwE1lm9Pwy3cCnSInuwKhJLkw65rR9gmMIu3OvG8vq2vL5ACBGf7UuTWxm0Sfh65tp4GqXKRl1i1-f9vPjFMOgQzyd6VD9j3oJ/s1600/kode+share2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="647" data-original-width="1265" height="326" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1f_SPhuVO5DiiBreJvpbmUYsnU5wcX7iNAUjErDqCEWkwE1lm9Pwy3cCnSInuwKhJLkw65rR9gmMIu3OvG8vq2vL5ACBGf7UuTWxm0Sfh65tp4GqXKRl1i1-f9vPjFMOgQzyd6VD9j3oJ/s640/kode+share2.png" width="640" /></a></div><br />Maka kopi pastekan kode di bawah ini ke dalam ruang kosong di bawah kode <span style="font-family: "courier new" , "courier" , monospace;"><!--share buttons--> </span>sebagai pengganti share button atau tombol share yang telah kita hapus tadi:<br /><br /><span style="font-family: "courier new" , "courier" , monospace;">&lt;script type=&quot;text/javascript&quot; src=&quot;//platform-api.sharethis.com/js/sharethis.js#property=5998595b6692a7001120ec54&amp;product=inline-share-buttons&quot;&gt;&lt;/script&gt;</span><br /><br />Lalu Save dan lihat hasilnya akan terlihat seperti pada gambar diatas postingan ini<br /><div class="separator" style="clear: both; text-align: center;"></div></div></div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com0tag:blogger.com,1999:blog-8642707907723414666.post-6340932455752598872018-09-05T09:15:00.000-07:002019-03-25T15:38:39.558-07:00MAU MEMASANG IKON AWSOME DENGAN GRADASI WARNA DI BLOG? BEGINI CARANYA!<div dir="ltr" style="text-align: left;" trbidi="on">Rekan rekan blogger! Kita bahas sedikit perihal kecenderungan kita sebagai seorang blogger yang terkadang memiliki sensasi sebagai desainer, dan tanpa kita sadari keinginan tersebut telah membawa kita mendekati kedua hal ini: Menjadi seorang programmer dan atau menjadi seorang desainer.<br /><br />Dalam hal mendesain template peranan css, kemudian elemen ikon ikon seperti awsome misalnya sudah tidak bisa di abaikan lagi, ada yang bertanya apakah elemen elemen serupa seperti itu tidak memberatkan loading sebuah tema atau template blogger? Jawabannya tergantung, jika ditulis dan ditempatkan dengan benar tentu saja tidak akan terlalu berpengaruh pada kecepatan, bahkan tema tema blogger AMP tidak dapat meninggalkan kaidah kaidah keindahan elemen elemen template seperti ini.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhutEQ-5lAELXJLEJqG2TTmwJwUl0Aq1oD1q5iBEgpKXGUCmOpj9ltfPrHLDi4-sxNq-XMzURkMGJVEwXF_jcrLVC8hAGVjRA6adxedlgYFR8EiFCHK54BL05xKtXuw-7TrTPwBJenDI5k2/s1600/20180905_225050.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="164" data-original-width="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhutEQ-5lAELXJLEJqG2TTmwJwUl0Aq1oD1q5iBEgpKXGUCmOpj9ltfPrHLDi4-sxNq-XMzURkMGJVEwXF_jcrLVC8hAGVjRA6adxedlgYFR8EiFCHK54BL05xKtXuw-7TrTPwBJenDI5k2/s1600/20180905_225050.jpg" /></a></div><br /><blockquote class="tr_bq">PROGRAMMER vs DESAINER</blockquote>Disana ada terletak perbedaan persoalan yang harus dihadapi oleh seorang programmer dengan seorang desainer. Seorang programmer harus dapat membuat semua fungsi bekerja menurut standard kebutuhan atau membuat sebuah template dapat bekerja dan berfungsi sebagai sebuah template menurut permintaan klien. Mampu bekerja dengan bahasa program dan koding sepenuhnya. Sedangkan seorang desainer harus membuat sebuah tema agar memiliki "wajah" berdasarkan pemikiran estitika atau keindahan. Sementara pekerjaan seorang programmer lebih pasti, tugas seorang desainer justeru menjadi rumit.<br /><br />Seorang desainer tema selain harus memahami dasar koding juga harus memiliki cita rasa seni yang dapat dijual. Seorang desainer misalnya akan bertanya dengan kode apa saya bisa membuat kombinasi warna yang menarik? Atau sekedar menempatkan Menu di tempat yang tepat di atas template sehingga enak dipandang mata? Atau membuat menu tersebut tidak hanya sedap dipandang mata tapi justeru menjadi sangat user friendly? Seorang desainer kadang dituntut agar dapat membuat sebuah tema justeru menjadi manusiawi dan cocok dengan kepribadian calon penggunanya.<br /><br />Dan disanalah letak kehebatannya: Kombinasi seorang programmer dengan seorang desainer akan menghasilkan seorang 'KREATOR'<br /><br />MEMBUAT IKON MENJADI BERWARNA DENGAN STYLE GRADASI<br /><br />Pernah memperhatikan template template yang didesain untuk wordpress blog? Atau pernah melihat karya karya envanto yang sangat "mobile" namun dengan loading cepat tanpa kehilangan keindahannya. Disinilah peranan dan sentuhan seorang desainer dan seorang programmer sekaligus diperlukan dalam pembuatan sebuah template yang indah, gegas, dan cepat!<br /><br />Bukan hanya template bergaya infinite yang dominan warna gradasi pada headrnya akan tetapi setiap ikon dapat kita berikan warna gradasi sesuka hati dan menurut selera kita asalkan mengikuti syarat ini: Mengkombinasikan kode css dengan ikon "fa fa awsome" dan atau sejenis dengan itu.<br /><br />Langkah pertama kita harus masuk ke pengaturan blogger langsung ke opsi "edit TEMA" saja ya karena dengan asumsi kita sudah mengerti caranya jika telah membaca tutorial tutorial kami sebelumnya.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuhhJOFcNPOPxvKc5itS5jLsQCM2_9s_aUHB2bPpx0X4OmJpdS9CByv5wTr0-bm2Jn-D0YOsafFjPnD2SFPcI6_fNW8706tzOtNFoWrvsaDKLHKPI_7EBSo8_VreJs5aN8_pybiebwxn6_/s1600/20180904_215725_rmedited.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuhhJOFcNPOPxvKc5itS5jLsQCM2_9s_aUHB2bPpx0X4OmJpdS9CByv5wTr0-bm2Jn-D0YOsafFjPnD2SFPcI6_fNW8706tzOtNFoWrvsaDKLHKPI_7EBSo8_VreJs5aN8_pybiebwxn6_/s320/20180904_215725_rmedited.jpg" width="240" /></a></div><br />Dengan asumsi kita sedang mengedit tema bawaan, maka cari kode <span style="color: red; font-family: "courier new" , "courier" , monospace;"></head></span> lalu kopi kode dibawah ini dan pastekan diatas kode <span style="color: red;"><span style="font-family: "courier new" , "courier" , monospace;"></head></span> </span>tadi.<br /><br /><span style="font-family: "courier new" , "courier" , monospace;"><link href='https://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/></span><br /><br /><div>Save. Dan lalu untuk percobaan kembali ke pengaturan blogger - pilih add widget - pilih HTML/java script, lalu pastekan kode ikon fa fa awsome yang telah kami pilih dibawah ini kedalam kotak widget HTML/javascript tadi atau lihat gambar dibawah.</div><div><br /></div><span style="font-family: "courier new" , "courier" , monospace;"><i class="fa fa-facebook-official" aria-hidden="true"></i></span><br /><div><span style="font-family: "courier new" , "courier" , monospace;"><br /></span><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxUMaimOgUKMfUoAcPVP9ZEcgOkvqT3CB3wf-r_N2FvK8rWEXNJhk8UoWs9KOToE5MeIUa7qPzrorTeLqImLs2Tv8Dfnq9C2SnIfRtUsPzQZe_zYl5y8oLVEdNDyBiUVeVQvhbAlMU5Y1P/s1600/20180904_222108_rmedited.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1050" data-original-width="1191" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxUMaimOgUKMfUoAcPVP9ZEcgOkvqT3CB3wf-r_N2FvK8rWEXNJhk8UoWs9KOToE5MeIUa7qPzrorTeLqImLs2Tv8Dfnq9C2SnIfRtUsPzQZe_zYl5y8oLVEdNDyBiUVeVQvhbAlMU5Y1P/s320/20180904_222108_rmedited.jpg" width="320" /></a></div><div>Save. Jika mau geser saja widgetnya biar berada diatas postingan, maka kode tersebut akan berbentuk ikon facebook seperti dibawah ini, masih dalam ujud ikon yang berwarna hitam putih</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqbaUGl4VyFoMNBE1gpN2N7m8hR2jfa-I3XIa7F-Na1RwB0j1m1CNSIH8j0CKpuZN1D2nazaLBI4zAe-_Dfr-hdB6Wwz5-8AQ5Tp5_OyrgKRF6nJEPRmCOnAmJOc1mDT5KDqVPqHRV9jxF/s1600/20180905_223807_rmedited.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1128" data-original-width="943" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqbaUGl4VyFoMNBE1gpN2N7m8hR2jfa-I3XIa7F-Na1RwB0j1m1CNSIH8j0CKpuZN1D2nazaLBI4zAe-_Dfr-hdB6Wwz5-8AQ5Tp5_OyrgKRF6nJEPRmCOnAmJOc1mDT5KDqVPqHRV9jxF/s320/20180905_223807_rmedited.jpg" width="267" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div>Agar Widget tadi berwarna gradasi (kombinasi dua warna) kita perlu menambahkan kode dibawah ini dan meletakannya diatas kode: <span style="color: red;">]]></b:skin></span>, begini kodenya:</div><div><br /></div><div><div><span style="font-family: "courier new" , "courier" , monospace;">.gradient-icon {</span></div><div><span style="font-family: "courier new" , "courier" , monospace;"> background: -webkit-gradient(linear, left top, left bottom, from(#1E90FF), to(#FFC0CB));</span></div><div><span style="font-family: "courier new" , "courier" , monospace;"> -webkit-background-clip: text;</span></div><div><span style="font-family: "courier new" , "courier" , monospace;"> -webkit-text-fill-color: transparent;</span></div><div><span style="font-family: "courier new" , "courier" , monospace;"> display: initial;</span></div></div><div><span style="font-family: "courier new" , "courier" , monospace;">}</span></div><div><span style="font-family: "courier new" , "courier" , monospace;"><br /></span></div><div>Dan langkah berikutnya adalah kembali ke kode ikon fa fa awsome yang berada didalam widget HTML/java script yakni: <span style="font-family: "courier new" , "courier" , monospace;"><i class="fa fa-facebook-official" aria-hidden="true"></i> </span>Edit dengan menambahkan: "<span style="background-color: #fff2cc; font-family: "courier new" , "courier" , monospace;">gradient-icon</span>" jadi kode fa fa awsomenya akan menjadi seperti ini:</div><div><span style="font-family: "courier new" , "courier" , monospace;"><i class="fa fa-facebook-official <span style="background-color: #fff2cc;">gradient-icon</span> fa-5x" aria-hidden="true"></i></span></div><div><br /></div><div>Perhatikan letak posisi kode perintah pemanggil tambahan yang di sorot warna kuning. Maka ikon akan berganti warna dari hitam dan putih menjadi gradasi! Lihat gambar:</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWomaor5tVKM7Nu44WkX30Xe9sTcGNDWbtNSUM0hQ0_ov9uIpJO8Pn9jarQJwnRW29cBMHhlc1P0iZJWXJN9GwCuix59aj3ivFMXMxFqcAplijG_YmdGe4WaGb0SfRpRugOmhbu1xDzhdk/s1600/20180905_223900_rmedited.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="957" data-original-width="605" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWomaor5tVKM7Nu44WkX30Xe9sTcGNDWbtNSUM0hQ0_ov9uIpJO8Pn9jarQJwnRW29cBMHhlc1P0iZJWXJN9GwCuix59aj3ivFMXMxFqcAplijG_YmdGe4WaGb0SfRpRugOmhbu1xDzhdk/s320/20180905_223900_rmedited.jpg" width="202" /></a></div><div><br /></div><div>Cobakan kepada semua ikon fa fa awsome ada ratusan kode kode ikon sejenis gratis dan bebas di pergunakan di Internet. Jika kita ingin mengganti warna gradasi atau kombinasi warna kita dapat melakukannya dengan merubah kode css yang telah kita letakan di atas kode ]]></b:skin> diatas.</div><div><br /></div><div><div><div><span style="font-family: "courier new" , "courier" , monospace;">.gradient-icon {</span></div><div><span style="font-family: "courier new" , "courier" , monospace;"> background: -webkit-gradient(linear, left top, left bottom, from(<span style="background-color: #fff2cc;">#1E90FF</span>), to(<span style="background-color: #fff2cc;">#FFC0CB</span>));</span></div><div><span style="font-family: "courier new" , "courier" , monospace;"> -webkit-background-clip: text;</span></div><div><span style="font-family: "courier new" , "courier" , monospace;"> -webkit-text-fill-color: transparent;</span></div><div><span style="font-family: "courier new" , "courier" , monospace;"> display: initial;</span></div></div><div><span style="font-family: "courier new" , "courier" , monospace;">}</span></div></div><div>Ganti saja kode warna dengan kode warna css, cari daftar kode warna warni di internet, semuanya gratis.</div></div><div><br /></div><div>Selamat mencoba menjadi desainer template! Kalau kita berfikir kita bisa, kita pasti bisa, Tujuan dan pencapaian besar itu selalu di awali dengan sebuah langkah kecil dan biasa saja pada awalnya dahulu....</div></div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com0tag:blogger.com,1999:blog-8642707907723414666.post-83339927519734721572018-09-04T08:26:00.000-07:002019-03-25T15:38:39.953-07:00MEMBUAT RECENT POST RESPONSIVE GAYA EDITBLOG<div dir="ltr" style="text-align: left;" trbidi="on">Recent post adalah adalah ujud lain dari thumbnail dan snippet home page blogger yang di olah secara singkat dari isi posingan blog secara berurut di mulai dari yang terbaru, untuk melengkapi tutorial pemakaian tema blogger editblog mungkin ada yang tertarik menambahkan widget ini ke dalam tema blog. Jika tidak abaikan saja.<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIwZ1Mo4gFmWVNQ9fXOcYQIM25bUyv458BjgKJcoJXyUhRODrl_SaPWbTpSvkIX1pRN8qCPGwC8QkFCGROwFJPDpFsZmVuuk6ZIXGYqs4nTnyxFqnS6pntEgSE4Mu50NQlHKGBZ16yXD2G/s1600/20180904_222409_rmedited.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1193" data-original-width="1536" height="496" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIwZ1Mo4gFmWVNQ9fXOcYQIM25bUyv458BjgKJcoJXyUhRODrl_SaPWbTpSvkIX1pRN8qCPGwC8QkFCGROwFJPDpFsZmVuuk6ZIXGYqs4nTnyxFqnS6pntEgSE4Mu50NQlHKGBZ16yXD2G/s640/20180904_222409_rmedited.jpg" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Image recent post pada side bar editblog</td></tr></tbody></table>Cara pemasangan recent post sangat mudah tingga masuk ke pengaturan blog masuk ke lay out pilih HTM/Java script kopi pastekan saja kode dibawa ini kedalam kotak widget HTM/Java script tadi:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBrFQWlxnutgJ_NWZsI1x91zbp7BZhHtedH12xhgoGxny5XIkphe3t7IhT4tVuthdYebizcNeAckwZBhMZE4tS3d27pSL-OJzffJx6_q7-mohTwGVyV6ihNrYVSH3VIe7SETYTPlJgc_3v/s1600/20180904_215725_rmedited.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBrFQWlxnutgJ_NWZsI1x91zbp7BZhHtedH12xhgoGxny5XIkphe3t7IhT4tVuthdYebizcNeAckwZBhMZE4tS3d27pSL-OJzffJx6_q7-mohTwGVyV6ihNrYVSH3VIe7SETYTPlJgc_3v/s320/20180904_215725_rmedited.jpg" width="240" /></a></div>Setelah HTML/Javascript kita pilih akan muncul kotak dialog widget yang dapat ditulis atau di pastekan kode seperti ganbar dibawah ini:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghWQBF079jo6KbfixVqFJ1oaFLluzGNgt7_4S8hNBRSgd44hhlLyANb7SJxLwJjRoFfeXer7inIwuWhGtSUJy2wXVJJC1cMCMkA9D2uLr4EdlR-aopfC76lEMpdLAsO7zE5JVVR4a49Jef/s1600/20180904_222108_rmedited.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1050" data-original-width="1191" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghWQBF079jo6KbfixVqFJ1oaFLluzGNgt7_4S8hNBRSgd44hhlLyANb7SJxLwJjRoFfeXer7inIwuWhGtSUJy2wXVJJC1cMCMkA9D2uLr4EdlR-aopfC76lEMpdLAsO7zE5JVVR4a49Jef/s320/20180904_222108_rmedited.jpg" width="320" /></a></div>Kopi pastekan kode dibawah ini kedalam kotak widget tersebut:<br /><br /><blockquote class="tr_bq"><span style="font-family: "courier new" , "courier" , monospace;"><div class="recentpoststyle"></span><span style="font-family: "courier new" , "courier" , monospace;"><script type="text/javascript"></span><span style="font-family: "courier new" , "courier" , monospace;">function showlatestposts(e){for(var t=0;t<posts_no;t++){var r,s=e.feed.entry[t],n=s.title.$t;if(t==e.feed.entry.length)break;for(var a=0;a<s.link.length;a++)if("alternate"==s.link[a].rel){r=s.link[a].href;break}n=n.link(r);var i="... Baca selengkapnya..";i=i.link(r);var l=s.published.$t,o=l.substring(0,4),u=l.substring(5,7),c=l.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in s)var d=s.content.$t;else if("summary"in s)var d=s.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write('<li class="recent-post-title">'),document.write(n),document.write('</li><div class="recent-post-summ">'),1==post_summary)if(d.length<summary_chars)document.write(d);else{d=d.substring(0,summary_chars);var f=d.lastIndexOf(" ");d=d.substring(0,f),document.write(d+" "+i)}document.write("</div>"),1==posts_date&&document.write('<div class="post-date">'+m[parseInt(u,10)]+" "+c+" "+o+"</div>")}}</span><span style="font-family: "courier new" , "courier" , monospace;"></script></span><span style="font-family: "courier new" , "courier" , monospace;"><script type="text/javascript"></span><span style="font-family: "courier new" , "courier" , monospace;">var posts_no = 5;var posts_date = true;var post_summary = true;var summary_chars = 80;</script></span><span style="font-family: "courier new" , "courier" , monospace;"><script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts"></span><span style="font-family: "courier new" , "courier" , monospace;"></script><a style="font-size: 9px; color: #E6E6FA;margin-top:10px;" href="http://helplogger.blogspot.com/2014/11/5-cool-recent-post-widgets-for-blogger.html" rel="nofollow">Recent Posts Widget</a></span><span style="font-family: "courier new" , "courier" , monospace;"><noscript>Your browser does not support JavaScript!</noscript></span><span style="font-family: "courier new" , "courier" , monospace;"><style type="text/css"></span><span style="font-family: "courier new" , "courier" , monospace;">.recentpoststyle {counter-reset: countposts;list-style-type: none;}</span><span style="font-family: "courier new" , "courier" , monospace;">.recentpoststyle a {text-decoration: none;color: #49A8D1;}</span><span style="font-family: "courier new" , "courier" , monospace;">.recentpoststyle a:hover {color: #000;}</span><span style="font-family: "courier new" , "courier" , monospace;">.recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 1;position:relative;font-size: 15px;font-weight: bold;color:#FF69B4;background:#E6E6FA; margin:13px 5px 0px -6px;line-height:30px;width:30px;height:30px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}li.recent-post-title{margin-bottom: 5px;padding: 0;}</span><span style="font-family: "courier new" , "courier" , monospace;">.recent-post-title a {color: #444;text-decoration: none;font: bold 13px "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;}</span><span style="font-family: "courier new" , "courier" , monospace;">.post-date {font-size: 11px;color: #999;margin:5px 0px 15px 32px;}</span><span style="font-family: "courier new" , "courier" , monospace;">.recent-post-summ {border-left:1px solid #69B7E2; color: #777; padding: 0px 5px 0px 20px; margin-left: 10px; font: 15px Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif;}</span><span style="font-family: "courier new" , "courier" , monospace;"></style></div></span></blockquote>Demikian cara membuat widget recent post yang responsive dan ringan. Selamat ngeblog!</div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com2tag:blogger.com,1999:blog-8642707907723414666.post-78528510696947459972018-09-02T07:10:00.000-07:002019-03-25T15:38:40.373-07:00CARA MEMBUAT MENU PENCARIAN BERBENTUK BULAT DIDALAM HEADER TEMA AWSOME<div dir="ltr" style="text-align: left;" trbidi="on">Sengaja dengan bentuk gaya bahasa sesederhana mungkin kami memberikan trik ini dan berbagi, ingat tidak pada setiap jenis tema blogger hal ini dapat dilakukan, kami telah mencobakannya pada tema awsome hasil modifikasi kami dengan gaya header berwarna infinite mirip Desain Arlina, namun jangan salah, gaya itu kami buat (baca: modifikasi) dengan teknik kami sendiri menggunakan elemen elemen yang tersedia gratis di internet dan siapapun bebas menggunakannya tanpa perlu kuatir, termasuk menggunakan template hasil kerja kami.<br /><br /><div style="text-align: center;">MEMBUAT MENU PENCARIAN BERBENTUK BULAT DAN MELETAKANNYA DI POJOK KANAN HEADER BLOG?</div><br />Setelah kami mencari tutorialnya kebanyakan dalam bahasa Inggris, dan itupun adalah tutorial bagaimana membuatnya, bukan trik untuk mendapatkannya. Nah untuk tema atau template awsome gratis bawaan blogger yang telah kita edit agar nampak premium dan professional ikutilah tutorial kami sebelumnya perihal membuat warna gradasi baik yang tidak animasi maupun yang animasi, baca: <a href="http://editblogtema.kotakpandora.pw/2018/09/cara-membuat-gradasi-warna-header.html">CARA MEMBUAT GRADASI WARNA DI HEADER BLOGGER</a><br /><br />Dan selanjutnya agar header tersebut menjadi lebih keren dan premium kita dapat meletakan kotak pencarian seperti terlihat pada gambar di bawah ini:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj04Nr5vEmIWJivToZ-VAmbmMNakjg062F80hMC8URj8AegPR_hTLoN_QHe0e9JogDga1XJwxAYhIMI_rwXb0W5H8i-XKPXpZBpR3rMP-T9MWlQXwINbbIw_OUrU2CJPJkVVPN_5MOy8xO/s1600/20180902_203541.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1096" data-original-width="1600" height="438" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj04Nr5vEmIWJivToZ-VAmbmMNakjg062F80hMC8URj8AegPR_hTLoN_QHe0e9JogDga1XJwxAYhIMI_rwXb0W5H8i-XKPXpZBpR3rMP-T9MWlQXwINbbIw_OUrU2CJPJkVVPN_5MOy8xO/s640/20180902_203541.png" width="640" /></a></div><div class="separator" style="clear: both; text-align: left;">Perhatikan perbedaannya sesudah diberi kotak pencarian sebelah atas bar header dan sebelumnya di bawahnya.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><ul style="text-align: left;"><li>Untuk template bawaan (default) blogspot pasang terlebih dahulu script awsome dibawah ini. Caranya adalah dengan masuk ke pengaturan blogger dan pilih opsi "edit HTML" cari kode <span style="color: red; font-family: "courier new" , "courier" , monospace;"></head></span> letakan kode: <span style="font-family: "courier new" , "courier" , monospace;"><link href='https://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/> </span>pas diatas kode<span style="color: red;"> <span style="font-family: "courier new" , "courier" , monospace;"></head></span></span> tadi.</li><li>Masih di pengaturan blogger lalu pilih opsi "edit HTML" cari kode <span style="color: red;">]]></b:skin> </span> dan kopi kode css dibawah ini dan letakan di atas kode <span style="color: red;">]]></b:skin></span> tersebut:</li></ul><br /><span style="font-family: "courier new" , "courier" , monospace;">/* Search Button Popup */ #search-wrapper{width:90%;margin:0 auto;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:shownow 0.3s ease-in-out;-moz-animation:shownow 0.3s ease-in-out;animation:shownow 0.3s ease-in-out} @keyframes shownow{0%{transform:scale(0.9)}50%{transform:scale(1.01)}100%{transform:scale(1)}} #search-wrap{clear:both;width:75%;margin:0 auto;padding:0;display:block;overflow:hidden} #search{border:1px solid #fff;border-radius:5px} #searchformku{color:#111;width:100%;margin:0 auto;overflow:hidden;position:relative;} .button-searchku,.button-searchku:hover{clear:both;background:none;border:3px;color:#3f3f3f;width:40px;height:40px;line-height:40px;padding:0;text-align:center;font-size:23px;cursor:pointer;position:absolute;top:5px;right:10px;font-weight:700} .button-searchku:active{border:none;outline:none;background:none;} #search-formku{background-color:transparent;width:100%;height:57px;line-height:57px;padding:0 60px 0 20px;-moz-box-sizing:border-box;box-sizing:border-box;border:none;font-weight:700;font-size:20px;color:#fff!important} #search-formku{-webkit-box-sizing:border-box} #search-formku:focus{border:none;outline:0;color:#fff;} #searchformku:focus{border:none;outline:0;color:#3f3f3f} #box{margin:0 auto;display:none;padding:60px 0 0;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);background-color:rgba(0,0,0,.94);text-align:center;-webkit-transition:all ease-in-out .25s;-moz-transition:all ease-in-out .25s;-ms-transition:all ease-in-out .25s;-o-transition:all ease-in-out .25s;transition:all ease-in-out .25s;} #hide span.tombolkecil{color:#fff;font-weight:700;padding:0;text-align:center;cursor:pointer;font-size:20px;height:35px;width:35px;line-height:35px;float:right;overflow:hidden;display:block} #hide span.tombolkecil:hover{color:#eee;border-color:#eee} #box p{font-size:14px;margin:15% auto 70px;color:#fff;letter-spacing:2px;text-transform:uppercase} .icon-searchku span{font-weight:normal;width:auto; height:50px;line-height:50px;position:absolute;top:0;right:15px;cursor:pointer;padding-left:5px;font-size:23px;color:#fff}</span><br /><div><span style="font-family: "courier new" , "courier" , monospace;"><br /></span></div><div style="text-align: left;"><ul style="text-align: left;"><li>Selanjutnya cari kode <span style="color: red;"></body> </span>lalu kopi pastekan kode dibawah ini diatasnya. Ingat <span style="color: red;"></body></span> juga di nyatakan sebagai kode penutup pada template.</li></ul></div><div><br /></div><span style="font-family: "courier new" , "courier" , monospace;"><div id='box'> <div class='search-wrapper' id='search-wrapper'> <div id='hide'><span class='tombolkecil' href='javascript:void(0)' onclick='document.getElementById(&apos;box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show&apos;).style.display=&apos;block&apos;'><i aria-hidden='true' class='fa fa-times'/></span></div> <div id='search-wrap'> <p>Ketik dan Tekan Enter</p> <div id='search'> <form action='/search' id='searchformku'> <input name='cof' type='hidden' value='FORID:10'/> <input name='ie' type='hidden' value='ISO-8859-1'/> <input id='search-formku' name='q' placeholder='Search....' required='required' type='text'/> <button class='button-searchku' title='Search' type='submit'><i aria-hidden='true' class='fa fa-search'/></button> </form> </div> </div> </div> </div></span><br /><br />Nah yang terakhir letakan kode ini di bawah atau diatas kode <span style="color: red;"></header> </span>dengan catatan ini khusus buat template awsome, jika untuk tema jenis lain bisa dicobakan sesudah kode <span style="color: red;"><body> </span>yang di sebut juga sebagai kode pembuka pada template.<br /><div><br /></div><span style="font-family: "courier new" , "courier" , monospace;"><div class='icon-searchku'> <div id='show'><span class='tombolkecil' href='javascript:void(0)' onclick='document.getElementById(&apos;box&apos;).style.display=&apos;block&apos;;document.getElementById(&apos;hide&apos;).style.display=&apos;block&apos;'><font color='#f39c12'><i aria-hidden='true' class='fa fa-search'/></font></span></div> </div></span><br /><div><br /></div><div>Sekarang kita telah mendapatkan sebuah tema dengan sentuhan kombinasi Desain gayanya Arlina dan Sugeng sekaligus, dan gaya ini juga terdapat pada tema tema premium buatan Gooyabi. Untuk melihat contoh klik demo dibawah ini:</div><div><br /></div><blockquote class="tr_bq" style="text-align: center;"><a href="https://asadesasa.blogspot.com/2018/04/what-girl-can-do-to-earn-money-in-blog.html"><b><span style="color: blue;">DEMO</span></b></a></blockquote><div><br /></div><div>Namun sekali lagi kami ingatkan, cara ini berlaku dengan baik pada tema tema awsome bawaan blogger, tapi jika anda mencobakannya terhadap tema yang sekarang sedang dipakai untuk blogger "editblogtema", dijamin anda akan gagal karena Anisa telah merancang dan merobah sedikit struktur dasar templatenya yang saya sendiripun masih sedang mencari trik agar dapat memasang beberapa jenis widget kedalamnya termasuk memasang widget pencarian ini ke dalam header tema "editblogtema" ini.</div><div><br /></div><div>Jika ada pertanyaan seputar pemasangan jangan ragu untuk menanyakannya melalui komentar dibawah blog ini. Sekian & Salam dari kami.</div><div><br /></div></div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com0tag:blogger.com,1999:blog-8642707907723414666.post-43101474439493301862018-09-01T22:37:00.000-07:002019-06-01T22:50:08.572-07:00SEPERTI APAKAH SEORANG BLOGGER ITU?<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYEsQX9oLP0Wh7gCPCwq8hfGW62Tj-slmmquaUaJOyRYOf0_-L0ZYe2OfYa0sMAthIdtO-sn3F3njrgih5T_GKRDAAUH0L7sLLYTbZ8zO_TdeHKqPILqLaTs_PiXHmIG3UTmb-33b2_u-5/s1600/Android+Phone.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ilustrasi" border="0" data-original-height="853" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYEsQX9oLP0Wh7gCPCwq8hfGW62Tj-slmmquaUaJOyRYOf0_-L0ZYe2OfYa0sMAthIdtO-sn3F3njrgih5T_GKRDAAUH0L7sLLYTbZ8zO_TdeHKqPILqLaTs_PiXHmIG3UTmb-33b2_u-5/s1600/Android+Phone.jpg" title="ilustrasi" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">ilustrasi</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
Setelah merenungkannya saya memutuskan, saya bukan seorang blogger samasekali. Karena pada awal membuat blog juga hanya iseng tanpa niat, dan pada saat kebetulan melihat opsi "$Earnings" saya mencobanya dan satu minggu baru mengerti kalau hal tersebut adalah adsense! Itupun setelah membaca tulisan para masta Blog di Google Plus.<br />
<br />
Yang saya niatkan hanyalah pingin menulis dan berbagi karena sering membaca tulisan para blogger di web, mereka nampak keren dimata saya. Tapi hal tersebut tidak lantas membuat saya kepingin menjadi seorang blogger, mungkin karena saya telah memiliki pekerjaan tetap yang selama ini terbukti dapat menghidupi dan membuat saya sedikit hidup tenang. Satu satunya alasan yang membuat saya akhirnya ikut ikutan ngeblog adalah karena rasa keinginan tahuan.<br />
<br />
<blockquote class="tr_bq" style="text-align: center;">
HAUS PENGATAHUAN</blockquote>
Mungkin kelebihan yang diberikan oleh Tuhan kepada saya adalah rasa ingin tahu yang kuat walau kadang nampak seperti kutukan dalam hidup saya. Karena saya tidak sampai melewati kuliah dan hanya melewati bangku sekolah tanpa dapat menikmati setiap mata pelajaran kecuali matimatika, namun sayangnya mata pelajaran tersebut begitu langka dibangku sekolah yang pernah saya duduki dikampung, seiring waktu saya belajar bahasa bahasa asing seorang diri, belajar komputer dan diterima bekerja dibeberapa perusahaan hanya dengan rekomendasi dan sertifikat yang didapatkan di luar bangku sekolah. Anggaplah saya beruntung.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizt2kGwsNlV_vCPadn1DXcROp18C1Zy0w0DweOokz3__SWEIjgNJVAkcSJ58zt09N76jGplAHk202PfkCLnEeEE2VKuJlxbL6IS1jaLugusrJE646akK7BVOWZpzYkQbUhpz1peqcpQ6B9/s1600/images+%25281%2529.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="313" data-original-width="469" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizt2kGwsNlV_vCPadn1DXcROp18C1Zy0w0DweOokz3__SWEIjgNJVAkcSJ58zt09N76jGplAHk202PfkCLnEeEE2VKuJlxbL6IS1jaLugusrJE646akK7BVOWZpzYkQbUhpz1peqcpQ6B9/s320/images+%25281%2529.jpeg" width="320" /></a></div>
Keinginan kuat belajar koding adalah ketika saya mulai hobi membeli gagdet seperti ponsel dan tablet juga laptop. Yang saya pikirkan adalah sistem operasinya seperti windows dan linux dari hasil utak atik gagdet saya mendapatkan banyak pelajaran berharga. Dan tentu saja belajar itu mahal, namun tidak semahal jika saya harus duduk dibangku kuliah. Dari layar gagdet gagdet saya banyak membaca dan mulai berhenti membeli buku dan koran. Jujur pertama hal yang saya geluti adalah teknik "hacking", dari sana saya belajar melihat kesempatan dan celah celah kelemahan yang dapat di eksploitasi. Mencobakannya pernah membuat saya hampir tergelincir kedalam risiko hukum.<br />
<br />
Sejak itu saya mulai belajar: Segala hal tidak boleh di pamerkan, kesederhanaan justeru adalah benteng hidup yang paling kuat buat melindungi diri kita dari marabahaya. Walaupun suka juga bercerita, namun saya mulai belajar bagaimana mengatakan hal hal secara terselubung.<br />
<br />
<blockquote class="tr_bq" style="text-align: center;">
MULAI NGEBLOG.</blockquote>
Dan saya benar benar mulai aktif ngeblog adalah awal tahun 2017, walaupun sebelumnya pernah mencoba namun tidak dilanjutkan dan blognya "hilang" alias mati. Hanya berselang sebulan ketika mendapat pemberitahuan bahwa blog saya diterima adsense, jujur waktu itu belum benar benar mengerti adsense.<br />
<br />
Adsense terpasang, permulaan karena selalu gatal ingin menulis tanpa pengatahuan SEO, dan tidak perduli ads mau pasang dimana saja. Hanya menulis saja dan publish. Ketika adsense meminta rekening saya sempat ragu, itu adalah bentuk penipuan. Namun saat membaca artikel para blogger saya akhirnya mengirimkannya. 3 bulan ternyata saya berhasil mendapatkan 100 Dollar. Semua uangnya saya berikan kepada seseorang kerabat yang sedang sangat membutuhkannya. Penghasilan itu sedikit memberikan motivasi saya untuk menggali ilmu blogging walau jujur saja saya tetap ragu.<br />
<br />
Namun saya sangat bersyukur, ternyata dari ngeblog saya mengenal koding dan web programming lebih jauh saya baru menyadari mengapa saya belajar ngeblog. Saya akhirnya terbiasa melihat untaian kode kode HTML, XML, PhP, JS, dan CSS. Belajar saya adalah otodidak, sama seperti pada saat belajar bahasa Inggris, awalnya tidak mengerti mengapa harus belajar grammar. Saya mengabaikan segala urusan misalnya istilah syntax yang terdengar aneh. Akan tetapi tanpa disadari ternyata telah saya praktikan tanpa mengetahui istilah istilah tersebut! Jadi saya menganjurkan kita semua agar meluangkan waktu untuk belajar secara otodidak.<br />
<br />
<blockquote class="tr_bq" style="text-align: center;">
POTENSI BLOGGER DI MASA DEPAN</blockquote>
Para blogger sebenarnya adalah orang orang yang berpotensi menjadi orang hebat dan jelas beruntung. Terlepas apakah kita akhirnya menlanjutkan niat kita menjadi seorang blogger.<br />
<br />
Hanya saja perlu diingat, blogging adalah hal lama dan berbasis software dan aplikasi yang suatu hari bisa saja mati alias tidak ada lagi di dunia dalam sepuluh tahun mendatang atau digantikan oleh hal yang samasekali baru. kita telah menyaksikan beberapa platform web akhirnya mati setelah sempat berjaya dan mengantarkan para pegiat platform tersebut ke jenjang kesuksesan.<br />
<br />
Blogger hanyalah sebuah profesi yang platformnya dibuat oleh manusia dalam hal ini Google, bisa saja jika suatu hari platform ini dianggap mulai tidak menguntungkan perusahaan dan akan ditutup.<br />
<br />
15 tahun yang lalu youtuber bukanlah apa apa, boleh dikatakan mereka dianggap "tak ada" namun dalam beberapa tahun belakangan para youtuber mendapatkan tempat di planet ini dan mendapatkan pengakuan sebagai sebuah profesi. Apakah youtube sebagai basis para youtuber mampu bertahan 10 tahun lagi tanpa diterpa persaingan atau kompetesi dari platform video lain? Jika melihat posisi Google yang begitu perkasa, rasanya memang sulit mengatakan akan ada pesaing lain yang berpotensi menjadi kompetitor kuat baginya.<br />
<br />
Sedangkan untuk blogger sendiri tidak sedikit para ahli yang skeptis dan beranggapan bahwa "Blogging is old time job" atau "ngeblog adalah pekerjaan lama alias profesi jadul". Namun jika terlihat dari usaha Google yang terus menerus melakukan inovasi terhadap platform yang mereka akuisasi dari Pyra Labs di tahun 2003 ini, rasanya untuk masa sekarang pekerjaan ngeblog masih konsisten bagi para blogger.<br />
<br />
Akan lahir segala kemungkinan yang sulit diprediksi ketika populasi manusia membengkak, dengan peningkatan kecerdasan akibat dari ketatnya persaingan dan di prediksi akan melahirkan inovasi hebat dari para inventor web dalam menawarkan dan menyalurkan ide penulisan yang pastinya jauh lebih menjanjikan di masa yang akan datang.<br />
<br />
Ingat, tidak ada yang abadi di dunia, KECUALI PERUBAHAN ITU SENDIRI. Entah mengapa hukum relativitas Einstein selalu berlaku hingga ke sendi sendi dan aspek kehidupan kita...dan waktu berjalan semakin cepat dalam ujud relativitas.</div>
sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com5tag:blogger.com,1999:blog-8642707907723414666.post-72828653564046287892018-09-01T00:42:00.000-07:002019-03-25T15:38:41.108-07:00CARA MEMBUAT GRADASI WARNA PADA HEADER BLOGGER<div dir="ltr" style="text-align: left;" trbidi="on">Para desainer tema blogger mempunyai gaya dan style dalam mendesain template blogger. Misalnya Mas Sugeng dengan header menu navigasi gradasi warna, ArlinaDesign dengan gradasi animasi. Beberapa trik dapat kita intip melalui inspect elemen, walau beberapa situs berhasil menyembunyikan inspect elemen beberapa jenis browser, namun trik untuk menampilkan inspect elemen semakin bagus. Melalui itu kita dapat mengetahui bagaimana cara mereka mendesain template mereka. Paling tidak kita dapat meniru beberapa style yang kita inginkan.<br /><br /><blockquote class="tr_bq"><div style="text-align: center;"><b> 1. HEADER DENGAN DUA WARNA BERBEDA (Style Pemula)</b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG4eHwLfkJHCZHxMW7WVEC14LWOcBMlZiV9WjqyWQUBqr9yXgGKfQFtjH0JZv-hwJB2uGS03WE9uNjhpVo5s17O0gCVnAo9if2_v1-CW-ZW81NZ3ptsdzbWgMgoHL1LT8AN55X632LHypw/s1600/kontras.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="110" data-original-width="417" height="84" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG4eHwLfkJHCZHxMW7WVEC14LWOcBMlZiV9WjqyWQUBqr9yXgGKfQFtjH0JZv-hwJB2uGS03WE9uNjhpVo5s17O0gCVnAo9if2_v1-CW-ZW81NZ3ptsdzbWgMgoHL1LT8AN55X632LHypw/s320/kontras.jpg" width="320" /></a></div></blockquote>Membuat warna header blog bawaan menjadi dua warna secara sederhana adalah mudah misalnya untuk tema sederhana tinggal masuk ke pengaturan blog pilih TEMA lalu masuk ke "Edit HTML" cari kode dibawah ini:<br /><br /><span style="font-family: "courier new" , "courier" , monospace;">.header-outer {<br /><span style="background-color: #fff2cc;">background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px; _background-image: none;<br />}</span></span><br /><div><br /></div><div>Dengan cara menekan CTRL+F pada sebelah atas kanan akan muncul kotak dialog ketik saja <span style="font-family: "courier new" , "courier" , monospace;">.header-outer { </span>Maka akan muncul kode yang segera dapat kita kenali sebagai untaian kode diatas. Hapus dan ganti kode yang kami sorot dengan warna kuning diatas dan ganti dengan kode yang juga kami sorot dengan warna yang sama di bawah ini:</div><div><br /></div><span style="font-family: "courier new" , "courier" , monospace;">.header-outer {<br /><span style="background-color: #fff2cc;"> background-image: -ms-linear-gradient(left, #ADD8E6 50%, #FFB6C150%);<br /> background-image: -moz-linear-gradient(left, #ADD8E6 50%, #FFB6C1 50%);<br /> background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, #0c8d2a), color-stop(0.5, #0d4fa9));<br /> _background-image: none;<br />}</span></span><br />Lalu Save/Simpan. Selesai.<br /><br /><br /><blockquote class="tr_bq"><div style="text-align: center;"><b>2. HEADER DENGAN WARNA GRADASI TANPA ANIMASI (Style lanjutan)</b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWFSb49TrQMUFnLg2FoDK5aP7Jcm0UDZLKluztY_vHkxClhbWiLju4yyzqMkYTOQ2A4PtdvcYk_uzeFkG5O-WUHp9xQjo6mBwjV989P7um5bwTgI1RnkjO0YjktuKb-5MiyqGlCQIvScq5/s1600/gradasi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="249" data-original-width="768" height="103" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWFSb49TrQMUFnLg2FoDK5aP7Jcm0UDZLKluztY_vHkxClhbWiLju4yyzqMkYTOQ2A4PtdvcYk_uzeFkG5O-WUHp9xQjo6mBwjV989P7um5bwTgI1RnkjO0YjktuKb-5MiyqGlCQIvScq5/s320/gradasi.jpg" width="320" /></a></div></blockquote><div>Akan tetapi dua warna pada header terkadang suka menampilkan pemandangan yang kontras, walaupun warna yang kita pilih berdekatan namun terlihat jelas batas perbedaannya, pada perbedaan warna warna gradasi batas terlihat halus, cara memasangnya sama: Cari kode diatas yakni:</div><div><br /></div><div><span style="font-family: "courier new" , "courier" , monospace;">.header-outer {</span><br /><span style="background-color: #fff2cc; font-family: "courier new" , "courier" , monospace;">background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px; _background-image: none;</span><br /><span style="background-color: #fff2cc; font-family: "courier new" , "courier" , monospace;">}</span></div><div>Hapus bagian bawah yang di sorot kuning keseluruhannya dan ganti dengan kode css linier yang sudah saya modifikasi dibawah ini:</div><div><br /></div><span style="font-family: "courier new" , "courier" , monospace;">background:<span style="background-color: #fff2cc;">#0F466E</span>;<br /> background:-webkit-linear-gradient(right,<span style="background-color: #fff2cc;">#0F466E</span> 0%,<span style="background-color: #fff2cc;">#5093C4</span> 75%);<br /> background:-moz-linear-gradient(right,<span style="background-color: #fff2cc;">#0F466E</span> 0%,<span style="background-color: #fff2cc;">#5093C4</span> 75%);<br /> background:-o-linear-gradient(right,<span style="background-color: #fff2cc;">#0F466E</span> 0%,<span style="background-color: #fff2cc;">#5093C4</span> 75%);<br /> background:-ms-linear-gradient(right,<span style="background-color: #fff2cc;">#0F466E</span> 0%,<span style="background-color: #fff2cc;">#5093C4</span> 75%);<br /> filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5093C4',endColorstr='#0F466E',GradientType=1);<br /> height:100px;</span><br /><div>Silahkan bermain dengan komposisi warna dengan merobah kode warna yang saya sorot warna kuning menurut selera kita masing masing. Kode warna css dapat di telusuri di internet.<br />Header ini sering dipakai oleh mas Sugeng dalam membuat menu navigasinya. Gradasi warna tanpa animasi terutama terdapat tema tema vioMag terbarunya.<br /><br /><blockquote class="tr_bq"><div style="text-align: center;"><b>3. HEADER DENGAN GRADASI WARNA ANIMASI (Style Advance)</b></div><div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPJ7PUACnRvU28M8iDzyT4wuJR-X3gGwslUCTo4Fg67rsCBcJKEvHn8CTKyX0ppuJOfQ1hPxwe61vNgZH3BOM7DX1Yhy3Bff4h2ZSrQSXLzVtz8bCEkCl-4Gck_HFpn-Sl9Ep42XQ6KhDe/s400/unnamed+%25282%2529.gif" /></div></blockquote> Sedangkan untuk membuat gradasi warna dengan efek animasi pada template sederhana bawaan blogger agar supaya mirip desainnya template infinite Arlina kita hanya perlu merobah:<br /><span style="font-family: "courier new" , "courier" , monospace;">.header-outer {</span><br /><div><span style="background-color: #fff2cc; font-family: "courier new" , "courier" , monospace;">background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px; _background-image: none;</span><br /><span style="background-color: #fff2cc; font-family: "courier new" , "courier" , monospace;">}</span></div><div>Hapus bagian bawah yang di sorot kuning keseluruhannya dan ganti css dibawah ini:</div><div><br /></div><span style="font-family: "courier new" , "courier" , monospace;">background: linear-gradient(-50deg, #ee5952, #ea3a7e, #20aadb, #23e0b3);background-size: 400% 400%;-webkit-animation: Gradient 15s ease infinite;-moz-animation: Gradient 15s ease infinite;animation: Gradient 15s ease infinite;} @-webkit-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-moz-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}</span></div><div><span style="font-family: "courier new" , "courier" , monospace;"><br /></span></div><div>Desain dengan header dan Navigasi menu gradasi warna animasi adalah ciri ciri khas tema tema buatan ArlinaDesizn, kami mempelajarinya dari beberapa contoh dan mencobakannya ke tema tema bawaan blogger seperti tema Sederhana, PT.Keren sekali dll. Kebanyakan tema tema itu masih meninggalkan jejak struktur dan elemen elemen penting HTML dari tema tema asli bawaan blogger namun telah di rombak sedemikian rupa. Sama halnya dengan tema tema buatan Gooyabi.<br /><br />Sebagai catatan pada template berbeda yang kami uji sebelumnya kode ini diletakan dibawah kode:</div><div><br /></div><span style="font-family: "courier new" , "courier" , monospace;"><u>#header-wrapper</u> <span style="background-color: #fff2cc;">{background:#fff; max-width: 1000px; margin: 0 auto; position: relative;</span>}</span><br /><div></div><div><span style="font-family: "courier new" , "courier" , monospace;"><br /></span></div><div>Dengan menghapus kode yang di sorot dengan warna kuning dan menggantinya dengan kode diatas. Setiap template memiliki struktur yang sedikit berbeda satu sama lain</div></div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com4tag:blogger.com,1999:blog-8642707907723414666.post-27483469069596971662018-08-31T06:04:00.000-07:002019-03-25T15:38:41.474-07:00MEMBUAT MENU NAVIGASI BERGERAK DENGAN MEMANFAATKAN KODE MARQUEE<div dir="ltr" style="text-align: left;" trbidi="on"><span style="font-family: "georgia" , "times new roman" , serif;">Desain adalah kreativitas dan seorang desainer selayaknya harus bisa menemukan cara memanipulasi tampilan desainnya dengan hal baru dan agar supaya terlihat lain dari yang lain dengan memanfaatkan elemen elemen desain html.</span><br /><span style="font-family: "georgia" , "times new roman" , serif;">Pernah melihat huruf dan untaian kata kata berjalan? Dalam dunia blogger itu dinamakan "MARQUEE" dan marquee ini dapat dengan mudah dibuat dengan menggunakan kode HTML.</span><br /><div class="separator" style="clear: both; text-align: center;"><span style="font-family: "georgia" , "times new roman" , serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsNcPzSXIgqXLalubn9MxXgfam4Q4hg0QUGIquq9xRN4fh2RniaJz1HEBtybNBqHGRqmYx7ap7n9JD41oBQ58LQsYR0kE4LuDGlO6av9JZYkX5BeLyrGtX73BP-DMbGWelknzTmU-dKL9V/s1600/20180831_195325.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1112" data-original-width="1600" height="444" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsNcPzSXIgqXLalubn9MxXgfam4Q4hg0QUGIquq9xRN4fh2RniaJz1HEBtybNBqHGRqmYx7ap7n9JD41oBQ58LQsYR0kE4LuDGlO6av9JZYkX5BeLyrGtX73BP-DMbGWelknzTmU-dKL9V/s640/20180831_195325.jpg" width="640" /></a></span></div><br /><span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><br /><div class="separator" style="clear: both; text-align: center;"></div><span style="font-family: "georgia" , "times new roman" , serif;">Kode dasar marquee:</span><br /><div class="code" style="border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 19px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"><span style="font-family: "georgia" , "times new roman" , serif;"><marquee><span style="border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: cyan; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Teks Berjalan</span></marquee></span></div><marquee style="font-size: 19px;"><span style="font-family: "georgia" , "times new roman" , serif;">Teks Berjalan</span></marquee><br /><div class="code" style="border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-size: 19px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"><span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></div><span style="font-family: "georgia" , "times new roman" , serif;">Dengan hanya memanfaatkan kata kata "teks berjalan" kedalam kode marquee maka teks terlihat berjalan. Kali ini kita akan memanipulasi kode marquee untuk membuat menu navigasi berjalan yang berisi link label pada setiap postingan blogger</span><br /><span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">MEMANFAATKAN LABEL</span><br /><div><span style="font-family: "georgia" , "times new roman" , serif;">Masuk kepengaturan blog (atau dasbor blog) klik Tambahkan widget, lalu pilih label dan SAVE. Ketika label terlihat cari label postingan terbanyak maka kita akan dibawa kepada link postingan dengan label tersebut. Misal jika kita klik label "Blogger" maka yang akan tampil hanyalah postingan terkait blogger, jika klik label Teknologi, maka yang akan muncul hanyalah postingan terkait teknologi. Fungsi label seperti "memfilter" dan mengelompokan postingan yang terkait dan serupa.</span><br /><span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">Sekarang kita kembali ke kode marquee, kami melakukan sedikit manipulasi script dengan memanfaatkan marquee agar menjadi menu navigasi yang berjalan dalam hal ini dapat diletakan dibawah header melalui "lay out" di pengaturan blogger, kami menambahkan widget baru dan memililih menabahkan widget "HTML/javascript" seperti pada gambar:</span><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuRE-688CQFSdaERT0qKsHC2cSIcgwpZcc8JfLQl9Q_DiaqpE_lwc21Y16FPBcm5wxMIoT1n-vSCtiViYbCxbFXbR4uMYFPhdHS5R1VsW1VLAtiVAsIIVz7VJG1aR_oXcCtCoJzdPpTtVo/s1600/20180831_191342.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "georgia" , "times new roman" , serif;"><img border="0" data-original-height="1030" data-original-width="1600" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuRE-688CQFSdaERT0qKsHC2cSIcgwpZcc8JfLQl9Q_DiaqpE_lwc21Y16FPBcm5wxMIoT1n-vSCtiViYbCxbFXbR4uMYFPhdHS5R1VsW1VLAtiVAsIIVz7VJG1aR_oXcCtCoJzdPpTtVo/s400/20180831_191342.jpg" width="400" /></span></a></div><span style="font-family: "georgia" , "times new roman" , serif;">Setelah muncul kotak dialog HTML/Javascript, kami memasukan kode yang telah kami buat untuk membuat menu navigasi melayang di bawah Judul blog seperti gambar dibawah:</span><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTCYQYjL6gaQTSmMZhBeHcrqTY7YVOp7QoodfF1-7Klhd2Lle-KERBSKgrBToXLVQKtzFW65BUBX5ZA2phyphenhyphenmQsmHXT2oIwrF3OCNDNBWJbeBvkYe-DzCeDPMA5EPILCeLscLbEdkaIOJRk/s1600/20180831_191617_rmedited.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "georgia" , "times new roman" , serif;"><img border="0" data-original-height="1185" data-original-width="1294" height="366" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTCYQYjL6gaQTSmMZhBeHcrqTY7YVOp7QoodfF1-7Klhd2Lle-KERBSKgrBToXLVQKtzFW65BUBX5ZA2phyphenhyphenmQsmHXT2oIwrF3OCNDNBWJbeBvkYe-DzCeDPMA5EPILCeLscLbEdkaIOJRk/s400/20180831_191617_rmedited.jpg" width="400" /></span></a></div></div><div><div class="code" style="border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><div style="font-size: 19px;"><span style="font-family: "georgia" , "times new roman" , serif;">Dengan memanfaatkan behavior="alternative" dan menambahkan kode fa fa awsome dan menambahkan link dari label yang telah di copy kita dapat membuat beberapa buah sub menu navigasi yang keren perhatikan kodenya:</span></div><div style="font-size: 19px;"><span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></div><span style="font-size: 19px;"><span style="color: #073763; font-family: "georgia" , "times new roman" , serif;"><marquee behavior="alternate"> <i class="fa fa-heart-o" aria-hidden="true"></i></span></span><br /><span style="font-family: "georgia" , "times new roman" , serif; font-size: 19px;"><span style="color: #073763; font-family: "courier new" , "courier" , monospace;"><a href="<span style="background-color: #fff2cc;">https://editblogtema.blogspot.com/search/label/blogger</span>"><i class="fa fa-rss fa-2x" aria-hidden="true"></span><span style="color: red; font-family: "courier new" , "courier" , monospace;">Blogger</span><span style="color: #073763; font-family: "courier new" , "courier" , monospace;"></i></span></span><br /><span style="font-size: 19px;"><span style="color: #073763; font-family: "georgia" , "times new roman" , serif;"><span class="sr-only"></span><i class="fa fa-heart-o" aria-hidden="true"></i></span></span><br /><span style="font-family: "georgia" , "times new roman" , serif; font-size: 19px;"><span style="color: #073763;"><a href="<span style="background-color: #fff2cc;">https://editblogtema.blogspot.com/search/label/template</span>"><i class="fa fa-paint-brush fa-2x" aria-hidden="true"></span><span style="color: red;">Template</span><span style="color: #073763;"></i><i class="fa fa-heart-o" aria-hidden="true"></i></span></span><br /><span style="font-family: "georgia" , "times new roman" , serif; font-size: 19px;"><span style="color: #073763;"><a href="<span style="background-color: #fff2cc;">https://editblogtema.blogspot.com/p/blog-page_30.html"</span>><i class="fa fa-sitemap fa-2x" aria-hidden="true"></span><span style="color: red;">SiteMap</span><span style="color: #073763;"></i><i class="fa fa-heart-o" aria-hidden="true"></i></span></span><br /><span style="font-family: "georgia" , "times new roman" , serif;"><span style="font-size: 19px;"><span style="color: #073763; font-family: "courier new" , "courier" , monospace;"><br /></span></span><span style="font-size: 19px;"><span style="color: #073763; font-family: "courier new" , "courier" , monospace;"><a href="<span style="background-color: #fff2cc;">https://editblogtema.blogspot.com/search/label/english</span>"><i class="fa fa-language fa-2x" aria-hidden="true"></span><span style="color: red; font-family: "courier new" , "courier" , monospace;">English</span><span style="color: #073763; font-family: "courier new" , "courier" , monospace;"></i><i class="fa fa-heart-o" aria-hidden="true"></i></a></a></a></a></marquee></span></span></span><br /><span style="font-family: "georgia" , "times new roman" , serif;"><span style="font-family: "arial" , monospace;"><span style="font-size: 19px;"><br /></span></span><span style="font-family: "arial" , monospace;">Kita dapat merobah nama menu dan mengganti link yang disorot warna kuning dengan link kita sendiri. Dan juga merubah kode fa fa awsome sehingga ikonnya cocok dengan nama menu blog kita sendiri. Tetapi supaya font awsome dapat berjalan pada template blog bawaan kita harus menambahkan kode pemanggilnya dan meletakannya di atas kode <span style="color: red;"></head> </span>dengan cara masuk ke pengaturan blog dan langsung masuk ke "edit HTML" kodenya adalah:</span></span><br /><span style="font-family: "georgia" , "times new roman" , serif;"><span style="font-family: "arial" , monospace;"><span style="font-size: 19px;"><br /></span></span><span style="color: #274e13; font-family: "courier new" , "courier" , monospace;"><link href='https://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/></span></span><br /><span style="font-family: "georgia" , "times new roman" , serif;"><span style="background-color: #fff9e7; color: #444444; font-size: 14px;"><br /></span><span style="font-family: "arial" , monospace;">Rumus kode marquee kami diatas adalah sebagai berikut:</span></span><br /><span style="font-family: "georgia" , "times new roman" , serif;"><span style="font-family: "arial" , monospace;"><br /></span></span><br /><div class="code" style="border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"><span style="font-family: "georgia" , "times new roman" , serif;"><marquee behavior="alternate"><span style="border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: cyan; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Teks Berjalan memantul</span></marquee></span></div><marquee behavior="alternate"><span style="font-family: "georgia" , "times new roman" , serif;">Teks Berjalan memantul</span></marquee><br /><span style="font-family: "georgia" , "times new roman" , serif;"><marquee behavior="alternate"><br /></marquee><span style="font-family: "arial" , monospace;">Sebagai catatan marquee memiliki 3 sifat atau behaviour:</span></span><br /><ol style="text-align: left;"><li><span style="font-family: "georgia" , "times new roman" , serif;">Scroll : marquee menghilang ketika menabrak sisi kiri (kode default)</span></li><li><span style="font-family: "georgia" , "times new roman" , serif;">Slide : marquee berhenti ketika menabrak sisi kiri</span></li><li><span style="font-family: "georgia" , "times new roman" , serif;">aternate : marquee memantul ketika menabrak sisi</span></li></ol><span style="font-family: "georgia" , "times new roman" , serif;">Marquee yang kami pergunakan adalah alternate, kita tentu saja bebas memilih, selain itu cara kerjanya adalah sama dengan html kita dapat menambah ukuran font, memberi warna dll. </span><br /><span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">Contoh dapat dilihat dari menu navigasi blog ini.</span><br /><br /></div></div></div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com0tag:blogger.com,1999:blog-8642707907723414666.post-409233696919205362018-08-28T01:33:00.000-07:002019-03-25T15:38:41.841-07:00CARA MENGGUNAKAN TEMPLATE EDITBLOGTEMA UNTUK DIPAKAI SENDIRI SECARA GRATIS<div dir="ltr" style="text-align: left;" trbidi="on">Jika kita belum berniat atau mampu membeli tema blogger, sedangkan tema bawaan jika tidak di modifikasi dengan benar akan kelihatan sangat standar. Maka kami memberikan solusinya dengan tema tema buatan kami, baik hasil edit/modifikasi penuh template bawaan hingga tema tema buatan kami sendiri. Semua gratis. Simple, bersih anda tidak perlu kuatir repot membuang script.<br /><br />Tema ini sudah dicoba dipergunakan oleh beberapa teman dari Indonesia, Malaysia, Singapore hingga Australia, Dan sebagian menyarankan kami agar memberikan dukungan teknis pemasangan. Selebihnya Alhamdulillah mereka menyatakan puas terutama karena dukungan teknis yang kami berikan secara inbox.<br /><br />Jadi sebelum menggunakannya kami ingatkan langkah langkah yang harus anda tempuh terlebih dahulu:<br /><blockquote class="tr_bq">1. Mengosongkan Blanko Editorial HTML blogger. Masuk ke pengaturan blog, pilih "Tema" lalu langsung masuk ke opsi "edit HTML" </blockquote><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOPWIriZpgD7boNlVeCoquqOVUiwcUCXP5staNjWVFauxfRTy_LouZ25NmGknvguI2SNTiOUwuBVgRgQF-d8-fgkGtw3jA8mvaKmB1_45bwkfCx-u6jjWBnOnjp9wgUQfIYpo98RoZOotr/s1600/20180828_121938_rmscr.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1200" data-original-width="1600" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOPWIriZpgD7boNlVeCoquqOVUiwcUCXP5staNjWVFauxfRTy_LouZ25NmGknvguI2SNTiOUwuBVgRgQF-d8-fgkGtw3jA8mvaKmB1_45bwkfCx-u6jjWBnOnjp9wgUQfIYpo98RoZOotr/s640/20180828_121938_rmscr.jpg" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Gambar opsi "edit HTML"</td></tr></tbody></table>Akan muncul HTML editor berisi kode kode bawaan blogger seperti pada gambar dibawah ini:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRNN1XoBD5S0TBqwWAmwkKw6jF7hPW_ZnKjcPhlxBXL4w9Gf50kxjZMkWJ3c72xiOLnqhjomPCW4YvDUM-OGPmXragaY0zm3Lh4YYMqfieYekgXDtMdBgvbVnH5aeyoCaLl8XzZV5GU4oX/s1600/20180828_121955_rmscr.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRNN1XoBD5S0TBqwWAmwkKw6jF7hPW_ZnKjcPhlxBXL4w9Gf50kxjZMkWJ3c72xiOLnqhjomPCW4YvDUM-OGPmXragaY0zm3Lh4YYMqfieYekgXDtMdBgvbVnH5aeyoCaLl8XzZV5GU4oX/s640/20180828_121955_rmscr.jpg" width="640" /></a></div><br />Hapus semua kode tersebut dengan cara arahkan kursor mouse tekan dimana saja lalu tekan CTR+A, semua kode akan ter-highlight atau tersorot, maka tinggal tekan 'del' pada keyboard kode akan terhapus semua tinggal blanko edit HTML yang kosong<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3JMD4-9iAmtpMJii8POVXFB7Lei0H3dpPDHS4C1CZq2Iy-_n62U7vHZO4af4MNct3zJEE5oU1TVOEol6IeWAgHldnHTDvgMdXH3VTtA7ponXEw3-8RUfcaRbAHr0JFbhItttHSgYwWG_w/s1600/20180828_122014_rmscr.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3JMD4-9iAmtpMJii8POVXFB7Lei0H3dpPDHS4C1CZq2Iy-_n62U7vHZO4af4MNct3zJEE5oU1TVOEol6IeWAgHldnHTDvgMdXH3VTtA7ponXEw3-8RUfcaRbAHr0JFbhItttHSgYwWG_w/s640/20180828_122014_rmscr.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: left;">2. Langkah selanjutnya adalah masuk ke : <a href="https://www.adedansasa.com/2018/08/update-tema-editblogtema-270818.html" style="background-color: white; font-family: Roboto, Arial, sans-serif;">UPDATE TEMA "EDITBLOGTEMA" 27.08.18</a>.</div><div class="separator" style="clear: both; text-align: left;">Pada bagian bawah artikel terdapat link download tekan dan akan muncul link berisi seluruh kode tema "editBlogTema" kopi semua dan pastekan ke blanko edit HTML yang telah kosong.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">3. Kita dapat melanjutkan pengeditan sampai tema benar benar 100% menjadi milik kita sendiri:</div><div class="separator" style="clear: both; text-align: left;"></div><ul style="text-align: left;"><li>Mengganti Judul blog</li><li>Mengganti link kredit atau footer</li><li>Mengedit Menu Navigasi</li><li>Menambah widget adalah urusan anda.</li></ul><blockquote class="tr_bq">Mengganti Judul Blog</blockquote>Terlebih dahulu save tema yang sudah di isi dengan kode EditTemaBlog, lalu pada pengaturan blog pilih "Tata Letak" lalu pada tajuk pilih opsi HTML/javascript, dan klik edit. Hasilnya akan nampak seperti gambar dibawah ini:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCYddJUPU4HG_0B14Mrq5IiZGRJaVxq271uYov9aE_T-jr17UI5NNCAIj3LVUKLiR6Af3zkPwXIv9-IDlnykJwYZzUe85nRotRyoy9NaYDCWbmu8g9JSj_CbuK-EThmB1C8IV4UghP_WNj/s1600/20180828_150626_rmedited.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1204" data-original-width="1482" height="516" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCYddJUPU4HG_0B14Mrq5IiZGRJaVxq271uYov9aE_T-jr17UI5NNCAIj3LVUKLiR6Af3zkPwXIv9-IDlnykJwYZzUe85nRotRyoy9NaYDCWbmu8g9JSj_CbuK-EThmB1C8IV4UghP_WNj/s640/20180828_150626_rmedited.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: left;">Yang perlu di edit adalah kode yang telah kami buat untuk EditBlogTema berikut seperti nampak pada gambar:</div><div class="separator" style="clear: both; text-align: left;"><br /></div><blockquote class="tr_bq"><center><a href='https://editblogtema.blogspot.com/'><i class="fa fa-edge fa-2x" aria-hidden="false"><span style="background-color: #fff2cc;">dit</span><span style="font-weight:bold;">B</span><span style="background-color: #fff2cc;">logTema</span></i></a></center></blockquote><br /><center>Just dedicated for simple and clean</center>Ganti link warna merah <span style="color: red;">https://editblogtema.blogspot.com/ </span>dengan alamat blog /homepage sendiri. Jika belum tahu harus mengganti dengan apa hapus saja kode ikon fa fa font wara hijau. Lalu ganti tulisan "<span style="background-color: #ffe599;">dit</span>" yang di sorot warna kuning dengan judul blog anda sendiri, hapus <span style="background-color: #ffd966;">logTema </span><span style="background-color: white;">dan robah keterangan judul yang di sorot warna pink dengan motto blog anda sendiri. Save.</span><br /><blockquote class="tr_bq"><span style="background-color: white;">Mengganti kredit footer</span></blockquote>Masuk ke pengaturan blogger pilih Tema dan langsung pilih "edit HTML" ctrl+f jika muncul kotak dialog pencarian tuliskan saja "powered" maka kita akan diarahkan kepada kode dibawah ini:<br /><blockquote class="tr_bq"><center><br /><br/>Copyright &#169; 2017 ~ 2018<br /><a href='http://www.adedansasa.com'>AdelinaSasa </a> |<br />Powered by <a href='http://www.blogger.com/'>Blogger</a></center></blockquote>Ganti link yang disorot warna kuning dengan link blog anda sendiri. Lalu ganti Judul AdelinaSasa yang disorot warna merah muda dengan nama blog anda sendiri. SAVE.<br /><br /><blockquote class="tr_bq">Merobah link navigasi menu </blockquote> Masuk ke pengaturan blogger pilih Tema dan langsung pilih "edit HTML" ctrl+f jika muncul kotak dialog pencarian tuliskan saja "Beranda" maka kita akan diarahkan kepada sekelompok kode dibawah ini (letaknya persis di bawah </header>:<br /><br /><blockquote class="tr_bq"><span style="color: #660000;"><nav id='menutop'></span><span style="color: #660000;"><input type='checkbox'/></span><span style="color: #660000;"><label/></span><span style="color: #660000;"><ul></span><span style="color: #660000;"><li><a href='<span style="background-color: #fff2cc;">https://editblogtema.blogspot.com/'</span>><i aria-hidden='true' class='fa fa-home'/>Beranda</a></li></span><span style="color: #660000;"><li><a href='</span><span style="color: #fff2cc;">your-link</span><span style="color: #660000;">'><i aria-hidden='true' class='fa fa-flask'/><span style="background-color: #cfe2f3;">Sains</span></a></li></span><span style="color: #660000;"><li><a href='<span style="background-color: #fff2cc;">https://editblogtema.blogspot.com/</span>'><i aria-hidden='true' class='fa fa-globe'/><span style="background-color: #cfe2f3;">Teknologi</span></a></li></span><span style="color: #660000;"><li><a href='<span style="background-color: #fff2cc;">your-link</span>'><i aria-hidden='true' class='fa fa-phone'/><span style="background-color: #cfe2f3;">Contact</span></a></li></span><span style="color: #660000;"><li><a href='<span style="background-color: #fff2cc;">https://editblogtema.blogspot.com/p/var-cathomehttpwww.html</span>'><i aria-hidden='true' class='fa fa-sitemap'/><span style="background-color: #cfe2f3;">Daftar Isi:</span></a></li></span><span style="color: #660000;"><li class='sorting-01 facebook'><a href='your-link'><i class='fa fa-facebook fa-lg'/><span class='inv'/></a></li></span><span style="color: #660000;"><li class='sorting-02 twitter'><a href='your-link'><i class='fa fa-twitter fa-lg'/><span class='inv'/></a></li></span><span style="color: #660000;"><li class='sorting-03 googleplus'><a href='your-link'><i class='fa fa-google-plus fa-lg'/><span class='inv'/></a></li></span><span style="color: #660000;"><li class='sorting-06 rss-square'><a href='your-link'><i class='fa fa-rss-square fa-lg'/><span class='inv'/></a></li></span><span style="color: #660000;"><li class='sorting-04 youtube'><a href='your-link'><i class='fa fa-youtube fa-lg'/><span class='inv'/></a></li></span><span style="color: #660000;"></ul></span><span style="color: #660000;"></nav></span></blockquote><span style="color: #660000;"><br /></span>Ganti semua link yang di sorot warna kuning terang diatas dengan link blog atau link yang anda kehendaki. Dan ganti juga Nama navigasi yang di sorot warna biru dengan nama yang di kehendaki, jika sudah selesai SAVE.<br /><blockquote class="tr_bq"> Menambahkan widget</blockquote>Menambahkan widget dapat dilakukan seperti layaknya pada saat menambahkan widget ke dalam tema blogger bawaan. Opsi lanjutan juga bekerja secara default sehingga anda dapat mengganti warna font, warna link, warna header dst.<br /><br />Jangan keliru: Walaupun gratis tema ini premium, sangat responsive dan mobile friendly.</div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com0tag:blogger.com,1999:blog-8642707907723414666.post-5695985928137173842018-08-27T21:26:00.000-07:002019-03-25T15:38:42.206-07:00MEMPERBAIKI ADD NUMBERING DAN ADD BULLETS YANG TIDAK BISA TAMPIL PADA POSTINGAN BLOG<div dir="ltr" style="text-align: left;" trbidi="on">Tulisan ini di posting adalah karena beberapa problem muncul setelah template di buat dan postingan di cobakan atau di publish. Terutama karena hal ini terjadi pada tema EditBlogTEma yang dibuat berdasarkan tema sederhana bawaan blogger.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeqHPcyJIzuXWiLtaKC5yfKNW5Vow4BeHJL0XAVV5FhaUcHzlm3uX87qdwr7TunvfcLhKEi88_WZlTFrlFZ3Uxy8VK3UThC37AXAuWPcK4I83RE5kWLWldTFVQmHRsl_hP3wEuBgU268RM/s1600/20180827_212707.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeqHPcyJIzuXWiLtaKC5yfKNW5Vow4BeHJL0XAVV5FhaUcHzlm3uX87qdwr7TunvfcLhKEi88_WZlTFrlFZ3Uxy8VK3UThC37AXAuWPcK4I83RE5kWLWldTFVQmHRsl_hP3wEuBgU268RM/s400/20180827_212707.jpg" width="400" /></a></div>Problem tersebut muncul karena pada saat menuliskan beberapa item dalam bentuk daftar atau list ternyata tidak terlihat pada postingan padahal sudah di publish ke hadapan pembaca. Ini pasti celah kelemahan tema jadi harus di perbaiki.<br /><br />Ketika menulis pada dasbor blog sepertinya tidak ada yang salah diatas tool "compose" terdapat add numbering dan add bullets dan pada saat dilakukan penulisan dalam bentuk list keduanya berfungsi dengan baik, tapi apa yang terjadi pada saat artikel setelah di publish? Maksud menampilkan daftar atau list tadi hanya menampilkan tulisan berurut seperti tumpukan untaian kata kata tanpa penomoran dan tanda bahwa itu adalah bentuk daftar.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhUS1sEkPk9JmrSsnjFHhSyYkZiRGYcHZYjp0LBWl919AROS6BSrZajVfyRgvGqqL_ZycRUREsnDqAPhViy-QJVuBx_t2sWCarLJrESbf3ja3gWY7i_QojCjAGqis2MkpzkCymcDscqeYy/s1600/20180828_085852.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="488" data-original-width="1600" height="194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhUS1sEkPk9JmrSsnjFHhSyYkZiRGYcHZYjp0LBWl919AROS6BSrZajVfyRgvGqqL_ZycRUREsnDqAPhViy-QJVuBx_t2sWCarLJrESbf3ja3gWY7i_QojCjAGqis2MkpzkCymcDscqeYy/s640/20180828_085852.jpg" width="640" /></a></div>Dan menurut kami semua fungsi dalam penulisan apalagi yang mendasar adalah sangat penting dalam desain, karena ia akan menampilkan bentuk professional dan keseriusan seseorang dalam menulis, dan tentu saja kami tidak akan membiarkan hal itu terjadi pada template buatan atau hasil editan kami.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglmD6zI9j3m4Pr1I2wgXTB6mAB7NjawLbtp8gCMMcH1Zsaz2UB9F_5_1LSe7bMg9etM5R9PV5GsTDNdMnelGGsxzyMcsJXgq5KjlFwv9YbkWVJ13bObKdtjaDYjaiVvWiulPep5Ol4gMU7/s1600/20180828_090355_rmscr.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglmD6zI9j3m4Pr1I2wgXTB6mAB7NjawLbtp8gCMMcH1Zsaz2UB9F_5_1LSe7bMg9etM5R9PV5GsTDNdMnelGGsxzyMcsJXgq5KjlFwv9YbkWVJ13bObKdtjaDYjaiVvWiulPep5Ol4gMU7/s400/20180828_090355_rmscr.jpg" width="400" /></a></div>Pada saat penulisan baik add numbering maupun add bullets nampak berfungsi tapi apa yang terjadi setelah artikel di publish? Yang terjadi adalah fungsi diatas gagal tampil. Hanya seperti untaian kata yang menumpuk:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVrVXMPMdB7pXUbUEH-mdzNkgD69rMx9MXF3_zbkgr2-PDv4lgSXCsTyBgbK1azUsHctycvOFBaX38Fat4dV5V5Zo69zjmBUsx8w0LXu6u-QfQusnpOE35xF7KyHvTzxBF_Jcuy_m25TSl/s1600/20180828_111557.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="988" data-original-width="1600" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVrVXMPMdB7pXUbUEH-mdzNkgD69rMx9MXF3_zbkgr2-PDv4lgSXCsTyBgbK1azUsHctycvOFBaX38Fat4dV5V5Zo69zjmBUsx8w0LXu6u-QfQusnpOE35xF7KyHvTzxBF_Jcuy_m25TSl/s400/20180828_111557.jpg" width="400" /></a></div>Perhatikan bedanya, walaupun kita mungkin mengaggapnya tidak terlalu penting tetapi sesungguhnya hal diatas penting sekali untuk menunjukan bahwa kita adalah penulis yang terstruktur dan sistematis.<br /><br />Cara mengatasi hal diatas jika terjadi pada tema blog kita sebenarnya ada bebarapa cara, dan tergantung tipe dan jenis template juga. Karena perbaikan dikhususkan buat template 'editblogtema' maka kode dibawah ini sudah cukup manjur untuk mengatasi peroblem diatas.<br /><br />ini kodenya:<br /><blockquote class="tr_bq"><span style="color: red;">.post ul,.post ol{margin:20px;margin-top:5px}.post ol li{list-style-type:Decimal;padding-left:1px;margin:5px 0 0 20px}.post ul li{list-style-type:Disc;padding-left:1px;margin:5px 0 0 20px}.widget .post-body ul {padding: 0 1em;margin: 0.5em;line-height: 1.3;}</span></blockquote>Cara pemasangannya adalah: Masuk kepengaturan blog-langsung saja ke opsi "edit HTML" cari kode <span style="color: red;">]]></b:skin></span> untuk mempermudah tekan ctrl+f jika sudah ketemu letakan kode diatas tadi diatasnya <span style="color: red;">]]></b:skin> </span><br />SAVE<br /><br />Demikian cara memperbaiki "bug" editblogtema templat diatas silahkan perbaiki sendiri atau jika ingin mendownload silahkan ikuti link di <a href="https://www.adedansasa.com/2018/08/update-tema-editblogtema-270818.html">ADELINASASA</a>: UPDATE EDITTEMABLOG.<br /><br /></div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com2tag:blogger.com,1999:blog-8642707907723414666.post-31285560895431068512018-08-27T06:52:00.000-07:002019-03-25T15:38:42.567-07:00MEROBAH GAYA DAN UKURAN FONT POSTINGAN BLOG DENGAN OPSI CSS PADA BLOGGER<div dir="ltr" style="text-align: left;" trbidi="on">Mungkin yang kami kemukan hanyalah masalah kecil bagi sebagian teman teman blogger. Akan tetapi baik gaya maupun ukuran font cukup berperan besar pada seni desain sebuah template blog. Bagaimanapun secara mendasar dalam dunia tulis menulis kita menggunakan font dalam penulisan.<br /><br />1. MEROBAH UKURAN DAN GAYA FONT POSTINGAN BLOG<br />Tidak bisa dilewatkan begitu saja dalam hal tampilan maupun ciri ciri khas, font akan terlihat sangat signifikan berperan dalam seni pembuatan sebuah templat blogger. Sama dengan gaya tulisan tangan manusia yang berbeda, atau tanda tangan setiap orang yang tidak sama, di era digital pada zaman kita terhubung ke internet gaya huruf dan ukuran font akan menjadi ciri khas sebuah blogger professional.<br /> Sayangnya opsi merobah langsung melalui Desainer tema blogger kadang tidak berhasil untuk gaya font, lihat gambar:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCKYGvxFtt9_Vq1ePYN6mTLbKE2yjCD4lHB2TTD-kMpxhFGydtpF4nYcnxIuB_EwlqsywQf_zSkBH2F4CRdDeq2_Y8fwGDO3Ux-VCtgLSVlA3znLvjt_kUgxAZkP6HyLAWqvoP26HZb5S6/s1600/20180827_204434_rmedited.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1018" data-original-width="1600" height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCKYGvxFtt9_Vq1ePYN6mTLbKE2yjCD4lHB2TTD-kMpxhFGydtpF4nYcnxIuB_EwlqsywQf_zSkBH2F4CRdDeq2_Y8fwGDO3Ux-VCtgLSVlA3znLvjt_kUgxAZkP6HyLAWqvoP26HZb5S6/s400/20180827_204434_rmedited.jpg" width="400" /></a></div>Maka dari itulah disarankan menggunakan cara yang akan kami jelaskan di bawah ini.<br />Pada blog "editTemaBlog" kami menggunakan kode di bawah ini:<br /><blockquote class="tr_bq"><span style="color: red;">.post-body{font-size:18px; font-family:Neucha;}</span></blockquote><span style="color: red;"> </span>Pertama pada kode tersebut adalah memperlihatkan ukuran font yakni <span style="color: red;">18px</span> selanjutnya menunjukan jenis font pada "editblogtema" yakni f<span style="color: red;">ont-family:Neucha;}</span><br /><br />Cara meletakan kode diatas cukup melalui opsi tema blogger desainer, yakni: Masuk kepengaturan blog - pilih Tema selanjutnya lalu pilih "Sesuaikan"<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieY8ahBtUbiWWUrdOtkdPQYrot2l4rJHfZDy-D7hc9AhbKf77qQn7cihFnr23913chrxxRk_DeoqnsgZZIRFBhakjZC8rhZ92jXuVzoApz2flFLrAgdn11tHVz2mJE_dqxJyjDmPyNWlx3/s1600/20180827_202721_rmedited.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="943" data-original-width="1600" height="376" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieY8ahBtUbiWWUrdOtkdPQYrot2l4rJHfZDy-D7hc9AhbKf77qQn7cihFnr23913chrxxRk_DeoqnsgZZIRFBhakjZC8rhZ92jXuVzoApz2flFLrAgdn11tHVz2mJE_dqxJyjDmPyNWlx3/s640/20180827_202721_rmedited.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div>Selanjutnya akan muncul gambar seperti dibawah ini, dimana kita masuk ke pengaturan blogger desainer:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA9QgZouQ5enKgEc6JXIxBE4dVLmsT2CGbeM6t1XExCtR-egOYjExqCVOf1foWis8USYbLXvQTN6L60vRBd6Staa4eOQY5EblQXp5qg4ov-Zv0SU_dyNRqPk7eG35ALfIAmRUTuVhHBEts/s1600/20180827_202759_rmedited.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1010" data-original-width="1600" height="402" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA9QgZouQ5enKgEc6JXIxBE4dVLmsT2CGbeM6t1XExCtR-egOYjExqCVOf1foWis8USYbLXvQTN6L60vRBd6Staa4eOQY5EblQXp5qg4ov-Zv0SU_dyNRqPk7eG35ALfIAmRUTuVhHBEts/s640/20180827_202759_rmedited.jpg" width="640" /></a></div>Keatas pilih saja opsi lanjutan, dari opsi lanjutan kita akan masuk ke kotak dialog "Tambahkan CSS" maka tambahkan saja kode yang kami tulis diatas dengan cara mengkopi dan pastekan kedalam kotak dialog CSS, lihat gambar:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWWHHBAKeFYVFKwiTTicp08-W7PR3lNY8Pf0rERMr3hvUmNitxVAzLjawuj74aS3yC13SIlCDPt-gmyN5joKAI4wqrjzF7ftCqov3YOlQWgl4i1Gc-i2gtQB7NhGqYy5KTuJwqC7fxI0tv/s1600/20180827_202830_rmedited.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1016" data-original-width="1600" height="406" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWWHHBAKeFYVFKwiTTicp08-W7PR3lNY8Pf0rERMr3hvUmNitxVAzLjawuj74aS3yC13SIlCDPt-gmyN5joKAI4wqrjzF7ftCqov3YOlQWgl4i1Gc-i2gtQB7NhGqYy5KTuJwqC7fxI0tv/s640/20180827_202830_rmedited.jpg" width="640" /></a></div>Kemudian SAVE. Anda dapat merobah 18px menjadi 20px atau 12px dst. Sedangkan untuk gaya huruf anda cukup mencarinya pada gaya font yang sudah tersedia di blogger. Misalnya gaya huruf editblogtema adalah <span style="color: red;"> font-family:Neucha;} </span>Namun kita bisa merobahnya menjadi <span style="color: red;"> font-family:calibri;} </span>atau bahkan menjadi gaya font klasik yang indah, kami menganjurkan pilihan sederhana atau klasik saja.<br /><br />Cara ini untuk sementara efektif jika digunakan pada tema sederhana terkemuka. Lihat pengaruh gaya tulisan terhadap penampilan blog pada blog contoh kami dengan mengunjungi </div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com0tag:blogger.com,1999:blog-8642707907723414666.post-14262903301102564422018-08-26T22:53:00.000-07:002019-03-25T15:38:42.930-07:00CARA MEMBERI NOMOR URUT UNTUK "POPULAR POSTS" BLOGGER<div dir="ltr" style="text-align: left;" trbidi="on">Kalau kita bosan dengan tampilan widget bawaan blog tidak ada salahnya mengedit widget tersebut melalui "edit HTML" Dalam hal ini jika yang ingin kita robah tampilannya adalah widget "popular posts". Kita dapat memberi penomoran dengan label penomoran berwarna seperti contoh popular post milik EditBlog dibawah ini:<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHesUI79QdBgeUsuFZegzla8XHkyvPIIZlC-eKe82KGSdQGHUr2LMoFIDnDsQ5_Jj2i4jDBe-qn4Mr6L4_QqZzKGuwOI1dxQh47IqT8LYZPbSQcuFZL4HcuaqekCj6HNyEQsEaxkCSNpKB/s1600/popularposts.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="677" data-original-width="485" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHesUI79QdBgeUsuFZegzla8XHkyvPIIZlC-eKe82KGSdQGHUr2LMoFIDnDsQ5_Jj2i4jDBe-qn4Mr6L4_QqZzKGuwOI1dxQh47IqT8LYZPbSQcuFZL4HcuaqekCj6HNyEQsEaxkCSNpKB/s400/popularposts.png" width="286" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Gambar popular posts tema editblog</td></tr></tbody></table>Caranya masuk kepengaturan dasbor blogger, pilih tema dan lalu pilih "edit HTML". Cari kode:<br /><blockquote class="tr_bq"> <span style="color: red;">]]></b:skin></span></blockquote>Dan letakan kode dibawah ini tepat diatasnya:<br /><br /><span style="color: #660000;">/*--- TRI Popular Posts --- */<br />.popular-posts ul {<br />padding-left: 0px;<br />counter-reset: popcount;<br />}<br />.popular-posts ul li:before {<br />list-style-type: none;<br />margin-right: 15px;<br />padding: 0.3em 0.6em;<br />counter-increment: popcount;<br />content: counter(popcount);<br />font-size: 16px;<br />background: #FF1493;<br />color: #ffffff;<br />position: relative;<br />font-weight: bold;<br />font-family: georgia;<br />float: left;<br />border: 2px solid #FF1493;<br />box-shadow: 1px 2px 9px #666666; }<br />.popular-posts ul li {<br />border-bottom: 1px dashed #dddddd;<br />}<br />.popular-posts ul li:hover {<br />border-bottom: 1px dashed #696969;<br />}<br />.popular-posts ul li a {<br />text-decoration:none; color:#5A5F63;<br />}<br />.popular-posts ul li a:hover {<br />text-decoration:none;<br /><br />} </span><br /><div><span style="color: #660000;"><br /></span></div><div>Lalu save.</div><div><br /></div><div>Selanjutnya masuk pengaturan blog, pilih lay-out - tambahkan widget - pilih popular posts - save</div><div>Lihat kita telah berhasil memodifikasi tampilan "popular posts" menjadi memiliki nomor urut. Kalau kita ingin merobah warna nomor urut cukup merobah kode warna cssnya (kami beri highligt kuning) silahkan robah sendiri kodenya.</div><div><br /></div><div>font-size: 16px;<br /><span style="background-color: white;">background:</span><span style="background-color: yellow;"> #FF1493</span><span style="background-color: white;">;</span><br />color: #ffffff;<br />position: relative;<br />font-weight: bold;<br />font-family: georgia;<br />float: left;<br /><span style="background-color: white;">border: 2px solid </span><span style="background-color: yellow;">#FF1493</span><span style="background-color: white;">;</span></div><div><span style="background-color: yellow;"><br /></span></div><div><span style="background-color: white;">Tinggal hapus kode warna bawaan pilih dan kopi kode wanra baru yang dapat kita cari di web, lalu pastekan sebagai pengganti kode warna yang telah kita hapus tadi.</span></div><div><span style="background-color: white;"><br /></span></div><div>Atau klik link: <a href="http://www.dianagung.com/blog/kode-warna-css-lengkap">Kode warna css lengkap DianAgung</a></div><div>Trik ini bekerja dengan baik pada tema sederhana blogger</div></div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com4tag:blogger.com,1999:blog-8642707907723414666.post-30951002301388186572018-08-25T19:30:00.000-07:002019-03-25T15:38:43.297-07:007 LANGKAH MEMBUAT TEMPLATE SEDERHANA BAWAAN BLOGGER MENJADI RESPONSIVE DAN MOBILE FRIENDLY (LANJUTAN)<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/AVvXsEjBHF-s1Wpfrv5UCEFFMrbKmgxp7PiQlIqUffUmH8h63p9B6ouD8Tn_ABF7T8CQa_XIra3BU47enU19yQxJlvnBP6y8QCaeVUCAvA42FdesR9FEWjAuR1d55jdn02xkvLsJKt9qt9Z8D3QP/s1600/20180826_092927_rmedited.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="958" data-original-width="1600" height="382" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBHF-s1Wpfrv5UCEFFMrbKmgxp7PiQlIqUffUmH8h63p9B6ouD8Tn_ABF7T8CQa_XIra3BU47enU19yQxJlvnBP6y8QCaeVUCAvA42FdesR9FEWjAuR1d55jdn02xkvLsJKt9qt9Z8D3QP/s640/20180826_092927_rmedited.jpg" width="640" /></a></div>Pada tulisan sebelumnya saya hanya memberikan contoh bagaimana mengubah tampilan template bawaan blogger "sederhana" menjadi :<br /><div><ul style="text-align: left;"><li>Menyembunyikan tampilan navbar</li><li>Membuang gambar obeng atau opsi bawaan "quick edit"</li><li>Membuat read more</li><li>Membuat menu navigasi sederhana yang responsive dan mobile friendly (Pada tampilan desktop/laptop tampil inline, pada tampilan hape atau mobile menu navigasi akan otomatis menjadi menu dropdown.</li><li>Memasang font awsome ke dalam blog</li><li>Menambahkan kode css reset ke dalam setting dengan opsi melalui tambahkan css di menu Desainer Tema Blogge.</li><li>Menambahkan widget back to top.</li></ul><div>Namun perlu diperhatikan langakah lanjutan agar template sederhana tadi menjadi benar benar responsive dan mobile friendly kita dapat melakukan sedikit perombakan struktur template tanpa melanggar aturan kodingnya.</div></div><div><br /></div>1. Cari kode berikut ini, letaknya ada di dalam tag head (pada template sederhana biasanya tepat berada di bawah kode <span style="color: red;"><head></span><br /><div><ol class="linenums" style="color: #666666; font-family: "Roboto Mono", monospace; font-size: 14.4px; margin-bottom: 0px; margin-top: 0px; white-space: pre-wrap;"><li class="L0" style="list-style-type: none; margin: 0px 0px 0.25em; padding: 0px;"><span class="tag" style="color: #77bdff;"><meta</span><span class="pln" style="color: #888888;"> </span><span class="atn" style="color: #dd7700;">expr:content</span><span class="pun" style="color: darkkhaki;">=</span><span class="atv" style="color: #65b042;">'data:blog.isMobile ? &quot;width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0&quot; : &quot;width=1100&quot;'</span><span class="pln" style="color: #888888;"> </span><span class="atn" style="color: #dd7700;">name</span><span class="pun" style="color: darkkhaki;">=</span><span class="atv" style="color: #65b042;">'viewport'</span><span class="tag" style="color: #77bdff;">/></span></li></ol>Jangan ragu, hapus saja dan ganti dengan kode dibawah ini:<br /><br /><ol class="linenums" style="color: #666666; font-family: "Roboto Mono", monospace; font-size: 14.4px; margin-bottom: 0px; margin-top: 0px; white-space: pre-wrap;"><li class="L0" style="list-style-type: none; margin: 0px 0px 0.25em; padding: 0px;"><span class="tag" style="color: #77bdff;"><meta</span><span class="pln" style="color: #888888;"> </span><span class="atn" style="color: #dd7700;">content</span><span class="pun" style="color: darkkhaki;">=</span><span class="atv" style="color: #65b042;">'width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0'</span><span class="pln" style="color: #888888;"> </span><span class="atn" style="color: #dd7700;">name</span><span class="pun" style="color: darkkhaki;">=</span><span class="atv" style="color: #65b042;">'viewport'</span><span class="tag" style="color: #77bdff;">/></span></li></ol><div>2. Di bawah kode <span style="color: red;"><b:template-skin></span> terdapat kode dibawah ini, hapus saja!</div><div><br /><div><ol class="linenums" style="margin-bottom: 0px; margin-top: 0px;"><li class="L0" style="color: #666666; font-family: "Roboto Mono", monospace; font-size: 14.4px; list-style-type: none; margin: 0px 0px 0.25em; padding: 0px; white-space: pre-wrap;"><span class="tag" style="color: #77bdff;"><b:variable</span><span class="pln" style="color: #888888;"> </span><span class="atn" style="color: #dd7700;">default</span><span class="pun" style="color: darkkhaki;">=</span><span class="atv" style="color: #65b042;">'960px'</span><span class="pln" style="color: #888888;"> </span><span class="atn" style="color: #dd7700;">name</span><span class="pun" style="color: darkkhaki;">=</span><span class="atv" style="color: #65b042;">'content.width'</span><span class="pln" style="color: #888888;"> </span><span class="atn" style="color: #dd7700;">type</span><span class="pun" style="color: darkkhaki;">=</span><span class="atv" style="color: #65b042;">'length'</span><span class="pln" style="color: #888888;"> </span><span class="atn" style="color: #dd7700;">value</span><span class="pun" style="color: darkkhaki;">=</span><span class="atv" style="color: #65b042;">'960px'</span><span class="tag" style="color: #77bdff;">/></span></li><b:variable default='0' name='main.column.left.width' type='length' value='0px'/> <li class="L2" style="color: #666666; font-family: "Roboto Mono", monospace; font-size: 14.4px; list-style-type: none; margin: 0px 0px 0.25em; padding: 0px; white-space: pre-wrap;"><span class="tag" style="color: #77bdff;"><b:variable</span><span class="pln" style="color: #888888;"> </span><span class="atn" style="color: #dd7700;">default</span><span class="pun" style="color: darkkhaki;">=</span><span class="atv" style="color: #65b042;">'310px'</span><span class="pln" style="color: #888888;"> </span><span class="atn" style="color: #dd7700;">name</span><span class="pun" style="color: darkkhaki;">=</span><span class="atv" style="color: #65b042;">'main.column.right.width'</span><span class="pln" style="color: #888888;"> </span><span class="atn" style="color: #dd7700;">type</span><span class="pun" style="color: darkkhaki;">=</span><span class="atv" style="color: #65b042;">'length'</span><span class="pln" style="color: #888888;"> </span><span class="atn" style="color: #dd7700;">value</span><span class="pun" style="color: darkkhaki;">=</span><span class="atv" style="color: #65b042;">'310px'</span><span class="tag" style="color: #77bdff;">/></span></li></ol>Setelah kedua langkah diatas dilakukan, template akan menjadi lebih user friendly, akan tetapi sidebar pada tampilan desktop/laptop dan layar ukuran 8 inchi katas lenyap! Akan tetapi dengan perubahan ini template tidak perlu lagi memilih opsi mobile pada pengaturan, template secara otomatis dapat menyesuaikan diri baik untuk web/desktop, maupun hape/mobile.</div><div><br /></div><div>Untuk mengembalikannya dengan gaya yang sangat berbeda dan lebih responsive kita dapat melakukan langkah berikut:</div></div></div><div><br /></div><div>3.1. Sidebar kanan:</div><div>Cari kode berikut ini letaknya di dalam atau dibawah kode <span style="color: red;"><b:template-skin></span> kita akan kesulitan mengenalinya tapi teliti saja abaikan sedikit perbedaannya.</div><blockquote class="tr_bq"><span style="color: #660000;">body {</span><br /><span style="color: #660000;">min-width: $(content.width);</span><br /><span style="color: #660000;">}</span><br /><span style="color: #660000;">.main-inner .column-right-outer {</span><br /><span style="color: #660000;">width: $(main.column.right.width);</span><br /><span style="color: #660000;">margin-right: -$(main.column.right.width);</span><br /><span style="color: #660000;">}</span></blockquote>Jika kita ragu merobahnya, hapus dan ganti saja kode diatas dan langsung diganri dengan kode yang sudah jadi dibawah ini:<br /><blockquote class="tr_bq"><span style="color: #660000;">body {</span><br /><span style="color: #660000;">width: 1100px;</span><br /><span style="color: #660000;">margin:0 auto;</span><br /><span style="color: #660000;">min-width: $(content.width);</span><br /><span style="color: #660000;">}</span><br /><span style="color: #660000;">.main-inner .column-right-outer {</span><br /><span style="color: #660000;">width: 30%;</span><br /><span style="color: #660000;">float: right;</span><br /><span style="color: #660000;">margin-right: -$(main.column.right.width);</span><br /><span style="color: #660000;">}</span></blockquote> 4. Tambahkan kode dibawah dibawah kode diatas:<br /><blockquote class="tr_bq"><span style="color: #660000;">main-inner .column-center-outer{</span><br /><span style="color: #660000;">float: left;</span><br /><span style="color: #660000;">width:65%;</span><br /><span style="color: #660000;">}</span></blockquote>Catatan: width:65% bisa kita robah tapi jangan sampai 100% karena mempengaruhi tampilan margin tulisan postingan.<br /><br />5. Tambahkan separator css dibawah ini ke atas <span style="color: red;">]]></:skin>:</span><br /><blockquote class="tr_bq"><span style="color: #660000;">.separator a{margin-left:0px!important;margin-right:0px!important;}</span><br /><span style="color: #660000;">.post img{max-width:100%;height:auto;}</span></blockquote>6. Terakhir untuk merombak total tampilan template "Sederhana" bawaan blogger ini adalah dengan menambahkan kode css dibawah ini dan meletakannya kembali tepat di atas <span style="color: red;">]]></:skin>:</span><br /><blockquote class="tr_bq"><span style="color: #660000;">/*Responsive*/</span><br /><span style="color: #660000;">@media screen and (max-width:1024px){</span><br /><span style="color: #660000;">body{width:100%!important;padding:0;}</span><br /><span style="color: #660000;">.content-inner{overflow: hidden;}</span><br /><span style="color: #660000;">}</span><br /><span style="color: #660000;">@media screen and (max-width:768px){</span><br /><span style="color: #660000;">.main-inner .column-center-outer, .main-inner .column-right-outer{float:none;width:100%!important;}</span><br /><span style="color: #660000;">.footer-inner, .main-inner .column-center-inner, .main-inner .column-right-inner{padding:0;}</span><br /><span style="color: #660000;">.Header h1{font-size:30px;text-align:center;}</span><br /><span style="color: #660000;">.Header .description{font-size:14px;text-align:center;}</span><br /><span style="color: #660000;">}</span><br /><span style="color: #660000;">@media screen and (max-width:414px){</span><br /><span style="color: #660000;">.footer-inner .section, .main-inner .column-center-inner .section, .main-inner .column-right-inner .section {margin:10px;}</span><br /><span style="color: #660000;">}</span><br /><span style="color: #660000;">@media screen and (max-width:320px){</span><br /><span style="color: #660000;">.fauxcolumn-right-outer .fauxcolumn-inner{border-left:none;}</span><br /><span style="color: #660000;">.fauxcolumn-left-outer .fauxcolumn-inner{border-right:none;}</span><br /><span style="color: #660000;">.footer-inner .section, .main-inner .column-center-inner .section, .main-inner .column-right-inner .section{margin:0;}</span><br /><span style="color: #660000;">}</span></blockquote>Setiap tema memiliki struktur berbeda, langkah langkah diatas hanya berlaku buat tema sederhana. Kami akan membuat tutorial untuk merobah tampilan dan merombak struktur tema tema bawaan blogger yang lain pada episode selanjutnya. Hanya di editblogtema.<br /><br />7. Dengan mengikuti langkah yang di sampaikan diatas setiap tampilan widget pada opsi desktop/laptop dapat tampil pada hape/mobile. Jika widget yang yang kita inginkan ternyata tidak tampil pada hape/mobile kita dapat melakukan langkah berikut: Masuk ke pengaturan dan langsung ke opsi "edit HTML"<br /><br />gunakan ctrl+f cari widget yang kita inginkan misalnya "popular posts" jika sudah ketemu kdoe seperti dibawah:<br /><blockquote class="tr_bq"><span style="color: #660000;"><b:widget id='PopularPosts1' locked='false' mobile='yes' title='popular post'</span></blockquote>Tambahkan saja <span style="color: red;">mobile="yes"</span> diantara l<span style="color: red;">ocked="false/true"</span> dengan <span style="color: red;">title=....</span>Mudah sekali, bukan?<br />LIHAT <a href="https://adelinasasa.blogspot.com/">DEMO</a></div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com2tag:blogger.com,1999:blog-8642707907723414666.post-53314818771900415522018-08-25T07:50:00.000-07:002019-03-25T15:38:43.667-07:007 LANGKAH MENJADIKAN TEMA SEDERHANA BAWAAN BLOGGER MENJADI PREMIUM<div dir="ltr" style="text-align: left;" trbidi="on">1. <b>Menyembunyikan Navbar.</b> Pertama masuk ke - Dasbor blog - Tataletak-lalu pilih navbar - buka konfigurasi lalu pilih opsi: OFF.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiut98j3ESeeI5UKKLjHg9FAzFEhb993PFu4kmbRgOac_uSCFBiznni0dFo5GWMdHZEFEfFrfIeKix2SPBi6onipqTy6M6A5r_jyudUbnD8oMEz4i1j5dyK7NLSKvJnDet-uUaFrGVGt4Ch/s1600/20180825_202127_rmedited.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1302" data-original-width="1321" height="393" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiut98j3ESeeI5UKKLjHg9FAzFEhb993PFu4kmbRgOac_uSCFBiznni0dFo5GWMdHZEFEfFrfIeKix2SPBi6onipqTy6M6A5r_jyudUbnD8oMEz4i1j5dyK7NLSKvJnDet-uUaFrGVGt4Ch/s400/20180825_202127_rmedited.jpg" width="400" /></a></div>2. <b>Buang gambar obeng atau "quick edit</b>" pada templat. Masuk ke menu pengaturan langsung saja pilih opsi "edit HTML" tekan ctrl+F pada kotak pencarian pastekan kode dibawah ini:<br /><pre class="prettyprint prettyprinted" style="background: rgb(245, 245, 245); border: 1px solid rgb(136, 136, 136); box-sizing: border-box; color: #5a5a5a; font-family: monospace, monospace; font-size: 13px; overflow: auto; padding: 2px; text-align: center;"><code style="box-sizing: border-box; color: #888888; font-family: monospace, monospace; font-size: 1em;"><span class="tag" style="box-sizing: border-box; color: #000088;"><b:include</span><span class="pln" style="box-sizing: border-box; color: black;"> </span><span class="atn" style="box-sizing: border-box; color: #660066;">name</span><span class="pun" style="box-sizing: border-box; color: #666600;">=</span><span class="atv" style="box-sizing: border-box; color: #008800;">'quickedit'</span><span class="tag" style="box-sizing: border-box; color: #000088;">/></span></code></pre>Pada tema sederhana akan terjadi hal ini, dimana lambang obeng itu jumlahnya ada beberapa buah sesuai dengan jumlah widget yang terpasang pada tema. Misalnya popular posts, feature, bahkan atribusi. Pokoknya hapus saja semua dengan menekan enter berkali kali pada kotak pencarian. Itu hanya sebagai pedoman bagi blogger pemula untuk mengedit widget mereka, tapi merusak penampilan bagi blogger yang sudah terbiasa ngeblog karena tampak "menganggu, dan tidak profesional".<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_mYjnk3T6h9-sMwihU0kELgHwo8SVbPe4kouEy60e2xF-WerTjF0bcZUU0ZQO4fJFhab5CCYs0PBH9w5hF-0m7EbX9Em0u_2Z9DQkoa_yt-B499gi84ihAMelIAn-49-7IGpCFkBCSwPG/s1600/preferences-system.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1600" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_mYjnk3T6h9-sMwihU0kELgHwo8SVbPe4kouEy60e2xF-WerTjF0bcZUU0ZQO4fJFhab5CCYs0PBH9w5hF-0m7EbX9Em0u_2Z9DQkoa_yt-B499gi84ihAMelIAn-49-7IGpCFkBCSwPG/s200/preferences-system.png" width="200" /></a></div><div class="separator" style="clear: both; text-align: left;">3.<b> Buat Read more </b>dengan gambar dan snippet (rangkaian kata kata) pada homepage blogger. Homepage adalah tampilan awal atau halaman awal sebuah blog. Tema bawaan sederhana tidak memiliki read more, tema blog secara default menampilkan artikel apa adanya.</div><div class="separator" style="clear: both; text-align: left;">Masuk ke pengaturan blogger langsung saja ke "edit HTML" cari kode: <span style="color: red;"></head></span></div><div class="separator" style="clear: both; text-align: left;">lalu letakan kode dibawah ini diatasnya:</div><span style="color: #073763; font-family: "courier new" , "courier" , monospace;"><script type='text/javascript'> var thumbnail_mode = &quot;float&quot; ; summary_noimg = 150; summary_img = 150; img_thumb_height = 80; img_thumb_width = 120; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c}; //]]> </script></span><br /><br />Selanjutnya cari kode <span style="color: red;"><data:post.body/></span> pilih yang ke-2 kemudian hapus kode tersebut dan ganti dengan kode dibawah ini:<br /><br /><span style="font-family: "courier new" , "courier" , monospace;"><b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:left'> <a expr:href='data:post.url'><b>Readmore</b> &#8594; <data:post.title/></a></span> </b:if></b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/> </b:if> <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if></span><br /><div><span style="font-family: "courier new" , "courier" , monospace;"><br /></span>Preview dulu menggunakan tool HTML editor, jika tidak ada error SAVE.<br />Sampai disini homepage tema sederhana sudah berubah, namun kita masih membutuhkan menu navigasi yang sederhana, responsive dan ringan.<br /><br />4. <b>Membuat Menu navigasi responsive.</b> Menu responsive dapat menyesuaikan diri baik ketika tampil di desktop maupun pada saat tampil di hape. Kita langsung saja:<br />Masuk ke pengaturan blogger langsung saja ke menu "edit HTML" cari kode : <span style="color: red;"><br /><div class='header-wrapper'>. </span>Pada tema sederhana kode tersebut tidak terlihat walaupun kita telah mengexpand semua kode dalam html editor. Jadi cukup letakan saja kode di bawah ini di atas atau dibawah kode <span style="color: red;"></header> </span><br /><br /><span style="font-family: "courier new" , "courier" , monospace;"><nav id='menutop'><input type='checkbox'/><br /><label/><br /><ul><br /><li><a href='your-link'>About</a></li> <br /><li><a href='your-link'>Contact</a></li><br /><li><a href='your-link'>Sitemap</a></li><br /><li class='sorting-01 facebook'><a href='your-link'><i class='fa fa-facebook fa-lg'/><span class='inv'/></a></li><br /><li class='sorting-02 twitter'><a href='your-link'><i class='fa fa-twitter fa-lg'/><span class='inv'/></a></li><br /><li class='sorting-03 googleplus'><a href='your-link'><i class='fa fa-google-plus fa-lg'/><span class='inv'/></a></li><br /><li class='sorting-06 rss-square'><a href='your-link'><i class='fa fa-rss-square fa-lg'/><span class='inv'/></a></li><br /><li class='sorting-04 youtube'><a href='your-link'><i class='fa fa-youtube fa-lg'/><span class='inv'/></a></li><br /></ul><br /></nav></span></div><div><br />Kita dapat merobah nama dan link menu sesuai dengan misi blog, perhatikan kode yang saya tandai warna merah di dalam kode diatas.<br /><br />Dan lalu kemudian letakan kode css di bawah ini di atas kode <span style="color: red;"></head></span>:<br /><br /><span style="font-family: "courier new" , "courier" , monospace;"><style><br />#menutop{width:100%;margin:0 auto;height:40px;background:#fff;border-bottom:1px solid #e9e9e9;}<br />#menutop ul,#menutop li{margin:0;padding:0;list-style:none;}<br />#menutop ul{height:40px}<br />#menutop li{float:left;display:inline;position:relative;font-family:&#39;trebuchet MS&#39;;font-size:13px;<br />font-weight:bold;}<br />#menutop a{display:block;line-height:40px;padding:0 14px;text-decoration:none;color:#919392;}<br />#menutop ul li:hover a{color:#666;}<br />#menutop input{display:none;margin:0 0;padding:0 0;width:100%;height:40px;opacity:0;cursor:pointer}<br />#menutop label{font-family:&#39;trebuchet MS&#39;;font-size:30px;font-weight:400;display:none;width:35px;height:40px;line-height:45px;text-align:center;}<br />#menutop label span{font-size:13px;position:absolute;left:35px}<br />#menutop ul li ul{height:auto;overflow:hidden;position:absolute;z-index:99;color:#919392}<br />#menutop ul li ul li a{color:#919392;height:40px;line-height:40px;background:#fff;width:100%;}<br />#menutop ul.menux{visibility:hidden;opacity:0;height:auto;overflow:hidden;background:#fff;position:absolute;z-index:99;color:#919392;box-shadow: 0px 2px 3px rgba(0,0,0,0.1);top:10px;transition:all 0.3s ease-in-out;}<br />#menutop li:hover &gt; ul.menux{visibility:visible;opacity:1;top:45px;}<br />#menutop a.dutt{padding:0 27px 0 14px}<br />#menutop a.dutt::after{content:&quot;\f0d7&quot;;font-family:FontAwesome;margin:0 auto;width:10px;height:10px;line-height:45px;position:absolute;top:0;right:10px;}<br />#menutop a.dutt:hover::after,#menutop ul li:hover a.dutt::after{content:&quot;\f0d7&quot;;font-family:FontAwesome;margin:0 auto;width:10px;height:10px;line-height:45px;position:absolute;top:0;right:10px;}<br />#menutop ul.menux li a{background:#fff;color:#919392;}<br />#menutop ul li ul li a:hover{background:#fcfcfc;color:#8493a0;}<br />#menutop li.facebook {padding:0 5px;}<br />#menutop li.rss-square,#menutop li.facebook,#menutop li.twitter,#menutop li.youtube,#menutop li.googleplus,#menutop li.linkedin{background:#fff;text-align:center;color:#666;float:right;transition:all 0.2s ease-in-out;}<br />#menutop li a.rss-square:hover,#menutop li a.facebook:hover,#menutop li a.twitter:hover,#menutop li a.youtube:hover,#menutop li a.googleplus:hover,#menutop li a.linkedin:hover{color:#8493a0;}<br />#menutop li.rss-square .fa.fa-rss-square,#menutop li.facebook .fa.fa-facebook,#menutop li.twitter .fa.fa-twitter,#menutop li.youtube .fa.fa-youtube,#menutop li.googleplus .fa.fa-google-plus,#menutop li.linkedin .fa.fa-linkedin{color:#919392;transition:all 0.2s ease-in-out;}<br />#menutop li.rss-square:hover,#menutop li.facebook:hover,#menutop li.twitter:hover,#menutop li.youtube:hover,<br />#menutop li.googleplus:hover,#menutop li.linkedin:hover{background:#fcfcfc;color:#8493a0;}<br /><br />#menutop li.rss-square:hover .fa.fa-rss-square{color:#CC6600}<br /><br />#menutop li.facebook:hover .fa.fa-facebook{color:#000099}<br /><br />#menutop li.twitter:hover .fa.fa-twitter{color:#0099FF}<br /><br />#menutop li.youtube:hover .fa.fa-youtube{color:#B00000}<br /><br />#menutop li.googleplus:hover .fa.fa-google-plus{color:#990000}<br /><br />#menutop li.linkedin:hover .fa.fa-linkedin{color:#0066FF}<br /><br />@media screen and (max-width:960px) {<br /><br />#menutop li:hover &gt; ul.menux{display:block;}<br /><br />#menutop ul{border:none;border-bottom:4px solid #e9e9e9;}<br /><br />#menutop{position:relative;border:none;border-bottom:4px solid #e9e9e9;}<br /><br />#menutop ul{background:#fff;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none;}<br /><br />#menutop ul.menux{width:100%;position:static;border:none}<br /><br />#menutop li{display:block;float:none;width:auto;text-align:left}<br /><br />#menutop li a{color:#666}<br /><br />#menutop li a:hover{background:#f1f1f1;color:#f9f9f9}<br /><br />#menutop li:hover{background:#8493a0;color:#fff;}<br /><br />#menutop a.dutt{font-weight: bold;}<br /><br />#menutop li:hover &gt; a.dutt,#menutop a.dutt:hover{background:#b1b1b1;color:#fff;}<br /><br />#menutop input,#menutop label{display:inline-block;position:absolute;right:0;top:0;}<br /><br />#menutop input:after,#menutop label:after {content:&quot;\f0c9&quot;;font-family:FontAwesome;<br /><br />font-style:normal;font-weight:normal;text-decoration:none;font-size:30px;color:#666;<br /><br />display:inline-block;position:absolute;right:15px;top:25%;line-height:30px;}<br /><br />#menutop input{z-index:4;}<br /><br />#menutop input:checked + label{color:#fff;font-weight:700}<br /><br />#menutop input:checked ~ ul{display:block}<br /><br />#menutop ul li ul li a{width:100%;color:#666;}<br /><br />#menutop ul li ul li a:hover{background:#8493a0;color:#fff;}<br /><br />#menutop ul.menux a{background:#fff;color:#666;}<br /><br />#menutop ul.menux a:hover{background:#8493a0;color:#fff;}<br /><br />#menutop ul.menux li{background:#fff;color:#666;}<br /><br />#menutop ul.menux li:hover{background:#8493a0;color:#fff;}<br /><br />#menutop ul.menux li a{background:#fff;color:#666;}<br /><br />#menutop ul.menux li a:hover{background:#f1f1f1;color:#8493a0;}<br /><br /></style></span></div><div><br />Kemudian tambahkan juga kode dibawah ini dibawah kode diatas atau masih diatas kode <span style="color: red;"></head> </span>:<br /><br /><span style="font-family: "courier new" , "courier" , monospace;"><script type='text/javascript'><br />//<![CDATA[<br />var cb=function(){var e=document.createElement('link');<br />e.rel='stylesheet',e.href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css';<br />var t=document.getElementsByTagName('head')[0];<br />t.parentNode.insertBefore(e,t)},raf=requestAnimationFrame||mozRequestAnimationFrame||webkitRequestAnimationFrame||msRequestAnimationFrame;raf?raf(cb):window.addEventListener('load',cb);<br />//]]></script></span></div><div><br />Kita bisa mengujinya terlebih dahulu, jika tidak ada terdapat error, SAVE.<br />lihat tampilan menunya:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJgGaLMT4CKszFvX00DzQJiIcemeNOIPE67e5mCidvxUBhvUUwEQ0tm4YCXjvBSitxcRUwek6hmiQSieTryaUNsySNxQAti43ucIW25okMcxLr8HJyBJu5uCdKErzojbjYmB4isUpCby0d/s1600/20180825_211141.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1033" data-original-width="1600" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJgGaLMT4CKszFvX00DzQJiIcemeNOIPE67e5mCidvxUBhvUUwEQ0tm4YCXjvBSitxcRUwek6hmiQSieTryaUNsySNxQAti43ucIW25okMcxLr8HJyBJu5uCdKErzojbjYmB4isUpCby0d/s400/20180825_211141.jpg" width="400" /></a></div>5. <b>Menambahkan atau memasang font awsome kedalam blog.</b> Font awsome sangat penting untuk membuat tampilan template blog menjadi premium, keindahannya di manfaatkan oleh para desainer terkemuka di atas planet ini. Kita langsung saja.<br />Masuk ke pengaturan dan kembali pilih opsi "edit HTML"<br />Kopi-paste kode dibawah dan letakan di atas kode <span style="color: red;"></body></span><br /><span style="color: red;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><link href='https://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/></span></div><div><span style="font-family: "courier new" , "courier" , monospace;"><br /></span>Kode ini nantinya akan memanggil font berikut ikon ikon cantik yang ingin kita pergunakan lebih jauh perihal font awsome ini akan kita bahas secara terpisah.<br /><br />6. <b>Menambahkan kode css reset.</b> Kode ini berguna untuk menghilangkan tampilan bawaan browser, kadang browser mampu merobah tampilan blog yang telah didesain menjadi tampilan simple yang tentu saja "jelek" dari segi estiteka walaupun sedikit mempercepat loading. Saya menyarankan anda masuk ke pengaturan - pilih tema - dan ambil opsi "sesuaikan". lihat gambar:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH7TwlVeI0atF5TKVb1Bfr_WdKXeiL2IBhe8SMmEa_yeeizGrjT_zBdvrlmAEsHwvsMEyCpRbEd6pEY_Shc7nSpjMWAovgVuZ5a_C_It83aiiHM_jtgD8eRmH54cPSPOR_6X6-2gPvcoRU/s1600/20180825_212333_rmedited.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1009" data-original-width="1600" height="251" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH7TwlVeI0atF5TKVb1Bfr_WdKXeiL2IBhe8SMmEa_yeeizGrjT_zBdvrlmAEsHwvsMEyCpRbEd6pEY_Shc7nSpjMWAovgVuZ5a_C_It83aiiHM_jtgD8eRmH54cPSPOR_6X6-2gPvcoRU/s400/20180825_212333_rmedited.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: left;">Dari sana kita akan dibawa kepada opsi "Desainer Tema Blogger - pilih Lanjutan - scroll hingga kepada opsi atau pilihan tool paling bawah yang bertuliskan "Tambahkan CSS" lalu kopi-pastekan kode css reset dibawah ini kedalam kotak perintahnya dan jika sudah selesai jangan lupa SAVE.</div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: #fefaf5; color: #880000; font-family: "consolas" , "andale mono" , "courier new" , monospace , sans-serif; font-size: 15.884px; white-space: pre-wrap;">/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }</span></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: #fefaf5; color: #880000; font-family: "consolas" , "andale mono" , "courier new" , monospace , sans-serif; font-size: 15.884px; white-space: pre-wrap;"><br /></span></div>Catatan: Kode css diatas saya kopi dari kode cssnya Meyer yang terkenal dan tentunya gratis alias dapat dipergunakan secara bebas. Kode ini sangat berguna dan paling sering saya pakai pada saat mendesain atau me-redesain template BLOGGER.<br /><div><br /></div><div>7<b>. Menambahkan widget back to top ke dalam tema blog. </b>Back to top sebenarnya memiliki banyak jenis, nah disinilah pentingnya font awsome yang dapat kita manfaatkan untuk merubah ikon back to top. Tapi dalam kesempatan ini kita hanya akan menggunakan back to top sederhana dan ringan yang banyak dipergunakan oleh para blogger dengan template premium.</div><div><br /></div><div>Langkah pertama: Masuk kepengaturan bloggger dan langsung saja ke opsi "edit HTML" lalu kopi-paste kode dibawah ini dan letakan diatas <span style="color: red;">]]></b:skin></span><br /><br /><span style="font-family: "courier new" , "courier" , monospace;">#back-to-top{background:#E73037;color:#ffffff;padding:8px 10px;font-size:24px}<br />.back-to-top{position:fixed!important;position:absolute;bottom:20px;right:20px;z-index:999}</span></div><div><br />Langkah kedua kopi-paste kode dibawah ini dan letakan diatas kode </head><br /><br /><span style="font-family: "courier new" , "courier" , monospace;"><script><br />//<![CDATA[<br />function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }<br />loadCSS("//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");<br />//]]><br /></script></span></div><div><br />Langkah ketiga, kopi-paste kode dibawah ini dan letakan diatas kode <span style="color: red;"></body>:</span><br /><br /><span style="font-family: "courier new" , "courier" , monospace;"><div class='back-to-top'><a href='#' id='back-to-top' title='back to top'><br /><i class='fa fa-chevron-up'/> </a></div><br /><script> $(window).scroll(function() { if($(this).scrollTop() &gt; 200) { $(&#39;#back-to-top&#39;).fadeIn(); } else { $(&#39;#back-to-top&#39;).fadeOut(); } }); $(&#39;#back-to-top&#39;).hide().click(function() { $(&#39;html, body&#39;).animate({scrollTop:0}, 1000); return false; }); </script></span></div><div><br /></div><div>Jangan lupa SAVE.<br /><br />Tambahan: Langkah selanjutnya kita bisa merubah atribusi blog pada footer, misalnya merubah tampilan "powered by blogger" agar lebih enak dibaca.<br /><br />Contoh Tema blog yang telah di edit silahkan kunjungi: <a href="https://adelinasasa.blogspot.com/">SITE ALTERNATIVE</a><br />Yang berminat juga boleh mendapatkannya secara cuma cuma dengan mengirimkan email kepada kami. Setelah di edit apakah anda masih mengenalnya sebagai template sederhana?<br /><br />Gambar tema sederhana yang kami jadikan pilihan pengeditan:<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHZ86vgCjUYMaRG0mkj4hJX_F1zEyPmF76BlS31fbxMwd9Ml0YZ5YLYftw52FLlWi4NAsxbRBitnSwB2TaKVjT4VOQTDUCctP6d2J9vPRj4Ss-ZpAv0Zo9k1fqo9rhvSJ9yR-s1FKIe8wg/s1600/20180825_220210_rmedited.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="943" data-original-width="1600" height="376" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHZ86vgCjUYMaRG0mkj4hJX_F1zEyPmF76BlS31fbxMwd9Ml0YZ5YLYftw52FLlWi4NAsxbRBitnSwB2TaKVjT4VOQTDUCctP6d2J9vPRj4Ss-ZpAv0Zo9k1fqo9rhvSJ9yR-s1FKIe8wg/s640/20180825_220210_rmedited.jpg" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">tema sederhana</td></tr></tbody></table><br /></div></div></div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com7tag:blogger.com,1999:blog-8642707907723414666.post-48970260289066034212018-08-23T07:05:00.000-07:002019-03-25T15:38:44.038-07:00MARI MENGEDIT TEMPLATE BLOGGER: bag 1: tema "TERKEMUKA"<div dir="ltr" style="text-align: left;" trbidi="on">Edit Blog terinsipirasi dari seorang pelajar SMA yang minta tolong di ajarkan mengedit blog tanpa latar pengatahuan koding. Karena mengedit tema (atau template) sangat berbeda dengan membuat sebuah template. Kesamaannya hanyalah pada dasar dari template yang kita pergunakan: Sama sama didesain berdasarkan platform blogger, sama kodenya, sama tujuan pemakaiannya. Hanya pada selebihnya desainer bermain dengan template dengan nilai estetika, rekayasa kecepatan dan nilai lebih SEO. Maka saya pribadi beranggapan mengedit tema hanya sedikit membutuhkan pengetahuan koding.<br /><div><br /></div><div>Pada perkenalan pertama blog ini akan memberikan contoh beberapa template yang telah di edit, atau bahkan di re-desain ulang tanpa meninggalkan ciri ciri khas asli bawaannya.</div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8ytGbvbd8JPOkAEy7izqRfIMKkADbqCo-iBxZjzorzYYWY_9teVw9ZegQkWWqufWuT5khM37E6p-SGmwL7AARQrlrteQTmMJvYKOfi5UspB1AVWD0SZjPg8M9mhhT61_uANEogeXfODQ7/s1600/20180823_203647.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="698" data-original-width="1600" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8ytGbvbd8JPOkAEy7izqRfIMKkADbqCo-iBxZjzorzYYWY_9teVw9ZegQkWWqufWuT5khM37E6p-SGmwL7AARQrlrteQTmMJvYKOfi5UspB1AVWD0SZjPg8M9mhhT61_uANEogeXfODQ7/s400/20180823_203647.jpg" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Gambar Navigasi menu pada tema "terkemuka" setelah di edit</td></tr></tbody></table><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2yfUoFvhktVJ3N5rUftJY0B3gdgACHFYu94u5Bwtgz7rU3pOiq6IZQooM3kjXqCkEXvo-_fQO-Na__nkRp7hZXpwOhSLU0zb77m6Jauk_MmHlN9qbvFfKKcOPeM0UZFAaed-FGObToTAX/s1600/20180823_203620.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="271" data-original-width="1600" height="107" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2yfUoFvhktVJ3N5rUftJY0B3gdgACHFYu94u5Bwtgz7rU3pOiq6IZQooM3kjXqCkEXvo-_fQO-Na__nkRp7hZXpwOhSLU0zb77m6Jauk_MmHlN9qbvFfKKcOPeM0UZFAaed-FGObToTAX/s640/20180823_203620.jpg" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Gambar tampilan footer tema "terkemuka" setelah diedit</td></tr></tbody></table><br /><blockquote class="tr_bq">APA SAJA YANG AKAN BERUBAH SETELAH TEMA BAWAAN DI EDIT?</blockquote><div style="text-align: left;">1. Tampilan, tampilan yang dirobah bisa berupa warna, dan juga tataletak atau posisi widget, lebar konten, sidebar hingga gaya header dan footer. Ini benar benar akan berpedoman kepada selera estetika sang pengedit. Tool blogger yang terdapat pada dasbor blog dapat kita manfaatkan untuk melakukan hal ini.<br />Caranya masuk ke dasbor blog, pilih Tema, lalu pilih sesuaikan maka akan muncul opsi "DESAINER TEMA BLOGGER" dimana terdapat tool atau alat untuk memilih template (Saat ini blog edit tema blog sedang memakai template "Terkemuka")<br /><br />Selanjutnya ada opsi pilihan seperti pilihan font atau jenis dan gaya hurup yang akan kita pakai buat konten, judul hingga link termasuk pilihan ukuran font atau berapa kecil dan besarnya huruf yang akan kita pergunakan buat blog. Masih disana ada terdapat opsi mengganti warna latar blog, warna huruf, warna header dan seterusnya. Itu langkah pertama pada saat mengedit template "edittemablog" ini</div><div style="text-align: left;"><br /></div><div style="text-align: left;">2. Merobah posisi widget. Pada tema atau template bawaan "terkemuka" dan template blog bawaan pada umumnya telah ada terdapat widget widget bawaan untuk kebutuhan blogging, misalnya popular post, label, arsip blog dll. dan tersedia tool untuk menambahkan widget baru dengan pilihan: entry yang di unggulkan, html/javascript, daftar link, gambar, pengikut dsb. Widget juga dapat digeser turun naik atau dipindahkan dari sidebar ke halaman utama atau naik ke header. </div><div style="text-align: left;"><br /></div><div style="text-align: left;">Ketika kita merasa komposisi warna dan tataletak widget telah memenuhi harapan kita bisa meneruskan proyek pengeditan ini ke tingkat lebih lanjut.</div><div style="text-align: left;"><br /></div><div style="text-align: left;">3. Selanjutnya adalah MENAMBAHKAN WIDGET. Bisa berupa widget bawaan, namun agar tema terlihat cantik dan premium kita harus menambahkan widget widget yang tidak disertakan dalam opsi tema bawaan. Widget widget ini biasanya berupa:</div><div style="text-align: left;"><ol style="text-align: left;"><li>Navigasi menu yang responsive. Ingat walaupun tema "terkemuka" telah memiliki sidebar yang dapat kita rekayasa menjadi menu yang berisi daftar isi dengan merekayasa widget widget "arsip blog" menjadi daftar isi blog, namun menu navigasi yang langsung dapat dilihat oleh pembaca nampaknya adalah masih menjadi pilihan pavorit para blogger ternama di dunia ini. Karena menu tersebut terdapat pada website besar seperti kompas, Apple website, Samsung website, dll. Cara membuat navigasi menu pada template terkemuka bisa melalui edit HTML atau dengan cara menambahkan widget HTML/javascript atau kombinasi keduanya, untuk tema terkemuka akan menjadi sangat responsive jika menggunakan elemen css. Menu navigasi juga harus mobile friendly, jangan sampai menu hanya bisa terlihat dan dipergunakan untuk ukuran desktop dan tidak terlihat atau tidak dapat dipergunakan mobile pada saat dibuka dilayar ponsel.</li><li>Artikel terkait. Artikel terkait bisa kita buat dengan cara menambahkan widget tersebut melalui opsi edit HTML.</li><li>Back to top widget bisa dibuat dengan cara menambahkan widget langsung melalui tambahkan widget dengan memilih widget HTML/javascript dan mengkopi paste kodenya dari internet - namun cara ini harus disesuaikan dengan template apa yang sedang dipakai, karena setiap template memiliki struktur kode yang berbeda beda - jadi sebaiknya memang dengan cara edit HTML.</li><li>Memasang kode font awsome. Sangat berguna untuk mempercantik tampilan blog, misal jika kita ingin menampilkan ikon ikon tertentu pada widget blog.</li><li>Atribusi. Mempercatik atau merobah atribusi blog sehingga footer blog menjadi tampak berbeda.</li><li>Mempercepat blog. Bisa kita lakukan dengan mencegah perenderan paruh atas blog yang sangat mempengaruhi kecepatan blog setelah selesai pengeditan. Yang perlu kita robah adalah kode <head>, </head>, <body>, </body> misalnya merobah kode <span style="color: magenta;"><head> </span>dengan <span style="color: magenta;">&lt;head&gt;</span> dan kode <span style="color: magenta;"></head></span> dengan <span style="color: magenta;">&lt;/head&gt;&lt;!--<head/>--&gt; </span>dan seterusnya.</li></ol><ul style="text-align: left;"></ul><div>Artikel ini hanya sebagai pembukaan atau langkah awal tutorial mendesain ulang tema bawaan blog secara sederhana dan mudah. Kami dengan rutin akan menulis dan memperagakan contoh contoh tema tema yang telah kami edit dan re-desain ulang dan akan membagikannya secara gratis atau cuma cuma kepada pembaca. Anda akan melihat tema tema yang cantik dan premium namun dapat anda pakai dengan bebas tanpa kuatir hak cipta.</div><div>Lihat demo tema blog ini <a href="https://editblogtema.blogspot.com/">DISINI</a></div><div><br /></div><div style="text-align: center;">Atau silahkan simak videonya:</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/vDUP_h8WvxM/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/vDUP_h8WvxM?feature=player_embedded" width="320"></iframe></div><div>Nantikan artikel berikutnya!</div></div></div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com0tag:blogger.com,1999:blog-8642707907723414666.post-23001705549254108492018-05-21T05:29:00.000-07:002019-03-25T15:38:44.402-07:00AUTODIDACT, WHY YOU FAIL TO PERFORM IT<div dir="ltr" style="text-align: left;" trbidi="on"><span style="font-family: "verdana" , sans-serif;">Self-taught? Why not! How many teenegers are so lucky have a challenge going to school especially in the 3rd Countries, contemporary study is stated you can go to high school then you are very lucky. How about if you go to see in the other side of Africaans? Honestly we can speechless. They still need to increase their standard of living through the education.</span><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMQbYilJxKXY5pCeMv2Cvm_U85iiswBtrzSlf1oAEVJWSJpPzdx27IhzGbLEEyA4oAtqDdN9I4Gg5XhQ8PSUtws-X9Tq1Keyu1w3ebEmWzLz9vvZLoti4FlV2_oDZdNMPJ1vLo_ZB0vbo/s1600/einstein+1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="205" data-original-width="246" height="333" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMQbYilJxKXY5pCeMv2Cvm_U85iiswBtrzSlf1oAEVJWSJpPzdx27IhzGbLEEyA4oAtqDdN9I4Gg5XhQ8PSUtws-X9Tq1Keyu1w3ebEmWzLz9vvZLoti4FlV2_oDZdNMPJ1vLo_ZB0vbo/s400/einstein+1.jpg" width="400" /></a></div><div><span style="font-family: "verdana" , sans-serif;">Definition autodidact following Wiki:</span><br /><span style="font-family: "verdana" , sans-serif;">"Autodidacticism (also called as autodidactism) or self-education (also self-learning and self-teaching) is education without the guidance of masters (such as teachers and professors) or institutions (such as schools). Generally, an autodidact is an individual who chooses the subject he or she will study, his or her studying material, and the studying rhythm and time. An autodidact may or may not have formal education, and his or her study may be either a complement or an alternative to it. Many notable contributions have been made by autodidacts."<br /><br /><br /><b>WHY Autodidacticism IS COOL?</b></span><br /><span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;">Because: Most genius people are doing to self taught theirself since they were childhood. And you know they are now change the world in recent scenes. You have electricity in your home rather than torch, the fact you are having automative rather than a horse, you can see in the sky the iron birds are flying over the horizon. It had been no present thousand years ago. It comes because of self learning by genius people had ever. And now you have gagdets, it is beautiful and excellent perfomance to play.</span></div><div><span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;">Every creatures are learn from others, from nature and their sorroundings. Even I am still a student I have an experience about this point of view. Let I say.</span></div><span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;">Teens whose learn hard for theirselves are extraordinary, these teens will found their identity theirselves. They have all capabilities to make a self taught by their natural inteligent. Yes they look cool, smart and look so mature than their real age because while ordinary numbers of teens are just playing for fun these extraordinary teens learn everything, they are so curious to everything, no wonder in the histrory the extraordinary people were begun from extraordinary teens. Most of them.</span><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM4pqVbJLD6-2saWYY6JtHup9BbYlIryBiHwsEEBHZZjf5GeSG7sK7Dr7fq0GMNvecjFxhzViVVzsM3iAvfH9n7harfn4hzVcTf3aSlSErYCHxnwkD8iAjqAitTOxW-MrQhhe9jhH2Uh8/s1600/einstein+2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="500" data-original-width="333" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM4pqVbJLD6-2saWYY6JtHup9BbYlIryBiHwsEEBHZZjf5GeSG7sK7Dr7fq0GMNvecjFxhzViVVzsM3iAvfH9n7harfn4hzVcTf3aSlSErYCHxnwkD8iAjqAitTOxW-MrQhhe9jhH2Uh8/s400/einstein+2.jpg" width="265" /></a></div><span style="font-family: "verdana" , sans-serif;">Signs teens are genius are can see from beginning of their life even they are still 10 to 16 years old they are look like:</span><br /><ul style="text-align: left;"><li><span style="font-family: "verdana" , sans-serif;">Look smart or even look just an ordinary teen. But most they are so calm down. Sometimes people thought they are even not smart enough.</span></li><li><span style="font-family: "verdana" , sans-serif;">Curious, no spoiled. Look like an independent teen, can control their emotion.</span></li><li><span style="font-family: "verdana" , sans-serif;">They are even look more mature than their age.</span></li><li><span style="font-family: "verdana" , sans-serif;">Less sleeping, why this happen? Because they like read everythings, learn everything and try everything.</span></li><li>etc</li></ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9zZt52ItBFGqSQKBuLghc3ytAcIuEjsKtbzbldQyKlkJDTbu6-tATwFlI3oLg97HyekR9Z2yisonce1FhC5Ci51AkBCcUDEoXIArcnp7jyaeYJiUQbXZF5Zvc2RgDDpQah6ISB4hwzMU/s1600/einstein+3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="275" data-original-width="183" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9zZt52ItBFGqSQKBuLghc3ytAcIuEjsKtbzbldQyKlkJDTbu6-tATwFlI3oLg97HyekR9Z2yisonce1FhC5Ci51AkBCcUDEoXIArcnp7jyaeYJiUQbXZF5Zvc2RgDDpQah6ISB4hwzMU/s400/einstein+3.jpg" width="264" /></a></div><div><span style="font-family: "verdana" , sans-serif;">Unfortunately, some of them are born among family that do not realize how they are having a genius boy or girl who possible change the world.Albert Einstein was a lucky teen because he had very good and clever mom who understood to support her son. There was bad time in his school for little Einstein at that time, his teacher thought Einstein was very stupid and they said they could not teach him anymore in the school.</span><br /><span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;">His mom did not thougt the same and of course, she knew everything about her son, Einstein then learn maths and then the world know what he had done to change human being view about science and technology. He was a genius person the world had ever.</span><br /><span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;"><b>How to perform self thought?</b></span><br /><span style="font-family: "verdana" , sans-serif;"><b><br /></b></span><span style="font-family: "verdana" , sans-serif;">There no formula in this personal blog because this is just a personal web, I am not a genuis girl but I have been tried hard to learn what I do not find in school. For example how to write an article, then I surf it in ethernet, in the website so many tips about it and various ways that can make you confuse. Just choose the easier one do not make you self to be so awkard. The most tips and articles are writing by it authors base in theirself experience. When you found that you think good one just try it. If you fail with it you can try another way. The stories of genius people are never lone with failure before they are success to make an invention.</span><br /><span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;">I have my own way that I think so, but do not follow if you not comfortable with these:</span><br /><ul style="text-align: left;"><li>When I decide to learn something without any human tutor I encourage myself to learn with my own methode for example when so many applications are offeringme how to learn English by quick I've try then I realize, the way have been with me is the best, I am not quit need the application. I just use the conventional Google English translation in my small iPhone screen, and feel comfort with it and feel that are enough. I ignore other method because I know once you change with another method, no matterwhat people said it is cool, you will need more time to adjust oneself into your system.</li><li>People said you must ask many people, yes I agree. Old times they did. I just learn and open google they said the do not agree. But I have my own opinion, Old times no facilities such like today. Google even have Deep mind machine today where it A.I. (Artificial Inteligent) does have very advancec capacity to give you more and more information that you need.</li><li>Even I do myself and believe my English isn't quite good, I have my own opinon: I must make an exercise to develop my understanding going through the languages, how to make good conversation with human, how to be a good listening and now I've tried to write some articles in English through my own blog. All are exercises and processing in my life and I do believe these all will very usefull for my next target to reach out the perfectness.</li><li>When people said "useless" I said "maybe not". You must be brave to opposite people around you even they are your relatives. Think again, they just telling you what they think good for themselves and they think it will being good for you as well. But it is maybe not because everyone have their own dream to pursue why not you try your own? If you don't sure yourself just hear what they are telling you.</li></ul><div><b>Do not worry with your dream</b></div></div><div>With an assumtion all people have their own dream but they have no courage even have "a dream to pursue". It why most they are ended as an ordinary person. Of course you have many reason to forget the failure.</div><div><br /></div><div>Many people afraid with their own dream, why? It mirror from their parent stated: "You just dream, see the reality" what is different just a fantasy with your essential dream? Dream for some extraordinary teens is a power for their life. A dream will change the world overall. Alexander the Great have a dream and that dream was came true, Einstein was have dreams and that dreams were came true. Great people have dream on their head.</div><div><br /></div><div>Mostly why you fail going to go perform everything is because basically you are a person without any dream. So when you are going asleep think again what is my dream? And how to perform my planned to reach it out? honestly even as a girl I have a dream to pursue...like a girl against the world.</div></div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com0tag:blogger.com,1999:blog-8642707907723414666.post-84167965072445393392018-05-15T07:25:00.000-07:002019-03-25T15:38:44.801-07:00HOW TO CREATE COOLEST LOGO IN YOUR BLOG<div dir="ltr" style="text-align: left;" trbidi="on">First you must know how important any logos in a blog. It is like a kind of a short impression to representative your mission in a blog. People will being reconized the massage of your blog going through it and possible become so curious what is it in the scene?<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje9CSo4EtxLCqnfuYytxLrUEWusv24P1Vs5lvrDsneLzzswfAStndvGlsayMg2Ep3nCcmSk_32uPIrQW_E4wpQ1Y0XULKBtZ5fwIRp1rcrKgUewePgOUggC0LtDsyuPFkW42bpHPV3UZ39/s1600/beverage-blur-buildings-1004040+%2528Small%2529.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="480" data-original-width="775" height="197" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje9CSo4EtxLCqnfuYytxLrUEWusv24P1Vs5lvrDsneLzzswfAStndvGlsayMg2Ep3nCcmSk_32uPIrQW_E4wpQ1Y0XULKBtZ5fwIRp1rcrKgUewePgOUggC0LtDsyuPFkW42bpHPV3UZ39/s320/beverage-blur-buildings-1004040+%2528Small%2529.jpg" width="320" /></a></div><br /><blockquote class="tr_bq">1.CREATE AND PREPARE A LOGO FOR A BLOG</blockquote>Lot of people are blogging through their smartphone, why it happen? Because of recent time technology is opening all the mobile possibilities, people are blogging with their phones, tablets and then how many of them are still using laptop or even a PC desktop? not a lot of us still remain. It why this tutorial is aimed to the blogging mobile users.<br /><br />You should know a logo will offering more your blog's contents to the viewers, and more a good looking logo will having a power to change your ordinary theme become more premium in it appearance and even looks more professional. No wonder in online market some people are offering you a service for logos, they sell it. And some of it are so expensive. But with this tutorial hope you can create it by yourself and I will telling you how. Do not buy just save your money because a logo for blogging that made by people for your blog sometimes even not meet your expectation.<br /><br />When you ready to make it by yourself, do not forget to remember:<div><br /><ol style="text-align: left;"><li> Make it simple, as you can see an Apple logo is just an apple fruit shape no colorful, it is with bitten marks, but why it becomes so legendary? Because it is so simple!</li><li> With impression, people so curious see that what the mission, and what is in the scene? Make an impression Logo.</li><li> According to the theme, if you moot the juice why don't you insert a juice image as your icon?</li></ol><blockquote class="tr_bq">2. CREATE A LOGO WITH AN ANDROID APLICATION</blockquote>In your Android phone just enter to the Play Store and search the LOGOPIT or you may following the link by clicking it you will being directly access the Play store:<br /><br /><a href="https://play.google.com/store/apps/details?id=com.logopit.logoplus">LOGOPIT PLUS</a><br /><br /><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv7HA76SgHy0qAWqUQbH4nYH7TZ_Ul6t5wVqKxlBE-ns3yKt-wt-i3jdBCLgxcsCnm5myQkNxtUKJdqYBqbp05qXKhKZATHvFxZ31d5kmT9xKcievJdHsc-iXZnN9KeIZb926tqVdK3P1Z/s1600/20180514_203012_rmedited.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv7HA76SgHy0qAWqUQbH4nYH7TZ_Ul6t5wVqKxlBE-ns3yKt-wt-i3jdBCLgxcsCnm5myQkNxtUKJdqYBqbp05qXKhKZATHvFxZ31d5kmT9xKcievJdHsc-iXZnN9KeIZb926tqVdK3P1Z/s320/20180514_203012_rmedited.jpg" /></a></div>Of course, still many similar applications are available in Play Store, but let focus in this one logo creator and when you done to download it just open the application. It will display a canvas for drawing, no need to drawing you just need insert so many logos, signs, fonts that availlable for your creation. Trust me it is very easy.<br /><br />First step, choose canvas size, various shape are availabe as well. I propose you to choose over 300x200 for your blogger logo that will being put in your blog's header. Too large image that you embed into your site will be loaded your site with more unnecesarry load.<br /><br /><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXb42T6JBb109aatkLtbs8NWw4sBr376T3EB_N8CPutXk43yQstrdglYJba7MbAs1T2geqTGRGLbHfzx7BZEBesfaVg8rXzmlEXgiNCiaqes1ZLUtZA6ktpm1sMUFcveZLe4A_2UyosjcX/s1600/20180514_205033_rmedited.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXb42T6JBb109aatkLtbs8NWw4sBr376T3EB_N8CPutXk43yQstrdglYJba7MbAs1T2geqTGRGLbHfzx7BZEBesfaVg8rXzmlEXgiNCiaqes1ZLUtZA6ktpm1sMUFcveZLe4A_2UyosjcX/s320/20180514_205033_rmedited.jpg" /></a></div><br />Then you ready to add an image that you can choose on application library by push + button, in this step you can choose a logo that you like and then you can editing it color, size and for it layout.<br /><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjap8ch86WvoKUC20sSrW1t86eNdlsWb9v4AlXePmHb7SlMuSCwzOkhZ8hyphenhyphenxSuC82GENZU9nmYiUKXsXqaBfk27pvNwnvvYEeB6SwwPvjETNYhXWYL_ooxa2YD3c4SohPYg6oGbpZtjFQZO/s1600/20180514_203751.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjap8ch86WvoKUC20sSrW1t86eNdlsWb9v4AlXePmHb7SlMuSCwzOkhZ8hyphenhyphenxSuC82GENZU9nmYiUKXsXqaBfk27pvNwnvvYEeB6SwwPvjETNYhXWYL_ooxa2YD3c4SohPYg6oGbpZtjFQZO/s320/20180514_203751.jpg" /></a></div><br />Red circle that I marked on canvas button is for logo insertation whereas the blue circle marked as font insertation. In this step just push the red circle first. Then a bundle of logos will displaying, you can choose one.<br /><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJHUJiKCste0vfArmWw0qIK_ZGih1vWWO2V9ex4AGm9Q7JMhvSXjxl5imFL4QVlnBEbM4kY5O4Ao7Ipws0fSjlCvo3rmeWLN454UxoYFHAU62pUUrWpJa0mLT7-d77_7xDoZcOpCHtsqHA/s1600/20180514_204628_rmscr.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJHUJiKCste0vfArmWw0qIK_ZGih1vWWO2V9ex4AGm9Q7JMhvSXjxl5imFL4QVlnBEbM4kY5O4Ao7Ipws0fSjlCvo3rmeWLN454UxoYFHAU62pUUrWpJa0mLT7-d77_7xDoZcOpCHtsqHA/s320/20180514_204628_rmscr.jpg" /></a></div><br />Hey there found a blue cup! It looks a "kotakpandora" logo's that using by me for create pandora's logo and even for it favicon!<br /><br />Once you choose one logo, you can change it color, layout and even to resize it.<br /><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWUG6Nh2L3IBpSboFOvbIww1TnB3MTvwkUPh1Y-s8pbnYxjLt-i37VEBxBiOB2RZof22wMzEWqd-WBqkc7T5OxTkjL6lOyhblt0w0ifMtWQRi31RcAAuSkPaP7ps2mZljObxdkug4pavw6/s1600/20180514_205344_rmscr.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWUG6Nh2L3IBpSboFOvbIww1TnB3MTvwkUPh1Y-s8pbnYxjLt-i37VEBxBiOB2RZof22wMzEWqd-WBqkc7T5OxTkjL6lOyhblt0w0ifMtWQRi31RcAAuSkPaP7ps2mZljObxdkug4pavw6/s320/20180514_205344_rmscr.jpg" /></a></div>You may choose a color that you like. Then once you finsih with it, you can add font with few style following what you like. I courage you to make an adjustment following what color you have in your blog background header.<br /><br />Using an application in a phones is very easy, you can touch it, pinch it when you want to resize the image or logo become smaller. Then just insert a font or a word in order to make your logo even more looking better.<br /><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkZm-K1ycXQqNLFnvPTrKif1FVWiLJpBeTqUdxZa8TnlnPwnhjeXOtAUo7bGUGIM7VK469edwME3WUDWUGcZNvloCd53r3hyz_X-gcs3xr4BfHOS2oRPKZo52TGNDqvf3jJYOXVyDWt0-B/s1600/20180514_205724_rmscr.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkZm-K1ycXQqNLFnvPTrKif1FVWiLJpBeTqUdxZa8TnlnPwnhjeXOtAUo7bGUGIM7VK469edwME3WUDWUGcZNvloCd53r3hyz_X-gcs3xr4BfHOS2oRPKZo52TGNDqvf3jJYOXVyDWt0-B/s320/20180514_205724_rmscr.jpg" /></a></div>A logo is done! But you have more than one choice to save it by different image format: JPG or PNG, please consider to choose PNG because of it trasparancy image and will automatically can inserted into your blog header without destroyed your existing blog header background color. The image suppose to be save in your picture album in your Android devices.<br /><blockquote class="tr_bq">3. HOW TO INSERT LOGO INTO YOUR BLOG'S THEME?</blockquote>Both default and premium custom themes that you have are not provide you with any logo that suitable with your expectation or your blog mission. So it why you must create it.<br /><br />Step 1: Just open blogger setting, choose setting or layout then choose "edit header" button.<br /><br /><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqyel2nr72gL0y3gziR2ms517m7ipC3ioWn-rFJYvbt3g-u90WJYfxRVjEqTbpVi1__GKOAnK4K9cFexsJN5sirny88PGBVP8KmD7nz9jXXidB_C-ooBdtsoKol8u8dUzdO85rlXHvpaIp/s1600/20180514_062151_rmedited.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqyel2nr72gL0y3gziR2ms517m7ipC3ioWn-rFJYvbt3g-u90WJYfxRVjEqTbpVi1__GKOAnK4K9cFexsJN5sirny88PGBVP8KmD7nz9jXXidB_C-ooBdtsoKol8u8dUzdO85rlXHvpaIp/s400/20180514_062151_rmedited.jpg" /></a></div><br />When you done, you will see a dialog box such as inserted below:<br /><br /><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis5bVhANJBIz0cs2dHIXyYTkAKXaiQkudRUxvL3pBwBKfcjv0t4lP8UfXM-R51n5QVFqitl3vVQYGBMqR_rR0kzo_2sJiO7qbJdnsf25wgFwEsTyriLyGnFGqbzrA-CBJLxt9E1OHHh1o1/s1600/20180514_201152.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis5bVhANJBIz0cs2dHIXyYTkAKXaiQkudRUxvL3pBwBKfcjv0t4lP8UfXM-R51n5QVFqitl3vVQYGBMqR_rR0kzo_2sJiO7qbJdnsf25wgFwEsTyriLyGnFGqbzrA-CBJLxt9E1OHHh1o1/s400/20180514_201152.jpg" /></a></div>You may put blog Tittle, blog description then you may push choose file to insert any logo that you create and saved in your photo album in your android devices. Or you may insert image from URL, but I recommend you for this time to choose inserting the logo directly from you photo album in your android devices.<br /><br />And let choose to mark description after the image<br /><br />Also read: <a href="http://www.kotakpandora.pw/2018/05/free-faster-blog-theme-premium-one.html">FREE FASTER BLOG THEME </a><br /><blockquote class="tr_bq">4.HOW TO CREATE AND INSERT A BLOG'S FAVICON.</blockquote>What is favicon, is an icon with small image size that seen on bar address. A favicon even small is very important to recognised your site by such kind icon. See address bar? Why your blog still with default blogger favicon, it is not your own identification. And you can change it easily.<br /><br />With same application you can create a favicon but must note: The favicon size and dimension is just 100x100 if you make more than it, it will not working. And the dimension of a favicon shape is square, 100% square. If you make it over 100x99, it will not working because it does not working with a rectangle.<br /><br />Once you create it by LOGOPIT Plus android application just resize it become really 100x100 dimension and better save it as PNG format. Go to setting such like you insert a blog logo and choose "edit"<br /><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo10i9ZqcSG94Fhx2YKHlVQ0ygCGK7gT2C220n5ax7120_y1J61H1GFMyRNmNRuzlcdAwhWHuPZODLh7IxWu-KD2CDG9YKFi516HmSLDpkR9cZ62i2QKO2U9u2sA6hA4VOac45dTcBNEzz/s1600/20180514_211525_rmedited.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo10i9ZqcSG94Fhx2YKHlVQ0ygCGK7gT2C220n5ax7120_y1J61H1GFMyRNmNRuzlcdAwhWHuPZODLh7IxWu-KD2CDG9YKFi516HmSLDpkR9cZ62i2QKO2U9u2sA6hA4VOac45dTcBNEzz/s320/20180514_211525_rmedited.jpg" /></a></div><br /><br />It is easy when you use laptop or a desktop PC to edit a favicon image, for example when you need to corp an image without damaging it format. When you edit PNG image with inappropriate tools possible will lost transparancy.<br /><br />It is important to figure that when you want to insert a favicon using your android device through chrome browser just change it (the browser) become desktop site option first. Why it must? Because when you use browser with mobile option, it will read your favicon size as "too large size" like always.<br /><br />If you don't mind you can read this in bahasa Indonesia version: <a href="https://www.adedansasa.com/2018/05/tutorial-membuat-logo-keren-di-blog.html">TUTORIAL MEMBUAT LOGO DAN FAVICON BLOG</a></div></div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com6tag:blogger.com,1999:blog-8642707907723414666.post-64932505834116481802018-05-12T03:50:00.000-07:002020-09-19T06:29:37.039-07:00FREE FASTER BLOG THEME, THE DEFAULT PREMIUM <div dir="ltr" style="text-align: left;" trbidi="on">The faster blog theme isn't means because of its both premium or "non-premium one". The faster one even when you use the default theme and fix some problems from it theme's structures that included how you to edited some embed codes. The faster one doesn't have heavy unnecessary load such as so many unknown codes embed. Large image contents, unnecessary live link, etc, especially to you my friends when you need good and fresh blogger theme you have so many options: You can use default theme and just modify it with your own page decoration, yes here we go by loadings speed following our conscience. Or you may buy it from online service.<br /><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCG-16oi1gwzCx7CLXl76M7Z4eG9V2z8g_tNoVxGY7atD6mDB4dZUkrGsJsfWoBZXYo9FWCM-TCheMBIZoeH_jTNx2pn5eEO65RfcNVWTv9Fjo3lKCyOT1oTFYsiSDOY86RjnvSoiNyO7R/s640/koding+buat+template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="belajar koding otodidak" border="0" data-original-height="426" data-original-width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCG-16oi1gwzCx7CLXl76M7Z4eG9V2z8g_tNoVxGY7atD6mDB4dZUkrGsJsfWoBZXYo9FWCM-TCheMBIZoeH_jTNx2pn5eEO65RfcNVWTv9Fjo3lKCyOT1oTFYsiSDOY86RjnvSoiNyO7R/s16000/koding+buat+template.jpg" title="belajar koding otodidak" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div>Of course a blogger's theme isn't merely about loadings speed, so manything will be considered by someone who need to choose the theme for their blogs once for example:</div><div><ul style="text-align: left;"><li>The blog's theme looks match with blog mission and appropriate with so many blog contents will be created. So it must look professional, neat and tidy up.</li><li>It must fast loading, so people will stay more longer in your site</li><li>It does have security system even just only integrated with a whole Google system security.</li><li>It completed with useful tools, i.e share button, ads position arrangements, simple navigation menu. etc.</li><li>SEO friendly. This one mostly your business.</li><li>No error codes found due too so many unwanted codes embed.</li><li>etc.</li></ul><div>I've tried modified few default blogger themes, and then I choose one that I think good then I combined with few blog's themes system the result is below you can see it still with default Navigation with search button on top right side, the side bar where ads hidden on it. You may edit it through blogger setting later following your sense. This theme focused to the speed.</div><div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMDB0Qv7FArwkP1KCXP9HT6B2oVOUGzQjNkoKUsflEM8QfF1KNl9Kb8tV0_tMvb9cA5M_IjL5k4tKJiMOMzcOhD1U41-vzXhzEaD8ezrGmlnAvNBcdqEFMkWsoS39RezOQh8rx6pfF8GsW/s1600/cewekbisaa.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="327" data-original-width="600" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMDB0Qv7FArwkP1KCXP9HT6B2oVOUGzQjNkoKUsflEM8QfF1KNl9Kb8tV0_tMvb9cA5M_IjL5k4tKJiMOMzcOhD1U41-vzXhzEaD8ezrGmlnAvNBcdqEFMkWsoS39RezOQh8rx6pfF8GsW/s400/cewekbisaa.png" width="400" /></a></div><br />You can see Demo or even you can try it by choose and push Demo - Download button below,<br /><div style="text-align: center;"><br /></div><div style="text-align: center;"><a href="http://cewekbisaa.blogspot.co.id/?m=1">DEMO</a></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><a href="https://drive.google.com/file/d/1bw30iyIe5uJhIJe7PqNcwfpiJKr7er3J/view?usp=sharing">DOWNLOAD</a> </div><div style="text-align: center;"><br /></div><div style="text-align: left;">The speed test result using Pagespeed is 100% faster for mobile and 94% faster for PC or Desktop. While using different tool of pagespeed the result for fast loading for mobile is just only 3 seconds! (See picture below)</div><br /><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP3i146jM36RPadvG9pP2wfF1Cd7YjgpLzNHwW3kKHj-ZT5V3E3j-PRm89E-k_WEpm1s6QzLCzoTkLVQeSrIN49yDmTms-IOJWP4wCaUhbN2Brh5tVqKH_iQVibQce-7au9Vd2XKI5kEgI/s1600/rANCANGAN++THEME+ADESASA.png"><img border="0" data-original-height="408" data-original-width="597" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP3i146jM36RPadvG9pP2wfF1Cd7YjgpLzNHwW3kKHj-ZT5V3E3j-PRm89E-k_WEpm1s6QzLCzoTkLVQeSrIN49yDmTms-IOJWP4wCaUhbN2Brh5tVqKH_iQVibQce-7au9Vd2XKI5kEgI/s400/rANCANGAN++THEME+ADESASA.png" width="400" /></a></div><br />So it is so smooth, if you need the blog template or fast loadings theme, I guarantee, this theme is very smooth, light and run by fast on web. Most important is all 100% FREE!<br /><br />You may edit and replace header logo, footer and other. No Credit are left or embed in this template.<br /><br />(I have posted the same article in Bahasa Indonesia in: <a href="http://www.adedansasa.com/2018/05/theme-blogger-dengan-kecepatan-sempurna.html">adedansasa.com</a>. Please visit!)</div></div></div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com4tag:blogger.com,1999:blog-8642707907723414666.post-14075457067393688712018-05-04T03:57:00.000-07:002019-03-25T15:38:45.528-07:00PANDORA BOX OR "KOTAK PANDORA"?<div dir="ltr" style="text-align: left;" trbidi="on"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Some friends were asked me the meanings of "Kotak Pandora" and why my blog named such kind. Yes I love the Greek Mythology but I don't want adopt the myths for build up a whole lifetime of my blog with it, eventhough I am know it is very meaningful: "Pandora box" with its whole taboo secrets inside it. I know some of us are so curious. </span><br /><div style="text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIyXMdPhqEDidfeteksjC8fKzwPjfkZWFo8TKfwfrZtYCIjuSROAIte7maDHArOg0td54MhU4-bXALQw1mPAj3LgDIv-ns5FFc9ziUEJe-TYwBLvvsz15YWI9yb73N7I6uQB3ifEt4FZk/s1600/Adobe_20180507_222617-519x385.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="386" data-original-width="519" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIyXMdPhqEDidfeteksjC8fKzwPjfkZWFo8TKfwfrZtYCIjuSROAIte7maDHArOg0td54MhU4-bXALQw1mPAj3LgDIv-ns5FFc9ziUEJe-TYwBLvvsz15YWI9yb73N7I6uQB3ifEt4FZk/s320/Adobe_20180507_222617-519x385.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">What is that indeed in the Greek Myth of Pandora's? The container mentioned in the original story was actually a large storage jar but the word was later mistranslated as "box". In modern times an idiom has grown from it meaning "Any source of great and unexpected troubles" or alternatively "A present which seems valuable but which in reality is a curse". Later depictions of the fatal container have been very varied, while some literary and artistic treatments have focused more on the contents of the idiomatic box than on Pandora herself. There is also an alternative tradition in which the divine gift of a jar was opened by a curious male.</span></div><div style="text-align: left;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div><div style="background-color: white; color: #222222; line-height: inherit; margin-bottom: 0.5em; margin-top: 0.5em; text-align: left;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">According to Hesiod, when Prometheus stole fire from heaven, Zeus, the king of the gods, took vengeance by presenting Pandora to Prometheus' brother Epimetheus. Pandora opened a jar left in his care containing sickness, death and many other unspecified evils which were then released into the world. Though she hastened to close the container, only one thing was left behind – usually translated as Hope, though it could also have the pessimistic meaning of "deceptive expectation".</span></div><div style="background-color: white; color: #222222; line-height: inherit; margin-bottom: 0.5em; margin-top: 0.5em; text-align: left;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">From this story has grown the idiom "to open Pandora's box", meaning to do or start something that will cause many unforeseen problems.<span style="white-space: nowrap;"> </span>Its modern, more colloquial equivalent is "to open a <a class="extiw" href="https://en.wiktionary.org/wiki/can_of_worms" style="background: none; color: #663366; text-decoration-line: none;" title="wikt:can of worms">can of worms</a>".</span></div><div style="background-color: white; color: #222222; line-height: inherit; margin-bottom: 0.5em; margin-top: 0.5em; text-align: left;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div><div style="background-color: white; color: #222222; line-height: inherit; margin-bottom: 0.5em; margin-top: 0.5em; text-align: left;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>KOTAK PANDORA AND A.I (ARTIFICIAL INTELIGENT)</b></span></div><div style="background-color: white; color: #222222; line-height: inherit; margin-bottom: 0.5em; margin-top: 0.5em; text-align: left;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Adopted from the stories of Greek Myths Kotak Pandora is sometimes told the unseen stories of a curious person with bad risks on it stuffs. Not everything can be shown very easy as like the fact and realities - as we want to go ahead. Sometimes better let it stay be hidden from people noses rather than make any "spoiler" or to let people know it naked, then try to touch it deeply. Then..dangerous.</span><br /><div><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div><div><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Many examples have shown: People wanted to know what his/her lover did and find out the shocked story and most were with unhappy ending. </span><br /><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Today with science and technology people have tried more harder to duplicate human being and completed it with A.I. We are so curious and want to know what will be happened with it. Some people tried to predict: A.I. is so excited at the first like a human baby: It can entertain, it can obey your command by a prompt action. But in the A.I. age in the future, A.I. will taking over all human happiness: Start from job, power and then a whole life of human being.They will be a great inteligent, a cogninitive inteligent with superpower capability, they will having all those what human was having before: Life.</span><br /><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">And there is easy to guess: When we are being success to create a such kind creature, we will complete it with blue print and hide the blueprint it into the Pandora Box.</span></div></div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com0114 Windsor Park Rd, Singapore 5741781.3511930983018892 103.820800781250.84321559830188919 103.17535378125 1.8591705983018891 104.46624778125tag:blogger.com,1999:blog-8642707907723414666.post-28466241817279105322018-05-01T01:46:00.000-07:002019-03-25T15:38:45.890-07:00SPOILER, SPOILER, SPOILER WHAT IS IT?<div dir="ltr" style="text-align: left;" trbidi="on">I am not being hate, the spoiler doesn't means a car spoiler. Not really because I just watch the INFINITY WAR so forget the car spoiler. So it is about Mr. Know-it-All.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAoFAMaTD2McoijjLw0_aIraAgv9RyXypwUTRT-a2PxEJoZlMuWqvRmS2cJJolW8t-y-ckPkGo_WpuGUtpXby1N5ppq6krPTvSduqXSK5q78ygjVMOmKvnw67le8FwP20huoSEVOItaMc/s1600/20180501_150157.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="204" data-original-width="315" id="id_891f_2c82_91c6_b9f9" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAoFAMaTD2McoijjLw0_aIraAgv9RyXypwUTRT-a2PxEJoZlMuWqvRmS2cJJolW8t-y-ckPkGo_WpuGUtpXby1N5ppq6krPTvSduqXSK5q78ygjVMOmKvnw67le8FwP20huoSEVOItaMc/s1600/20180501_150157.jpg" style="height: auto; width: 315px;" /></a></div>Some of us hate spoiler, why? because it called as Mr. Know-it-All. An example when you have a plan to watch infinity war movie your friend COMES full with her spirits, telling you the infinity war movie from it beginning till it endings so what is still remain will being watch? Will I cry or making a Big LOL?<br /><br />In social media I had many comments and they will making a high wall to quarantine any such kind spoiler, most of friends hate it but it human is so curious and they think all of them having the same whistlist, so let pick the ticket into your cart do not hear the spoiler even they tell the truth but sounds like a shit, am I right?<br /><br /><ul style="text-align: left;"><li><b>DOES DOCTOR STRANGE MAKE ANY SPOILER?</b></li></ul>Doctor strange knew and saw million times what infinity war endings but he never make any spoiler. More being stronger someone is more bigger his/her responsible to everything he/she did, so let it be naturally flow into the life river of the water.<br /><br />So what is spoiler indeed? In internet most of you had ever read the spoiler signs like a dialog box or push button command texting with something be hidden onto it and that if you push it will open some of secrets that you want to know or even don't. It is all in social media as well.<br /><br /><ul style="text-align: left;"><li><b>DOES GOD MAKE ANY SPOILER?</b></li></ul>No. He is The Almighty, The strongest Thing in the universe. He does let all his creatures life in his universe that available for everythings He does have. No way you talk with Him for every single words are the future topics, why? And for what know everything in time? You will not being fully understood with your limitation as a creature those created by Him.<br /><br />He works with his biggest thing that you as human can't imagine and there is the mandatory for us going through his rule. So for what the Biggest and the Strongert thing make any spoiler?<br /><br /><ul style="text-align: left;"><li><b>HUMAN IS WEAKS AND NEED TO VENT OUT HIS/HER HEART</b></li></ul>So please forgive your friend because He/she is just a human like you are. Anyway that right, all human attitudes are to make interaction with others and with manyway they have. When someone vent out her heart to you means he/she trust you so much and they believe with you they can feel much better.<br /><br /><div class="separator" style="clear: both;">So Whatever you must forgive me my friends, I write some articles and that will not make you being happy or being sad. We are human so we are weak and need more communication each other to vent out all the heart stories or that will being stuck on a whole our life. However I love you my friends....</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">So what is spoiler? </div><div class="separator" style="clear: both;"></div><table id="id_cbd1_757c_6d6b_22da" style="border-collapse: collapse; border: 1px solid black; margin: 7px; text-align: center;"><tbody><tr><td style="border: 1px solid black; min-width: 90px;"> Car spoiler</td><td style="border: 1px solid black; min-width: 90px;"> NO</td></tr><tr><td style="border: 1px solid black; min-width: 90px;"> Mr.Know-It-All</td><td style="border: 1px solid black; min-width: 90px;"> Yes<br /><div><br /></div></td></tr></tbody></table></div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com4tag:blogger.com,1999:blog-8642707907723414666.post-23164413411059809582018-04-29T01:01:00.000-07:002019-03-25T15:38:46.281-07:00WHAT GIRL CAN DO TO EARN MONEY IN A BLOG?<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: left;">Being success in blog: the facts or just a myth?</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcvl179xieaA7fRieAQ5EY5fqssWwvhibnO0PBGrE581gsQAbdzhV6JaQQXVy6y2pCP3tITLgiOupizWIziQUQzAEvvfIar12blHKp5v0FePYBpx4F4uj2orEZ7kifUV8dr5VRn-7kE8Q/s1600/IMG_0216-817x562.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="562" data-original-width="817" height="275" id="id_794a_9bf6_6f83_13ce" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcvl179xieaA7fRieAQ5EY5fqssWwvhibnO0PBGrE581gsQAbdzhV6JaQQXVy6y2pCP3tITLgiOupizWIziQUQzAEvvfIar12blHKp5v0FePYBpx4F4uj2orEZ7kifUV8dr5VRn-7kE8Q/s400/IMG_0216-817x562.JPG" style="height: auto; width: 400px;" width="400" /></a></div>Some people were studying hard for how earn money. But most of us like to do that naturally by having their own talent for managing the currency, to earn and to saving money. A girl does have a talent from their origin of species as a woman to manage the currency but not for earn money because This one is in monopoly by Men.<br />I do not think so because recent time Man and women stated as equal: Men can do even a hard and physically dangerous activities and women can do another profesional job related arts, tradings, online business etc those need more patience, thoroughness and subtlety. That’s right!<br /><br />In online business women numbers are majority youngest, vigorously and of course some of them are handled their own business successfully.<br /><ul><li><b>BLOGGING </b></li></ul>There are numbers can show you how today are so crowd. Since 2013 world blogging had been reach 152.000.00 blogs and since that moments blogs were growing and growing for each 2 second time! You can count it how many blogs are now in 2018, it hard for competited now. But do not mind we are young generation are loving in a competation culture.<br /><br />But how many people are involved in a blog? Study is highligted there are women is majority in blogs! Women in blog are among. 18-34 years old. But there 52% older or mature women are blogging as well. It shown off blogging is easy for earn money just even they are stay alone at home. <br /><br />Blogging is the first step for earn money, from a blog you can write some articles and publish them to develope your own trade mark for further step. With a blog you can promote yourself first by share your contents into social media. Some women are created their blog by a niche to focused it into a kind of product.<br /><br /><ul><li><b>ONLINE BUSINESS </b></li></ul>Now a girl like you can start to offering some products to your articles viewers. Or base on your blogging niche, you can offering to them some kinds of services, i.e beauty, handcrafs, fashions or some toturial with pays.<br /><br />Better and more easier when you have many friends with same interest in over your website. You can organize a business network to make you goals achived more easier. I can not tell you so many ways for targeting the goal of your achievement, this article will typing so long and you are know better.<br /><br /><ul><li><b>NOW TIME TO EARN MONEY AND MAKE AN INVESTATION </b></li></ul>Once you are success to stepped in and then you should being ready doing an online business through your web by blogging, it means the ticket for further success became more easier and near real. When people shown for their interest then you have more chance to sell your services and products to them. When you can pass these steps mentioned above, you are success not only in blogging but in some kind of business! Blogging just only for support your business, you can change it with different paltform of website later.<br /><br />This just for who want seriously to change their life by blogging that the way we are.</div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com0tag:blogger.com,1999:blog-8642707907723414666.post-78722996393179689032018-04-28T23:17:00.000-07:002019-03-25T15:38:46.644-07:005 SIGNS THOSE SHOWN THAT YOU ARE GENIUS<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both;"><b>IF YOU CAN USE YOUR SMARTPHONE BY RIGHT</b></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9QUIGXaR9WE9yNMtRqeCF7dvQmy5WSsdJ1Vrbb2HlMd8Ak6iMD4XEBRFIc7bL7J5lhtxTkj_JnMyS_2OgcAPtKQkJbNLI-9rtB72fwjVbq0TVimyMh8pTaSvKKiwvCX42B5XgsuqTWWM/s1600/cellphones+%2528Mobile%2529.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="249" data-original-width="320" height="249" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9QUIGXaR9WE9yNMtRqeCF7dvQmy5WSsdJ1Vrbb2HlMd8Ak6iMD4XEBRFIc7bL7J5lhtxTkj_JnMyS_2OgcAPtKQkJbNLI-9rtB72fwjVbq0TVimyMh8pTaSvKKiwvCX42B5XgsuqTWWM/s320/cellphones+%2528Mobile%2529.jpg" width="320" /></a></div><div class="separator" style="clear: both;">when you confuse what shall be bought a laptop or a smartphone? Just consider the bugdet that you have for now, then I guess you will buying a phone, Am I right? But why? Because with a smarthphone you can call your mom by dial her number, or you can texting your friends and send them some messages, so many fun in just one hand. Further more a phone does have networking capacity as laptop does have, so you can also chat with your friends through the internet.</div><br />Oh yes! I can't count how many times you can use it for get pictures with your friends and send them into social media like Facebook, IG, and GPlus? That are the ordinary people way to use their phones.<br /><br />Why we call you are genius one is when you can use your smartphone more than a phone. You can use it for some productivity work such as: Blogging, support working, support learning, and for some excercises. When you so curious, here we go:<br /><br /><b>Signs 1. BLOGGING</b><br />You can use your smartphone for blogging, some people called it as BLOG ON THE GO. But I would like to tell you in Indonesia many youngers are using their phone for blogging, they suppose to be no need a laptop or a PC for doing to do it. So it suppose to be more than BLOG ON THE GO because no hurry up or a business travelling during they are doing it. They do it because they have no laptop, it half no another choice for them.<br /><div class="separator" style="clear: both; text-align: center;"></div>If you think it is easy to texting or even to write an article with more than a thousand words then I agree with you, but they can do to edit and change a blog theme with their phones. And you must know that are not too expensive phones they have and of course just with standard features sometimes.<br /><br />More than just to change any theme for blogging good looking, they can also to edit HTML for make any customize their blog! Do not open your mouth so wide to hear this, it is true.<br /><br />With blogging some they can earn money by adsense or another business by online through their phones. It what I called a smart people using their phones!<br /><br /><b>Signs 2. SUPPORT WORKING (PRODUCTIVITY)</b><br />What I found during with Indonesian friends were an awsome experience one. They were diligent, smart and kind.<br /><br />Sometimes you will figure that they are working so hard and some of them put a part time work on their shoulder for help their parents for earn money. On their phone they have some productivity applications such as: Microsoft Office, so they can edit their work with Ms. Office on the go, at their home they can use Ms. Word for send their report by mobile etc. They send an email by some pictorial that shot by phone's camera for some business working related. It what I called a smart people using their phones!<br /><div><br /><div><b>Signs 3. ONLINE BUSINESS</b></div><div>Do you think it is an impossibel to earn money by online? People said: <span style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);">Blogging provides an easy way to keep your costumers and clients up to date on what's going on, let them know about new deals. and provide tips. The more a customer comes to your blog, the more likely they are to spend money. And it is true.</span></div><div><span style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);">You can do making an affiliation business for example, by selling stuffs from another and offering it from your site to your visitors, by that way you can earn money from them. </span></div><div><span style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);"><br /></span></div><div><b>Signs 4. SUPPORT LEARNING</b></div><div>Some Young people does not have PC or laptop but a smartphone is enough for them. Students are using it for support their study in the school. Recent time an Indonesian teacher does not matter will allowed their students to use a phone rather than or beside a laptop for surfing in ethernet looking for some lessons in google search engine. As we know most knowlegdes can be searched in ethernet now. </div><div><br /></div><div>And students can use their phone for helping their home work. It what I called a smart people using their phones!</div><div><br /></div><div><b>Signs 5. TYPING EXCERCISE</b></div><div>Even some of us thoughts, no need doing to do the old typing style like what grandpa did, but until now typing text by a keyboard help you type more quick and more effective rather than typing by touch on screen. These typing methods are having more and less benefit for some people, but I do believe the best way to type and texting for make some long article is still with keyboard typo! But indeed you can dictate your santences by voice.</div><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeVTXeC9A1SLCmjlEOJY59rKk2x6ISYvC1iVi-Jd3UnyY9fJ-lbPuPXHYnGbvT677rqU40YaYnQdbrpkYscSvCylqTw0CaqbzpCFbUYjY7VAISLU9y3tRKZR0hTBlNsngo3Ikm-e3lgx4/s1600/20180416_202729.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="672" data-original-width="874" height="307" id="id_dc58_77be_7efa_e7d2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeVTXeC9A1SLCmjlEOJY59rKk2x6ISYvC1iVi-Jd3UnyY9fJ-lbPuPXHYnGbvT677rqU40YaYnQdbrpkYscSvCylqTw0CaqbzpCFbUYjY7VAISLU9y3tRKZR0hTBlNsngo3Ikm-e3lgx4/s400/20180416_202729.jpg" style="height: auto; width: 400px;" width="400" /></a></div><div>There two external keyboard models are selling in the market: The bluetooth keyboard one or the wiring keyboard like PC's have. I suggest you to buy the wiring keyboards because of the price are more and more cheaper tha the bluetooth connection one.</div><div><br /></div><div>How to use it? The bluetooth keyboard one can pairing easily to your phone but it is expensive at least you must have $200 for buy it. And I still feel doubt for it accuration for typing any paper work when the cheaper one is compared with it low quality. It why I suggest you to choose the wiring keyboard beside it you can buy this model with low bugdet: $5 in Batam Indonesia. It is so accurate for typing on your tablets or your android smartphones.</div><div><br /></div><div>With keyboard you can train your fingers for typing, you can learn how to use ten fingers for quick typing. You can even close your eyes and continue typing for advance. Just do this by pateint and repeat your practice.</div><div><br /></div><div>And many more phones benefit you can find, it can be a laptop alternative, it can be good camera, it can be your agency for some business, so what? It what I called a smart people using their phones!</div><div>This post has been reposted in Bahasa Indonesia with tittle: <a href="http://www.adedansasa.com/2018/04/apakah-kamu-termasuk-jenius-lihat.html" target="_blank">APAKAH KAMU TERMASUK JENIUS?</a></div></div></div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com2tag:blogger.com,1999:blog-8642707907723414666.post-88230465625742005572018-04-28T04:21:00.000-07:002019-03-25T15:38:47.006-07:00BLOG FOR TEST: INTRODUCE MY NEW SITE<div dir="ltr" style="text-align: left;" trbidi="on">This new blog for test<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbaJ0A9AX30-ha9EyrMX7iHtlUSnaKkUdXw0zZ1-AU-ZGWlkJ8gat6zumUkRc81GjjXKE7cCu-W2ykwXoLKT6rJkNNxCkUJMWFw9sCdi57wMjbJt2S4j4PzExPMT1NZtZCjrqI7uAWEqg/s1600/PSFix_20180428_233704.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1042" data-original-width="1563" height="266" id="id_31d1_9bf5_6ef_992a" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbaJ0A9AX30-ha9EyrMX7iHtlUSnaKkUdXw0zZ1-AU-ZGWlkJ8gat6zumUkRc81GjjXKE7cCu-W2ykwXoLKT6rJkNNxCkUJMWFw9sCdi57wMjbJt2S4j4PzExPMT1NZtZCjrqI7uAWEqg/s400/PSFix_20180428_233704.jpeg" style="height: auto; width: 400px;" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"></div>There is no big deal even how hard I try to concealed and in the back door: We are fool when we think we has been done with the great thing and dream to enjoy it instantly. Or when we think we can hide everything forever and ever after.<br /><br />Here I am sitting in the desk and my lovely cat sitting on it too and she close to my laptop licking her knee by itself. I've tried to write something and there no any kind inspiration comes even though I just done create new site called "KOTAK PANDORA" and hope I can write something by comfort. really feel like a shit when my mom called me for help her in the kitchen in this moment.<br /><br />Lmao? I am gonna be it.<br /><br />I am a girl and I am 16 years old a student degree 11. I am not the only one in this house, I have a young sister she is 2 classes under me. I study, yes I do but here still many spare times for playing and even for writing yes I do. So if it is bored for me time always divided to be three sessions but not really think so: The past, the recent and the future. It means, I've tried playing everything by rule in a whole my life.<br /><ul><li>The Past Time. It had been. Why everything in the past feel worn now: The music had been old, the life style was worn out. But nor, everything feel still left behind.</li><li>The recent time. I am sitting here with my cat unlock my screen and try to do something: check my homework, think about an examination from my class, writing and dreaming. Now my fingers is dancing. The result will be published in this new blog called Kotak Pandora as soon.</li><li>The future time where I hope my dream will coming true: So many thing will be reached out. That always spinned off my head.</li></ul><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5jLr6vI0P17teFq2NxeMARHQYU9GOz-Ydzt4us2dtLL5HqNvMnwnWnH-g3lxHoPiix7-oT2kqZq8YxOrkES_9yWWEWtSYsA8ca9kMcysfiCx-BUQmjTr-WP6RpPc7CMCmTOn_elAXSwo/s1600/Adobe_20180415_162301-897x583.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="583" data-original-width="897" height="258" id="id_e185_8657_9833_66fc" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5jLr6vI0P17teFq2NxeMARHQYU9GOz-Ydzt4us2dtLL5HqNvMnwnWnH-g3lxHoPiix7-oT2kqZq8YxOrkES_9yWWEWtSYsA8ca9kMcysfiCx-BUQmjTr-WP6RpPc7CMCmTOn_elAXSwo/s400/Adobe_20180415_162301-897x583.jpg" style="height: auto; width: 400px;" width="400" /></a></div>Well, so what the mission of this blog? I have no idea yet. I have planned telling so many secrets around us and pin it into the deep web through this blog so it why I put the tittle of pandora, and I added the subtittle: "always find out the ways" as well or possible will be changed with "find out the secret" I do not know. I need you friends. Sometimes we can't do everything alone. But I noted one thing: I do not want the past, and I will not going to the future ASAP, I am still in the recent time to prepare everything that I dream on.<br /><div class="separator" style="clear: both; text-align: center;"></div>Because life is too short and let here we go to try something an online business lucky if you can earn money from it as soon, if not just be patient. At least we are happy going through it, if some where out there nothing just to do just do not hesitate to leave....<br /><br /></div>Thank you</div>sofyanhttp://www.blogger.com/profile/16348162693565122827noreply@blogger.com4