Langsung ke konten utama

Cara Tambah Pengubah Ukuran Font / Warna Widget untuk blogger


Tambahkan widget ini berguna untuk blog Anda untuk memberikan pembaca Anda lebih banyak pilihan untuk meningkatkan kenyamanan mereka membaca .

Hal ini memungkinkan kita untuk mengubah warna teks dari area pos sebagai hitam, putih, biru dan abu-abu.

Hal ini memungkinkan kita untuk mengubah ukuran teks dari area pos sebagai 10, 12 14, 16.
Ikuti langkah-langkah sederhana di bawah ini untuk menambahkan widget ini.

1.Log in ke dashboard -> Layout--> Edit HTML
 
2.Gulir ke mana Anda melihat </ head> tag.
 
3.Sekarang menambahkan kode di bawah ini sebelum </ head> tag.







<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>



5.Sekarang menyimpan template Anda.
 
6.Pergi ke Layout -> Elemen Halaman.
 
7.Klik pada 'Tambah Gadget' di sidebar.
 
6.Pilih 'HTML / Javascript "dan tambahkan kode di bawah ini dan klik save.




 


<!-- Code Begins -->
<!-- http://TheUnnecessaryWorld.co.cc -->
<style type="text/css">
/** TUW Font Color and Size Change widget begins **/
#tuw-font-change-widget {width: auto;}
#tuw-font-change-widget h2 {margin: 0 0 8px 0 !important;font: 12px Tahoma !important;font-weight: normal !important;border: 0 !important;}
#tuw-font-change-widget ul {width: auto; overflow: hidden;margin: 0 0 20px !important;padding: 0 !important;list-style; none !important;}
#tuw-font-change-widget ul li {width: 20px !important;height: 20px !important;overflow: hidden;margin: 0 10px 0 0 !important;padding: 2px !important;display: block !important;float: left !important;border: 1px solid #CCCCCC !important;}
#tuw-font-change-widget ul li a {width: 20px !important;height: 20px !important;display: block !important;line-height: 18px !important;text-align: center !important;color: #FFFFFF !important;font-size: 11px !important;font-family: Tahoma !important;text-decoration: none !important; outline: 0 !important;}
#fcw-black { background: #000000 !important; } #fcw-white { background: #FFFFFF !important; } #fcw-blue { background: #0066CC !important; } #fcw-gray { background: #666666 !important; }
#fcw-color a { text-indent: -999px !important; }
#fcw-size a { text-indent: 0 !important; background: #333333 !important; }
/** TUW Font Color and Size Change widget begins **/
</style>
<script type="text/javascript">
$(document).ready(function(){
// Change Font Color -- begins
$(" #fcw-color #fcw-black ").click(function() {
$(" .post-body ").css({ color: "#000000" });
return false;
}); $(" #fcw-color #fcw-white ").click(function() {
$(" .post-body ").css({ color: "#FFFFFF" });
return false;
});
$(" #fcw-color #fcw-blue ").click(function() {
$(" .post-body ").css({ color: "#0066CC" });
return false;
});
$(" #fcw-color #fcw-gray ").click(function() {
$(" .post-body ").css({ color: "#666666" });
return false;
});
// Change Font Color -- ends
// Change Font Size -- begins
$(" #fcw-size #fcw-10 ").click(function() {
$(" .post-body ").css({ fontSize: "10px" });
return false;
});
$(" #fcw-size #fcw-12 ").click(function() {
$(" .post-body ").css({ fontSize: "12px" });
return false;
});
$(" #fcw-size #fcw-14 ").click(function() {
$(" .post-body ").css({ fontSize: "14px" });
return false;
});
$(" #fcw-size #fcw-16 ").click(function() {
$(" .post-body ").css({ fontSize: "16px" });
return false;
});
// Change Font Size -- ends
});
</script>
<!-- TUW Blogger Change Font color and size widget begins -->
<div id="tuw-font-change-widget">
<div class="tuw-fcw">
<h2> Change Font Color </h2>
<ul id="fcw-color">
<li> <a id="fcw-black" href="#">black</a> </li>
<li> <a id="fcw-white" href="#">white</a> </li>
<li> <a id="fcw-blue" href="#">blue</a> </li>
<li> <a id="fcw-gray" href="#">gray</a> </li>
</ul>
</div>
<div class="tuw-fcw">
<h2> Change Font Size </h2>
<ul id="fcw-size">
<li> <a id="fcw-10" href="#">10</a> </li>
<li> <a id="fcw-12" href="#" title="Default Size">12</a> </li>
<li> <a id="fcw-14" href="#">14</a> </li>
<li> <a id="fcw-16" href="#">16</a> </li>
</ul>
</div>
</div>
<!-- TUW Blogger Change Font color and size widget ends -->
<!-- Code ends -->


