Minggu, 15 Januari 2012

25

Cara Menampilkan Widget Hanya Pada Home Page saja

Minggu, 15 Januari 2012 | 03.48 25 comments

Bagaimana cara kita mengolah tampilan widget atau gadget pada blog?. Dari sekian banyak widget atau gadget yang kita tampilkan pada blog kita, tentu sebaiknya kita juga memikirkan soal kenyamanan pengunjung. Nah..., Salah satunya adalah menampilkan widget atau gadget hanya pada Home Page saja.

Mungkin cara ini bisa membuat para pengunjung lebih nyaman pada saat membaca artikel, misalnya gadget yang berisi iklan banner yang kadang tampilannya berkedip..., tentu itu sangat mengganggu konsentrasi pembaca artikel, ...iya kan?
(hehehe....kemarin blog ini juga ada banner berkedip-kedip....,)

OK..., sebagai konsekwensinya, silahkan anda lihat iklan banner hanya tampil pada "Home Page" blog ini saja, dan pada halaman post artikel iklan banner tersebut tidak tampak serta tidak akan mengganggu konsentrasi anda lagi....

Bila anda berminat silahkan anda ikuti langkah - langkah dibawah ini :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Klik Tambah Gadget pada sidebar, pilih jenis gadget yang anda butuhkan lalu Simpan.

Sekarang anda dapat melihat gadget baru yang muncul pada bagian paling atas pada sidebar template anda.
Pada artikel ini misalnya saya menambahkan gadget HTML / Javascript untuk sidebar saya, silahkan anda lihat gambar dibawah :

4. Dan  sekarang KLik tab Edit HTML.

5. Tanpa " Expanding Widget Templates", Anda Cari kode - kode seperti gambar di bawah ini :
Catatan : Silahkan anda ingat ID widget yang paling atas. Pada gambar diatas, saya contohkan  ID Widget adalah "HTML 2"

6. Sekarang klik pada "Expand Template Widget" dan cari nama yang anda ingat pada langkah di atas. (Pada contoh saya ini adalah HTML2). Seperti anda lihat pada gambar berikut :

7.Copy kode berikut :
<b:if cond='data:blog.url == data:blog.homepageUrl'> dan </b:if>

Kemudian sisipkan ditempat yang sama seperti yang ditunjukkan pada gambar dibawah ini:

8. SIMPAN TEMPLATE.

Selamat mencoba dan Semoga bermanfaat....

Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda gunakan tombol berlangganan artikel yang ada disebelah kanan halaman ini, atau melalui tombol dibawah ini.

Ping your blog, website, or RSS feed for Free



Baca artikel lain :


 

Sabtu, 14 Januari 2012

0

Warna dan Kode Warna

Sabtu, 14 Januari 2012 | 05.14 No comments

Tampilan tabel kode warna ini sangat sederhana, akan tetapi pada tabel ini saya lengkapi dengan nama - nama dari masing warna tersebut. Berbeda dengan tabel kode warna yang sudah saya tampilkan di Blog ini. Bila anda belum lihat, silahkan anda lihat pada artikel berikut : "Cara buat tabel kode warna" dan "Cara membuat code color picker interaktif".

Nah..., Mengingat warna memang sangat berperan sekali pada web ataupun blog, terutama warna kita butuhkan pada saat kita membuat atau pengeditan web juga blog.
Maka tabel ini tetap saya update pada posting kali ini, disamping itu karena ada permintaan sobat blogger yang menginginkan tabel kode warna yang ada atau lengkap dengan nama - nama warnanya.

LIHAT DEMO

Bila anda berminat untuk memiliki, silahkan anda copy kodenya pada Text area dibawah ini :

Ok...., Selamat mencoba dan Semoga bermanfaat....

Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan
anda gunakan tombol berlangganan artikel yang ada disebelah
kanan halaman ini, atau melalui tombol dibawah ini.

Ping your blog, website, or RSS feed for Free



Baca artikel lain :


 

Senin, 09 Januari 2012

10

Cara membuat Bar mengambang atau Floating Bar on Top pada blog

Senin, 09 Januari 2012 | 04.35 10 comments

