What’s Safelink Generator
The Safelink Generator widget robotically converts or modifies links. A area that uses safelink on blogspot has an middleman that the particular person must contend with before reaching the final destination. The Safelink technique is often used on blogs with screech that will even be downloaded because advertising and marketing in Safelink can boost revenue.
Commercial publishers depend upon Safelink as a technique of exhibiting their adverts and rising their revenue. Why no longer beautiful develop exhaust of the safelink generator widget when that that you just would be in a position to per chance presumably originate extra money from adverts? Blogger safelinks are used on all net sites, no longer beautiful blogs with screech that will even be downloaded. Safelink has been utilized by fairly about a blogs alongside side bloggers due to its promising earnings. Why don’t you beautiful exhaust this safelink when that that you just would be in a position to per chance presumably develop extra money from adverts?
Add SafeLink Generator and Download Page on Blogger Weblog?
To add a safelink generator widget page and a download link page to your blogger weblog, moderately follow the steps.
Enlighten :- Ahead of initiating this tutorial backup your blogger theme to care for away from from any errors and complications.
- Add jQuery to your Blogger and Blogspot template code to effect frigid effects, animations, and other aspects for your weblog. JQuery is a surely valuable Javascript library.Safelink module likewise utilizing jQuery.
You are going to own to develop obvious jQuery is already installed in your template before inserting it. Please web “https://ajax.googleapis.com/ajax/libs/jquery”, Whenever you happen to did now not web anything else, that you just would be in a position to quiet care for going. Whenever you happen to stumbled on one thing, that you just would be in a position to quiet stop and assign nothing because your template had a jQuery library. Retain in recommendations that a assorted jquery plugin could per chance no longer feature with the blogger safelink generator.
Gain the trace in the template Editor window and add the next line before it:
- 2nd, Now we own the CSS code, to which we own styled for the SafeLink Generator and Download Page construction. Moreover, we own aligned and positioned the CSS code so that it is correctly positioned and does now not change into cluttered with acceptable CSS substances.
Copy and Paste the next CSS code beautiful above the ]]>
- The project's final phase became once JavaScript, which we added common sense to and coded per the requirements, with about a prerequisites. Along with, we own developed capabilities that store the responses and point out them when the particular person does one thing.
Copy the next Javascript Code and paste before
.enter-team {
intention: relative;
}
.panel.panel-most valuable{
background:#eee;
text-align:center;
point out:desk;
overflow:hidden;
width: 100%;
max-width: 970px;
padding:0;
border-radius:5px;
margin: 25px auto;
border: 1px tough #e1e1e1;
}
.panel-body{
intention:relative;
margin:0 25px;
field-sizing: border-field;
}
.panel-heading h2{
coloration:#000;
margin:0 auto 25px auto;
font-weight: 500;
padding: 15px;
font-size: 20px;
border-bottom:1px tough rgba(0,0,0,0.05)
}
.panel-body enter{
background: #fff;
width: 100%;
padding: 15px;
border-radius: 5px;
border: 1px tough transparent;
field-shadow: 0 1px 1px rgba(204,197,185,0.5);
font-size: 16px;
coloration: #000;
outline: none;
text-indent: 60px;
transition: all .3s;
field-sizing: border-field;
}
.panel-body enter:focal level{
background:#fff;
coloration:#000;
border-coloration:#e74c3c;
outline:none;
field-shadow:0 0 5px rgba(0,0,0,0.1)
}
.panel-body .enter-team-btn{
intention:absolute;
prime:0;
simply:0
}
.panel-body button{
border-radius: 0 5px 5px 0;
background: #008000;
coloration: #fff;
border: 0;
padding: 16px 52px;
height: 50px;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
outline: none;
cursor:pointer;
transition: all .3s;
}
.panel-body button:flit,.panel-body button:focal level{
background:#d24637;
outline:none
}
#generatelink{
margin: 20px auto 0 auto
}
#generatelink button{
background:#01a3a4;
border-radius:5px;
font-size: 14px;
padding: 14px 32px
}
#generatelink button:flit,#generatelink button:focal level{
background:#028889;
border-radius:5px;
font-size: 14px
}
#generatelink button .fa.fa-floppy-o,#generatelink button .fa.fa-test{
margin:0 5px 0 0
}
.panel-body:before{
screech:'
f0c1'
;
background:rgba(0,0,0,0.05);
font-family:fontawesome;
intention:absolute;
left:0;
prime:0;
coloration:#888;
padding: 12px 20px;
border-radius:5px 0 0 5px;
border-simply:1px tough transparent;
transition:all .6s
}
.panel-body:energetic:before,.panel-body:focal level-internal:before{
screech:'
f061'
;
background:#e74c3c;
coloration:#fff
}
#generatelink enter{
background:#ffeaa7;
text-indent:0
}
#generatelink enter:flit,#generatelink enter:focal level{
background:#ffeaa7;
border-coloration:transparent;
field-shadow:none
}
#generateloading{
margin: 20px auto 0 auto;
font-size: 20px;
coloration:#f39c12;
font-weight:now not unique
}
.hidden {
point out: none;
}
#timer{
margin: 20px auto;
width: 80px;
text-align:center
}
.pietimer{
intention:relative;
font-size: 200px;
width:1em;
height:1em
}
.pietimer >
.percent{
intention:absolute;
prime: 28px;
left: 12px;
width:3.33em;
font-size: 18px;
text-align:center;
point out:none
}
.pietimer >
.lop{
intention:absolute;
width:1em;
height:1em;
clip:rect(0px,1em,1em,0.5em)
}
.pietimer >
.lop.gt50{
clip:rect(auto,auto,auto,auto)
}
.pietimer >
.lop >
.pie{
border:0.06em tough #c0c0c0;
intention:absolute;
width: 70px;
height: 70px;
clip:rect(0em,0.5em,1em,0em);
border-radius:0.5em
}
.pietimer >
.lop >
.pie.maintain{
-moz-transform:rotate(180deg)!valuable;
-webkit-transform:rotate(180deg)!valuable;
-o-transform:rotate(180deg)!valuable;
transform:rotate(180deg)!valuable
}
.pietimer.maintain >
.percent{
point out:none
}
.pietimer.maintain >
.lop >
.pie{
border:transparent;
background-coloration:#c0c0c0;
width:1em;
height:1em
}
.text-center{
text-align:center
}
.text-center button{
margin: 20px auto;
border-radius:5px;
text-align:center;
padding: 12px 22px;
background:#008000;
coloration:#fff;
cursor: pointer;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
field-shadow:0 5px 10px rgba(0,0,0,0.19),0 3px 3px rgba(0,0,0,0.13);
transition:all 0.3s cubic-bezier(.25,.8,.25,1);
border: none;
}
.panel-body .text-center button{
margin:0 auto;
}
.text-center button:flit,.text-center button:energetic,.text-center button:focal level{
field-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}
.text-center button span{
margin:0 5px 0 0
}
.panel-body{
margin:0 auto;
padding: 25px
}
.panel-body:before{
point out:none
}
.panel-heading h2{
background:#fff;
coloration:#222;
margin:0 auto;
font-weight: 500;
padding: 21px;
font-size: 24px;
text-align:center
}
@media (max-width: 540px) {
.panel-body .enter-team-btn {
point out: block;
intention: relative;
overflow: hidden;
margin: 20px auto 0 auto;
}
.panel-body button {
border-radius: 5px;
width: 100%;
}
}