Cara Membuat Tombol Demo Dan Tombol Download Responsif

Hai sahabat apa kabar semuanya ??? Pada kesempatan kali ini saya akan share tentang cara Membuat Tombol Download Dan Tombol Demo Responsif, Biasanya tombol ini digunakan untuk Review Template yang sering banyak sahabat jumpai diblog yang menshare tentang template Blog. disini admin sediakan Cara Membuat Tombol Demo dan Tombol Download Yang Elegan. Sebetulnya admin juga dapat nemu dari blog sebelah ...hhee

Penasaran seperti apa ? Untuk caranya kita langsung saja yuck dan ikuti langkah langkahnya sebagai berikut :

Pertama sahabat login ke akun blogger seperti biasanya kemudian Pilih Template => Edit Template.

Kemudian Pastekan Kode CCS Stylesheet Font tepat Diatas kode

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">

Lalu pastekan kode script CCS ini Tepat diatas kode

/* CSS Tombol Demo dan Download By Husni Mubarok*/<br /> #wrap {<br /> margin:20px auto;<br /> text-align:center;<br /> }<br /> #wrap br {<br /> display:none;<br /> }<br /> .btn {<br /> display:inline-block;<br /> position:relative;<br /> font-family:'Source Sans Pro', Helvetica, sans-serif;<br /> background:#FF8C00;<br /> padding:6px 14px;<br /> font-size:14px;<br /> margin:0 3px;<br /> color:#fff!important;<br /> border-radius:3px;<br /> border:none;<br /> text-transform:uppercase;<br /> text-decoration:none;<br /> transition:all 0.3s ease-out;<br /> }<br /> .btn.down {<br /> background:#28a1f0;<br /> color:#fff!important;<br /> }<br /> .btn.down:hover,.btn.down:active,.btn:hover,.btn:active {<br /> background:#3b3f48;<br /> color:#fff;<br /> }<br /> a.btn.down:hover,a.btn.down:active,a.btn:hover,a.btn:active {<br /> color:#fff;<br /> }<br /> .btn i {<br /> margin-left:10px;<br /> font-weight:normal;<br /> font-family:FontAwesome;<br /> }

Kemudian SAVE

•CARA MENGGUNAKANNYA

Cara cukup mudah, hanya menerapkan kode ini disetiap kali membuat postingan, dengan cara pilih HTML pada bagian postingan dan pastekan kode dibawah ini

