Cara Compressed External Blogger Template -

 


1. Download dan Backup Template Blogger Anda.

Disini saya akan membagi cara untuk membackup templete anda , pertama kunjungi http://www.blogger.com kemudian masukkan username dan password untuk login dalam account blogger anda. Setelah login Anda secara otomatis akan memaski di 'Dashboard' default Blogger Anda.

Pada 'Dashboard' blogger di bawah 'Mengelola Blog' memutuskan mana blog yang ingin Anda bekerja . Jika Anda sudah lebih dari satu blog maka silahkan memilih blog yang template yang ingin Anda ubah.  jika Anda hanya memiliki satu blog yang aktif maka pilihanya cuma satu. 

kemudian langkah selanjutya, untuk keamanan, pertama Download dan Backup  XML Blogger Template anda. Untuk melakukannya klik 'Tata Letak' diikuti oleh 'Edit HTML'. Pada halaman 'Edit HTML' di bawah 'Backup / Restore Template' 'Download Full Template' klik untuk menyimpan dan cadangan salinan asli dari template Blogger Anda saat ini. Setelah selesai, ulangi lagi prosedur yang sama untuk Download dan Simpan salinan lain dari Blogger Template di Desktop Anda. Salinan lain disimpan di Desktop Anda adalah Apa yang kita akan memodifikasi jika telah code templet berjalan atau salah dalam proses modifikasi maka Anda dapat  mengembalikan Template Blogger asli Anda dengan salinan backup sebelum nya.

2. Open XML Blogger Template di Notepad + +.

3. Membuat  External CSS File.

Catatan: - Saya asumsikan Anda telah Windows XP yang diinstal pada PC Anda.

Sekarang buka tab pilih 'My Computer' 'Tools' 'Folder Options' lalu -> 'Lihat' -> di bawah Advanced Settings, untick 'Sembunyikan ekstensi untuk jenis file yang dikenal' dan klik 'Terapkan' lalu 'OK'. Ini akan membantu Anda melihat ekstensi dari semua file pada PC Anda. Contoh file.txt, file.exe, file.css dan sebagainya.

Sekarang klik kanan pada Desktop dan pilih 'New' - 'Text Document'>. Ini akan membuat dokumen teks baru, mengubah nama sebagai 'myblogdesign.css'. Ini file CSS yang akan Anda paste kode CSS dari template Anda terletak antara <b:skin> <[CDATA [....]]></ b: skin>. Nanti kita akan meng-upload 'myblogdesign.css' file sebagai dokumen CSS eksternal dari blog kita.

4. Copy atau Cut CSS Code dalam <![CDATA[....]]>.

Saya asumsikan Anda sudah berada tag pada kode template anda.

Sekarang copy  atau cut seluruh Kode CSS antara <b:skin> <[CDATA [Kode CSS ]]></ b: skin>.   karena harus mengambil sementara memilih Kode CSS. Saya ulangi lagi copy dan memotong Kode CSS hanya dalam <b:skin> <[CDATA [.. Berikut adalah Anda Kode CSS terletak ..! ]]></ b: skin>

Sekarang buka 'myblogdesign.css' di Notepad + + Anda buat sebelumnya.

Kemudian paste di sini Kode CSS Anda hanya disalin. Simpan 'myblogdesign.css'.

tererereng.... Anda hanya menciptakan sebuah dokumen CSS eksternal untuk Blog Anda.

Juga jangan lupa untuk menyimpan template XML.

Sekarang dengan semua kode CSS ditransfer ke 'myblogdesign.css' dan setelah menyimpan template Anda strcuture kode XML yang harus terlihat seperti ini

5. Upload file CSS External ke situs Google.

Sekarang karena Anda sudah siap dengan Dokumen Eksternal CSS memungkinkan meng-upload ke Situs Google  . Anda juga dapat meng-upload ke server file lain ke hosting gratis, tapi masih saya selalu lebih suka untuk merekomendasikan anda hanya menggunakan Situs Google.

Berikut adalah beberapa alasan, Mengapa memilih Google Sites untuk Hosting CSS, JS, TXT, RAR Dokumen:..?. -

1.      Google Sites adalah Hosting yang dapat diandalkan untuk file yang lebih kecil. 
2.      Anda secara tidak langsung memanfaatkan Jaringan CDN kuat Google. 
3.      Anda secara tidak langsung memanfaatkan Jaringan CDN kuat Google. 
4.      Hotlinking CSS, Javascript, Teks, zip file yang diperbolehkan. 
5.      Batasan bandwidth tidak masalah . 
6.      Anda bahkan tidak perlu khawatir tentang hosting downtime server. 

