Cara Memasang Font Awesome Di Blog

Bukan sulap bukan sihir pasti sobat berada dipostingan ini berarti sobat sedang mencari Cara Memasang Font Awesome Di Blog, benarkan? Memang sih sekarang ini banyak blog yang sudah memasang font awesome, kenapa ya? Karena font awesome memiliki kesan friendly, nyaman buat dilihat dan banyak kelebihan lainnya. Mungkin sobat pasti juga sudah mengerti tentang font awesome sendiri, langsung saja ikuti postingan ini.

Cara Memasang Font Awesome Di Blog

1. Buka Blogger > Template > HTML
2. Pasang kode dibawah tepat diatas kode </head>

 <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/> 

3. Simpan template

Font awesome bisa ditempatkan dimana saja sesuka anda, sebagai contoh: <i class="fa fa-cog"/> ganti teks yang berwarna merah dengan kode-kode dari font awesome yang sesuai keinginan anda.

 Penerapannya

 fa-cog

Jika ingin menambah ukuran icon tersebut tambahkan kode "fa-lg"  atau "fa-2x" atau "fa-3x" atau "fa-4x" atau "fa-5x" setelah kode teks yang diberi warna merah tersebut
 fa-lg
fa-2x
fa-3x
fa-4x
fa-5x

Jika ingin menambahkan efek putar (Spin) cuma tambahkan kode "fa-spin" setelah kode teks yang diberi warna merah tersebut


Demikian artikel tentang Cara Memasang Font Awesome Di Blog, semoga bermanfaat.

Cara Mengatasi Custom Domain Blogspot ke NCR

Mungkin beberapa orang pernah mengganti domain blognya namun setelah selesai mengcustom muncul "error 404" atau redirect ke "http://www.blogspot.com/ncr/", saya sendiri juga mengalaminya. Maka kali ini saya ingin berbagi solusinya.

Cara untuk mengatasinya sebenarnya tidaklah begitu sulit, kalian hanya perlu menghapus scriptnya.

• 
  

Cara Mengatasi Custom Domain Blogspot ke NCR

Login ke Blogger > pilih Templat lalu klik Edit HTML

Cari script yang seperti ini lalu hapus saja scriptnya

<script type='text/javascript'>
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf(&quot;.&quot;));
if (ctld != &quot;.com&quot;) {
var ncr = &quot;http://&quot; + blog.substr(0, blog.indexOf(&quot;.&quot;));
ncr += &quot;.blogspot.com/ncr&quot; + slug;
window.location.replace(ncr); }
</script>

Mungkin setiap blog telah dicustom masing-masing oleh pembuatnya, kalian bisa mencari script tersebut dengan klik CTRL+F lalu ketikan ncr. Jika kalian telah menemukannya, kalian hapus saja dari <script> ..... </script>

Demikian postingan tentang Cara Mengatasi Custom Domain Blogspot ke NCR. Semoga bermanfaat.

Cara Agar Artikel Blog Tidak Bisa di Copy Paste Pada Bagian Tertentu

Cara Agar Artikel Blog Tidak Bisa di Copy Paste Pada Bagian Tertentu - Selamat sore sobat blogger, dalam artikel kali ini saya akan memberikan postingan tentang Anti Copaser. Kenapa bisa disebut anti copaser? Karena ini mencegah terjadinya duplikat konten, pencurian konten, dan masih banyak lagi dari pihak-pihak tertentu yang tidak bertanggung jawab tanpa persetujuan publisher.

Siapa juga sih orang yang tidak kesal kontennya sendiri dicuri oleh pihak yang tidak bertanggung jawab? Saya pun juga tidak ingin hal itu terjadi. Karena hal itu akan merugikan pihak publisher yang telah memikirkan artikel apa yang akan mereka posting.

Hal ini marak terjadi dari jaman blogger pendahulu sampai blogger  jaman sekarang ini, hal itu sering dipicu karena si blogger pemula ataupun blogger pemalas yang kebingungan untuk memposting sebuah artikel mereka masing-masing. Sebaiknya jika ingin menduplikat konten seseorang setidaknya sertakan sumbernya, karena hal itu akan membuat sebuah hubungan timbal balik yang saling menguntungkan baik dari penduplikat maupun publisher sendiri.

• 
  