Floating Bar sering kali kita jumpai ketika kita membuka blog atau merefressnya kembali. Floating Bar tersebut seperti pop up, biasanya berisi iklan teks, banner, ataupun rekomendasi tertentu. Hal ini pemilik blog berharap, pengunjung langsung melihat Floating Bar tersebut dan tertarik untuk melihat.
Fitur ini sangat menarik dan memang diperlukan bila blog anda memang fokus atau sekedar tambahan untuk cari uang. Selain itu Floating Bar berguna juga bila anda ingin merekomendasikan atau mengabarkan suatu acara yang anda adakan.

 Bila anda berminat silahkan anda ikuti langkah - langkah dibawah ini :

1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.

4. Cari kode di bawah ini atau yang mirip dengan kode ini :
</head>

5. Copy kode di bawah ini dan taruh tepat sebelum kode </head> :

6. Cari kode di bawah ini atau yang mirip dengan kode ini :
</body>

7. Copy kode di bawah ini dan taruh tepat sebelum kode </body> :
<div id="topbar">
<a href="#" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0-rmQue6f48QQ_T2YCa2r8M22Jq6ksC4eTrlAyGfNyBMZqTy9AbXs32pRboMsHd94Kn36Uf2h6NjzN43FMVxmt_iZi9NsgiIl2gCi5N7yf38odWM67JqFvlUcaT2iEL7GkMmoodGj89Q9/h80/close.png" align="right" border="0" />
<a href="YOUR LINK" onclick="closebar(); return true">DISINI TEKS ATAU SCRIPT IKLAN MILIK ANDA
</div>
Catatan :
Silahkan anda ganti teks berwarna merah dengan Teks, Script iklan atau banner milik anda.


8. Simpan Template.

Selamat mencoba dan Semoga bermanfaat....

Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda gunakan tombol berlangganan artikel yang ada disebelah kanan halaman ini, atau melalui tombol dibawah ini.

Ping your blog, website, or RSS feed for Free



Baca artikel lain :


 

Minggu, 08 Januari 2012

6

Cara menambahkan pengatur ukuran teks pada blog

Minggu, 08 Januari 2012 | 03.20 6 comments

Menambahkan pengatur ukuran teks atau Resizer Text, memiliki kegunaan tersendiri bagi pengunjung yang merasa ukuran teks pada blog kita kurang jelas atau terlalu kecil. Dengan cara ini kita memberi kebebasan pada pengunjung untuk merubah ukuran teks sesuai dengan selera pembaca. Sehingga pengunjung betul - betul merasa nyaman membaca artikel atau posting yang kita suguhkan.

Bila anda berminat silahkan anda ikuti langkah - langkah dibawah ini :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.

4. Cari kode di bawah ini atau yang mirip dengan kode ini :
]]></b:skin>

5. Copy kode di bawah ini dan taruh tepat sebelum kode ]]></b:skin> :
.textresize {
padding-left:20px;
padding-top:5px;
}


6. Kemudian Copy kode di bawah ini dan taruh diantara ]]></b:skin> dan tag </head> :
<script language='JavaScript' type='text/javascript'>
function changeFontSize(inc)
{
var p = document.getElementsByTagName(&#39;p&#39;);
for(n=0; n&lt;p.length; n++) {
if(p[n].style.fontSize) {
var size = parseInt(p[n].style.fontSize.replace(&quot;px&quot;, &quot;&quot;));
} else {
var size = 12;
}
p[n].style.fontSize = size+inc + &#39;px&#39;;
}
}
</script>

7. Bila anda ingin fitur ini diletakkan diarea posting, Cari kode di bawah ini atau yang mirip dengan kode ini :
<div class='post-header-line-1'/>

8. Tambahkan kode dibawah ini setelah baris di atas.:
<span class='textresize'>
Text Size :<a href='javascript:changeFontSize(1)'> [+]</a> | <a href='javascript:changeFontSize(-1)'> [-]</a>
</span>

9. Simpan Template.

Tapi bila anda ingin meletakkannya pada sidebar, Silahkan anda ikuti langkah berikut :
1. Klik Rancangan dan pilih Elemen Laman


2. Tambah Gadget

 3. Pada jendela baru anda Anda pilih gadget HTML/JavaScript







4. Copy dan paste kode dibawah ini pada gadget tersebut :
<span class='textresize'>
Text Size :<a href='javascript:changeFontSize(1)'> [+]</a> | <a href='javascript:changeFontSize(-1)'> [-]</a>
</span>
5. Simpan.

Selamat mencoba dan Semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda gunakan tombol berlangganan artikel yang ada disebelah kanan halaman ini, atau melalui tombol dibawah ini. 

Ping your blog, website, or RSS feed for Free



Baca artikel lain :


 

Senin, 02 Januari 2012

25

Cara membuat background random image pada header

Senin, 02 Januari 2012 | 10.17 25 comments

Pada tutorial ini saya akan memberikan langkah-langkah cara membuat background gambar pada header yang tampil secara acak bergantian. Dan cara kerjanya yaitu background header mengalami perubahan background ketika halaman setiap kali kita refresh.

Dengan menambahkan fitur random image pada background header ini, seakan mengganti suasana tampilan blog kita..., Hebat kan?
Munculnya perubahan background tergantung jumlah gambar background header yang kita buat. Dan dibawah ini saya contohkan dengan 5 tampilan background gambar yang berbeda.

Silahkan anda lihat bentuk dan tampilan background random image pada header ini : LIHAT DEMO

Bila anda berminat silahkan anda ikuti langkah - langkah dibawah ini :

1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.


4. Cari kode di bawah ini atau yang mirip dengan kode ini :
<body>

5. Copy kode di bawah ini dan taruh tepat setelah kode <body> :
<script type='text/javascript'>

var HeaderImage= new Array()

HeaderImage[0]=&quot;URL GAMBAR UKURAN HEADER-1&quot;
HeaderImage[1]=&quot;URL GAMBAR UKURAN HEADER-2&quot;
HeaderImage[2]=&quot;URL GAMBAR UKURAN HEADER-3&quot;
HeaderImage[3]=&quot;URL GAMBAR UKURAN HEADER-4&quot;
HeaderImage[4]=&quot;URL GAMBAR UKURAN HEADER-5&quot;
var random=Math.round(4*Math.random());

document.write(&quot;<style>&quot;);
document.write(&quot;#header-wrapper {&quot;);
document.write(&#39; background:url(&quot;&#39; + HeaderImage[random] + &#39;&quot;) no-repeat left TOP;&#39;);
document.write(&quot; }&quot;);
document.write(&quot;</style>&quot;);

</script>
CATATAN:
Ganti "URL GAMBAR UKURAN HEADER" dengan URL gambar MILIK Anda.

Jika kode di atas tidak bekerja pada blog Anda, silahkan ganti "# header-wrapper" dengan "# header". (ID atau CSS pada bagian header).

Anda dapat menambahkan gambar yang berbeda untuk latar belakang header pada blog anda. Tapi ingat untuk memberi 5 gambar background,   pada bagian "var random" tertulis
"var random=Math.round(4*Math.random());"

Jadi bila anda ingin menambahkan menjadi 8 tampilan background yang berbeda, maka kode harus berubah menjadi seperti berikut :
"var random=Math.round(7*Math.random());".

Silahkan perhatikan cara penulisan di bawah ini.:
 <script type='text/javascript'>
var HeaderImage = new Array ()

HeaderImage [0] = "URL-OF-HEADER-CITRA-1"
HeaderImage [1] = "URL-OF-HEADER-CITRA-2"
HeaderImage [2] = "URL-OF-HEADER-CITRA-3"
HeaderImage [3] = "URL-OF-HEADER-CITRA-4"
HeaderImage [4] = "URL-OF-HEADER-CITRA-5"
HeaderImage [4] =" URL-OF-HEADER-CITRA-6"
HeaderImage [4] =" URL-OF-HEADER-CITRA-7"
HeaderImage [4] =" URL-OF-HEADER-CITRA-8"

var random = Math.round (7 * Math.random ());
document.write (" <style> ");
document.write (" # header-wrapper {");
document.write ('background: url ("' + HeaderImage [acak] + '") tidak mengulangi-kiri TOP;');
document.write ("}") ;
document.write ("</ style>");
</ script>

5. Simpan Template.

Nah untuk mencoba silahkan anda refresh halaman blog anda. maka tampilan background akan berganti.

Atau akan LIHAT DEMO lagi.

Selamat mencoba dan Semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda gunakan tombol berlangganan artikel yang ada disebelah kanan halaman ini, atau melalui tombol dibawah ini.

Ping your blog, website, or RSS feed for Free



Baca artikel lain :


 

Sabtu, 24 Desember 2011

32

Cara membuat multi tab dengat gadget didalamnya

Sabtu, 24 Desember 2011 | 04.17 32 comments

Dilihat dari fungsi dan cara kerjanya, multi tab ini lebih efisien, terutama pada saat kita edit atau mengisi data pada konten multi tab. Dengan multi tab ini kita tinggal menambahkan gadget yang sudah ada didalam multitab tersebut. Misalnya kita ingin Arsip blog, entri populer, daftar blog, video atau yang lain ada dalam multi tab, maka kita tinggal add gadget. Tapi ingat, bila anda ingin memasukkan gadget yang sudah ada pada blog anda, misalnya Arsip blog, entri populer, daftar blog, sebaikya anda hapus dulu gadget yang sudah ada, kemudian baru menambahkan gadget baru yang ada pada multi tab.
Silahkan anda lihat bentuk dan tampilan multi tab ini : DEMO

Bila anda berminat silahkan anda ikuti langkah - langkah dibawah ini :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.


4. Cari kode di bawah ini atau yang mirip dengan kode ini :
]]></b:skin>

