Cara Membuat Tombol Download Keren Dan Mudah.

Admin

6 May, 2016

1

Cara Membuat Tombol Download Keren Dan Mudah.

Cara Membuat Tombol Download Keren Dan Mudah - Jika Anda mempunyai blog berisikan app atau lagu bahkan video, yang jelas pasti akan memerlukan tombol download buat para pengunjung. Sebenarnya banyak sekali dipencarian contoh script tombol download yang dapat digunakan. Saya sendiri pun mengambil cara ini juga dari pencarian google. Dan saya mengambil script ini tepatnya dari web cronosal.blogspot.com.

Di artikel kali ini Saya berniat untuk berbagi serta melengkapi artikel di blog ini. Karena Saya sendiri sering lupa cara membuatnya. Heheheee...

Contoh tombol download yang dihasilkan nantinya akan seperti ini.

Cara Membuat Tombol Downoad Keren

Saya memilih script ini karena tombol yang dihasilkan terlihat bersih dan elegan, apakah Anda juga berpikir demikian???

Baiklah langsung saja kita menuju ke proses pembuatannya.

Cara Membuat Tombol Download Keren Dan Mudah.

* Pertama-tama buatlah artikel seperti biasanya.

* Dan untuk menempatkan tombol download seperti diatas pilih Mode HTML pada penulisan Artikel lalu copas kode script berikut:

<style type="text/css"> a.pic .image2{display:none} a.pic:hover .image1 {display:none} a.pic:hover .image2 {display:inline} </style> <br />
<center>

<a class="pic" href="alamat tujuan"> <img class="image1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk7T9rHuU_ToJQv8wYMxBo9GEWRis_7XfiTmp0Y0TI0F4tDN-Vlq1oc6xngzAyxW_3IhYaNxjJObfOQEmN_qbtGlwaKAZ5P6L7-fZWazNwFOsrEMIQJ0l4G4ClCc0EymtEOX7HxWqcpehG/h120/2.jpg" /> <img class="image2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYz2sSsGFhb7R8oVccirECIjkuoGbkaA822I8ymTABsn88BAL_5ebjooZFX6NcZgLHy5VT0ySjcsIvkkloGWMlrAxY2QbjJG_Y6dQJrrv_HZwwTaFqPm06OTFdF0sJ7KgI7WtRVYObkDao/h120/1.jpg" /></a></center>

Ganti alamat tujuan: Dengan alamat tombol download nantinya.

* Setelah berhasil diterapkan kembalikan lagi metode penulisan ke "Compose" dan Anda sudah akan bisa melihat hasilnya.

Demo:

Baiklah demikian Cara Membuat Tombol Download Keren Dan Mudah.
Semoga membantu.

Related Post :

Anonymous Tuesday, May 03, 2016 12:11:00 PM

wew keren. ane coba ntar.

Reply

