Cara Mengedit Backgound Linkwithin
Baru-baru ini sementara mendesain ulang website klien, kami pikir Linkwithin yang benar-benar dapat disesuaikan dengan menimpa stylesheet default. Kami menggunakan Google Chrome untuk mengidentifikasi kelas dan ID. Ini mari kita mengubah warna latar belakang dari gambar thumbnail, mengubah warna teks dan judul margining, menambahkan efek dingin hover dan yang paling penting menghapus link linkwithin kredit dan link logo yang muncul ke arah sudut kanan bawah plugin. Kami telah menciptakan gaya sampel dengan tema gelap dan kami ingin berbagi stylesheet, menggunakan yang Anda dapat menambahkan Anda terlihat baru yang kreatif untuk itu dan berbaur sempurna dengan blog Anda terlihat dan merasa. Kedua BlogSpot dan pengguna wordpress akan menemukan tutorial ini berguna karena semua yang Anda perlu lakukan adalah untuk menyalin dan menyisipkan kode CSS sederhana. Mari kita bekerja!
Jika Anda belum menginstal widget linkwithin di blog Anda maka silakan pertama menginstalnya disini.
Jika Anda belum menginstal widget linkwithin di blog Anda maka silakan pertama menginstalnya disini.
Catatan: Wordpress pengguna perlu untuk menyisipkan stylesheet di bawah ini dengan pergi kePenampilan > Editor.
saya akan berbagi langkah untuk blog blogger di sini.
saya akan berbagi langkah untuk blog blogger di sini.
- Pergi ke Blogger> Template
- Klik Edit HTML > Procced > centang 'Expand Template Widget'
- Cari kode ]]> </ B: skin>, pastekan kode berikut ini tepat diatas kode ]]> </ B: skin>
/ * ----- Linkwithin Stylesheet oleh www.MybloggerTricks.com----- * / # linkwithin_logolink_0 { display: none penting;! } # linkwithin_logo_0 {display: none;} # {lws_0 jelas: keduanya penting; marjin : 0 0 0 20px penting;! }{linkwithin_outer. margin:! 0 0 0 20px penting; } . linkwithin_text { color: # FF683F penting;! font-size: 16px penting;! padding-bottom: 5px penting;! } . linkwithin_posts a { background: # 333333 penting;! perbatasan-kanan: 1px solid # 404040 ! penting; } . linkwithin_posts a: hover { background: # 666666 ! penting;} . linkwithin_img_0 { border: 2px padat # dddddd ! penting; padding: 2px penting; lebar: 100px penting, tinggi:! 100px penting; } . linkwithin_img_0: hover {border: 2px padat # 333333 penting; padding:! 2px penting; } . linkwithin_title {color: # ffffff ! penting; font- keluarga: "tahoma", sans-serif penting;! font-size: 11px penting; line-height: 14px penting;! text-decoration: none; border-top: 1px solid # ddd penting; } linkwithin_title: hover. { border-top: 1px solid # 333 penting;! } - Membuat perubahan untuk mengubah warna. Tip:
- Untuk mengubah warna teks " Anda mungkin juga menyukai "perubahan sederhana nilai warna heksadesimal kode # FF683F
- Untuk mengubah ukuran font sunting 16px
- Untuk mengubah warna latar belakang kontainer di mode edit aktif # 333333
- Untuk mengubah warna latar belakang kontainer di mouse hover mode edit # 666666
- Untuk mengubah warna pemisah antara setiap thumbnail silakan edit # 404040
- Untuk mengubah perbatasan di setiap thumbnail dalam modus aktif mengedit # dddddd gambar
- Untuk mengubah perbatasan di mouse hover mode edit # 333333
- Simpan template Anda dan Anda semua dilakukan!
- Untuk mengubah judul posting link warna sunting # ffffff
- Kunjungi blog Anda dan melihatnya dicampur hanya dengan sempurna! :)
Artikel Terkait
Category Article Blogger Widget
