Cara Membuat Facebook Like Widget Di Blogger
oke untuk scripnya akan saya baikan dibawah ini:
Facebook Like:
<table id="slideleft" style=" overflow:auto; position:fixed; top:25%;"><tr class="slideLeftItem" style="position:fixed;left:-320px;z-index:1000;height:100%;"><td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxispZ-AXXQbFCEvj_2_c2gDjav-FrNVgZGbQGrxR4aK3d0oh4hFxujlDot79mTgR9KeKEsvuKoyy5IQ-Cicke0_JCSP3imJH02ornaxMAG7wjxejTo0164RAuKY6A7i3t2vgoAvf3JUw/s800/facebook-vertical.png" style="top:5px; position:absolute; border-left-width:5px; left:318px;"/></td><td class="contentBox" style="border:solid 5px #5370AD; width:200px;height:200px;position:relative;border-radius:5px;background-color:white;"><div id="fb-root"></div><script type="text/javascript" >(function() {var e = document.createElement('script'); e.async = true;e.src = document.location.protocol +'//connect.facebook.net/en_US/all.js#xfbml=1';document.getElementById('fb-root').appendChild(e);}());</script><fb:like-box href="https://www.facebook.com/Cawet-View-Official-Blogspot-949310085167648/" width="300" show_faces="true" stream="false" header="false"></fb:like-box></td></tr></table><script type="text/javascript">jQuery(".slideLeftItem").append('<div style="font-size:12px;font-family: arial;width:300px;text-align:right;"><a rel="dofollow" href="http://cawet-view.blogspot.com/" style="background-color:#D2C9CA;padding:3px 7px;font-weight:bold;color:#516FA9">Get This Widget</a></div>');jQuery("#slideleft tr").hover(function(b){var a=jQuery(this);jQuery("#slideleft tr").not(a).hide();a.css({"z-index":"9999"});a.stop().animate({left:0})},function(b){var a=jQuery(this);a.css({"z-index":"1000"});a.stop().animate({left:-a.outerWidth()});jQuery("#slideleft tr").show()});</script>
Google Plus+
<table id="slideleft" style=" overflow:auto; position:fixed; top:25%;"><tr class="slideLeftItem" style="position:fixed;left:-320px;z-index:1000;height:100%;"><td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRcR143tgKCnmz4-Zg9Xv7VS9DMCvCkk1huzJvl_QSUnsC2bHbEESivSNUVQaIYdM7llL7rEIaA9XCnO8YpGYEoMAEDPb2u0tJU4g6vlUYtFQtdf2v9cGu2SbeWh6cWoW4QSFYlnCHV6w/s800/google-plus-vertical.png" style="top:100px; position:absolute; border-left-width:5px; left:318px;"/></td><td class="contentBox" style="border:solid 5px black; width:300px;height:300px;position:relative;border-radius:5px;background-color:white;"><div class="googleplus" style="background: #F5FCFE;"><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plus href="https://plus.google.com/https://plus.google.com/114389964844340577946" size="badge"></g:plus><script type="text/javascript">gapi.plus.go();</script></div></td></tr></table><script type="text/javascript">jQuery(".slideLeftItem").append('<div style="font-size:12px;font-family: arial;width:300px;text-align:right;"><a rel="dofollow" href="https://cawet-view.blogspot.co.id/" style="background-color:#D2C9CA;padding:3px 7px;font-weight:bold;color:#516FA9">Get This Widget</a></div>');jQuery("#slideleft tr").hover(function(b){var a=jQuery(this);jQuery("#slideleft tr").not(a).hide();a.css({"z-index":"9999"});a.stop().animate({left:0})},function(b){var a=jQuery(this);a.css({"z-index":"1000"});a.stop().animate({left:-a.outerWidth()});jQuery("#slideleft tr").show()});</script>
Facebook & Google+
<table id="slideleft" style=" overflow:auto; position:fixed; top:25%;"><tr class="slideLeftItem" style="position:fixed;left:-320px;z-index:1000;height:100%;"><td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxispZ-AXXQbFCEvj_2_c2gDjav-FrNVgZGbQGrxR4aK3d0oh4hFxujlDot79mTgR9KeKEsvuKoyy5IQ-Cicke0_JCSP3imJH02ornaxMAG7wjxejTo0164RAuKY6A7i3t2vgoAvf3JUw/s800/facebook-vertical.png" style="top:5px; position:absolute; border-left-width:5px; left:318px;"/></td><td class="contentBox" style="border:solid 5px #5370AD; width:300px;height:300px;position:relative;border-radius:5px;background-color:white;"><div id="fb-root"></div><script type="text/javascript" >(function() {var e = document.createElement('script'); e.async = true;e.src = document.location.protocol +'//connect.facebook.net/en_US/all.js#xfbml=1';document.getElementById('fb-root').appendChild(e);}());</script><fb:like-box href="https://www.facebook.com/Cawet-View-Official-Blogspot-949310085167648" width="300" show_faces="true" stream="false" header="false"></fb:like-box></td></tr><tr class="slideLeftItem" style="position:fixed;left:-320px;z-index:1000;height:100%;"><td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRcR143tgKCnmz4-Zg9Xv7VS9DMCvCkk1huzJvl_QSUnsC2bHbEESivSNUVQaIYdM7llL7rEIaA9XCnO8YpGYEoMAEDPb2u0tJU4g6vlUYtFQtdf2v9cGu2SbeWh6cWoW4QSFYlnCHV6w/s800/google-plus-vertical.png" style="top:100px; position:absolute; border-left-width:5px; left:318px;"/></td><td class="contentBox" style="border:solid 5px black; width:300px;height:300px;position:relative;border-radius:5px;background-color:white;"><div class="googleplus" style="background: #F5FCFE;"><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plus href="https://plus.google.com/https://plus.google.com/114389964844340577946" size="badge"></g:plus><script type="text/javascript">gapi.plus.go();</script></div></td></tr></table><script type="text/javascript">jQuery(".slideLeftItem").append('<div style="font-size:12px;font-family: arial;width:300px;text-align:right;"><a rel="dofollow" href="https://cawet-view.blogspot.co.id/" style="background-color:#D2C9CA;padding:3px 7px;font-weight:bold;color:#516FA9">Get This Widget</a></div>');jQuery("#slideleft tr").hover(function(b){var a=jQuery(this);jQuery("#slideleft tr").not(a).hide();a.css({"z-index":"9999"});a.stop().animate({left:0})},function(b){var a=jQuery(this);a.css({"z-index":"1000"});a.stop().animate({left:-a.outerWidth()});jQuery("#slideleft tr").show()});</script>
NB: Ubah warna merah dengan identitas Page/Prodil anda.
NB: Ubah warna merah dengan identitas Page/Prodil anda.
0 komentar