Posts

Showing posts from August, 2015

Cara Mengganti Dan Memakai Font Pada Template Blog

Image
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

Daftar Font Yang Cocok Untuk Template Flat Design

Image
"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

Cara Gampang Memasang Widget Tab View Di Blog

Image
Cara Praktis Memasang Widget Tab View di Blog Sobat blogger niscaya sudah pada tau apa widget tab view itu, jadi tidak perlu aku jelaskan lagi bukan? Bagi yang belum tau silahkan liat screenshot di atas. Kurang lebih menyerupai itu lah tampilan dari widget tab view. Sobat sanggup memasukkan beberapa widget yang sanggup dimunculkan dengan melaksanakan klik pada tab sesuai judulnya. Berikut ini tutorial simple memasang widget tab view, sahabat tidak perlu melaksanakan edit template atau semacamnya. Cukup dengan memasang widget ini, tab view dengan tampilan yang manis sudah sanggup di pasang pada blog sobat. Tanpa basa-basi lagi, berikut tutorial cara memasang widget tersebut. Cara Praktis Memasang Widget Tab View di Blog 1. Sebaiknya blog sahabat telah terpasang jquery terlebih dahulu. Bisa memakai jquery versi apa saja. Bila belum punya, silahkan letakkan script jquery berikut sempurna di atas atau sebelum instruksi </head> kemudian save. <script src='//ajax

Cara Melindungi Isyarat Javascript Dengan Obfuscator

Image
Cara Melindungi Javascript Menggunakan Obfuscator Bagi para bloggers terutama designer template niscaya sering dicopas karya hak ciptanya. Javascript pendukung template atau pun untuk widget sering kali menjadi sasaran empuk para copaser yang ulet melaksanakan copy paste terhadap javascript. Kebanyakan blogger akan mengubah menyembunyikan javascript dengan menggunkan tools Decode dan Encode untuk mengubah isyarat menjadi simbol. Akan tetapi tools Decode dan Encode sanggup pula dipakai untuk fungsi kebalikannya, yaitu dengan mengubah kembali simbol menjadi kode. Jadi, aku menganjurkan untuk menyembunyikan javascript memakai Obfuscator . Apa itu Obfuscator ? Obfuscator ialah sebuah software untuk mengaburkan kode, yaitu sumber atau isyarat mesin yang sangat sulit untuk dipahami. Sama ibarat namanya, Obfuscator atau dalam bahasa Indonesia berarti kebingungan, software ini juga sanggup menciptakan isyarat menjadi beberapa adonan simbol. Walaupun isyarat atau javascript telah diuba

Cara Modifikasi Widget Followers 2 Kotak Terbaru

Image
Cara Modifikasi Widget Followers Tampilan 2 Kotak Seperti yang sahabat semua ketahui, Widget Followers menampilkan maksimal 4 kotak jikalau mempunyai followers yang banyak. Tampilan 4 kotak pada widget followers gotong royong sanggup dimodifikasi biar menjadi lebih sedikit bahkan hingga 1 kotak saja. Menurut saya sendiri, dengan menampilkan jumlah followers hanya dengan 2 kotak akan terlihat lebih minimalis. Selain itu, tentu saja sanggup menciptakan loading blog lebih ringan alasannya gambar followers yang dimuat pada widget sangat sedikit. Bila sahabat blogger tertarik untuk mencobanya silahkan ikuti tutorial berikut. Cara Modifikasi Widget Follower 2 Kotak Terbaru 1. Menuju ke Tata Letak > Tambahkan Widget > HTML/Javascript. 2. Masukkan arahan widget followers berikut. <div class="separator" style="clear: both; text-align: center;"> <script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascrip

Cara Memasang Widget Jam Dengan Desain Flat

Image
Cara Memasang Widget Jam Dengan Desain Flat Kali ini aku akan memposting sebuah clock widget dengan desain flat. Cara memasang widget jam keren ini sangat mudah, bila Anda tertarik silahkan pasang pada blog sobat. Untuk previewnya silahkan lihat gambar atau klik tombol demo dibawah ini. Demo Setelah melihat demo widget, silahkan ikuti step berikut untuk cara pemasangannya. Widget jam ini tersedia dalam tiga warna ialah merah, biru dan hijau. Cara Memasang Widget Jam 1. Login ke blog sobat. 2. Pilih sajian Tata Letak > Tambahkan Widget > HTML/JavaScript. 3. Letakkan isyarat widget yang sahabat suka pada kolom yg tersedia. Red Color <center><a id="copyright-opick" href="https://rodamotiv.blogspot.com/search/label/Widget" target="_blank"><canvas id="canvas" width="200" height="200" style="background-color:#dd4a3a;border-radius:10px;box-shadow:0 10px 0 0 #c23122;"> </canvas><

Download Vector Design Logo Corel Draw

Image
Karena sudah usang tidak posting wacana corel draw, maka kali ini aku akan share lagi file CDR Corel Draw. File ini sanggup Anda buka memakai Corel Draw dengan versi apa saja. Anda sanggup mengedit file untuk menyesuaikan dengan logo yang Anda inginkan. Perlu Anda ketahui bahwa design logo ini hampir serupa satu sama lain sebab basic nya ialah Flat Design. Bila ingin mencoba menciptakan sendiri, silahkan baca Cara Membuat Logo Web Atau Blog Menggunakan Corel Draw . Baca juga : Download Vector Desain Brosur Jika Anda tertarik untuk mendownload file cdr logo ini silahkan berkomentar dan klik tombol download yang tersedia. Berikut daftar logo yang telah aku buat : 1. Logo All Words Download 2. Logo Cibi Anime Download 3. Logo Download If Need Password : Corel Sekian artikel wacana Download Vector Design Logo Corel Draw . Semoga sanggup bermanfaat bagi teman yang ingin mencoba menciptakan logo blog sendiri. Ingat ini hanya untuk acuan semata, sebab logo tersebut telah dipakai

Cara Modifikasi Tampilan Thread Comments Hack Blogger

Image
Cara Modifikasi Tampilan Thread Comments Hack Blogger Atas usul salah satu member , kali ini akan kita buat tampilan komentar blog menjadi lebih keren. Tampilan komentar ini merupakan modifikasi dari Thread Comments Hack For Blogger . Bila Tertarik dengan tampilannya, silahkan simak tutorial berikut. Cara Modifikasi Tampilan Thread Comments Hack 1. Silahkan menuju ke hidangan Template kemudian klik Edit HTML. 2. Letakkan CSS berikut sebelum instruksi ]]></b:skin> atau </style> . /* CSS Comments */ #comments{background:#fff;clear:both;margin:10px auto 0;line-height:1em;padding:20px;border: 1px solid #eee;} #comments h3{background:#fff;display:inline;line-height:20px;margin-bottom:20px;margin-top:0;font-family:'Arial',sans-serif;font-size:14px;position:absolute;color:#333;font-weight:700;text-transform:uppercase;padding:10px 20px 10px 50px;border:1px solid #eaeaea;} #comments h3:before {font-family:fontawesome;content:"\f086";margin-right:10px;font