5. Copy kode di bawah ini dan taruh tepat setelah kode ]]></b:skin> :

6. Langkah selanjutnya cari lagi kode di bawah ini atau yang mirip dengan kode ini :
<div id='sidebar-wrapper'>

7. Copy kode di bawah ini dan taruh tepat setelah kode <div id='sidebar-wrapper'> :
<!-- Tabzine -->
<div class='widgets' id='tabzine'>
<ul class='tabnav'>
<li class='pop'><a href='#tab11'>DAFTAR BLOG</a></li>
<li class='fea'><a href='#tab22'>ARSIP</a></li>
<li class='rec'><a href='#tab33'>POPULER</a></li>
</ul>

<!-- tab1 -->
<div class='tabdiv' id='tab11'>
<b:section class='sidebar5' id='sidebar5' preferred='yes'>
<b:widget id='HTML223' locked='false' title='' type='HTML'/>
</b:section>
</div>
<!--/tab1-->

<!-- tab2 -->
<div class='tabdiv' id='tab22'>
<b:section class='sidebar4' id='sidebar4' preferred='yes'>
<b:widget id='HTML323' locked='false' title='' type='HTML'/>
</b:section>
</div>
<!-- tab2 -->

<!-- tab3 -->
<div class='tabdiv' id='tab33'>
<b:section class='sidebar3' id='sidebar3' preferred='yes'>
<b:widget id='HTML423' locked='false' title='' type='HTML'/>
</b:section>
</div>
<!-- /tab3 -->

</div>
<!-- /Tabzine -->
Catatan : Silahkan anda bisa mengganti Judul tab yang berwarna merah diatas.

8. SIPAN TEMLPATE.

Silahkan anda menuju Elemen Laman, dan lihat multi yang bentuknya kira - kira seperti gambar ini :

Kemudian silahkan anda tambah gadget  dan isi sesuai dengan Judul tab yang anda buat tadi.
Berikut tampak satu persatu dari tiga judul tab diatas :

Atau akan lihat DEMO lagi.

OK..., Selamat mencoba ya...
Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.

Ping your blog, website, or RSS feed for Free



Baca artikel lain :


 

Sabtu, 17 Desember 2011

8

Cara membuat box transparant diatas gambar

Sabtu, 17 Desember 2011 | 03.35 8 comments

Dengan properti CSS Opacity atau efek transparant, kita bisa memanfaatkanya untuk membuat sebuah box transparant yang kita letakkan diatas sebuah background gambar. Dalam beberapa browser seperti Firefox efek transparant menggunakan properti opacity:x, dan x memiliki nilai 0,0 hingga 1,0. Jadi semakin rendah nilainya, maka elemen akan lebih transparant. Pada browser IE, efek transparant menggunakan properti "filter:(opacity=x)" dan x memiliki nilai antara 0 hingga 100.IE sama dengan Firefox, semakin rendah nilainya, maka elemen juga akan lebih transparant.
Pada fungsinya, kita bisa menampilkan teks informasi atau cuplikan singkat sebuah artikel atau biasa disebut dengan deskripsi pada box transparant ini, sementara pada background yang ada dibelakangnya bisa menggunakan gambar yang berhubungan dengan artikek, disamping itu sebagai penguat artikel itu sendiri.

Cara kerjanya silahkan anda lihat box transparan dibawah ini, anda bisa letakkan pointer mouse diatasnya. Dan bila diklik akan mengarahkan kita menuju artikel yang dimaksud pada deskripsi yang ada pada box transparant tersebut.

Bila anda berminat silahkan anda bisa ikuti langkah - langkah dibawah ini :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.



4. Cari kode di bawah ini atau yang mirip dengan kode ini :

</head>

