Widget display skin windows8 ~ blog sepot

Display Skin SM adalah widget blogger yang membantu anda dalam menyempurnakan sebuah blog dengan merubah tampilan secara langsung yang ada didalamnya. Widget ini memanfaatkan Cookie browser untuk menyimpan data rubahan dari tampilan blog itu.

Anda bisa mengatur ukuran huruf, tipe huruf, warna huruf, warna bakground, bahkan Anda juga bisa memilih URL background dari tempat lain.

Suport oleh JQuery dan JavaScript

Demo Instalasi

Note!

Anda bisa mengganti URL BACKGROUND sendiri
Juga cukup mengganti s1600 menjadi s30
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcOcA1eYlFp2Zs7baBjFbgA8kSSzXKNv_35qmcxXnSPVPJ7oMHP2jaqZXYTClLmtsYKv5bZ9qji0kttEyS0IfRwrit_vD97XPxBatxcsSJ9H0rhrLRY0j3RyO4HyrBpDkEIJF3Du3H-YFS/30/Burning_Umbrella+%28+gothicwallz.blogspot.com%29.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcOcA1eYlFp2Zs7baBjFbgA8kSSzXKNv_35qmcxXnSPVPJ7oMHP2jaqZXYTClLmtsYKv5bZ9qji0kttEyS0IfRwrit_vD97XPxBatxcsSJ9H0rhrLRY0j3RyO4HyrBpDkEIJF3Du3H-YFS/1600/Burning_Umbrella+%28+gothicwallz.blogspot.com%29.jpg

<span style="background:url(URL BACKGROUND);" onclick="bgImgSwitch('black url(URL BACKGROUND)repeat-x fixed top center')"></span>

Pemasangan Display Skin Windows8

Display Skin Windows8 adalah widget blogger yang membantu anda dalam menyempurnakan sebuah blog dengan merubah tampilan secara langsung yang ada didalamnya. Widget ini memanfaatkan Cookie browser untuk menyimpan data rubahan dari tampilan blog itu.

Lanjutbatalkan

Perihal Lisensi

Mohon di baca dan menyetujui persyaratan lisensi di bawah ini sebelum memasang.

Anda boleh mengedit widget ini, tapi anda tidak diijinkan menghapus Credit yang telah dibuat.
Hargailah kerja keras orang lain, supaya mereka dapat mengcreasikan sesuatu yang baru lagi.

Suport by Adobe Flash Player

Kebijakan dan Privasi :

» http://irvan-efendy.blogspot.com/p/privacy-policy.html
Jika anda telah menyetujui lisensi diatas, anda bisa melanjutkan pemasangan.

MundurSetujubatalkan

Tutorial Memasang Part 1

Pilih Tab Template lalu klik Edit HTML
Letakkan CSS berikut di atas ]]></b:skin>

.displayskin-bie{position:fixed;z-index:293;bottom:10px;left:-300px;}
.dalem-skin{background:#333;color:#aaaa99;width:300px;padding:6px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0pt 1px 2px black;-webkit-box-shadow:0pt 1px 2px black;-moz-box-shadow:0pt 1px 2px black;display:inline-block;}
.dalem-skin a{cursor:pointer;color:#0186CB;}
.dalem-skin a:hover{color:#0186CB;text-decoration:underline;}
.dalem-skin th,.dalem-skin td {color:#aaaa99;vertical-align:middle;border:none !important;padding:2px 10px;}
.dalem-skin select,#daftarskin-bie input, .skin-bie input[type="text"] {padding:4px !important;height:auto !important;border:1px solid #bbb;background-color:#333;padding:2px;font:bold 11px Tahoma,Verdana,Arial,Sans-Serif;color:#999;display:inline-block;margin:0 0 0;height:24px;}
.dalem-skin select option {color:white;padding:5px 10px;cursor:pointer;}
.dalem-skin button {font:normal 11px Tahoma,Arial,Sans-Serif;padding:3px 5px;cursor:pointer;}
.bgColorer {overflow:hidden;text-align:center;}
.bgColorer span {display:inline-block;width:20px;height:20px;border:1px solid black;margin:0 5px 0 0;cursor:pointer;}
.dalem-skin select,#daftarskin-bie input[type="text"] {width:118px !important;}
#daftarskin-bie{position:relative;z-index:294;display:none;max-height:200px;padding:6px;margin-bottom:-20px;overflow:scroll;box-shadow:0pt 1px 2px black;-webkit-box-shadow:0pt 1px 2px black;-moz-box-shadow:0pt 1px 2px black}
.skin-bie{position:relative;z-index:295;background:#333;box-shadow:0pt 1px 1px 1px black;-webkit-box-shadow:0pt 1px 1px 1px black;-moz-box-shadow:0pt 1px 1px 1px black;padding:6px;}
#hideshow-skin1,#hideshow-skin2{cursor:pointer;display:inline-block;}

MundurLanjutbatalkan

Tutorial Memasang Part 2

Buat Gadget HTML/JavaScript baru
Masukkan Elemen ini dan klik Simpan

<div class="displayskin-bie">
<div id="hideshow-skin1" style="display:none"></div>
<div class="dalem-skin">
<div id="daftarskin-bie">
<table border="0" id="styleSwitcher">
<tr><td colspan="2"><center><div id="bgcolor-bie" class="bgColorer"></div></center></td></tr>
<tr><th>Tipe huruf</th><td id="font-skin-bie"></td></tr>
<tr><th>Warna huruf</th><td><input type="text" id="fontColorer" value="rgb( 0 , 0 , 0 )" onkeyup="fontColor(this.value);"/></td></tr>
<tr><th>Background url</th><td><input type="text" id="urlGambarer" value="URL dan Enter" onkeyup="urlGambar(this.value);"/></td></tr>
<tr><th>Reset?</th><td><button onclick="resetStyle();">Kembalikan Tampilan</button></td></tr>
</table>
</div>
<div class="skin-bie">
<center><div class="bgColorer">
<span style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfhMwbVYxSSlY-DWVTrYOsV43pSanV2m2BLqeaiZHsAD-WHK7y4xdsrRNqb4EYnMlhv_g6XiOE-adFEkPx0MdNbu0oHTSN0t9mgCjD3_lMAmlYl9alrg6xksr71Eiakw7U2Gmh90r8BZA/s30/Halloween_Wallpapers_47+%28darkwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfhMwbVYxSSlY-DWVTrYOsV43pSanV2m2BLqeaiZHsAD-WHK7y4xdsrRNqb4EYnMlhv_g6XiOE-adFEkPx0MdNbu0oHTSN0t9mgCjD3_lMAmlYl9alrg6xksr71Eiakw7U2Gmh90r8BZA/s1600/Halloween_Wallpapers_47+%28darkwallz.blogspot.com%29.jpg)repeat-x fixed top center')"></span>
<span style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTM68FKB-yvvRI6jMFFGm4pI9Ea_x7ArZLxJi3XldFqiLqMuGGoSK8ccIsRKChEn4nXgtKf7oG17Uqrw9DrcbP8VP_ziwDQV46Ujb7yZdj-njwtYR0bPbwLNy6gPZQGWluKB97cZti14A/s30/Halloween_Wallpapers_120+%28darkwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTM68FKB-yvvRI6jMFFGm4pI9Ea_x7ArZLxJi3XldFqiLqMuGGoSK8ccIsRKChEn4nXgtKf7oG17Uqrw9DrcbP8VP_ziwDQV46Ujb7yZdj-njwtYR0bPbwLNy6gPZQGWluKB97cZti14A/s1600/Halloween_Wallpapers_120+%28darkwallz.blogspot.com%29.jpg)repeat-x fixed top center')"></span>
<span style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjougxvuq58pitb2e40RpbCC5CUOZAZEPxuQjQTS20XgzYE0lnZu81DzLVWnL1giPO1c5hsIwNhjUrxey5OSNvirapMyawHbLl8iUsB9A8DNJTW3-DNuL7ZbEmaQ6xFIrzMx1Rnc-qSGWI/s30/Halloween_Wallpapers_117+%28darkwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjougxvuq58pitb2e40RpbCC5CUOZAZEPxuQjQTS20XgzYE0lnZu81DzLVWnL1giPO1c5hsIwNhjUrxey5OSNvirapMyawHbLl8iUsB9A8DNJTW3-DNuL7ZbEmaQ6xFIrzMx1Rnc-qSGWI/s1600/Halloween_Wallpapers_117+%28darkwallz.blogspot.com%29.jpg)repeat-x fixed top center')"></span>
<span style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4zzZ19mvHlPshH5nBGkRgU1a4Ub9EkVf0o07TQRKM7fNExxZt8jPHkqcuHDQJqHDjDzwlpErL8ePyff96zXuVNcSNVeE4NgLpMQK0NFQNutMdX4HoTyVxTQQBhAHPmEShI1G8XOsgNRA/s30/Halloween_Wallpapers_55+%28darkwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4zzZ19mvHlPshH5nBGkRgU1a4Ub9EkVf0o07TQRKM7fNExxZt8jPHkqcuHDQJqHDjDzwlpErL8ePyff96zXuVNcSNVeE4NgLpMQK0NFQNutMdX4HoTyVxTQQBhAHPmEShI1G8XOsgNRA/s1600/Halloween_Wallpapers_55+%28darkwallz.blogspot.com%29.jpg)repeat-x fixed top center')"></span>
<span style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcOcA1eYlFp2Zs7baBjFbgA8kSSzXKNv_35qmcxXnSPVPJ7oMHP2jaqZXYTClLmtsYKv5bZ9qji0kttEyS0IfRwrit_vD97XPxBatxcsSJ9H0rhrLRY0j3RyO4HyrBpDkEIJF3Du3H-YFS/s30/Burning_Umbrella+%28+gothicwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcOcA1eYlFp2Zs7baBjFbgA8kSSzXKNv_35qmcxXnSPVPJ7oMHP2jaqZXYTClLmtsYKv5bZ9qji0kttEyS0IfRwrit_vD97XPxBatxcsSJ9H0rhrLRY0j3RyO4HyrBpDkEIJF3Du3H-YFS/s1600/Burning_Umbrella+%28+gothicwallz.blogspot.com%29.jpg)repeat-x fixed top center')"></span>
<span style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIrPP8G0ZFyckch_Mt-o9IqVLpLB_xkJX5XFnHi536LhI6AXTmr-UTUqpA7posIZv36EYjpDrVOulPrRCHVZTb57Ho3rBNanFz3sKpZo8KDX3KK2SvArcN9lqBOmUs5Pte-UjcE8HSfqk/s30/Dark_Angel_Wallpapers_14+%28darkwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIrPP8G0ZFyckch_Mt-o9IqVLpLB_xkJX5XFnHi536LhI6AXTmr-UTUqpA7posIZv36EYjpDrVOulPrRCHVZTb57Ho3rBNanFz3sKpZo8KDX3KK2SvArcN9lqBOmUs5Pte-UjcE8HSfqk/s1600/Dark_Angel_Wallpapers_14+%28darkwallz.blogspot.com%29.jpg)repeat-x fixed top center')"></span>
</div></center>
<div style="display:inline-block;"><span>Ukuran huruf</span> : <input type="text" id="fontSizer" value="11" maxlength="3" onkeyup="changeFontSize(this.value);" style="width:50px;text-align:center"/></div>
<div id="buka-daftarskin" style="display:inline-block;float:right"></div>
</div>
</div>
<div id="hideshow-skin2"></div>
</div>

<script src='http://not-delete.googlecode.com/files/cookie.js'></script>
<script src="https://bie.googlecode.com/svn/widget/displayskins_Bie.js"></script>

MundurLanjutbatalkan

Instalasi Display Skin Windows8 Selesai

Selesai


Tipe huruf
Warna huruf
Background url
Reset?

Ukuran huruf :

Terima kasih telah membaca artikel tentang Widget display skin windows8 di blog blog sepot jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

blog sepot

Widget display skin windows8

Kebijakan dan Privasi :

Artikel terbaru :

Artikel Terpopuler

Label