Horizontal slide down Social Bar Bookmarking Widget
* login dulu blog mu
* pilih template >>> edit HTML
* cari kode <data:post.body/>
* copy kode dibawah dan letakkan dibawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'> <div id='md-active-share-comment-marker'></div> </b:if>* cari kode </head>
* tambahkan kode dibawah, diatas kode </head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>* kemudian cari kode </body>
* copy kode dibawah dan letakkan diatas kode </body>
<b:if cond='data:blog.pageType == "item"'> <script src='http://makingdifferent.github.com/blogger-widgets/Floating%20Social%20sharing%20Horizontal%20Bar.js' type='text/javascript'/> <div id='md-share-window' style='width: 100%; display: block; position: fixed; top: -450px; left: 0px; background-color: rgba(235, 88, 60, 0.8); z-index: 100; padding: 0 0 10px 0;'> <div style='width: 800px; margin: 20px auto;'> <span id='twitter' style='float:left; margin: 0 5px; padding: 3px 0 0 0;'> <a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></span> <span id='md-plusone' style='float:left; padding-top: 4px; margin: 0 5px;'> <script src='https://apis.google.com/js/plusone.js' type='text/javascript'/> <g:plusone size='tall'/></span> <span id='md-fblike' style='float: left; margin: 0 5px; padding: 4px 0 0; width: 50px; overflow: hidden;'> <div id='fb-root'/> <script src='http://connect.facebook.net/en_US/all.js#appId=155934781145405&xfbml=1'/> <fb:like font='' href='' layout='box_count' send='false' show_faces='false' width='50'> </fb:like> </span> <div style='display:block; margin: 0 5px; padding: 5px 0px 0px; color: #FFFFFF'> Are you Awesome? Legend has it that Awesome people can and will share this post!<br/> <span style='color: #FFFFFF; font-size: 18px;'><data:blog.pageName/></span> </div> </div> </div> </b:if>" catatan kecil "
>>> Kode ini <data:post.body/> biasanya ada 2
jadi anda pasang kode yg ke 2 aja <<<
[ terakhir silahkan di save template ]
### SELAMAT BERJUANG KAWAN ###
Baca Juga Artikel Terkait Lainnya