<div id="wrap"><a href="#" class="btn" rel="nofollow" target="_blank">Live Demo <i class="fa fa-paper-plane"></i></a><br /> <br /> <a href="#" class="btn down" rel="nofollow" target="_blank">Download <i class="fa fa-download"></i></a><br /> </div></texarea></center><br /> <br /> <br /> •Ganti <b>#</b> dengan link tujuan<br /> •Sekian<br /> <br /> <br /> <br /> <br/><div style="text-align:justify;"><b>Dan Hasilnya Akan Menjadi Seperti Ini</b></div><br /> <br /> <br /> <br/><center><a href="#" class="btn" rel="nofollow" target="_blank">Live Demo <i class="fa fa-paper-plane"></i></a><br /> <br /> <a href="#" class="btn down" rel="nofollow" target="_blank">Download <i class="fa fa-download"></i></a><br /> </div></center><br /> <br /> <br /> <br/><div style="text-align:justify;">Demikinlah Untuk hari, semoga dan semoga kita bisa bertemu lagi dan selamat mencoba<b></b></div><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <div style='clear: both;'></div> <div class='share-buttons-box'> <div class='share-buttons'> <div class='share gplus'><div class='g-plusone' data-href='https://shellyjr.blogspot.com/2013/12/lyrics-evanesence-what-you-want.html' data-size='tall'></div></div> <div class='share like'><div class='fb-like' data-action='like' data-href='https://shellyjr.blogspot.com/2013/12/lyrics-evanesence-what-you-want.html' data-layout='box_count' data-share='false' data-show-faces='false'></div></div> <div class='share fbshare'><div class='fb-share-button' data-href='https://shellyjr.blogspot.com/2013/12/lyrics-evanesence-what-you-want.html' data-type='box_count'></div></div> <div class='share tweet'><a class='twitter-share-button' data-count='vertical' data-lang='en' data-size='normal' data-url='https://shellyjr.blogspot.com/2013/12/lyrics-evanesence-what-you-want.html' href='https://twitter.com/share'>Tweet</a></div> <div class='share linkedin'><script src='//platform.linkedin.com/in.js' type='text/javascript'> lang: en_US </script><script data-counter='top' data-url='https://shellyjr.blogspot.com/2013/12/lyrics-evanesence-what-you-want.html' type='IN/Share'></script></div> </div> </div> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> <div style='clear: both;'></div> <div class='related-post' id='related-post'></div> <script type='text/javascript'> var labelArray = [ "Tutorial" ]; var relatedPostConfig = { homePage: "https://shellyjr.blogspot.com/", widgetTitle: "<h4>Related Posts :</h4>", numPosts: 5, summaryLength: 100, titleLength: "auto", thumbnailSize: 60, noImage: "http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w60-h60-c/no-image.png", containerId: "related-post", newTabLink: false, moreText: "Read More...", widgetStyle: 2, callBack: function() {} }; </script> <div style='clear: both;'></div> </div> </div> </article> <div class='fbbox-comments' style='width:100%;margin-top:20px'> <div class='fb-comments' data-href='https://shellyjr.blogspot.com/2013/12/lyrics-evanesence-what-you-want.html' data-num-posts='2'></div> </div> <div class='comments' id='comments'> <a name='comments'></a> <h3> 1 Response to "Cara Membuat Tombol Demo Dan Tombol Download Responsif" </h3> <div class='comments-content'> <script async='async' src='' type='text/javascript'></script> <script type='text/javascript'> (function() { var items = null; var msgs = null; var config = {}; // <![CDATA[ var cursor = null; if (items && items.length > 0) { cursor = parseInt(items[items.length - 1].timestamp) + 1; } var bodyFromEntry = function(entry) { if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') { return '<span class="deleted-comment">' + entry.content.$t + '</span>'; } } } return entry.content.$t; } var parse = function(data) { cursor = null; var comments = []; if (data && data.feed && data.feed.entry) { for (var i = 0, entry; entry = data.feed.entry[i]; i++) { var comment = {}; // comment ID, parsed out of the original id format var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t); comment.id = id ? id[2] : null; comment.body = bodyFromEntry(entry); comment.timestamp = Date.parse(entry.published.$t) + ''; if (entry.author && entry.author.constructor === Array) { var auth = entry.author[0]; if (auth) { comment.author = { name: (auth.name ? auth.name.$t : undefined), profileUrl: (auth.uri ? auth.uri.$t : undefined), avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined) }; } } if (entry.link) { if (entry.link[2]) { comment.link = comment.permalink = entry.link[2].href; } if (entry.link[3]) { var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href); if (pid && pid[1]) { comment.parentId = pid[1]; } } } comment.deleteclass = 'item-control blog-admin'; if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') { comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value; } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') { comment.displayTime = entry.gd$extendedProperty[k].value; } } } comments.push(comment); } } return comments; }; var paginator = function(callback) { if (hasMore()) { var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50'; if (cursor) { url += '&published-min=' + new Date(cursor).toISOString(); } window.bloggercomments = function(data) { var parsed = parse(data); cursor = parsed.length < 50 ? null : parseInt(parsed[parsed.length - 1].timestamp) + 1 callback(parsed); window.bloggercomments = null; } url += '&callback=bloggercomments'; var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; document.getElementsByTagName('head')[0].appendChild(script); } }; var hasMore = function() { return !!cursor; }; var getMeta = function(key, comment) { if ('iswriter' == key) { var matches = !!comment.author && comment.author.name == config.authorName && comment.author.profileUrl == config.authorUrl; return matches ? 'true' : ''; } else if ('deletelink' == key) { return config.baseUri + '/delete-comment.g?blogID=' + config.blogId + '&postID=' + comment.id; } else if ('deleteclass' == key) { return comment.deleteclass; } return ''; }; var replybox = null; var replyUrlParts = null; var replyParent = undefined; var onReply = function(commentId, domId) { if (replybox == null) { // lazily cache replybox, and adjust to suit this style: replybox = document.getElementById('comment-editor'); if (replybox != null) { replybox.height = '250px'; replybox.style.display = 'block'; replyUrlParts = replybox.src.split('#'); } } if (replybox && (commentId !== replyParent)) { document.getElementById(domId).insertBefore(replybox.parentNode, null); replybox.src = replyUrlParts[0] + (commentId ? '&parentID=' + commentId : '') + '#' + replyUrlParts[1]; replyParent = commentId; } }; var hash = (window.location.hash || '#').substring(1); var startThread, targetComment; if (/^comment-form_/.test(hash)) { startThread = hash.substring('comment-form_'.length); } else if (/^c[0-9]+$/.test(hash)) { targetComment = hash.substring(1); } // Configure commenting API: var configJso = { 'maxDepth': config.maxThreadDepth }; var provider = { 'id': config.postId, 'data': items, 'loadNext': paginator, 'hasMore': hasMore, 'getMeta': getMeta, 'onReply': onReply, 'rendered': true, 'initComment': targetComment, 'initReplyThread': startThread, 'config': configJso, 'messages': msgs }; var render = function() { if (window.goog && window.goog.comments) { var holder = document.getElementById('comment-holder'); window.goog.comments.render(holder, provider); } }; // render now, or queue to render when library loads: if (window.goog && window.goog.comments) { render(); } else { window.goog = window.goog || {}; window.goog.comments = window.goog.comments || {}; window.goog.comments.loadQueue = window.goog.comments.loadQueue || []; window.goog.comments.loadQueue.push(render); } })(); // ]]> </script> <div id='comment-holder'> <div class="comment-thread toplevel-thread"><ol id="top-ra"><li class="comment" id="c6278045859137321900"><div class="avatar-image-container"><img src="//www.blogger.com/img/blogger_logo_round_35.png" alt=""/></div><div class="comment-block"><div class="comment-header"><cite class="user"><a href="https://www.blogger.com/profile/04601887543215922632" rel="nofollow">Unknown</a></cite><span class="icon user "></span><span class="datetime secondary-text"><a rel="nofollow" href="https://shellyjr.blogspot.com/2013/12/lyrics-evanesence-what-you-want.html?showComment=1386056727580#c6278045859137321900">2 December 2013 at 23:45</a></span></div><p class="comment-content">is oke but lithium share ..</p><span class="comment-actions secondary-text"><a class="comment-reply" target="_self" data-comment-id="6278045859137321900">Reply</a><span class="item-control blog-admin blog-admin pid-552540789"><a target="_self" href="https://www.blogger.com/comment/delete/3122282019355323689/6278045859137321900">Delete</a></span></span></div><div class="comment-replies"><div id="c6278045859137321900-rt" class="comment-thread inline-thread hidden"><span class="thread-toggle thread-expanded"><span class="thread-arrow"></span><span class="thread-count"><a target="_self">Replies</a></span></span><ol id="c6278045859137321900-ra" class="thread-chrome thread-expanded"><div></div><div id="c6278045859137321900-continue" class="continue"><a class="comment-reply" target="_self" data-comment-id="6278045859137321900">Reply</a></div></ol></div></div><div class="comment-replybox-single" id="c6278045859137321900-ce"></div></li></ol><div id="top-continue" class="continue"><a class="comment-reply" target="_self">Add comment</a></div><div class="comment-replybox-thread" id="top-ce"></div><div class="loadmore hidden" data-post-id="1679351974758866926"><a target="_self">Load more...</a></div></div> </div> </div> <p class='comment-footer'> <div class='comment-form'> <a name='comment-form'></a> <div class='pesan-komentar'><p>"Terima kasih telah berkunjung ...</p></div> <a href='https://www.blogger.com/comment/frame/3122282019355323689?po=1679351974758866926&hl=en-GB&saa=85391&origin=https://shellyjr.blogspot.com' id='comment-editor-src'></a> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'></iframe> <!--Can't find substitution for tag [post.friendConnectJs]--> <script src='https://www.blogger.com/static/v1/jsbin/2830521187-comment_from_post_iframe.js' type='text/javascript'></script> <script type='text/javascript'> BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html', '0'); </script> </div> </p> <div id='backlinks-container'> <div id='Blog1_backlinks-container'> </div> </div> </div> </div> </div></div> <!--Can't find substitution for tag [adEnd]--> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='https://shellyjr.blogspot.com/2013/12/lyrics-evanesence-together-again.html' id='Blog1_blog-pager-newer-link' title='Newer Post'>Newer Post</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='https://shellyjr.blogspot.com/2013/12/lyrics-evanesence-anything-for-you.html' id='Blog1_blog-pager-older-link' title='Older Post'>Older Post</a> </span> <a class='home-link' href='https://shellyjr.blogspot.com/'>Home</a> </div> <div class='clear'></div> <div class='post-feeds'> <div class='feed-links'> Subscribe to: <a class='feed-link' href='https://shellyjr.blogspot.com/feeds/1679351974758866926/comments/default' target='_blank' type='application/atom+xml'>Post Comments (Atom)</a> </div> </div> </div></div> </div> </div> <!-- post wrapper end --> <!-- sidebar wrapper start --> <aside id='sidebar-wrapper'> <div class='sidebar-container'> <div class='sidebar section' id='sidebar'><div class='widget PopularPosts' data-version='1' id='PopularPosts1'> <h2>Popular Posts</h2> <div class='widget-content popular-posts'> <ul> </ul> <div class='clear'></div> </div> </div><div class='widget HTML' data-version='1' id='HTML5'> <div class='widget-content'> <script data-cfasync="true" type="text/javascript" src="https://www.onclicksuper.com/a/display.php?r=2267975"></script> </div> <div class='clear'></div> </div><div class='widget FeaturedPost' data-version='1' id='FeaturedPost1'> <h2 class='title'>Featured post</h2> <div class='post-summary'> <h3><a href='https://shellyjr.blogspot.com/2019/02/download-game-dragon-ball-xenoversi-2.html'>Download Game Dragon Ball Xenoversi 2 Budokai Mod By JJGame</a></h3> <p> •Title : Game Dragon Ball Xenoversi 2 Budokai Mod By JJGames •Mode : Offline •File : Iso Hallo good people, pada kesempat... </p> <img class='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOozs1H4lZfhQvMf9RxmiCbFVWq0rjRf250O-AgJsnT5O7XqbBjMf14oqDfLTI12s_zFIWU1QBCck-bh_CVFgg7CBWSRitvcUh025EKA2AohTCOaDiF4gFDtpzYJYL2jEG6zIiLtewNKQ/s640/Dragon+Ball+Xenoversi+2+Shin+Budokai+%255BPPSSPP%255D+By+JJgames.png'/> </div> <style type='text/css'> .image { width: 100%; } </style> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML1'> <div class='widget-content'> <div class="sharethis-inline-reaction-buttons"></div> </div> <div class='clear'></div> </div></div> </div> </aside> <!-- sidebar wrapper end --> </div> <!-- content wrapper end --> <div class='clear'></div> <div class='banner728-bottom section' id='banner728-bottom'><div class='widget Stats' data-version='1' id='Stats1'> <h2>Total Pageviews</h2> <div class='widget-content'> <div id='Stats1_content' style='display: none;'> <span class='counter-wrapper graph-counter-wrapper' id='Stats1_totalCount'> </span> <div class='clear'></div> </div> </div> </div><div class='widget Label' data-version='1' id='Label1'> <h2>Labels</h2> <div class='widget-content cloud-label-widget-content'> <span class='label-size label-size-5'> <a dir='ltr' href='https://shellyjr.blogspot.com/search/label/Aplikasi'>Aplikasi</a> </span> <span class='label-size label-size-1'> <a dir='ltr' href='https://shellyjr.blogspot.com/search/label/Blog'>Blog</a> </span> <span class='label-size label-size-3'> <a dir='ltr' href='https://shellyjr.blogspot.com/search/label/Game'>Game</a> </span> <span class='label-size label-size-1'> <a dir='ltr' href='https://shellyjr.blogspot.com/search/label/Game%20PPSSPP'>Game PPSSPP</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='https://shellyjr.blogspot.com/search/label/Game%20PSP'>Game PSP</a> </span> <span class='label-size label-size-1'> <a dir='ltr' href='https://shellyjr.blogspot.com/search/label/PPSPP'>PPSPP</a> </span> <span class='label-size label-size-5'> <a dir='ltr' href='https://shellyjr.blogspot.com/search/label/Tips%20Dan%20Trik'>Tips Dan Trik</a> </span> <span class='label-size label-size-4'> <a dir='ltr' href='https://shellyjr.blogspot.com/search/label/Trik%20Internet%20Gratis'>Trik Internet Gratis</a> </span> <span class='label-size label-size-4'> <a dir='ltr' href='https://shellyjr.blogspot.com/search/label/Tutorial'>Tutorial</a> </span> <div class='clear'></div> </div> </div><div class='widget HTML' data-version='1' id='HTML10'> <div class='widget-content'> <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" /> <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#eaf7f7", "text": "#5c7291" }, "button": { "background": "#56cbdb", "text": "#ffffff" } }, "content": { "href": "https://shelljr.blogspot.com/p/privacy-policy.html" } })}); </script> </div> <div class='clear'></div> </div></div> <!-- footer wrapper start --> <footer id='footer-wrapper'> <div class='footer-left'> Copyright 2016 <a href='https://shellyjr.blogspot.com/' rel='copyright'>SELLY™</a> </div> <div class='footer-right'> by <a href='http://shelly.blogspot.com' target='_blank' title='Mas Sugeng Blog'>Shelly Jr</a> </div> </footer> <!-- footer wrapper end --> </div> <!-- wrapper end --> <script type='text/javascript'> //<![CDATA[ /*! Related Post Widget for Blogger by Taufik Nurrohman => http://gplus.to/tovic */ var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:1,homePage:"http://www.dte.web.id",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"…":t;r=("media$thumbnail" in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+"-c"):d.noImage;u=("summary" in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"…":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip"><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]); //]]> </script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2470821300-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'APlU3lxm6DP1-OavKbU36ZHS61IO:1774349565874';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3122282019355323689','//shellyjr.blogspot.com/2013/12/lyrics-evanesence-what-you-want.html','3122282019355323689'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '3122282019355323689', 'title': 'SELLY\u2122', 'url': 'https://shellyjr.blogspot.com/2013/12/lyrics-evanesence-what-you-want.html', 'canonicalUrl': 'https://shellyjr.blogspot.com/2013/12/lyrics-evanesence-what-you-want.html', 'homepageUrl': 'https://shellyjr.blogspot.com/', 'searchUrl': 'https://shellyjr.blogspot.com/search', 'canonicalHomepageUrl': 'https://shellyjr.blogspot.com/', 'blogspotFaviconUrl': 'https://shellyjr.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-130672099-1', 'encoding': 'UTF-8', 'locale': 'en-GB', 'localeUnderscoreDelimited': 'en_gb', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22SELLY\u2122 - Atom\x22 href\x3d\x22https://shellyjr.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22SELLY\u2122 - RSS\x22 href\x3d\x22https://shellyjr.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22SELLY\u2122 - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/3122282019355323689/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22SELLY\u2122 - Atom\x22 href\x3d\x22https://shellyjr.blogspot.com/feeds/1679351974758866926/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-8923456292104087', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': true, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/565d3bed4fedc1f6', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en_GB\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '1679351974758866926', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVLJRDf9405Xnckoza9RhIUKkGy3hRcjPkGcfTLcCbCmH_TWeGxUyVCyZ0sIswE7Np0IQMLgX789s9ZcHOD7DUXyH-klANgxPX700Y8dmeNt_sqM4C9mae4etp71bjjNhNqCNhZHUfL8M/s72-c/Cara+Buat+Tombol+Demo+Dan+Download+Responsif+%255Bwww.selly.fun%255D.jpeg', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVLJRDf9405Xnckoza9RhIUKkGy3hRcjPkGcfTLcCbCmH_TWeGxUyVCyZ0sIswE7Np0IQMLgX789s9ZcHOD7DUXyH-klANgxPX700Y8dmeNt_sqM4C9mae4etp71bjjNhNqCNhZHUfL8M/s400/Cara+Buat+Tombol+Demo+Dan+Download+Responsif+%255Bwww.selly.fun%255D.jpeg', 'pageName': 'Cara Membuat Tombol Demo Dan Tombol Download Responsif', 'pageTitle': 'SELLY\u2122: Cara Membuat Tombol Demo Dan Tombol Download Responsif', 'metaDescription': ''}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard', 'ok': 'Ok', 'postLink': 'Post link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Cara Membuat Tombol Demo Dan Tombol Download Responsif', 'description': 'Blog Share Tentang :\x22 Tips Dan Trik Dan Tutorial, Internet Gratis, Aplikasi Dan Games [iso]', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVLJRDf9405Xnckoza9RhIUKkGy3hRcjPkGcfTLcCbCmH_TWeGxUyVCyZ0sIswE7Np0IQMLgX789s9ZcHOD7DUXyH-klANgxPX700Y8dmeNt_sqM4C9mae4etp71bjjNhNqCNhZHUfL8M/s400/Cara+Buat+Tombol+Demo+Dan+Download+Responsif+%255Bwww.selly.fun%255D.jpeg', 'url': 'https://shellyjr.blogspot.com/2013/12/lyrics-evanesence-what-you-want.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 1679351974758866926}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'banner468-header', document.getElementById('HTML9'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'banner468-header', document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'banner728-top', document.getElementById('HTML7'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/671862423-lbx__en_gb.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar', document.getElementById('PopularPosts1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidebar', document.getElementById('HTML5'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'sidebar', document.getElementById('FeaturedPost1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_StatsView', new _WidgetInfo('Stats1', 'banner728-bottom', document.getElementById('Stats1'), {'title': 'Total Pageviews', 'showGraphicalCounter': true, 'showAnimatedCounter': true, 'showSparkline': false, 'statsUrl': '//shellyjr.blogspot.com/b/stats?style\x3dWHITE_TRANSPARENT\x26timeRange\x3dALL_TIME\x26token\x3dAPq4FmCT1OXlcZxZ1ciHtGdnO43NJuHrnAODiVuEHeXwBC99nim-9Cd8nrl3pOU2Yj97XGhrDCAW3xM901_7gegvW90RbpgL-g'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'banner728-bottom', document.getElementById('Label1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'banner728-bottom', document.getElementById('HTML10'), {}, 'displayModeFull')); </script> </body> </html>