<!--

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2112189061-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5g6_5dvB_6tGklKjDCbVCbvccrDA:1756252321153';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3093319451771102358','//anugrahq.blogspot.com/2016/04/cara-membuat-tombol-download-keren-dan.html','3093319451771102358');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '3093319451771102358', 'title': 'CATATAN ZAEN BANGZA', 'url': 'https://anugrahq.blogspot.com/2016/04/cara-membuat-tombol-download-keren-dan.html', 'canonicalUrl': 'https://anugrahq.blogspot.com/2016/04/cara-membuat-tombol-download-keren-dan.html', 'homepageUrl': 'https://anugrahq.blogspot.com/', 'searchUrl': 'https://anugrahq.blogspot.com/search', 'canonicalHomepageUrl': 'https://anugrahq.blogspot.com/', 'blogspotFaviconUrl': 'https://anugrahq.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-74379101-1', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', '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\x22CATATAN ZAEN BANGZA - Atom\x22 href\x3d\x22https://anugrahq.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22CATATAN ZAEN BANGZA - RSS\x22 href\x3d\x22https://anugrahq.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22CATATAN ZAEN BANGZA - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/3093319451771102358/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22CATATAN ZAEN BANGZA - Atom\x22 href\x3d\x22https://anugrahq.blogspot.com/feeds/7680316770136211883/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-3615946389753332', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/ae6695f28f74b4f8', '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\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '7680316770136211883', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIfGaZLnV3qIIpg5dBB840ScFv0I6kRz9ZvvJbG9U001NQUnhVw0mOHfaE6e-ZEtGZZlva4aYC_fea0kfZS1e-2IYq6ljd3IHxLTmCLsitrQr-YXwVf1HG9IvkB_UUoPe9kPIR_6A2jaGr/s72-c/PicsArt_04-28-06.28.54.jpg', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIfGaZLnV3qIIpg5dBB840ScFv0I6kRz9ZvvJbG9U001NQUnhVw0mOHfaE6e-ZEtGZZlva4aYC_fea0kfZS1e-2IYq6ljd3IHxLTmCLsitrQr-YXwVf1HG9IvkB_UUoPe9kPIR_6A2jaGr/s320/PicsArt_04-28-06.28.54.jpg', 'pageName': 'Cara Membuat Tombol Download Keren Dan Mudah.', 'pageTitle': 'CATATAN ZAEN BANGZA: Cara Membuat Tombol Download Keren Dan Mudah.'}}, {'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': true, '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 Download Keren Dan Mudah.', 'description': '       Cara Membuat Tombol Download Keren Dan Mudah - Jika Anda mempunyai blog berisikan app atau lagu bahkan video, yang jelas pasti akan m...', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIfGaZLnV3qIIpg5dBB840ScFv0I6kRz9ZvvJbG9U001NQUnhVw0mOHfaE6e-ZEtGZZlva4aYC_fea0kfZS1e-2IYq6ljd3IHxLTmCLsitrQr-YXwVf1HG9IvkB_UUoPe9kPIR_6A2jaGr/s320/PicsArt_04-28-06.28.54.jpg', 'url': 'https://anugrahq.blogspot.com/2016/04/cara-membuat-tombol-download-keren-dan.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 7680316770136211883}}, {'name': 'widgets', 'data': [{'title': 'Logo', 'type': 'HTML', 'sectionId': 'header-main', 'id': 'HTML50'}, {'title': 'Pages', 'type': 'PageList', 'sectionId': 'header-main', 'id': 'PageList50'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'icons', 'id': 'HTML58'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-blog', 'id': 'HTML51'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-post', 'id': 'HTML52'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog50', 'posts': [{'id': '7680316770136211883', 'title': 'Cara Membuat Tombol Download Keren Dan Mudah.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIfGaZLnV3qIIpg5dBB840ScFv0I6kRz9ZvvJbG9U001NQUnhVw0mOHfaE6e-ZEtGZZlva4aYC_fea0kfZS1e-2IYq6ljd3IHxLTmCLsitrQr-YXwVf1HG9IvkB_UUoPe9kPIR_6A2jaGr/s320/PicsArt_04-28-06.28.54.jpg', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Posted by'}, {'name': 'comments', 'label': 'Review'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Posted by'}, {'name': 'comments', 'label': 'Review'}]}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sidebar-static', 'id': 'PopularPosts50', 'posts': [{'title': 'Strategi Cara Trading Binary Iq Option 1 Menit Paling Akurat ala\nMbahndel', 'id': 6517229816373212278}, {'title': 'Cara Trading IQ Option Memakai Indikator MACD Paling Akurat', 'id': 2384249635438952291}, {'title': 'Laptop Terbaik Editing Video Dan Desain Grafis', 'id': 3360082687069377034}, {'title': 'Download Aplikasi Line Mod Premium versi 8.2.0 apk (No Root)', 'id': 6457095559716581683}, {'title': 'CyberFlix TV APK | Download CyberFlix TV App on Android (LATEST)', 'id': 6953530558032909285}]}, {'title': 'Categories', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label50'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML53'}, {'title': 'TIPS GAME', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML3'}, {'title': 'CARA', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML2'}, {'title': 'BISNIS', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML1'}, {'title': 'About Us', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML55'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML56'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML50', 'header-main', document.getElementById('HTML50'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList50', 'header-main', document.getElementById('PageList50'), {'title': 'Pages', 'links': [{'isCurrentPage': false, 'href': '/', 'title': 'Home'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML58', 'icons', document.getElementById('HTML58'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML51', 'before-blog', document.getElementById('HTML51'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML52', 'before-post', document.getElementById('HTML52'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog50', 'blog-post', document.getElementById('Blog50'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/497930099-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/123180807-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts50', 'sidebar-static', document.getElementById('PopularPosts50'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label50', 'sidebar-static', document.getElementById('Label50'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML53', 'sidebar-sticky', document.getElementById('HTML53'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'footer-widget', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'footer-widget', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'footer-widget', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML55', 'footer-widget', document.getElementById('HTML55'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML56', 'copyright', document.getElementById('HTML56'), {}, 'displayModeFull'));
</script>
</body>

-->