Posts

Showing posts from November, 2017

Make Money With BestChange Affiliate Marketing

Image
Among hundreds of exchangers where Internet users can exchange electronic money, only slightly over forty most reliable ones with flawless reputations and high business levels are included in the online monitoring service www.bestchange.com . Its convenient interface allow you choose e-currency exchange services with the best rates at the moment. This exchanger monitoring service provides exhaustive information on selected exchangers starting from the most important thing – the exchange rate – and ending with the exchanger reserve and its business level – a kind of reliability index given to the participating exchanger by the WebMoney system. It take just one click to go from the monitoring table to the exchanger and carry out all necessary operations – the service saves not only your money, but your time as well because you exchange money using the very exchange rate that you see in the table. You have electronic money and you need to exchange it? How to choose the best exchange

Eliminating Notifications and News on UCBROWSER

Image
1. Open UC Browser then Go the Settings Open UC Browser Settings Follow below screenshot for settings 2. Change Tab View to "List" Change Tab View to "Lists" 3. Preload Page change to "All Pages" 4. Then in the Notifications setting, Turn Off All or OFF all Preload Page On All Pages Turn Off All Notification 5. Close And Reopen UC Browser. * REMOVING NEWS IN FRONT UC 6. on Front UC as below 6. Scroll down until you stuck, then choose "Manage Cards" 7. off it all as below COMPLETE

SCSS Animate Hover Scale Letters

