Cara Memasang WIDGET Christiani di Blog

Saya mau Berbagi WIDGET Christiani, Dengan memasang widget ini, sobat akan mendapatkan ayat alkitab yang otomatis ter update setiap hari. Untuk tertarik  memasang widget kristen di blog, Ikuti langkah - langkahnya:

DEMO

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukan kode berikut kedalam konten.

<style type="text/css">
#topbar {
position:absolute;
z-index: 100;

padding: 8px;
background: #eee;
background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(211, 211, 211, .9));
background: -webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, .9)),to(rgba(211, 211, 211, .9)));
border: 1px solid #fff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-box-shadow: #600 0 2px 15px;
-moz-box-shadow: #600 0 2px 10px;
margin:0 auto 10px;
float:left;
color:rgba(0, 0, 0, 0.75);
font-size: 12px;
font-family: Verdana, serif;
text-shadow:0 1px 0 #FFFFFF;
}
#topbar img {
border:none;

}
#topbar .tombol {
margin:0;
padding-bottom:5px;
text-align:right;
}
#topbar .tombol button {
color:#FFFFFF;
border: solid 1px #494949;
margin:0;
padding:2px 15px;
cursor: pointer;
text-shadow: 0 1px 1px rgba(0,0,0,.6);
background: #5f5f5f;
background: -webkit-gradient(linear, left top, left bottom, from(red), to(#454545));
background: -moz-linear-gradient(top, red, #454545);
}
#topbar .isi_iklan {
background-color:#FFFFFF;
margin:0;
padding:4px;
width: 468px;
border: 1px solid #999;
}
</style>

<script src="https://sites.google.com/site/jasonanugrah/emo/js_pop_up.js.txt" type="text/javascript"></script>
<script type="text/javascript">
var persistclose=1
var startX = 20
var startY = 20
var verticalpos="fromtop"
</script>
<div id="topbar">
<div class="tombol"><a href="" onclick="closebar(); return false" style="text-decoration: none;"><button>Tutup</button></a></div>
<div class="isi_iklan">

<script language="JavaScript" src="http://forumkristen.com/aplikasi/alkitabhariini/jsfile.php" type="text/javascript"></script>

</div>
<a style="text-decoration: none; color: #00f; text-align:right; display: block; font-size: 10px;" href="http://christiantatelu.blogspot.com" target="_blank" title="Ads Popup">Widget by <span style="color: #333;">Blogger</span> <span style="color: #f00;">Executive</span></a>
</div>

4. Klik Simpan.

Sumber: http://christiantatelu.blogspot.com

SEMOGA MEMBANTUDescription: Cara Memasang WIDGET Christiani di Blog Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara Memasang WIDGET Christiani di Blog

Artikel Terkait: