Thursday, August 4, 2016

design 01
1a1a
1b
1c1e1d
1f

barner1
=========script==========
css
<style type="text/css">
#banner a { text-decoration:none; color:#fff; text-align:center;}
#banner { width:370px; margin:0 auto; }
#banner .iklan { display:block; width:180px; height:125px; border:2px solid #ffa812!important; float:left; position:relative; }
#banner .iklan img{ display:block; width:180px; height:125px;}
#banner .iklan .caption { position:absolute; top:90px; left:2px; padding:3px; font:bold 10px arial; width:115px; display:none; background:#000; }
.clear { clear:both; }
.effect { box-shadow: 0 0 10px #black; }
</style>
<script type="text/javascript" src="http://faceblog-evolutions.googlecode.com/files/jquery-spotlight.js"></script>
javascript
<script type="text/javascript"> $(document).ready(function () { $('#banner .iklan').each(function () { title = $(this).attr('title'); $(this).append('<span class="caption">' + title + '</span>'); $(this).attr('title',''); }); $('#banner .iklan').hover( function () { $(this).siblings().css({'opacity': '0.1'}); $(this).css({'opacity': '1.0'}).addClass('effect'); $(this).children('.caption').show(); }, function () { $(this).children('.caption').hide(); } ); $('#banner').mouseleave(function () { $(this).children().fadeTo('100', '1.0').removeClass('effect'); }); }); </script>

widget
<div id="banner">
<a class="iklan" href="http://skipzen.blogspot.co.id/p/contact-me.html" title="Pasang Iklan Disini Ukuran 125 x 125">
<img src="https://lh3.googleusercontent.com/-MKnwto6qol8/VkenNzj7GiI/AAAAAAAACKM/XB6j8lvt0UE/h120/barner1.gif" alt="banner iklan"/></a>
<a class="iklan" href="http://skipzen.blogspot.co.id/p/contact-me.html" title="Pasang Iklan Disini Ukuran 125 x 125">
<img src="https://lh3.googleusercontent.com/-MKnwto6qol8/VkenNzj7GiI/AAAAAAAACKM/XB6j8lvt0UE/h120/barner1.gif" alt="banner iklan"/></a>
<a class="iklan" href="http://skipzen.blogspot.co.id/p/contact-me.html" title="Pasang Iklan Disini Ukuran 125 x 125">
<img src="https://lh3.googleusercontent.com/-MKnwto6qol8/VkenNzj7GiI/AAAAAAAACKM/XB6j8lvt0UE/h120/barner1.gif" alt="banner iklan"/></a>
<a class="iklan" href="http://skipzen.blogspot.co.id/p/contact-me.html" title="Pasang Iklan Disini Ukuran 125 x 125"
<img src="https://lh3.googleusercontent.com/-MKnwto6qol8/VkenNzj7GiI/AAAAAAAACKM/XB6j8lvt0UE/h120/barner1.gif" alt="banner iklan"/></a>
</div>
========closed===========


barner2
========script===========
<a href="https://skipzen.blogspot.co.id" target="_blank" title="Ads by skipzen.id"><img alt="" border="0"
src="https://lh3.googleusercontent.com/-nhkI-4uznX4/Vkej5D0bGTI/AAAAAAAACKA/BpQWZma4kpI/h120/barner2.gif" /></a>
========closed===========
widget ( <div class="widget-content">)
<a href="https://gallerysold.blogspot.com" target="_blank" title="patner by skipzen.id"><img alt="" border="0"
src="https://lh3.googleusercontent.com/-Xb8djHUU-ok/VketHwr7nPI/AAAAAAAACKc/JPJ6P9zhqkY/h58/patner1.gif" /></a>
<a href="https://gallerysold.blogspot.com" target="_blank" title="patner by skipzen.id"><img alt="" border="0"
src="https://lh3.googleusercontent.com/-IYO9yImciLc/VkeuEElxzgI/AAAAAAAACKk/z3890vnHcVc/h58/patner2.gif" /></a>
<a href="https://skipzen.blogspot.co.id" target="_blank" title="patner by skipzen.id"><img alt="" border="0"
src="./patner3.gif" /></a>

copy pada widget atau cari code ini <div class="widget-content">
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.5&appId=774487709327804";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/SobatSkipner/?ref=bookmarks" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/SobatSkipner/?ref=bookmarks"><a href="https://www.facebook.com/SobatSkipner/?ref=bookmarks">Sobat Skipner</a></blockquote></div></div>

copy pada widget atau cari code ini <div class="widget-content">
=====css===========
<style type="text/css">
*{margin:0;padding:0;}
* html #z33sHare{position: absolute;}
#z33sHare{left:0%;width: 70px;background:transparant;border:0px solid #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px;position:fixed;bottom: 32%;}
#z33sHare div{padding:6px 6px 6px 5px;}
#stw{margin-left:-2px;}
#sfs{margin-left:-5px;}
</style>
<div id="z33sHare">
<div id="ssl-box">
<div id="stw">
<div><a name="Widget" type="Widget" href="http://mankita.blogspot.com/">Share</a>
<script src="Widget" type="text/javascript">
</script></div>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="tall"></g:plusone>
<!-- Place this render call where appropriate -->
====javascript=====
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();</script>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<!-- Tambah code lainnya -->
<div>
======javascript=========
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a>
</div>
</div>
<div><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script></div>
<div style="clear:both;"></div></div>

<div class="pagenav">
<div id="emailsub"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=co/idxP', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><h4>Berlangganan Artikel Gratis ! Info Blog News</h4><div class="counter"><b>Ayo berlangganan artikel Gratis! </b> Dapatkan Artikel seputar informasi SEO dan blogger tips <b>DAPATKAN, Tips menarik lainnya sekarang !</b></div><input class="sl_in_mail" name="email" placeholder="Enter Your Email Address" type="email"><input name="uri" type="hidden" value="co/idxP"><input name="loc" type="hidden" value="en_US"><input type="submit" value="BERLANGGANAN"><p></p><p></p><p><small>Ketika mendaftar Anda akan menerima email konfirmasi yang membutuhkan persetujuan Anda untuk menyelesaikan status berlangganan artikel - NOT SPAM YOU. Honest!</small></p></form></div>
<style type="text/css">
/* CSS Follow by email */
#emailsub{clear:both;background:#3C3C33;color:#fff;display:block;position:relative;text-align:center;line-height:1.47}
#emailsub h4{font-size:24px;border-bottom:1px solid #746E6E;padding:10px;letter-spacing:2px}
#emailsub input[type="email"],.sl_in_mail{margin-right:-6px;padding:16px 0 16px 40px;width:50%;border:none}
#emailsub form{text-align:center;padding:20px 90px}#emailsub input[type=submit]{border-radius:0;box-shadow:none;padding:18px 24px 16px;letter-spacing:2px;border:none;background:#E06;cursor:pointer;color:#FFF}
#emailsub .counter{margin:0 0 25px}#emailsub.efooter{background:none}#emailsub.efooter form{text-align:left;padding:0}#emailsub.efooter input[type="submit"],#emailsub.efooter input[type="email"],.wg_in_mail{padding:10px;letter-spacing:0px}#emailsub.efooter.sidebar{background:#3C3C33;padding:20px}#emailsub.efooter.sidebar form{text-align:center}