Demo HTML Full Page <!DOCTYPE html><html><head> <link href="https://fonts.googleapis.com/css?family=Passion+One" rel="stylesheet" /> <style>html, body { height: 100%; } body { background: #e74c3c; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: 'Passion One', cursive; } .scale { font-size: 10vw; text-transform: uppercase; letter-spacing: 4px; color: #fff; cursor: pointer; } .scale span { display: inline-block; -webkit-transition: -webkit-transform 0.1s; transition: -webkit-transform 0.1s; transition: transform 0.1s; transition: transform 0.1s, -webkit-transform 0.1s; } .scale span:hover { -webkit-animation: rotate-scale-up 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) both; anim

LESS CSS Animasi Ajaib (Magic Sphere)

Image
Demo Full Page Code <!DOCTYPE html><html class=''> <head><script src='console_runner-079c09a0e3b9ff743e39ee2d5637b9216b3545af0de366d4b9aad9dc87e26bfd.js'></script><script src='events_runner-73716630c22bbc8cff4bd0f07b135f00a0bdc5d14629260c3ec49e5606f98fdd.js'></script><script src='css_live_reload_init-2c0dc5167d60a5af3ee189d570b1835129687ea2a61bee3513dee3a50c115a77.js'></script><meta charset='UTF-8'><meta name="robots" content="nofollow"><link rel="shortcut icon" type="image/x-icon" href="//production-assets.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" /><link rel="mask-icon" type="" href="//production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111&q

Making this energized header with CSS3 properties

Image
Patterns come and patterns go. The ones that stick around the longest do as such since they take care of a specific issue. A pattern that is well known right presently for that very reason, is sticky components; components that act typically until we parchment, and after that keep up their nearness on the page by one means or another. The pattern begun with sidebars, yet where it's truly developed in notoriety is headers. Why? Since headers have a tendency to contain route, and steady route is prevalent with clients. In this instructional exercise we'll make a header that adheres to the highest point of the viewport, however so it doesn't meddle with the substance, will limit it when the client looks down the page. This is what it will look like when we're set: In the event that you'd get a kick out of the chance to take after alongside the code, you can  download it here. The HTML The HTML for our illustration is truly straightforward, all we need is a

Hiding javascript to increase blogger blog speed

Image
Me often find comments on blogs Mascots inquiring about blogger widgets that can not be performed, such as the blog's stat widgets and more. Well that's because Maskolis add a code that hides JavaScript Widget widget Blogger so that all bloggers are using JavaScript automatically become unworkable. It turned out that this is done in order to speed up the loading of the blog. With the existence of this code, the browser can not recognize native JavaScript code Blogger.As we have seen, that the amount of JavaScript code in the blog, the more burdensome loading the blog. Perhaps some of you ask what the hell that Blogger Widget Javascript? If you look at the page source of your blog as CTRL + U, then you will see at the bottom of the HTML template you like the code below. <

Pug Preporcessor + SCSS border animation without svg

PURE CSS Using PUG Preprocessor + SCSS to create border animation without SVG HTML Code Normal HTML (Compiled | Before converted to PUG) <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/6.0.0/normalize.css"/> <div class="bb"></div> PUG CODE (After Converted from NORMAL HTML) script(src='https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js') link(rel='stylesheet', href ='https://cdnjs.cloudflare.com/ajax/libs/normalize/6.0.0/normalize.css') .bb CSS Code: NORMAL CSS (Before converted to SCSS): .bb, .bb::before, .bb::after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .bb { width: 200px; height: 200px; margin: auto; background: url("https://blog.codepen.io/wp-content/uploads/2012/06/Button-White-Large.png&q

How to create blogger sitemap per tables 100% Worked

Image
Stylish blogger sitemap per tables Tutorial Create Blogger Sitemap Per Tables: Open dashboard blogger. Navigate to pages tab Create New Page Enter the code below in html editor mode <div-wrapper id='wrapper'><div-wrapper dir="ltr" style="text-align:left;" trbidi="on"><div-wrapper class="table-of-content" id="table-of-content"><div-wrapper class="loading"><img class='loading' src='https://res.cloudinary.com/dimaslanjaka/image/fetch/http://www.amcsscentry.gov.in/asset/images/please_wait.gif'></div-wrapper></div-wrapper></div-wrapper><div-wrapper><script async='async' custom-element='div-wrapper' src='https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js'></script> <link href='https://codepen.io/dimaslanjaka/pen/eWWzrL.css' rel='stylesheet'> <style type="text/css&q

The 7 Most Effective and Efficient Online Marketing Strategies

Image
In the world of marketing or online marketing, I know there are two important things that must be mastered, that is about how to market products effectively and efficiently.Perhaps, some of you are asking ' what is effective and efficient marketing? '. Okay I will explain first about the two terms are very closely related to the marketing. KBBI Version: Effective is able to bring results Efficient is appropriate or appropriate to do things by not wasting time, effort and money MY Version: Effective is efficacious (powerful) Efficient is not excessive (frugal) Effective ease is anything that relates to the work or otherwise of the strategy, while being efficient in terms of cost and effort. So it can be concluded, an Internet Marketers, should properly master the strategy or way of online marketing is effective and efficient, in order to get the right target and to cut costs and time of promotion. In the world of marketing, effectively and efficiently de

Replacing the Label Widget Blogger Function to Be Dropdown

Image
   I will provide another option of the label widget that can be made dropdown, it looks exactly the same as the dropdown in the archive widget. The purpose of changing the look of this label widget is to save space on the blog page if in my blog there are many labels that make the blog look narrow because it is not just a label widget that is on the blog. In addition your blog will look more tidy and professional. For those who want to mecobanya, please follow the following tutorial: Replacing the Label Widget Function to Be Dropdown 1. Go to Blogger> Template> Then find this code <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <data:label.name/> <b:else/> <a expr:href='data:label.url'> <data:label.name/> </a> </b:if> ( <data:label.count/>)

Search Box With Pure CSS Simple

Simple Widget Blogger search box with pure CSS. Here the HTML: <form id="searchthis" action="/search" style="display:inline;" method="GET" target="_top"> <!-- Search box for blogger by Namanyay Goel //--> <input id="namanyay-search-box" name="q" size="40" type="text" placeholder=" Type Keywords... "/> <input id="namanyay-search-btn" value="Search" type="submit"/> </form> The Pure CSS #namanyay-search-btn { background:#0099ff; color:white; font: 'trebuchet ms', trebuchet; padding:10px 20px; border-radius:0 10px 10px 0; -moz-border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; -o-border-radius:0 10px 10px 0; border:0 none; font-weight:bold; } #namanyay-search-box { background: #eee; padding:10px; border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; -o-bo

[DISQUS] Mengatasi Plaintext URL Menjadi Link Hidup Otomatis

Image
Disqus merupakan sebuah layanan komentar di dunia maya yang bisa di pakai dalam berbagai situs populer, seperti blog WordPress, Blogspot, Tumblr bahkan juga website besar seperti CNN.com dapat diintegrasikan dengan Disqus untuk mendukung layanan diskusi bagi para pengguna di dunia maya. Disqus juga dapat diintegrasikan dengan berbagai jenis CMS seperti Joomla, Drupal, Squares pace, Yola Site, Doku Wiki dan Chimp. Disqus dapat menjadi solusi alternatif layanan komentar dari sistem komentar bawaan blog itu sendiri karena lewat Disqus dapat memfasilitasi komentar-komentar yang ada dari pengguna blog secara lebih baik. Disqus dapat langsung dihubungkan dengan berbagai situs sosial media seperti Facebook, Twitter, Google Plus dan lain-lain. Dengan menghubungkan Disqus dan akun sosial media maka komentar yang ditampilkan di Disqus akan secara otomatis muncul di akun jejaring sosial si pengguna. Cases Namun pada saat user atau visitor me

Free Cloud Bitcoin Mining 100% Legit 2017

Image
Free Cloud Bitcoin Mining. Free Cloud Bitcoin Mining. 100% Free, 100% Legit, 100% Paid. Visit Link below to get $25 balance & 25 GH/s. Click Here To Register

In Article Ads And Single Ads Shortcode Wordpress With WP AMP NINJA Plugin

Image
Adsense Shortcode Wordpress Compatible With WP AMP NINJA Plugin Call Adsense JavaScript (adsbygoogle.js) function saotn_loadAdsByGoogleJs() { wp_register_script( 'google-adsense', '//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js', '', '', true ); wp_enqueue_script( 'google-adsense' ); } add_action( 'wp_enqueue_scripts', 'saotn_loadAdsByGoogleJs' ); Create In Article Ads Shortcode Goto Adsense Dashboard -> My Ads -> Add New -> Choose In Article Ads -> Set with your defined settings -> Get Code from <ins until </script> dont copy script.js above </ins>. //In Article Ads function IAA($atts) { $urlamp = (isset($_SERVER['HTTPS']) ? "https" : "http") . $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI']; if (strpos($urlamp,'wpamp') !== false) { //echo 'Car exists.'; return '<amp-ad layout="fixed-height&qu

CSS Only Responsive Social Share Buttons For Blogger

Image
save the following CSS styles above </head> <b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> /*<![CDATA[*/ .share_responsive{position:relative;height:40px;margin:20px 0!important;padding:0} .share-btn,.share-btn li,.share_responsive h4{margin:0;padding:0} .share_responsive h4{height:40px;width:10%;position:absolute;top:0;left:0;z-index:2} .share-btn{height:40px;padding:0;margin:0!important;width:100%;} .share-btn:after{clear:both} .share-btn:after,.share-btn:before{content:' ';display:table} .share-btn li{box-sizing:border-box;width:10%;height:100%;line-height:40px;padding:0!important;margin:0!important;list-style-type:none!important;transition:all .3s ease-in-out;float:left;border:0!important} .share-btn li.btn-line a,.share-btn li.btn-line a:hover{background-color:#00C300} .share-btn li.btn-facebook a{background-color:#306199} .share-btn li.btn-facebook a:hover{background-color:#244872} .share-btn li.

How To Create a Blogger Contact Popup Comes With Google Maps

Image
The function of the contact form on a blog is to make it easier for blog visitors to contact the blog admin.   Blogger itself has provided a contact form that is already connected with the Gmail account admin blog.   Well this time I will share how to create a contact form Blogger popup with Google Maps equipped, so this (Google Maps) will be more to give visitors trust to the blog admin, especially if the blog is used for business or online store.   Visitors or consumers will be more confident because the business location is clear.   DEMO Please try on the menu " Contact " Interested to try it?   Please follow the steps below.   The first thing to do is to register your business location on Google My Business by storing our business location on Google Maps.   If you have not yet saved your business location on Google Maps, please follow the following tutorial:   How to Spot Your Places In Google Maps   And it will be better, verify also where your business is