InJob Blogger Template 2019 Free Download Blogger Templates Responsive Blogger Template

InJob Blogger Template

Author:- SoraTemplates
Designer:- SoraTemplates

Demo View Now Download Download Now

InJob Blogger Template feature

InJob Blogger Template best for news, fashion, tech, the lifestyle website. Responsive, SEO Friendly, Google Testing Tool Validator, Mobile Friendly, Custom 404 Page, Fast Loading,Job Portal, Online Job, Job, Job Search Engine, Technology, White, Simple Blogging, Ads Ready, Clean Layout, Simple Design, Drop Down Menu, Social Sharing.

InJob Blogger Template Documentation

Widget Code

1. Responsive Ad Code

First Log in blogger account Layout->Html code below.

<span>
<div class="lalulintas"><span class="rambuhijau">Responsive Ads Here</span>
</div>
<style type="text/css">
.lalulintas{width:100%;height:100px;background:#d1d5d8;margin:0 auto;position:relative;}
.rambuhijau{background:rgba(255,255,255,0.15);position:absolute;display:block;color:rgba(0,0,0,0.2);text-align:center;text-
transform:uppercase;letter-spacing:2px;font-size:180%;padding:10px;margin:5px;left:0;right:0;top:0;bottom:0;font-weight:700;line-height:4.4rem}
@media only screen and (max-width: 768px) {
.rambuhijau {font-size:100%;}
}
</style></span>

2. Subscribe Code

<style>
#soratemplates-sbox-v2 {
padding: 0;
padding-bottom: 5px;
font-family: inherit;
display: block;
margin: 0;
border-radius: 1px;
border: 5px solid #FFD439;
text-align: center;
}
#soratemplates-sbox-v2 p {
font-size: 15px;
color: #000;
line-height: 27px;
padding: 5px 10px 5px;
text-align: center;
width: 80%;
margin: 5px auto 20px;
border-bottom: 2px solid #ebebeb;
border-radius: 20px;
}
#soratemplates-sbox-v2 .rssform {
padding: 0;
margin: 0 auto;
display: block;
}
#soratemplates-sbox-v2 .rssform input {
padding: 8px;
margin: 20px auto 15px;
font-size: 13px;
color: #000;
text-align: center;
display: block;
font-family: inherit;
font-weight: normal;
width: 90%;
height: 38px;
text-transform: uppercase;
outline: none !important;
border: 1px solid #ebebeb;
border-radius: 1px;
background-color: #FCFCFC;
box-sizing: border-box !important;
}
#soratemplates-sbox-v2 .rssform .button:hover {
opacity: 0.7;
-moz-opacity: 0.7;
-webkit-opacity: 0.7;
}
#soratemplates-sbox-v2 .rssform .button {
background: #222;
color: white!important;
margin-top: 15px;
outline: none !important;
transition: all .3s ease-in-out;
padding: 5px 2px !important;
float: none;
text-transform: uppercase;
font-size: 18px;
font-weight: normal;
cursor: pointer;
}
#soratemplates-sbox-v2 form {
margin-bottom: 10px !important;
}
</style>
<div id="soratemplates-sbox-v2">
<p>Subscribe To Get All The Latest Updates!</p>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP3Vt8dl3oA4JemVn_V-c_l__8wArPc4dvsCfmpdCubXTHxiou02hECdI6ZcetIuL2bD8CV8pA3uryn37Fqj1YtrGJDzFRiqw3stUWWQLcBhse4Cnm5f2o0-fmNlL_KgNRkgu5LOYa8qY9/s400/fill-email.gif" alt="email updates"/>
<div class="rssform">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow"
onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=soratemplates', 'popupwindow',
'scrollbars=yes,width=550,height=520');return true">
<input type="text" name="email" placeholder="Enter your email address..."
vk_14173="subscribed" vk_1e723="subscribed" />
<input type="hidden" value="soratemplates" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input value="Join Now" class="button" type="submit" />
</form>
</div>
</div>

3. Socialize Code

<div class="social-counter">
<a class="count facebook" href="#">
<div class="icon"><i class="fa fa-facebook"></i></div>
<p><span>34.2k</span> likes</p>
<p class="action-btn">Like</p>
</a>
<!-- TWITTER -->
<a class="count twitter" href="#">
<div class="icon"><i class="fa fa-twitter"></i></div>
<p><span>28.6k</span> followers</p>
<p class="action-btn">Follow</p>
</a>
<!-- YOUTUBE -->
<a class="count youtube" href="#">
<div class="icon"><i class="fa fa-youtube"></i></div>
<p><span>8.6k</span> subscribers</p>
<p class="action-btn">Subscribe</p>
</a>
<!-- GOOGLE PLUS -->
<a class="count google-plus" href="#">
<div class="icon"><i class="fa fa-google-plus"></i></div>
<p><span>17.3k</span> followers</p>
<p class="action-btn">+1</p>
</a>
<!-- INSTAGRAM -->
</div>
<style>
.social-counter{
padding: 0;
display: block;
}

.count{
display: block;
padding: 7px 0;
text-align: left;
transition: all 0.5s ease;
}
.count:hover{
background: rgba(0,0,0,0.033);
transform: scale(1.065);
}
.count .icon{
background: #aaa;
display: inline-block;
float: left;
color: white;
font-size: 22px;
margin-left: 5px;
text-align: center;
width: 45px;
height: 45px;
border-radius: 50%;
text-shadow: 0 0 3px rgba(0,0,0,0.2);
display: table;
}
.count .icon i{
display: table-cell;
vertical-align: middle;
}
.count p{
display: inline-block;
font-size: 13px;
color: #888;
margin: 11px;
}
.count p span{
color: black;
font-size: 18px;
font-weight: bold;
padding-right: 2px;
}
.count .action-btn{
float: right;
display: inline-block;
background: #aaa;
color: white;
padding: 3px 6px;
border-radius: 3px;
font-size: 14px;
margin: 11px;
}
/*== COLORS ==*/
.facebook .icon{background:#3b5999;}
.facebook .action-btn{background:#3b5999;}
.facebook .icon i{padding-top:2px;}
.twitter .icon{background:#55acee;}
.twitter .action-btn{background:#55acee;}
.twitter .icon i{padding-top:2px;}
.youtube .icon{background:#cd201f;}
.youtube .action-btn{background:#cd201f;}
.youtube .icon i{font-size:24px}
.google-plus .icon{background:#dd4b39;}
.google-plus .action-btn{background:#dd4b39;}
.google-plus .icon i{font-size: 18px; padding-top: 1px;}
.instagram .icon{background:#e4405f;}
.instagram .action-btn{background:#e4405f;}
.rss .icon{background:#f57d00;}
.rss .action-btn{background:#f57d00;}
.social-counter-2 .linkedin, .linkedin .icon,.linkedin .action-btn{background:#0077B5}
.social-counter-2 .vimeo, .vimeo .icon,.vimeo .action-btn{background:#1ab7ea}
.social-counter-2 .vk, .vk .icon,.vk .action-btn{background:#4c75a3}
.social-counter-2 .tumblr, .tumblr .icon,.tumblr .action-btn{background:#34465d}
.social-counter-2 .pinterest, .pinterest .icon,.pinterest .action-btn{background:#bd081c}
.social-counter-2 .stumbleupon, .stumbleupon .icon,.stumbleupon .action-btn{background:#eb4924}
.social-counter-2 .reddit, .reddit .icon,.reddit .action-btn{background:#ff5700}
.social-counter-2 .yelp, .yelp .icon,.yelp .action-btn{background:#af0606}
.social-counter-2 .weibo, .weibo .icon,.weibo .action-btn{background:#df2029}
.social-counter-2 .producthunt, .producthunt .icon,.producthunt .action-btn{background:#da552f}
.social-counter-2 .whatsapp, .whatsapp .icon,.whatsapp .action-btn{background:#25D366}
.social-counter-2 .vine, .vine .icon,.vine .action-btn{background:#00b489}
.social-counter-2 .slack, .slack .icon,.slack .action-btn{background:#3aaf85}
.social-counter-2 .dribbble, .dribbble .icon,.dribbble .action-btn{background:#ea4c89}
.social-counter-2 .flickr, .flickr .icon,.flickr .action-btn{background:#ff0084}
.social-counter-2 .behance, .behance .icon,.behance .action-btn{background:#131418}
.behance .icon i{font-size:18px;} .social-counter-2 .foursquare, .foursquare .icon,.foursquare .action-btn{background:#f94877}
.social-counter-2 .snapchat, .snapchat .icon,.snapchat .action-btn{background:#FFFC00}
.snapchat .icon i{font-size:24px;text-shadow: -1px 0 black,0 -1px black, 1px 0 black, 0 1px black}
.snapchat .action-btn{text-shadow: 0 0 1px black}
</style>

XEM THÊM

InJob Blogger Template 2019 Free Download Blogger Templates

4/ 5

Oleh Kavi