6. Bagaimana meng upload 'myblogdesign.css' ke Situs Google. ?

• Kunjungi Situs Google melalui http://sites.google.com.

• Masuk Situs Google dengan Akun Google Anda. Anda lebih baik menggunakan Account Google yang sama yang Anda gunakan untuk Blogger.

• "Creat Situs Baru 'dengan penamaan situs Anda, penamaan url lokasi, memilih tema dan memasukkan Kode Verifikasi CAPTCHA Manusia.

• Kemudian klik pada situs Anda yang baru saja dibuat. Ini membuka editor online untuk situs Anda.

• Carilah tombol 'Tindakan Lebih', klik buttom ini pilih 'Manage Sites'. Di sisi kiri navigasi bawah 'Lampiran' klik 'Konten Situs' maka Anda akan melihat tombol upload. Ini adalah dari yang Anda dapat meng-upload file ke Anda Google Sites.

• Sekarang klik tombol 'upload'. Pilih 'Browse' dan memberikan jalan untuk 'myblogdesign.css' yang pada desktop Anda oz tekan 'upload'. Ini akan meng-upload file. Css untuk Google Sites.

• Setelah meng-upload. Css file memindahkan kursor ke 'Download' link yang ada di warna default Biru. Anda akan mendapatkan url untuk dokumen CSS. Anda. Salin link tersebut.

• Sekarang alamat url dari dokumen css. Anda akan terlihat seperti ini http://sites.google.com/site/gauravakranisite/Home/kalyancitylife.css?attredirects=0&d=1
• Analisa alamat URL Anda dokumen CSS anda dan menghapus segala sesuatu dari 'attredirects =? 0 & d = 1'. Sekarang lokasi sebenarnya dari dokumen css Anda dalam kasus di atas akan terlihat seperti http://sites.google.com/site/gauravakranisite/Home/kalyancitylife.css

     Dengan demikian Anda akhirnya mendapat link url dari dokumen css. Anda yang Anda dapat hotlink nanti.

7. Menambahkan CSS External ke  Template Blogger

Sekarang terbuka lagi (di Notepad) salinan yang sama dari Blogger Template Anda yang di Desktop Anda. Sekarang tekan "CTRL + F 'dan mencari tag <b:skin>.

Hanya sebelum copy dan paste tag <b:skin> kode ini ...

 

<link rel="stylesheet" href="http://sites.google.com/site/gauravakranisite/Home/kalyancitylife.css" type="text/css" media="all" charset="utf-8" /> 

Setelah memverifikasi atas struktur Simpan itu.

Catatan: - Ini adalah sangat penting bahwa Anda menambahkan tag <link> dengan eksternal css sebelum tag <b:skin> lain itu dapat memberikan beberapa masalah tampilan akibat konflik.

Anda juga dapat memampatkan CSS Anda Kode aman dengan hanya menghapus spasi putih ekstra. Saya menggunakan ini layanan online gratis untuk menghapus spasi putih dari kode css.

8. Upload Template Diubah Dengan CSS Eksternal.

Sekali lagi login di akun blogger Anda dan kemudian pergi ke 'Tata Letak'>> 'Edit HTML'. Di bawah 'Backup / Restore Template' klik 'Pilih File' dan memberikan path ke template blogger Anda yang dimodifikasi pada desktop Anda. Kemudian tekan 'upload'.

 

9. Pengujian Implementasi Blog CSS Eksternal.

Sekarang pengujian merupakan langkah penting dan final untuk memverifikasi bahwa dilakukan dengan benar. Jika Anda membuat beberapa kesalahan dalam prosedur di atas Anda mungkin mengalami masalah tampilan. Dalam kasus seperti menelusuri dan memeriksa prosedur di atas sekali lagi dan coba kesalahan pemecahan masalah. Hal ini pasti akan memperbaiki Anda penerapan CSS dan masalah tampilan. Dalam kasus terburuk jika Anda mencoba yang terbaik dan masih mendapatkan masalah tampilan memulihkan kembali template asli Anda dengan kode CSS inline.

 

10. Kesimpulan! Eksternal CSS Di Blogger Template.

Blog ini telah berhasil diterapkan CSS eksternal dan tidak menggunakan inline CSS lagi. Alasan utama untuk menggunakan css eksternal atas inline css adalah untuk mendapatkan ukuran halaman yang lebih kecil, ini membantu dalam loading lebih cepat, bahkan mudah untuk memodifikasi desain CSS tanpa menyentuh template blogger. Selanjutnya Anda bahkan dapat mengontrol dan menerapkan desain antarmuka yang berbeda untuk situs Anda pada agen pengguna yang berbeda.

Judul: Cara Compressed External Blogger Template -
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Unknown