Friday, August 12, 2016

Maya - Professional Blog Style Blogger Template

Maya - Professional Blog Style Blogger Template - This is another high quality and professional blog style blogger template. Running a blogging site with blogspot? Then, Maya is a perfect blogger template for your. It is highly optimized blogger any blog site those, are running their blog with blogspot platform. Maya is also perfect for any kind of Personal Blog. This is also perfect blogger template for, tech blog, personal blog, lifestyle blog, review blog, any kind of blogging blog.

Similar Template: Palki 2 - Responsive Blogger Template

maya professional responsive blog style blogger template


Maya Professional Blogger Template - Maya is a high quality and responsive blog style blogger template by msdesign. In this session we're sharing another professional blog style blogger template. This is totally Search engine optimized and pure responsive designed blogger template for blogspot platform. This is minimalist and creative blogger templates with lots of features. You can change template fonts and colors with one click from Blogger Template designer.


Maya - Professional Blog Style Blogger Template

Maya is a premium responsive Blogspot blog temlate, it’s product that simply reacts the way that you want. With the professional design, creative layouts, unlimited colors, unlimited fonts, custom widgets, unique style and many more! a lot of different features make Maya is a perfect choice for your personal blog or any kind of blogging blog. It is highly optimized for Search engine optimization (SEO Ready) and ready for adsense.

Maya - Mobile Friendly Blogger Template

Maya is fully mobile friendly and pure responsive designed blogger template that is compatible with all kind of smartphone and tablet phone. It will adapt fluidly to fit the dimensions of any display. Maya is fully responsive blogger template and touch supported.

Maya mobile friendly blogger template

Recent Posts Slider

We added a awesome and responsive recent post slider on Maya Blogger Template. This recent posts slider will display specific number of recent posts that you set, If you want to show any specific label posts, then can you do it. This recent posts slider support any specific label also.

Maya recent posts slider



Unlimited Fonts and Colors

Maya Blogger template created with lots of features, that helped you for customize this template easily without any knowledge. You can change templates fonts and colors with one click from Blogger Template Designer. In this template we used google unlimited fonts (pro features), and unlimited colors that you can change with your own choice.

maya blogger template unlimited fonts and colors

Search Engine Optimized

Maya blogger template is highly search optimized blogger template. SEO is done for you out of the box, so you can rest assured that your site will be discoverable and that you'll maximize your number of visitors. Maya will help your for that. Because it is fully SEO Optimized blogger template better rank on SERP.

Maya seo optimized blogger template

Some Features of Maya Blogger Template

  • Fully Responsive Design (Check)
  • SEO Optimized (Check)
  • Testing Tool Validator (Check)
  • Recent Posts Slider
  • Easy Admin Panel
  • Drop down menu
  • Social Icons
  • Unlimited Colors
  • Unlimited Fonts [pro only]
  • Ads Ready
  • Breadcrumbs
  • Related Posts
  • Social Share Buttons
  • Subscribe Box
  • Google Comment
  • Facebook Comment
  • Search Box
  • Custom 404 Error page
  • Much more


If you have any question or found any problem about pro version of Maya Blogger Template, then you should Contact with us. Or if you want design any custom template with your own, then you should also see our Services. Thank you.
True Mag

Monday, August 08, 2016

Fresh View - Best Responsive and SEO Blogger Template

Best personal blogger template 2017 Fresh View

Fresh View is a another awesome template from MS Design BD. Fresh View is fully responsive and SEO optimized blogger template. You can use this template on your personal blog site. Fresh View Blogger template is perfect for any review or blog site. In this template we first time use a awesome social icons widget like, Facebook, Twitter, Pinterest, Instagram, Google Plus, Linkedin, Flickr and Vine Social icons.

Fresh View - Best Personal Blogger Template

Before some days, we were published another template and that was, DreamLine - Responsive Personal Blogger Template. After that now we are publishing Fresh View Professional Blogger Template, its simple but awesome for any kind of personal blog. In this template we again use Features posts Slider with professional look. This template is perfect and compatible with any personal blog, Review blog. Free download this best blogger template for your blog. Fresh View has some awesome features, that make your blog look like professional and give a professional look. In this template we bring some awesome features, that make your blog really awesome. Now introduce with Fresh View's all awesome features. 

