Roda Motiv

Cara Mengganti dan Menggunakan Font Pada Template Blog Sebelumnya saya sudah share font untuk template flat dari Google Fonts yang sanggup di gunakan ada template blog atau web sobat. Sekarang bagaimana cara mengganti font usang dengan font yang baru? Sebenarnya caranya cukup mudah, cukup simak tutorial berikut ini. Silahkan lihat font yang sanggup sahabat gunakan pada artikel, Daftar Font Yang Cocok Untuk Template Blog . Cara Mengganti Font Pada Blog 1. Pastikan sahabat sudah mempunyai aba-aba CSS font gres yang ingin dipakai untuk mengganti font lama. Pada postingan ini, saya akan memakai font Open Sans untuk ditempatkan pada blog. Sebelum memulai, silahkan buka hidangan Template kemudian klik Edit HTML. Cari font usang pada template blog sahabat jikalau tidak ingin dipakai lagi. Bila memasang font gres dan font usang belum dihapus, sanggup menciptakan loading blog lebih berat walau hanya sedikit. Gunakan Ctlr + F dan cari aba-aba CSS font usang sobat. Tampilan kodeny...

Membuat Sitemap Keren Pada Halaman Statis Kegunaan sitemap atau daftar isi pada blog yaitu untuk memudahkan pengunjung melihat-lihat artikel yang ada pada blog tersebut. Penting untuk suatu blog mempunyai sitemap, selain untuk menampilkan semua artikel yang ada pada blog tersebut, pengunjung juga sanggup mengetahui artikel terbaru atau terupdate pada blog. Sebenarnya google telah menunjukkan akomodasi berupa widget arsip blog, namun widget yang berlebihan hanya akan menciptakan loading menjadi lebih lama. Oleh alasannya yaitu itu, aku merekomendasikan untuk menciptakan halaman khusus untuk sitemap. Telah banyak artikel yang membahas sitemap, jadi aku akan membahas versi aku sendiri. Bisa Anda lihat sitemap pada blog ini, tampilan yang dipakai cukup menarik dan daftar isi yang diperlihatkan berdasarkan label. Ini sanggup memudahkan pengunjung semoga lebih gampang mencari artikel sesuai tema yang di inginkan. Artikel terbaru pada tema yang dipilih juga sanggup dengan terang dilihat, ...

"Apa font terbaik untuk dipakai dengan Desain FLAT UI?" Hal ini sepertinya menjadi sebuah pertanyaan besar saat mencoba untuk membuat template dengan dasar Flat Design. Pada tampilan dasar FLAT UI Style berfokus pada warna, tipografi, bentuk sederhana untuk fitur kegunaan dan kejelasan bekerja dengan baik dengan font sederhana namun unik. Jika Anda ingin membuat website/blog Anda menonjol, menentukan jenis abjad yang luar biasa akan membantu membuat identitas untuk tampilan website/blog Anda. Kecocokan font dengan tampilan template yaitu hal yang sangat penting di Desain Flat UI. Untuk melihat Live Demo tampilan font, silahkan klik judul font yang Anda inginkan. Untuk cara mengganti font usang dengan yang baru, silahkan baca artikel Cara Mengganti dan Menggunakan Font Pada Template Blog . Berikut ini yaitu daftar font tipografi yang cocok dengan desain Flat: 1. Open Sans Berikut CSS Font Style Open Sans dari Google Fonts. <link href='https://fonts.goo...

Pada kesempatan kali ini saya ingin share widget profil keren atau yang biasa di sebut About Me . Bagi para blogger yang ingin memperlihatkan sedikit preview perihal diri sendiri sangat cocok memakai widget ini. Biasanya pihak blogger telah menyediakan widget ini, namun tampilannya sanggup dibilang kurang menarik. Jadi, kali ini saya akan share widget profil lengkap dengan akun sosial media yang sanggup diklik oleh pengunjung/visitors kalau ingin mengenal Anda lebih jauh. Widget About Me Cara Memasang Widget Profil Keren Pada Blog 1. Anda harus memasang icon Font Awesome di blog Anda terlebih dahulu. Bila sudah memilikinya, abaikan tahap ini. Namun, bagi Anda yang belum memasang icon font awesome, ikuti cara berikut. Login terlebih dahulu ke blog Anda, kemudian pilih Template > Edit HTML . Silahkan cari instruksi </head>  . Bila sudah ketemu, silahkan copy CSS dibawah sempurna di atas instruksi tersebut, kemudian save. <link href='//netdna.bootstrapcdn.com/font-awe...

Cara Memasang Kotak Slide Pada Blog Simple Slide Box atau Kotak Slide ini merupakan widget ringan untuk blog. Kotak slide ini sanggup Anda isikan dengan widget atau pun dengan goresan pena saja. Widget ini akan muncul hanya ketika loading pada blog/web tamat di muat maka, widget ini akan otomatis muncul pada blog sobat. Bila ingin mencoba widgetnya silahkan ikuti tutorial berikut. Silahkan Copy isyarat widget berikut kemudian letakkan pada HTML/Javascript pada Tata Letak Blog sobat. <style> #box-opickweblog{position:fixed!important;position:absolute;/* IE6 */ top:70px;z-index:999;right:-1000px;width:300px;margin:0 0 0 -182px;height:auto;font:normal 12px Arial,Sans-Serif;padding:8px 10px 20px 10px;background-color:#fff;line-height:1em;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)} #box-opickweblog a.close{position:absolute;bottom:0;left:0;background-color:transparant;font:normal bold 20px Arial,Sans-S...

Tampilan Efek Loading Blog Hai sobat, kali ini aku ingin posting ihwal bagaimana menciptakan imbas loading pada blog. Mungkin sudah banyak yang memperlihatkan tutorial ini, tetapi disini aku ingin memperlihatkan dulu imbas loading yang sudah aku perbaharui. Gimana nih, udah lihat penampakannya? Bisa Anda lihat bila loading blog ini tidak memakai animasi standar menyerupai bundar atau semacamnya. Bila Anda tertarik untuk memakai imbas loading keren ini silahkan ikuti tutorialnya. 1. Pada Edit HTML silahkan cari instruksi </head> dengan memakai Ctrl + F 2. Setelah ketemu, silahkan copy script dibawah sempurna di atas atau sebelum instruksi </head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"> Note : Bila di blog Anda sudah ada instruksi yang sama atau mirip, lewati langkah di atas. Lebih baik hanya satu jquery dalam satu blog. 3. Selanjutnya, copy instruksi CSS di bawah ini sem...