Maka dari itu untuk mencegah orang-orang yang tidak bertanggung jawab mengcopy paste artikel kita, kali ini saya akan memberikan solusinya, yaitu dengan menerapkan metode atau script anti copas. Tenang saja, script ini masih bisa untuk dicopas pada bagian-bagian tertentu saja, yaitu bagian Quote.

Apa itu Quote? Quote adalah tempat penyimpanan kata yang terpenting, biasanya Quote digunakan untuk menyimpan kode HTML, CSS, JQuery, JavaScript, dan kode yang lainnya. Baiklah, mari kita ikuti langkah-langkahnya.

Cara Agar Artikel Tidak Bisa di Copy Paste Pada Bagian Tertentu

Login ke Blogger > klik Template > pilih Edit HTML

Tambahkan kode dibawah ini diatas kode ]]></b:skin> atau </style>

 .post-outer {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
-moz-user-select:none;
}
.post blockquote,.post pre,.post code{
  -webkit-touch-callout:text;
  -webkit-user-select:text;
  -khtml-user-select:text;
  -ms-user-select:text;
  -moz-user-select:text;
} 

Terakhir simpan template

Result

Demikian artikel tentang Anti Copy Paste di Blog, jangan bosan-bosan mampir kesini lagi ya gan. Semoga bermanfaat.

Cara Menyetting Tampilan Blogger Agar Warna Address Bar Mengikuti Warna Blog

Selamat datang kembali sobat blogger, pada postingan kali ini saya akan berbagi tips tentang Cara Merubah Warna Address Bar Mengikuti Warna Utama Blog KetikaDikunjungi Melalui Mobile Browser.

Mungkin sobat pernah mengunjungi suatu website menggunakan browser mobile, dan ketika di teliti ternyata website yang sobat kunjungi ada yang Address Barnya sewarna dengan warna utama website tersebut dan ada yang tidak sama. Seperti blog ini, jika sobat mengunjunginya melalui mobile browser, secara otomatis Address Bar tersebut warnanya menjadi mengikuti warna utama blog ini.

Cara Agar Warna Address Bar Mengikuti Warna Blog

Mengubah warna address bar sebenarnya cukuplah mudah, sobat hanya perlu menambahkan beberapa baris script meta tag. Berhubung mobile browser ini memiliki jenis yang berbeda seperti Chrome, Firefox, Safari iOS, Opera, dll. Jadi scriptnya juga berbeda.

Buka halaman Blogger > Klik menu Template > Klik tombol Edit HTML > Tambahkan script di bawah ini sesudah kode <head> atau &lt;head&gt;

Mengubah Warna Address Bar pada Browser Chrome dan Opera

Untuk mengubah warna pada mobile browser Chrome dan Opera, scriptnya seperti dibawah ini.

<meta name="theme-color" content="#000000">

Mengubah Warna Address Bar pada Browser Windows Phone

Sedangkan untuk mengubah warna pada mobile browser Windows Phone, scriptnya seperti dibawah ini.

<meta name="msapplication-navbutton-color" content="#000000">

Mengubah Warna Address Bar pada Browser Safari iOS

Dan untuk mengubah warna pada mobile browser Windows Phone, scriptnya seperti dibawah ini.

<meta name="apple-mobile-web-app-capable" content="yes"> 

<meta name="apple-mobile-web-app-status-bar-style" content="#000000">

Sehingga jika script di atas kita jadikan satu, maka scriptnya akan terlihat seperti di bawah ini.

<!-- Untuk Google Chrome, Firefox & Opera --> 

<meta name="theme-color" content="#01a3a4"/> 

<!-- Untuk Windows Phone --> 

<meta name="msapplication-navbutton-color" content="#01a3a4"/> 

<!-- Untuk Safari iOS --> 

<meta name="apple-mobile-web-app-capable" content="yes"/> 

<meta name="apple-mobile-web-app-status-bar-style" content="#01a3a4"/>

Edit kode warna yang saya tandai sesuai dengan keinginan sobat

Kemudian Simpan Template dan silahkan buka blog sobat melalui mobile browser dan lihat hasilnya.

Sekian tips tentang Cara Merubah Warna Address Bar Mengikuti Warna Utama Blog KetikaDikunjungi Melalui Mobile Browser dari saya. Semoga bermanfaat bagi kita semua, terima kasih.