Label:
Lokasi: Kediri, Indonesia

Komentar

Posting Komentar

Postingan populer dari blog ini

Forex

Apa itu Forex? Jika Anda pernah bepergian ke negara lain, biasanya Anda harus menemukan stan penukaran mata uang di bandara, dan kemudian menukar uang yang Anda miliki ke dalam mata uang negara yang Anda kunjungi. Anda pergi ke counter dan melihat layar menampilkan nilai tukar yang berbeda untuk mata uang yang berbeda. Anda menemukan “yen Jepang” dan berpikir , “WOW satu dolar saya! Senilai ¥ 100?! Dan aku punya sepuluh dolar! Aku akan menjadi kaya!” (Kegembiraan ini cepat hilang ketika Anda berhenti di sebuah toko di bandara untuk membeli sekaleng soda dan tiba-tiba setengah uang anda hilang.) Ketika Anda melakukan ini, Anda pada dasarnya sudah berpartisipasi dalam pasar forex! Anda telah menukar satu mata uang ke mata uang yang lain. Atau dalam istilah forex trading, dengan asumsi Andaorang Amerika mengunjungi Jepang, Anda telah menjual dolar dan membeli yen. Sebelum Anda terbang kembali ke rumah, Anda berhenti di stan pertukaran mata uang untuk menukar yen dan perhatikan nilai tuka...
Posting Komentar
Read more»

Mimpi Buruk

Aku tahu ini seperti cerita yang lainnya,tapi itu benar-benar mulai menakut-nakutiku sekarang.Aku memiliki mimpi yang buruk,benar-benar buruk.Mereka telah berlangsung selama 8 tahun dan beberapa bulan sekarang.Saya selalu tertarik dengan para paranormal tetapi saya tidak percaya apa yang di lakukan mereka adalah kenyataan,tapi sekarang...........saya tidak yakin dengan perasaanku.Mimpiku adalah tentang seorang wanita yang sama,rambut panjang hitam/coklat.Dia selalu mengenakan gaun hitam ketat polos,gaun yang panjang dengan lengan panjang pertengahan yang berakhir di siku.aku belum pernah melihat ke bawah lututnya jadi saya tak dapat berkomentar mengenai sepatu apa yang di kenakannya.Tapi dari belakang ia tampak seperti wanita normal yang akan keluar menghadiri sebuah pesta semi formal atau sesuatu yang seperti itu. Tapi dari depan adalah cerita yang berbeda,kulitnya begitu pucat tetapi sedikit semburat abu-abu.Matanya yang paling menghantui.Meskipun matanya lebar dan di kelilingi oleh...
Posting Komentar
Read more»

Roh Quija

Tidak satupun dari kita percaya pada paranormal atau supranatural, tapi papan Ouija sepertinya cara yang menyenangkan untuk menghabiskan waktu.   Kami semua berusia sekitar dua puluhan , yang bertingkah sedikit konyol, dan pasti terobsesi dengan spesies laki-laki.Setelah beberapa petunjuk tentang kami saat ini, kami mencoba untuk memanggil hantu. Kami terdiam selama 10 menit sambil berharap cemas sebelum kami akhirnya menyerah.   Kami melihat film dan semua menginap di rumahku . Tiba-tiba, kita semua tersentak ter bangun karena tv yang kita lihat tiba-tiba mati sendiri . L ayar tv berubah hitam, wajah seorang gadis remaja muda muncul di layar, meneteskan darah dari sudut mata kosongnya .   Maria menjerit dan aku mencengkeram lengan Tary , dan kemudian kami berempat dibuat terburu-buru menuju kamar tidur. Sara y ang paling tenang di antara kita semua, Sara mengatakan kepada kami itu mungkin hanya imajinasi terlalu aktif larut malam.   Tidak ada yang percaya pad...
Posting Komentar
Read more»