✔ Bagaimana Untuk Menyesuaikan Widget Sidebar Blogspot 2015
Ingin bermain-main dengan bagaimana widget sidebar Anda terlihat? Dalam posting ini, saya akan membuatkan dengan Anda bagaimana saya diubahsuaikan desain widget sidebar (foto bawah). Saya intinya menambahkan strip pita sebagai latar belakang untuk judul widget saya atau judul gadget.
Untuk kustomisasi ini, saya mempunyai Blog Massal untuk berterima kasih untuk. Jika Anda melihat saya posting sebelumnya wacana tips dan tutorial saya yang paling sering digunakan, Anda akan menemukan tutorial untuk styling widget secara manual.
Oke, pada bagaimana saya diubahsuaikan widget saya!
1. Hal pertama yang saya lakukan yaitu mencari strip pita gratis yang sanggup saya gunakan. Saya menemukan tambang melalui Pugly Pixel , yang merupakan sumber daya yang mengagumkan untuk blog dan desainer grafis. Aku hanya mengetik "pita strip" pada kotak pencarian dan voila!
2. Makara saya menemukan jalur rekaman saya dan saya skala itu ke ukuran yang saya perlukan. Sebenarnya, apa yang saya lakukan yaitu membuka posting gres di blog saya dan upload gambar strip pita. Setelah upload, saya mengklik di atasnya dan menentukan KECIL pada toolbar yang muncul. Setelah gambar itu diperkecil ke ukuran yang lebih kecil, saya benar-diklik di atasnya, menentukan "URL gambar Copy" dan disisipkan URL di suatu daerah sehingga saya sanggup kembali ke sini kelak. Lalu saya menyimpan posting sebagai draft. Jika Anda suka, Anda selalu sanggup meng-upload gambar jalur rekaman Anda di situs penyimpanan foto menyerupai Photobucket dan hanya ambil URL gambar.
3. Setelah mendapat gambar rekaman jalur saya siap, saya pergi ke Template dan menciptakan cadangan dari template saya (klik Backup / Restore di sudut kanan atas). Hal ini sangat penting dikala bermain-main dengan template Anda. Anda ingin mempunyai back up dalam masalah hal-hal tidak berubah menyerupai yang Anda harapkan dan Anda akan perlu untuk kembali ke template orisinil Anda.
4. Setelah menyimpan kembali saya, saya mengklik Edit HTML dan mencari ID widget saya. Saya intinya hanya menggulir ke bab terakhir di mana saya sanggup menemukan isi sidebar (lihat foto di bawah) Untuk tutorial ini, saya memakai widget ID:. HTML23 yang mengacu pada widget dengan judul "Hei, saya m Leah! " (Lihat di mana dalam foto?).
5. Selanjutnya, saya mencari ini di template saya:]]> </ b: skin>
dan saya menambahkan isyarat berikut DI ATAS itu.
dan saya menambahkan isyarat berikut DI ATAS itu.
# HTML23 {
background: #FFFFFF;
padding: 10px;
}
# HTML23 h2 {
background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLgplNWyI_U4iKHbX6EdLdcR_mNd_bRR5W_v5pIAIWPrnyXY5didT9EiuYagBYc48KLslSfuE45bH-FrsefkIfQnEpoKd3M7MDg9KozAbkfgznQTsPnZWErwxf_zT9ddZVf9Uul4ZywjA/s200/tapestrips_lightblue_grid+2.png ) tengah atas no-repeat;
height: 45px;
margin-top: -34px;
padding-top: 10px;
text-align: center;
}
background: #FFFFFF;
padding: 10px;
}
# HTML23 h2 {
background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLgplNWyI_U4iKHbX6EdLdcR_mNd_bRR5W_v5pIAIWPrnyXY5didT9EiuYagBYc48KLslSfuE45bH-FrsefkIfQnEpoKd3M7MDg9KozAbkfgznQTsPnZWErwxf_zT9ddZVf9Uul4ZywjA/s200/tapestrips_lightblue_grid+2.png ) tengah atas no-repeat;
height: 45px;
margin-top: -34px;
padding-top: 10px;
text-align: center;
}
Anda sanggup melihat bahwa saya telah mengidentifikasi widget - # HTML23. Set pertama isyarat intinya berarti saya menciptakan latar belakang widget saya putih (#FFFFFF) dengan padding 10px di semua sisi. Anda sanggup menyesuaikan ini sesuai impian Anda.
Set kedua isyarat mengacu pada judul widget (h2). Untuk latar belakang, saya meletakkan URL gambar strip rekaman saya (warna biru). Untuk widget Anda sendiri, Anda mungkin perlu menyesuaikan penempatan gambar (tengah atas, kiri bawah, kanan bawah, dll), tinggi , margin-top, padding-top, text-align (kiri, kanan, tengah). Edit pengukuran dan preview template Anda untuk melihat tampilannya. Bermain-main dengan pengukuran hingga Anda puas dengan bagaimana widget Anda terlihat.
6. Setelah saya puas dengan bagaimana widget saya melihat, saya mengklik Simpan. Kemudian saya melaksanakan hal yang sama untuk semua widget lainnya di blog saya.
Dan itu saja.
Untuk lebih lanjut wacana bagaimana gaya atau menyesuaikan widget sidebar Anda, Anda sanggup pergi ke mana saya berguru trik: www.colorityou.blogspot.com alasannya yaitu ini blog sumber nya
Jika Anda mempunyai pertanyaan, jangan ragu untuk email saya atau komentar. :)
Bagaimana untuk menyesuaikan widget sidebar Anda ">
0 Response to "✔ Bagaimana Untuk Menyesuaikan Widget Sidebar Blogspot 2015"
Posting Komentar