5. Copy kode di bawah ini dan taruh sebelum kode </head> :

<style type="text/css">
div.background
{
  width: 500px;
  height: 250px;
  background: url(URL GAMBAR MILIK ANDA)no-repeat;
  border: 3px solid #515AA3;
}

.transbox a:link,a:visited
{
  display:block;
  width: 400px;
  margin-left:auto;
  margin-right:auto;
  margin-top:15px;
  padding:15px;
  font-weight: bold;
  font-style: italic;
  color: #000000;
  text-decoration:none;
  border: 3px solid #515AA3;
  background-color: #ffffff;
  background-filter:alpha(opacity=80);
  opacity:0.8;
}
.transbox a:hover,a:active
{
  display:block;
  border: 3px solid #CCCCCC;
  background-color: #515AA3;
  color: #ffffff;
}
</style>
Catatan : Silahkan anda bisa ganti nilai dan kode warna yang berwarna merah dan silahkan ganti ULR GAMBAR dengan milik anda.

Langkah selanjutnya anda tinggal menampilkan Box transparant pada sidebar blog anda. Berrarti anda tinggal menambah gadget. Perhatikan langkah berikut :
1. Klik Rancangan dan pilih Elemen Laman

2. Tambah Gadget



3. Pada jendela baru anda Anda pilih gadget HTML/JavaScript



4. Copy dan paste kode dibawah ini pada gadget tersebut :
<div class="background">
<div class="transbox">
<a href="ULR ARTIKEL ANDA"target="_blank" >Informasi atau cuplikan singkat artikel yang dituju</a>
</div>
</div>


Ok...., Selamat mencoba dan Semoga bermanfaat....
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini.
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

Ping your blog, website, or RSS feed for Free



Baca artikel lain :


 

Selasa, 13 Desember 2011

14

Menambah widget pengatur Ukuran dan Warna teks pada Blog

Selasa, 13 Desember 2011 | 15.16 14 comments

Widget ini sesuai fungsinya menurut saya sangat unik dan berguna bagi pengunjung atau pembaca artikel di blog kita, yaitu pengunjung bisa mengatur atau merubah ukuran dan warna tulisan sesuai dengan selera atau kenyamanan mata pengunjung saat membaca. Dalam widget ini terdapat 4 macam warna dan 4 macam ukuran yang bisa dipilih. Anda bisa lihat contoh gambar bentuk widget diatas.
OK...., bila anda juga bermninat memasang widget seperti ini pada blog anda, silahkan anda ikuti langkah-langkah berikut :

1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.






4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.
6. Cari kode di bawah ini atau yang mirip dengan kode ini :

</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.

Langkah selanjutnya anda tinggal menampilkan Widget pada halaman depan blog anda. Perhatikan langkah berikut :

1. Klik Rancangan dan pilih Elemen Laman







2. Tambah Gadget



3. Pada jendela baru anda Anda pilih gadget HTML/JavaScript







4. Copy dan paste kode dibawah ini pada gadget tersebut :
<!-- 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: #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 -->
 
5. Simpan.


Dan sekarang anda lihat hasil Widget yang baru anda buat....
Selamat mencoba dan semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentarmu ya......terima kasih.
 

Ping your blog, website, or RSS feed for Free



Baca artikel lain :


 

BLOGGER

TUTORIAL BLOGGER

TUTORIAL BLOGGER

REKOMENDASI

REKOMENDASI

Artikel Terbaru

POST POPULER

Entri Populer


HEADLINE

DAFTAR ISI

DAFTAR ISI


BACKLINK

INFO

Bagi anda yang berminat tukar link, silahkan copy linknya lalu pasang di Blog anda. Dan bila sudah terpasang, jangan lupa beritahu saya, agar link anda segera saya pasang di Blog tercinta ini.

CEO BLOG MAS NOER

Noer cholis

Plosokuning V, Minomartani, Ngaglik, Sleman, Yogyakarta.

TUKAR LINK

TUKAR LINK




Baca artikel "Manfaat Tukar Link"











Baca artikel "Manfaat Tukar Link"

LINK SAHABAT

LINK SAHABAT


CHAT

CHAT




TESTIMONI

Follow Us

Bila anda merasa artikel ataupun tutorial yang ada di Blog ini bermanfaat, anda bisa berikan suport comment melalui form ini. Form ini sangat bagus sebagai BACKLINK buat blog anda, silahkan tinggalkan link anda....

RECENT COMMENT

Recent Comments


top down