Featured Posts Slider:

Featured posts slider is another best widget of Fresh View Blogger Template. This is widget make this template more attractive and more professional. This widget automatically show 3 featured posts from your blog. That are most visited by users, or most popular on your blog. Sometimes it will show from last posts. That's means, sometimes it will show from recent posts.

Fresh View - Best Responsive and SEO Blogger Template


SEO Ready:

SEO is most important part of template design. MS Design always focus on SEO Optimization when design a unique template. Fresh View isn't progressed beyond from SEO Optimization. This blogger theme is fully seo ready blogger template. Blogger SEO is most important in search results. If your running a blogspot site, then focus on your blogger seo and seo friendly blogger template. This template up to 100% SEO scored. See The below screenshot.

Fresh View - Best Responsive and SEO Blogger Template Free Download

And more features made this template more professional. If you running a personal blog with blogspot platform, then you should use this Fresh View Blogger Template. This is a perfect blogger template for any kind of personal blog. This template make your blog more professional and more attractive.

Some Awesome Features:

  • Responsive [TEST]
  • SEO Optimized [TEST]
  • Google Testing Tool Validator [TEST]
  • Easy Admin Panel
  • Ads Ready
  • Social Icons
  • Related Posts
  • Social Share Buttons
  • Much more...

Saturday, August 06, 2016

Bottom Floating Facebook Like Box Widget for Blogger

Bottom Floating Facebook Like Box Widget for Blogger - Hello blogger buzz, after long time, msdesign gonna sharing another great blogger widget. This is very unique and helpful widget for all blogger. Sometimes we have need to engage with our audience. Facebook pan page is easiest way to keep your audience in your hand. Then you have to need increase your fan page like. By using this awesome bottom floating facebook like box for blogger you can easily increase your facebook like with your targeted audience.

Awesome floating facebook like box for blogger

Bottom Floating Facebook Like Box for Blogger Blogspot

Before some days, at first i installed this bottom floating like box on my own blog and i get a very positive result. This widget working fine with also smartphone device. You should also try Sidebar Floating Facebook Like Box For Blogger this widget also working fine. I hope this blogger widgets will be helpful for you for increasing your facebook like.


Now lets star the tutorial. Before starting work, please take a backup of your template for safety.
Now go to Template > Edit HTML and past the below CSS before </style>
 #open-fb{background-color: #FFFFFF; border: 4px solid rgb(210, 210, 210); bottom: 0; border-bottom: 0; float:left; height: auto; margin-bottom: 0; margin-right: 5px; position: fixed; right: 0; width: auto; z-index: 10;}
.close-fb{color: #333!important; position: absolute; top: 1px; right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 11px;}
.slideUp{
 animation-name: slideUp;
 -webkit-animation-name: slideUp; 

 animation-duration: 1s; 
 -webkit-animation-duration: 1s;

 animation-timing-function: ease; 
 -webkit-animation-timing-function: ease;

 visibility: visible !important;   
}

@keyframes slideUp {
 0% {
  transform: translateY(100%);
 }
 50%{
  transform: translateY(-8%);
 }
 65%{
  transform: translateY(4%);
 }
 80%{
  transform: translateY(-4%);
 }
 95%{
  transform: translateY(2%);
 }   
 100% {
  transform: translateY(0%);
 } 
}

@-webkit-keyframes slideUp {
 0% {
  -webkit-transform: translateY(100%);
 }
 50%{
  -webkit-transform: translateY(-8%);
 }
 65%{
  -webkit-transform: translateY(4%);
 }
 80%{
  -webkit-transform: translateY(-4%);
 }
 95%{
  -webkit-transform: translateY(2%);
 }   
 100% {
  -webkit-transform: translateY(0%);
 } 
} 

Now past below codes before </body>
 <div class='slideUp' id='open-fb'>
<a class='close-fb' href='#close-fb-like-box' onclick='hide(&apos;open-fb&apos;)' title='Close'><i class='fa fa-times'/></a>
<div class='fb-like-box ' data-header='false' data-height='62' data-href='https://www.facebook.com/msdesign.rtml' data-show-faces='true' data-stream='false' data-width='187'><span style='height: 62px; width: 187px; '><iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fmsdesign.rtml&amp;width=187&amp;height=62&amp;show_faces=false&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true' style='border:none; overflow:hidden; width:187px; height:62px;'/>
</span></div></div>
<script type='text/javascript'>

function show(target) {
    document.getElementById(target).style.display = &#39;block&#39;;
}

function hide(target) {
    document.getElementById(target).style.display = &#39;none&#39;;
}
</script> 

Note: Change /msdesign.rtml with your page user name twice.

Now Save template and view result by refreshing page.


Hope guys you liked this awesome blogger widgets. If yes, then do not forget to share this on you social media and other friends. And if your facing any problems with this bottom floating facebook like box widget for blogger, then inform us on comment section with your problem. Will hard try to resolve your problems. Thanks you.

Wednesday, August 03, 2016

True Mag - Professional Newspaper/Magazine Blogger Template

True Mag premium magazine blogger template

True Mag is professional news and magazine base premium blogger template by msdesignbd. True Mag is first professional, high quality, responsive, clean designed, minimalist and user friendly magazine blogger template made by msdesignbd. If you're looking for a magazine template for your newspaper blog, then True Mag will be perfect template for you. This is an eye-catching and highly professional blogger magazine template that is perfect for webmasters with lots of content and who want to engage with their audience with a news portal. Countless options in blogger template designer make the template perfectly customizable for everyone, even who don't know any codding. You should also cache us on themeforest, we're also available on here.

True Mag - Professional and Premium Magazine Blogger Template

True Mag is best premium magazine blogger template for every newspaper blog or magazine based blog who running with blogspot platform. This is a super fast blogger template, that make a pure user experience. True mag was built for different type of blog like as, newspaper, magazine, fashion, technology, multimedia, lifestyle, and personal blogs. This is totally pro version blogger template. True Mag is highly SEO friendly magazine template for blogger. If you're looking for high quality and premium magazine template for blogger, then it will be perfect template for you blog. We can't release the free version of this template. If you want, then you should try News52 template for test. Because True Mag is almost same and better release of News52. Buy Now This awesome Magazine Template.

True Mag - Responsive Magazine Blogger Template

True Mag is fully pure responsive designed magazine blogger template. How to adapts seamlessly to any display that's viewing it in accordance with google's guidelines and for a better user experience. True mag change all user experience. Because it is highly optimized with all mobile device, like, smartphone and tablet phone. This template compatible with all mobile device.

True Mag responsive magazine blogger template

10+ Powerful Home layout widgets

In this template we used 10+ powerful home layout widget by label. These widgets are totally unuque home layout box that make your homepage more professioanl and more beautiful. If you wanna give your blog a new and fresh look, then True Mag Template will be perfect for your newsportal blog or magazine blog. 

True Mag 10+ home layout box wigets

Unlimited Colors Option

This is an another important option to customize a blogger template easily. True Mag Template support unlimited colors option to change template color easily from Blogger Template designer. Unlimited colors option allow for make your blog a completely unique look to match your choice and with your brand that like your audience. You can change whole template color with one click.

True Mag unlimited colors option

100+ Google Fonts

This magazine blogger templates support unlimited over 100+ google web fonts for beautiful typographic option. You can change every section's font for one click. This option made this template more easy for customization. This powerful option panel gives you full control all in one place. Step by step you can change template fonts form blogger template designer.

True Mag 100+ google fonts options

Multiple Comment Tabs

This is also an another most important option of blogger template for engaged with your audience. A user can describe their opinion by two method, blogger comments and facebook comments. This is also a most popular features of every blogger templates. All code is incredibly clean with helpful comments to make edits as quick and simple as possible.

True Mag Multiple comment tabs




Some other features of True Mag Template

  • Fully Responsive Design (Check)
  • SEO Optimized
  • Google Testing tool Validator
  • Easy Admin Panel
  • Easy Customization
  • Breaking News Ticker
  • Drop down menu
  • Social Icons
  • Unlimited Colors
  • Unlimited Fonts
  • Ads Ready
  • Magazine Layout (10+)
  • Recent Posts Slider
  • Recent Posts Carousel
  • Recent Posts Widget
  • Subscribe box
  • Related Posts
  • Social Share Buttons
  • Post Reaction
  • Author Bio Box
  • Multiple Comment Tabs
  • Search Box
  • Custom 404 Error page
  • Well Documentation
  • Much more

If you have any questions about this template, the feel free to describe your opinion on comment section or you should also Contact with us. Thanks...

Tuesday, August 02, 2016

2 Best Email Subscribe Widget for Blogger

blogger subscribe widget 2 style free

How to add feedburner email subscription widget for blogger. Email subscribe widget is most important part of every blogger. Do you know what is email subscribe widget? Yes! this is collect huge amount traffic for your blog. Today i am share 2 beautiful blogger email subscription widget for your blog. Earlier some days, i shared a another popup subscribe box for blogger and that is Pop up Email Subscribe box for Blogger. But today i am share another 2 creative email subscription widget box for blogger and one subscription widget is with social icons. 

A Feedburner email subscription widget can bring a huge number of visitors on your blog. Visitors are subscribe in your blog by put their email and they always get your new updates on their email. Email subscription form on blogger is a important widget.

Email Subscribe Widgets for Blogger

If you place blogger email subscription widget on sidebar then, it will be better. But popup and below of every post is also good place to add email subscribe box in blogger. Today i am share 2 creative sidebar email subscribe box widget for blogger. 
  1. Dark background with social icons
  2. Colorful widget with name box

How it work?

Everyone know about google's feedburner. In short, google feedburner is most popular RSS web service feed. If anyone subscribe on your blog with their email, then feedburner to deliver your latest posts on all subscribed emails. In this tutorial i shared 2 subscribe box widget for blogger. Using these widget you can also grow up your blog's visitors.

How to registration on feedburner? Go to the following link and registration with your blog address and your email: feedburner.google.com. If ones done, then collect your feedburner username and note it.

Now lets start our tutorial.

1- Dark background with social icons

Its the awesome and cute email newsletter subscribe box widget for blogger that created with pure css with fontawesome icons. By using this email newsletter forms you can also use your social media links like Facebook, twitter, linkedin, google plus, pinterest, vine and instagram social icons. Attractive subscription widget box is better for every blog. Our first widget is more attractive for blogger.


subscribe box widget for blogspot


First you have to need add fontawesome icon and PT Sans google font. If already added then ignore step 1.

Note: If you use our code, then you agree to give proper footer credit.

Step 1: Go to Blogger Dashboard > Template > Edit HTML and past below codes right after <head>
 <link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>
<link href='//fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/> 


Step 2: Now need to add CSS Code before </style>
 #subscribebox{background:#576269;padding:20px;font-family:&#39;PT Sans&#39;,sans-serif;}
.widget_follow_subscribe .widget-detail{padding:36px 30px 40px}
#subscribebox p{color:#fff;font-size:15px;text-align:center;font-weight:700}
.follow-subscribe-social{margin:0 0 15px;padding:0 0 14px;border-bottom:#858585 solid 1px}
.follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center}
.follow-subscribe-social ul li{display:inline;margin:0 15px 0 0;border-bottom:none}
.follow-subscribe-social ul li:last-child{margin:0}
.follow-subscribe-social ul li a{font-size:17px;color:#cacaca;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}
.follow-subscribe-social ul li a:hover{color:#fff}
form.subscribe{margin-top:-7px}
form.subscribe input{display:block;width:100%}
.subscribe-email{height:45px;border:none;margin:0 0 10px;font-size:.928571em;background-color:rgba(255,255,255,0.2);text-align:center;color:#fff}
.subscribe-email:focus{outline:0}
form.subscribe .placeholder{color:#cacaca}
form.subscribe input:-ms-input-placeholder{color:#cacaca}
form.subscribe input::-webkit-input-placeholder{color:#cacaca}
form.subscribe input:-moz-placeholder{color:#fafafa}
form.subscribe input::-moz-placeholder{color:#fafafa}
.subscribe-button{height:45px;font-weight:700;font-size:16px;color:#fff;text-transform:uppercase;border:none;background-color:#F35D5C;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}
.subscribe-button:hover{background-color:#f1d640}
.subscribe-button:focus{outline:0}
.creadit a{color: #A7A6A6; float: right; font-size: 8px;} 

Save Template.

Now go to Layout > Add a gadget > HTML/Javascript and past below HTML code and save widget.
 <div id="subscribebox">
<div class="follow-subscribe-social">
<ul>
<li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-google"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-pinterest-p"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
<p>Subscribe to my Newsletter</p>
<form class="subscribe" action='http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='YOUR-USER-NAME'/>
<input name='loc' type='hidden' value='en_US'/>
<input class="subscribe-email" type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' value='Your Email'/>
<input class="subscribe-button" type="submit" value="Subscribe" />
</form>
</div>
<div class="creadit">
<a href="http://msdesignbd.com" rel="dofollow" target="_blank"> Get This Widget</a></div> 

Customization:

  • Change all # tag with your all social media link.
  • Change all YOUR-USER-NAME with your feedburner user name.

2 - Colorful widget with name box

You can use this widget below of every post. This subscribe box widget is created with simple css with colorful background. In this email subscription widget visitors are able write their name. The name box make this widget more professional. In this widget you can change subscribe box heading. Default heading is: "Subscribe for our all latest news and updates". Now lets start this,


blogger feedburner subscribe box widget


Step 1: Firstly need to add CSS code of this widget. So, copy past below css before </style>
 #subscribe-box {background-color:#0CC388;font-family: 'PT Sans', sans-serif;}
#subscribe-box p {font-size:22px;color:#fff;line-height:20px;padding:10px 20px 0 20px;margin:0;}
#subscribe-box .emailfield {padding:0px 20px 10px;}
#subscribe-box .emailfield input {background:#f9f9f9;color:#bbb;padding:10px;margin-top:10px;font-size:13px;width:91%;border:0;transition:all 0.4s ease-in-out;}
#subscribe-box .emailfield input:focus {background:#fff;outline:none;color:#888;}
#subscribe-box .emailfield .submitbutton {background:#444;color:#fff;text-transform:uppercase;font-weight:700;font-size:18px;font-family: 'PT Sans', sans-serif;;border:none;outline:none;width:100%;cursor:pointer;border-radius:3px;transition:all 0.4s ease-in-out;}
#subscribe-box .emailfield .submitbutton:active {outline:none;border:none;background:#fff;color:#e25734;}
#subscribe-box .emailfield .submitbutton:hover{background:#fff;color:#444;} 
.creadit a{color: #A7A6A6; float: right; font-size: 8px 

Save Template.

Now add a new HTML/Javascript gadget from Layout and past below code.
 <div id="subscribe-box">
<center>
Subscribe for our all latest news and updates</center>
<div class="emailfield">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=USER-NAME" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=USER-NAME, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="name" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Your Name&quot;;}" onfocus="if (this.value == &quot;Your Name&quot;) {this.value = &quot;&quot;;}" type="text" value="Your Name" />
<input name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}" onfocus="if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}" type="text" value="Your Email" />
<input name="uri" type="hidden" value="USER-NAME" />
<input name="loc" type="hidden" value="en_US" />
<input class="submitbutton" type="submit" value="Subscribe Now" />

</form>
</div>
</div>
<div class="creadit">
<a href="http://msdesignbd.com/" rel="dofollow" target="_blank"> Get This Widget</a></div> 


Customization:
  • Change all USER-NAME with your feedburner user name. 

Hope this 2 email subscribe box widget is helped you. If you found any problems, then inform me on comment section, i will try to solve your problems. And finally don't forget to share our posts with your friends. Thanks...