Jangan Lewatkan Artikel Yang Berkaitan Dengan Menambah widget pengatur Ukuran dan Warna teks pada Blog dibawah ini:
cara menampilkan hanya judul posting saja di homepage
untuk demonya sobat bisa lihat di homepage blog ini DemoSekedarbiasa blogspot..
nih langkah-langkahnya:
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTM ... lihat selengkapnya
Membuat Back To Top Berefek (Smooth)
Bagaimana Membuat Back To Top / Kembali ke Atas pada Blogger?
Setelah beberapa waktu lalu sharing seputar bagaimana membuat link anchor back to top dalam satu halaman posting blog,dengan konsep ya ... lihat selengkapnya
Cara Mengatur Ukuran Lebar 'Widget' Template Blogger
Cara Singkat,Cepat dan Efektif Mengatur Ukuran Lebar 'Konten Utama / Postingan' Blogger Template
Jika
sobat menginginkan ukuran template dapat sobat utak-atik sendiri dengan
cara singkat,tak ad ... lihat selengkapnya- Cara buat slide menu drop down
Klik DEMO untuk lihat contohnya
Nih Langkah"nya:
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.
4. Disarankan Back up template dulu.
5. Jangan lupacentang ... lihat selengkapnya
Cara Membuat Thumbnail Related Post di Bawah Posting
Nah,untuk bentuk fisiknya,sobat bisa lihat di SINI.
Langkah dan Cara Membuat / Memasang Related Post Bergambar (Thumbnail Related Post)
1. Pertama, masuk ke akun Blogger sobat, buka tab ... lihat selengkapnya
بسم الله الرحمن الرحيم
Klik DEMO untuk melihat contohnya. بسم الله الرحمن الرحيم
Ni h langkah"nya:
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.
4. Disarankan untuk mem-back up template dulu.
6. Cari kode </head>.
7. Copy kode di bawah ini dan taruh sebelum kode </head> :
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
8. Simpan Template.
kemudian untuk memanggilnya,ikuti langkah-langkah dibawah ini..
1. Klik Rancangan dan pilih Elemen Laman
3. Pada jendela baru anda Anda pilih gadget HTML/JavaScript
4. Copy dan paste kode dibawah ini pada gadget tersebut :
<!-- Code Begins -->5. Simpan.
<!-- 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: #088A08 !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: "#088A08" });
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> Ganti warna tulisan </h2>
<ul id="fcw-color">
<li> <a id="fcw-black" href="#">black</a> </li>
<li> <a id="fcw-white" href="#">green</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> Ganti ukuran tulisan </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 -->
Selamat Mencoba...Good Luck!
Bila anda merasa artikel diatas bagus dan bermanfaat, anda bisa gunakan URL atau HTML dibawah ini. Silahkan anda dipasang dihalaman web atau blog anda untuk menuju kehalaman ini :
...mencuri itu tidak baik...hargailah karya anak bangsa
Post a Comment