Pada kesempatan kali ini, saya akan coba share cara menambahkan (linking) file .CSS ke Blogger. Apasih gunanya me-linking file .CSS? Tentunya disamping untuk memudahkan dalam mengedit template, dengan me-linking file .CSS, template blog akan menjadi lebih ringan, karena berkurangnya script pada template tersebut.
Oke, langsung saja, pertama-tama tentunya Anda harus mempunya Account untuk hosting file, pada contoh kali ini, bisa gunakan Dropbox. Apa itu Dropbox? Dropbox adalah media penyimpanan/storage online gratis. Dengan mendaftar ke Dropbox, maka Anda akan diberikan space penyimpanan (storage) sebesar 2 GB
Pastikan Anda mengupload file .CSS ke wilayah Public pada Account Dropbox Anda.
Berikut langkah-langkahnya:
1. Login ke account Blogger Anda
2. Click Blog Tittle -> Template -> Edit HTML
3. Klik tombol Proses
4. Cari teks berikut
5. Kemudian Paste ke Notepad, kemudian Save File As jangan lupa tambahkan ekstension .CSS
6. Upload file .CSS yang telah di-Paste tadi ke Account Dropbox, tentunya pada Folder Public, dan copy Link file tersebut
7. Kemudian, tambahkan kode berikut setelah tag <head>
8. Klik Preview, kalo tidak ada masalah, tentunya bisa langsung di-save Template.
Demikian, semoga bermanfaat
(z)
Oke, langsung saja, pertama-tama tentunya Anda harus mempunya Account untuk hosting file, pada contoh kali ini, bisa gunakan Dropbox. Apa itu Dropbox? Dropbox adalah media penyimpanan/storage online gratis. Dengan mendaftar ke Dropbox, maka Anda akan diberikan space penyimpanan (storage) sebesar 2 GB
Pastikan Anda mengupload file .CSS ke wilayah Public pada Account Dropbox Anda.
Berikut langkah-langkahnya:
1. Login ke account Blogger Anda
2. Click Blog Tittle -> Template -> Edit HTML
3. Klik tombol Proses
4. Cari teks berikut
<b:skin><![CDATA[ text text text ]]></b:skin> , Cut Teks tersebut, text-text tersebut adalah style css untuk template blog Anda.5. Kemudian Paste ke Notepad, kemudian Save File As jangan lupa tambahkan ekstension .CSS
6. Upload file .CSS yang telah di-Paste tadi ke Account Dropbox, tentunya pada Folder Public, dan copy Link file tersebut
7. Kemudian, tambahkan kode berikut setelah tag <head>
<link href='http://dl.dropbox.com/u/36383794/stye.css' rel='stylesheet' type='text/css'/>
8. Klik Preview, kalo tidak ada masalah, tentunya bisa langsung di-save Template.
Demikian, semoga bermanfaat
(z)
Advertisement
EmoticonEmoticon