Softefy

Upcoming Movie Indoo Ki Jawani | Coming Soon in June 2020

2020-04-11T21:00:00.002+05:00

Upcoming Movie Indoo Ki Jawani

Bollywood Movie Indoo Ki Jawani is an upcoming in June-2020 in the Hindi language. Indoo Ki Jawani movie produced by Bhushan Kumar and Nikhil Advani and directed by Abir Sengupta under T-series and Emmay Entertainment banner. The movie features Kiara Advani and Aditya Seal in the lead roles. Movie Story revolves around a girl from Ghaziabad and her misadventure with dating apps.Indoo ki Jawani film scheduled to be released on 5th June 2020.

Indoo Ki Jawani Movie Star Cast:

Aditya Seal as Deepak Sharma
Kiara Advani as Indoo Diwvedi
Malaika Dua
Muhammad Iqbal Khan

Indoo Ki Jawani Film Produced By:

Monisha Advani
Nikkhil Advani
Madhu Bhojwani

Cinematography By:

Soumik Mukherjee
A. Vasanth

Casting By:

Kavish Sinha

Costume Design By:

Sheetal Sharma

Costume and Wardrobe Department:

Akshita Jain

Upcoming Movies in 2020

2020-04-11T07:09:00.004+05:00

All 2020 Upcoming Movies

Upcoming Movies By Industry:

_________________________________

Upcoming Movies by Month:

_________________________________

Upcoming Movies By Category:

_________________________________

Upcoming Movies By Actors:

_________________________________

Upcoming Movies By Actress:

_________________________________

Call of duty: Modern Warfare Season_3 Updates is Out | New Features and Reveal All the Changes

2020-04-08T16:26:00.002+05:00

Call of duty: Modern Warfare Season_3

Call of duty: Modern warfare season3 updates are out. The patch notes are available here and they have added some new features bug fixes and maps along with warzones and weapons updates.

In this Modern war fear season3 update on of the biggest change is for the multiplayer mode. The cost has been increased by $600 and $8500 to $10,000/- most useful features, the loadout drop. Many worldwide players remarked that the loadout drop cost negatively affected the game balance, the higher price point would smooth thing over.

Being warzones loadout drop is unique features this feature allows the to player call in an airdrop that comes with an already made loadout of weapons and times that the player has all unlocked. Which can be incredibly useful on the battlefield.

Another Important change for Warzones is that now players can see display between yourself and teammates, which should help team members to stay together. Additionally in this patch fix a bug that could allow a player to invincible once they get downed at this moment they switch seats in Tac Rover vehicle.

In this Modern war fear, season3 update weapons have been changed. In this update, the Akimbo weapon has two extra magazines instead of one. The VLK Rogue Shotgun and other all shotguns have a tighter spread when firing from the hip and they decreased shotgun slugs aim down.

Modern Warfare Season_3 Patch Notes:

General Fixes:

In this update backend fixes to help memory Error 13-71 issues, If you still facing this error, please reach out to customer support.
They also fix a bug where some players encounter corruption in the graphic that causes the screen to have a black shadow.
Lowered the max amount XP and score given for Decoy Grenade assists.
Fix a bug where more than one dog would be present in the squad walk in the main multiplayer mode.
Fix a bug that makes clan tags appear twice
Fixed a bug that could prevent players from speaking to their team in the custom match if they switched teams after the matched started.

Note:

To view the full list of Patch Notes Click Here.

Tube Mag Movie Blogger Template | SEO friendly Template Free Download

2019-12-13T18:01:00.000+05:00

Tube Mag Movie Blogger Template is a professional and responsive video theme. This Tube Mag template designed by Video Blog, Movie Websites, and video portal. This template will help you to make your blogs on professional websites like YouTube and Dailymotion. Tube Mag supports a large number of video thumbnails. Tube Mag is a multipurpose and SEO friendly template. It has a magazine-style and gallery future posts section.

Tube Mage Blogger Template Sample Pictures:

Pic-1

Pic-2

PopCorn Movie Blogger Template | Responsive | Ads Ready Template Free Download

2019-12-12T13:19:00.000+05:00

PopCorn Movie Blogger Template is a perfectly build video blogging Blogger theme. PopCorn Movie Blogger Template fully loaded with premium features and beautiful design. It has everything to make a professional-looking site. PopCorn Movie Blogger Template is a responsive blogger template with touch support that features a clean design that is suitable for any movie review or video sharing websites.

Aslo Read:

How To Download (Click Here)
How to Install Blogger Template in your Blogger Blog (Click Here)

PopCorn Movie Blogger Template Features:

Fully Responsive Movie Template (Check Here)
PopCorn Movie Template is Mobile Friendly (Check Here)
Google Testing Tool Validator (Check Here)
Page Speed (Check Here)
This Template is fast loading (Check Here)
This template has 4 Footer Columns
Page Navigation Menu
Slide Show
Post-Thumnails
Dropdown Menu
1 Right Sidebar
Ads Ready

Sample Pictures:

Pic-1

Pic-2

Filmax Movie Blogger Responsive Template | Free Download

2019-12-09T14:56:00.004+05:00

Download | Filmax Movie Blogger Responsive Template

Filmax is a fully responsive Blogger Template. The Filmax Blogger template automatically fetches the thumbnails from your videos and will show them as displayed. The layout option in this theme helps in easily customize the whole theme. Infinite scrolling and load more posts feature has also added in this Filmax Blogger theme.
If you are looking Blogger movie template then your search is finished. Filmax is the best Movie Blogger Template For Youtuber's, Video Tutorials, Online Courses, and video Blogging.

Also Read:

Filmax Movie Blogger Template Features:

Fully Responsive Template (Check Here)
Filmax Movie Template is Mobile Friendly (Check Here)
Google Testing Tool Validator (Check Here)
This Template is Fast Loading (Check Here)
Page Speed (Check Here)
Customize Layout Option
Multi-Author Template
Home Page Slider
Post Page Sidebar
SEO Optimized Template
Social Icon Widget
Ads Ready Template
Social Share Functionality
Back to Top Button Option

Filmax Template Sample Pictures:

Pic-1

Pic-2

Pic-3

How to install Blogger Template in your Blogger Blog | You've Downloaded from another website

2019-12-09T14:55:00.000+05:00

How to install Blogger Template in your Blog. Installing a Blogger Template is very easy in this article I will show you how to Install/Upload a new Blogger Template.

We cover two types of methods step by step.

Uploading .xml file.
Copy and Paste coding Completely replaced all coding. (If you have any error when uploading Template by using method-1, Then try Method-2 )

Method-1 Uploading .xml File:

Step-1:

First of all download Blogger Template Which you want to install in your Blogger Blog.

Step-2:

A file format that you have downloaded is a .zip file format. We are able to upload a file .xml format. So it needs to be extracted first extract/unzip the file.

Step-3:

Step-4:

Choose (If you have multiple blogs) your Blog in your dashboard that you want to change the theme and click theme "button" in the options panel on the left sidebar

Step-5:

You will see the Backup/Restore button at the top right corner click on it.

Note: Before going to the next step Please Backup your previous template because, If you have any problem/error after uploading the new template. The backup file will help you to Restore.

Step-6:

Get ready to upload .xml file on pop-up click on "choose file" button and look for the folder that is created after the extracted/unzip file that you have downloaded.

Step-7:

Select .xml file for uploading.

Step-8:

Click on the "Upload" button Upload process appear on your screen.

You have done now the template will appear on your blog successfully.

Metho-2 which is installing Blogger Template Using Copy Paste Code:

If you see the Below error when uploading Template, then try this method-2 which is copy-paste.

Content is not allowed in prolog
Your Theme could not be parsed as it is not well-formed. Please make sure all .xml elements closed properly.
We are unable to Save your Theme
.xml Error message.

Continue above steps still Step-5

Step-6:

Open .xml file using a text editor like Notepad, Notepad++, WordPad or something like that.

Step-7:

In-text editor press Ctrl+a to select all code and then Press Ctrl+c to copy all selected code.

Step-8:

Open HTML editor on the Blogger dashboard and click on the "Edit HTML" button.

Step-9:

Click anywhere in HTML editor and press Ctrl+a to select all code and then press Ctrl+v to paste all copied code. Now click on the "Save" button.

This Template Installed Successfully.

Note: If you face any problem/Error during installation of the theme feel free to contact us you will get the Solution.

Post Question with your Blog URL.

How to add Social Media Follow buttons in Blogger | Free Social Media Plugins

2019-11-23T17:08:00.001+05:00

Social Media buttons can help you to get more traffic within a click, one can share your post and follow you for more content. All of these widgets contains some amazing social follow buttons for blogger of most popular social media services like Facebook, Twitter, Google +, Pinterest and YouTube, etc. These Widgets are designed to connect social pages and profiles with your Blog.

Why Should we use social media follow buttons in Blog/Website?

Every Blogger Needs to improve user engagement of their blog/website. A strong community of readers is the key to blogging success. It is very important for a blogger to create a strong community on social media.
Adding social media follow buttons in the blogger will let your reader follow you and your business directly from your blog/website.

How to add Social Media Buttons in blogger?

In this article, I have attached some different social media icon designs that can improve your blog/website template.

we are going to use some code written in HTML and CSS to add your blogger template. First, we have to import the Font Awesome icon set for your blogger blog.

Follow the steps below to know where you will paste your Font Awesome code used by the widget.

Step 1:- Login to your Blogger Account.

Step 2:- Go to Template Section and Click on Edit HTML.

Step 3:- Click on anywhere in your code and press Ctrl+F and find Ending head tag </head>

Step 4:- Now Copy the Below code and Paste it before the ending </head> tag.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>

Step 5:- Click on Save Template button and save your Template.

Step 6:- Now go to the "Layout" section.

Step 7:- Go to the Sidebar section and find the " Add a Gadget " link. Click on it (These Social media buttons are responsive so you can add anywhere in your blog but I recommended you add it in the sidebar).

Step 8:- Scroll down and find "HTML/JAVASCRIPT" gadget and click on the "+" icon and add it

Step 9:- Now choose your desired social media widget design for a blogger from the below list and paste it as shown.

Note: You must replace the highlighted "#" with your social media page and Profile URL.

Finally, click on the "Save" button and save your widget. Go to your blog and load it you will see the widget live now on your Blog/Website.

Social Media Icons widget Style 1.

Code:

<style>
.to-social-follow{width:300px;padding:10px;margin:0}.to-social-follow .fa{font-size:18px;padding:16px;text-align:center;margin:5px 2px;width:20%;text-decoration:none;color:#fff}.to-social-follow .fa:hover{opacity:.7}.to-social-follow .fa-facebook{background:#3B5998}.to-social-follow .fa-twitter{background:#55ACEE}.to-social-follow .fa-google{background:#dd4b39}.to-social-follow .fa-linkedin{background:#007bb5}.to-social-follow .fa-youtube{background:#b00}.to-social-follow .fa-instagram{background:#125688}.to-social-follow .fa-pinterest{background:#cb2027}
</style>
<div class="to-social-follow">
<a href="#" class="fa fa-facebook" target="_blank"></a>
<a href="#" class="fa fa-twitter" target="_blank"></a>
<a href="#" class="fa fa-google" target="_blank"></a>
<a href="#" class="fa fa-linkedin" target="_blank"></a>
<a href="#" class="fa fa-youtube" target="_blank"></a>
<a href="#" class="fa fa-pinterest" target="_blank"></a>
</div>

Configuration:

Replace every highlighted "#" with your own social media page and Profile URL for Example: ( www.facebook.com/softefy )

Social Media Icons widget Style 2.

Code:

<style>
ul.techornate-follow-buttons a:hover{color:#03c9a9}.techornate-follow-buttons.b-title li{text-align:center;background-color:#fff;width:31.5%;border:1px solid #eee}.techornate-follow-buttons.b-title a{text-transform:uppercase;text-decoration:none;margin:20px auto 0;font-size:10px}.techornate-follow-buttons li{display:inline-block;padding:0 0 7px;margin-bottom:3px!important}.techornate-follow-buttons li:last-child{border-bottom:1px solid #eee!important;padding-bottom:7px!important}.techornate-follow-buttons.b-title i{margin:0 auto 10px;display:block}.techornate-follow-buttons.style-1 i{height:32px;width:32px;line-height:32px;font-size:20px;margin:10px auto 0;text-align:center;color:#333}
</style>
<ul class='techornate-follow-buttons style-1 b-title'>
<li><a href='#'><i class="fa fa-facebook"></i>facebook</a></li>
<li><a href='#'><i class="fa fa-twitter"></i>twitter</a></li>
<li><a href='#'><i class="fa fa-google"></i>google +</a></li>
<li><a href='#'><i class="fa fa-pinterest"></i>pinterest</a></li>
<li><a href='#'><i class="fa fa-linkedin"></i>linkedin</a></li>
<li><a href='#'><i class="fa fa-instagram"></i>instagram</a></li>
</ul>

Configuration:

Replace every highlighted "#" with your own social media page and Profile URL for Example: ( www.facebook.com/softefy )

Social Media Icons widget Style 3.

Code:

<style>
.techornate-social-buttons ul{padding-left:0;list-style:none}.techornate-social-buttons li a{text-transform:uppercase;text-decoration:none;padding:10px 1px 10px 10px;letter-spacing:2px;font-size:10px;color:#fff;display:block;border-radius:3px}.techornate-social-buttons ul li{margin-bottom:10px;width:100%}.techornate-social-buttons li a i{width:35px;height:14px;float:right;padding:0 0 0 10px;margin:0;font-size:14px;line-height:14px;border-left:1px solid #B1B1B1}.techornate-social-buttons li a.social-btn-facebook{background:#3b5998}.techornate-social-buttons li a.social-btn-twitter{background:#1da1f2}.techornate-social-buttons li a.social-btn-youtube{background:#cd201f}.techornate-social-buttons li a.social-btn-instagram{background:#405de6}.techornate-social-buttons li a.social-btn-google{background:#dd4b39}
</style>
<div class="techornate-social-buttons">
<ul class="sidebar-social clearfix">
<li><a href="#" class="social-btn-facebook">Like on Facebook <i class="fa fa-facebook"></i> </a></li>
<li><a href="#" class="social-btn-twitter">Follow on Twitter <i class="fa fa-twitter"></i> </a></li>
<li><a href="#" class="social-btn-google">Follow on Google+ <i class="fa fa-google"></i> </a></li>
<li><a href="#" class="social-btn-instagram">Follow on Instagram <i class="fa fa-instagram"></i> </a></li>
<li><a href="#" class="social-btn-youtube">Subscribe on Youtube <i class="fa fa-youtube"></i> </a></li>
</ul>
</div>

Configuration:

Replace every highlighted "#" with your own social media page and Profile URL for Example: ( www.facebook.com/softefy )

Social Media Icons widget Style 4.

Code:

<style>
.s-text strong,.social-counter{font-weight:900}.techornate-socials a{display:block;color:#fff;padding:12px 15px;position:relative;margin-bottom:5px;text-decoration:none}.techornate-socials a span,.techornate-socials a:before{z-index:2;position:relative}.social-counter{position:absolute;font-size:14px;line-height:1;padding-top:4px}.s-text{float:right}.techornate-socials a:after{content:" ";height:100%;width:0;top:0;left:0;position:absolute;background:#252b42;z-index:1}.fa-facebook:before,.fa-subscribe:before,.fa-twitter:before{display:inline-block;width:16px;font-family:FontAwesome;margin-right:10px;padding-right:10px;font-size:18px;border-right:1px solid rgba(255,255,255,.3)}.fa-facebook{background:#1c3e67}.fa-facebook:before{content:"\f09a"}.fa-twitter{background:#28a6c5}.fa-twitter:before{content:"\f099"}.fa-subscribe{background:#d2002c}.fa-subscribe:before{content:"\f167"}
</style>
<div class="techornate-socials">
<a target="_blank" href="#" class="fa-facebook"><span class="social-counter">146,200</span><span class="s-text">Follow us on <strong>Facebook</strong></span></a>
<a target="_blank" href="#" class="fa-twitter"><span class="social-counter">50,748</span><span class="s-text">Follow us on <strong>Twitter</strong></span></a>
<a target="_blank" href="#" class="fa-subscribe"><span class="social-counter">33,175</span><span class="s-text">Subscribe us on <strong>YouTube</strong></span></a>
<div class="clear"></div>
</div>

Configuration:

Replace every highlighted "#" with your own social media page and Profile URL for Example: ( www.facebook.com/softefy )
Replace every highlighted "number" with your own YouTube subscriber and social media followers number.

Social Media Icons widget Style 5.

Code:

<style>
ul.techornate-social-share{padding:0;margin:0;overflow:hidden}ul.techornate-social-share li{list-style:none;float:left;margin-right:4%;width:48%;margin-bottom:10px;background:#fafafa;overflow:hidden}ul.techornate-social-share li a{text-decoration:none;display:inline-block;float:left;color:#fff;height:40px;width:40px;text-align:center;font-size:14px;line-height:40px;margin-right:16px;position:relative;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}ul.techornate-social-share li a:after{height:0;width:0;top:50%;left:100%;content:'';margin-top:-4px;position:absolute}ul.techornate-social-share li a.facebook{background:#436feb}ul.techornate-social-share li a.facebook:after{border:4px solid #436feb;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent}ul.techornate-social-share li a.twitter{background:#43c9eb}ul.techornate-social-share li a.twitter:after{border:4px solid #43c9eb;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent}ul.techornate-social-share li a.google{background:#f14133}ul.techornate-social-share li a.google:after{border:4px solid #f14133;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent}ul.techornate-social-share li a.youtube{background:#b00}ul.techornate-social-share li a.youtube:after{border:4px solid #b00;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent}ul.techornate-social-share li a:hover{opacity:.7}ul.techornate-social-share li span{font-size:12px;margin:0;line-height:15px;color:#999;font-weight:700;display:block}ul.techornate-social-share li span.scount-number{margin-top:5px;color:#333}ul.techornate-social-share li:nth-child(2n){margin-right:0}
</style>
<ul class="techornate-social-share">
<li> <a href="#" class="facebook"><i class="fa fa-facebook"></i></a> <span class="scount-number">44,143</span> <span>Fans</span></li>
<li> <a href="#" class="twitter"><i class="fa fa-twitter"></i></a> <span class="scount-number">39,505</span> <span>Followers</span></li>
<li> <a href="#" class="google"><i class="fa fa-google-plus"></i></a> <span class="scount-number">25,203</span> <span>Followers</span></li>
<li> <a href="#" class="youtube"><i class="fa fa-youtube"></i></a><span class="scount-number">7,456</span> <span>Subscribers</span></li>
</ul>

Configuration:

Replace every highlighted "#" with your own social media page and Profile URL for Example: ( www.facebook.com/softefy )
Replace every highlighted "number" with your own YouTube subscriber and social media followers number.

Hopefully, you have added one of these widgets to show social media follow buttons for bloggers without having any issue. But if there then please let me know via comment. I will get back to you very soon. Also, you can share this article to support me and subscribe to this blog for getting the update.

How to add Stylish Contact Us form in Blogger using with HTML and CSS | Stylish Contact Us form

2019-11-22T19:53:00.000+05:00

In this article, I will show you how to add contact us form (Contact us Page) in Blogger. In the past adding a contact us page in blogger is a complex process. Website or Blog contact us page is very important to give your readers the opportunity to contact you. However, even after Blogger launched contact us widget. Adding a contact form in Blog is not so tough. Blogger Contact us widget available in the list of blogger default widgets.

Blogger default contact us form is very simple and light-weighted. To make it more attractive and stylish, I will provide some beautiful design contact us form created with HTML & CSS.

You will be able to use those beautiful designs on a contact page of your Blogger blog.

Why Should You use a blogger Contact Us Form:

Messages Delivered Immediately: - As a Blog administrator, You will receive a message immediately from the site visitor.
Questions:- The Contact us form is provided a facility to your visitor to ask specific questions regarding your Blog or Blog post.
Feedback/Suggestions:- By using the Contact form visitor can easily send feedback and suggestions about your blog or blog post.

How to add Blogger contact form widget:

Before adding a custom contact form on a static page. We need to add default contact us form in the blog anywhere in your Blog or Blog Sidebar.

So Let's Start >>>

Step:1 Login to your Blogger Account

Step:2 Got to Dashboard and select the Layout section from the left sidebar.

Step:3 Click on Add A Gadget and find Contact Form click on the " + " icon to add the Contact Form Gadget.

You have successfully added the Contact Form in Blogger sidebar but not in Static Page. Now hide this default contact form in blogger widget because we are going to make our stylish Contact Us form in static 'Contact Us' page.

How to Hide Default Contact Us Form?

Step 1:- Go to Template Section and Click on the Edit HTML button.

Step 2:- Now click anywhere and press Ctrl+F and find the style ending code " ]]></b:skin> ".

Step 3:- Paste this small CSS code just above this " ]]></b:skin> ".

Code:

div#ContactForm1 {
display: none !important;
}

Step 4:- Click the Save Template button on the upper left side. The Contact Form widget should be gone.

Insert Font Awesome Icon in Blogger:

I have used some Font Awesome icon in these custom blogger contact form. So you will have to insert this style sheet into your blog.

Go to the Template Section > Click on Edit HTML> button Find the Ending head tag. </head>
Copy the code and paste it right above the </head> tag.

Code:

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>

Click on the Save Template button. You are done.

Note: If your template has already contained this code then you don’t have to implement this twice.

How to add custom Contact Us form in static Page?

Now we are creating our static Contact Us Page for a blogger for applying stylish contact form in your blog.

If you already have a contact us page, you can use this but if you don't have to contact us form you can create it in this way.

Step 1:- Go to Page section and click on the New Page button as shown below.

Step 2:- Enter Page title (The name of your contact page).

Step 3:- Bring this page into HTML mode by clicking on the HTML button.

Step 4:- Now go to the Page setting Option and select Readers Comments " don't allow hide existing" click on Done button Shown below.

Step 5:- Now chose the blogger Contact Us form design code the list below. Copy the code and Paste it in your Contact Page as shown above.

Blogger Contact Form Design 1.

Code:

<style>
.tb-contact-form-widget{background-color:#A4A4A4;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgumD9iCwNxitGLoTBl5XNk_Dpr0owRNJH3PN8g68z9X36SGDQRGpD4kO58vI8Rvu0U4KenY7w2ZDPki7VQUZyOX3jm9tg1zvGYrDczy5NoYeMRspahTwDsdtrd6Q6Xc1pFBE-JDeyKs25P/s1600/to-contact-img-2.jpg");background-repeat: repeat;background-position: 100% 100%;color:white;padding:25px;}
.srbtn{display:inline-block;}
.cform-button, .btn-reset{background-color:#f1f1f1;padding:5px 30px;}
.cform-button:hover {background-color: #2980b9;color: #fff;}
.btn-reset:hover {background-color: red;color: #fff;}
.tb-contact-form-widget h3{text-align:center;margin:20px 0;padding:10px 0;border-top: 1px dotted #f5f5f5;}
.c-form-name, .c-form-email { width: 50%; max-width: 50%; margin-bottom: 10px;padding: 10px;border: 1px solid #CCC;border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;}
.c-form-email-message { width: 95%; max-width: 95%; margin-bottom: 10px;padding: 10px;border: 1px solid #CCC;border-radius: 5px;box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;}
.c-form-name, .c-form-email, .c-form-email-message input:focus{background-color: #FFF;box-shadow: 0 0 0 1px #E8C291 inset;border-color: #E8C291;outline: none;
-moz-box-shadow: 0 0 0 1px #e8c291 inset;
-webkit-box-shadow: 0 0 0 1px #E8C291 inset;}
.b-social-buttons{list-style-type:none;text-align:center;}
.b-social-buttons li{display:inline-block;padding:15px;background-color:#f5f5f5;border-radius:5px;}
.b-social-buttons li a{color:#333;text-decoration:none;}
#ContactForm1_contact-form-success-message, #ContactForm1_contact-form-error-message{width:100%;margin-top:35px;}
</style>
<div class="tb-contact-form-widget"> <form name="contact-form"> <div class="form-name"><span><i class="fa fa-pencil-square-o"></i> Your Name: </span><br /><input class="c-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /></div> <div class="form-email"><span><i class="fa fa-envelope-o"></i> E-mail Address *: </span><br /><input class="c-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /></div><div style="clear: both;"></div><div class="form-message"> <span><i class="fa fa-keyboard-o"></i> Message *:</span><br />
<textarea class="c-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><div class="srbtn"><input class="cform-button" id="ContactForm1_contact-form-submit" type="button" value="Submit" /><input type="reset" class="btn-reset" value="Clear" /></div><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div>
<h3>Our Social Sites</h3>
<ul class="b-social-buttons">
<li><a href="#" class="btn-lg"><i class="fa fa-twitter"> <span class="network-name">Twitter</span></i></a></li>
<li><a href="#" class="btn-lg"><i class="fa fa-facebook"> <span class="network-name">Facebook</span></i></a></li>
<li><a href="#" class="btn-lg"><i class="fa fa-youtube-play"> <span class="network-name">Youtube</span></i></a></li>
</ul></div></form></div>

Configuration:

If you get the “https” error message while installing this widget then simply “Dismiss” this and click on the update button again because if we use https ever then all of the resources of this form will redirect automatically.

For using social buttons, simply replace the highlighted “#” with your twitter, facebook and youtube channel URLs.

Blogger Contact Form Design 2.

Code:

<style> .contact-form-widget {color: #000;margin-left:auto;max-width: 100%;margin-right:auto;padding: 0px;width: 600px;} .form_name, .form_email {float:left;width:48%;padding:5px;} .form_message {padding:5px;} .contact-form-name, .contact-form-email {font-size:16px;width: 100%;height:40px;max-width: 100%;margin-bottom: 10px;padding:10px;} .contact-form-email-message {height:100px;width:100%;font-size:16px;max-width: 100%;padding:10px;margin-bottom:10px;} .contact-form-button-submit {font-size:16px;height:30px;border-color: #C1C1C1;width: 20%;background: #E3E3E3;max-width: 20%;color: #585858;margin-bottom: 10px;} .contact-form-button-submit:hover{color: #000000;border: 1px solid #FAFAFA;background: #ffffff;} </style> <div class="contact-form-widget"> <div class="form"> <form name="contact-form"> <div class="form_name"> Your Name: <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /></div> <div class="form_email"> E-mail Address *: <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /></div> <div style="clear: both;"> </div> <div class="form_message"> Message *: <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Submit" /> <br /> <div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div> </div> </form> </div> </div>

Blogger Contact Form Design 3.

Code:

<style> .contact-form-widget { -moz-border-radius: 5px; -webkit-border-radius: 5px;  background-color: #eaeaea; background: -moz-linear-gradient(top, #ffffff, #eaeaea);      background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0,    #ffffff), color-stop(1.0, #eaeaea));      color: #444;      border: 1px solid #cacaca;      margin: 0 0 25px;      max-width: 96%;      font-size: 1.4em;      padding: 8px 10px; } .contact-form-name, .contact-form-email { width: 50%; max-width: 50%; margin-bottom: 10px; } .contact-form-email-message { width: 100%; max-width: 100%; margin-bottom: 10px; } </style> <div class='widget ContactForm' id='ContactForm2'>   <div class='contact-form-widget'>     <div class='form'>       <form name='contact-form'>         <p>Name</p>         <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>         <p>E-mail *</p>         <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>         <p>Message *</p>         <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>         <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Submit'/>        <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>         <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>       </form>     </div>   </div> </div>

Blogger Contact Form Design 4.

Code:

<style> #ContactForm2{ background:#98AFC7; } .c-form{ border:1px solid #f5f5f5; padding:0 0 20px 0; overflow:hidden; } .c-form-left{ padding: 20px; } .c-form-right{ padding: 20px; } .contact-form-widget { margin: 0 auto; padding: 10px; width: 400px; max-width: 100%; }.contact-form-email-message {width: 100%;max-width: 100%;margin-bottom: 10px;} </style> <div class='c-form'> <div class='c-form-left'> <div class='form' style='float:left;'>  <div class='widget ContactForm' id='ContactForm2'>   <div class='contact-form-widget'>     <div class='form'>       <form name='contact-form'>         <p>Name</p>         <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>         <p>E-mail *</p>         <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>         <p>Message *</p>         <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea><br/> <br/>         <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Submit'/>         <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>         <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>       </form>     </div>   </div> </div></div></div> <div class='c-form-right'> <div style='float: right;'> <div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: left;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAR-P75mF5SllqtDJmZW0XZFbofPDL81coI7DycHmErDWHwDrac4Fcr6iojbYTViyqQzvulY4tb1SIr-rVKmaARy8PraR2rOeJm1BB_JQ8MPlOSoBrd64c1bkTChwcBP3VMyDMQ6m_MEcm/s1600/bo-contact-avatar.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAR-P75mF5SllqtDJmZW0XZFbofPDL81coI7DycHmErDWHwDrac4Fcr6iojbYTViyqQzvulY4tb1SIr-rVKmaARy8PraR2rOeJm1BB_JQ8MPlOSoBrd64c1bkTChwcBP3VMyDMQ6m_MEcm/s1600/bo-contact-avatar.jpg" /></a></div> <br />Address Line 1<br />Address Line 2<br />Address Line 3<br />State<br />Telephone: +49 30 47373795<br />E-mail: mail@blogornate.com     </div> </div> </div></div> <div style='clear: both;'></div>

Yellow highlighted section should be your Profile URL. Lime highlighted section should be your Image URL. Orange highlighted section would contain your Address. Change these sections the way you want.

Blogger Contact Form Design 5.

Code:

<form name="contact-form"><span><i class="fa fa-pencil-square-o"></i> Name </span><br /> <input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />  <br /> <br /> <span><i class="fa fa-envelope-o"></i> Email Address <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span></span> <br /> <input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />  <br /> <br /> <span><i class="fa fa-keyboard-o"></i> Content <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span></span><br /> <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> <br /> <input id="ContactForm1_contact-form-submit" type="button" value="Send" />  <br /> <div style="max-width: 222px; text-align: center; width: 100%;"><div id="ContactForm1_contact-form-error-message"></div><div id="ContactForm1_contact-form-success-message"></div></div></form><br /><style scoped="" type="text/css"> #comments,.post_meta,#blog-pager {display:none;} #ContactForm1_contact-form-name, #ContactForm1_contact-form-email{ height:auto;margin:5px auto;padding:10px;background:#fafafa;color:#444;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s ease-out;} #ContactForm1_contact-form-email-message{width:95%;height:175px;margin:5px 0;padding:10px;background:#fafafa;color:#444;font-family:'Open Sans',sans-serif;border:1px solid #ccc;border-radius:3px;transition:all 0.5s ease-out;} #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);} #ContactForm1_contact-form-submit{font-family:'Open Sans';float:left;background:#cf4d35;color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;border:0;transition:all .8s ease} #ContactForm1_contact-form-submit:hover {background:#e45a40;color:#fff;} #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width:100%;margin-top:35px;} .contact-form-error-message-with-border {background:#f6f6f6;border:none;box-shadow:none;color:#444;padding:5px 0;} .contact-form-success-message {background:#4fc3f7;border:none;box-shadow:none;color:#fff;} img.contact-form-cross {line-height:40px;margin-left:5px;} @media only screen and (max-width:640px){ #ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;}} </style>

Blogger Contact Form Design 6.

Code:

<div class='contact-form-widget'> <div class='form'> <form name='contact-form'> <p class='text'>Name</p> <input class='name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/> <p class='text'>E-Mail *</p> <input class='email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/> <p class='text'>Message *</p> <textarea class='message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea> <input class='btn' id='ContactForm1_contact-form-submit' type='button' value='Submit'/> <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p> <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p> </form> </div> </div> <style> .contact-form-widget p.text{color:#fff;font-size:16px;font-weight:bold; font-family: sans-serif;line-height: 0.5em;text-transform:uppercase;} .contact-form-widget {margin-right:auto;margin-left:auto;height: 100%;max-width: 90%;padding:30px;border-radius: 5px;border: 1px solid rgba(0,0,0,.2);background: rgba(0, 0, 0, 0.5);background-clip: padding-box;overflow: hidden;-moz-border-radius: 5px;-webkit-border-radius: 5px;-webkit-background-clip: padding-box;-moz-background-clip: padding;} .form textarea{background: #afafaf;width: 93%;height: 120px;border: 1px solid #BDBDBD;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;background-clip: padding-box;-moz-background-clip: padding;-webkit-background-clip: padding-box;display:block;color:#000;font-size:18px;padding:12px 20px 0 15px;margin-bottom:20px;overflow:hidden;} .form input {width: 60%;height: 46px;border: 1px solid #BDBDBD;border-radius: 4px;font-size:18px;color:#333;padding:0 20px 0 20px;display:block;margin-bottom:20px;background-clip: padding-box;-webkit-border-radius: 4px;-moz-border-radius: 4px;-webkit-background-clip: padding-box;-moz-background-clip: padding;} .form input.name {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs3qtli6xR5_64gBWbXh4AFsamLsp6nVlGZZCRBXYIGIQWpiErAH0fSXl-4vuF2CLECuHPvped9XPgWzC_bVLkX3iFKd5VwT5pkSLplz8uCkajJunIN-6pM1ljwToEqgvPMOQqVi_YvCS_/s1600/pro-pic.png);background-position: 11px 8px;background-size: 28px 28px;background-repeat: no-repeat;padding-left:45px;} .form input.email {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW4vcJoKDRX_7brLR4aSZZG5lXu51sG9mB3m-aloyLxGcgxVIpUVwcrPvSAJqUx2wvR8YlkemAz8IkU2-R4qwEsLTqENvyLT97c5JlpDMb2AbaAvUN62-JW23e4s2Rmn8dGtTZ8B8UlIT5/s1600/msg-box.png);background-repeat: no-repeat; padding-left:45px;background-position: 11px 8px;background-size: 28px 28px;} .form input.message {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUCzwwzDQnEEBZyCe7RW6Pz480z4oNuFswNWwxasci1ZWWJpuIHaplkZgabv9snKUWEaaeKzaYAFiHnMNOc3W_oBVQ2OUzmATgbAfQYwuojd7bPTkK9kOXjjg1gj4uU8UbdwHn-Pg8LnkS/s1600/pencil.png);background-repeat: no-repeat;background-size: 30px 30px;background-position: 11px 8px;padding-left:45px;} .form input:focus, .form textarea:focus { -moz-box-shadow: 0 0 5px 1px rgba(255,255,255,.5);-webkit-box-shadow: 0 0 5px 1px rgba(255,255,255,.5);box-shadow: 0 0 5px 1px rgba(255,255,255,.5);overflow: hidden;} .btn {background: #416b68;width: 138px !important;height: 45px;border-radius: 4px;border: 1px solid #253737;-webkit-border-radius: 4px;-moz-border-radius: 4px; float:right;background: -webkit-gradient(linear, left top, left bottom, from(#6da5a3), to(#416b68));background: -moz-linear-gradient(top, #6da5a3, #416b68);background: -webkit-linear-gradient(top, #6da5a3, #416b68);background: -o-linear-gradient(top, #6da5a3, #416b68);background-image: -ms-linear-gradient(top, #6da5a3 0%, #416b68 100%);background: -ms-linear-gradient(top, #6da5a3, #416b68);padding: 10.5px 21px;box-shadow: rgba(255,255,255,0.1) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;-webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;-moz-box-shadow: rgba(255,255,255,0.1) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;text-shadow: #333333 0 1px 0;color: #e1e1e1;} .btn:hover {background: #416b68;border: 1px solid #253737;color: #fff;text-shadow: #333333 0 1px 0;background-image: -ms-linear-gradient(top, #77b2b0 0%, #416b68 100%);background: -webkit-gradient(linear, left top, left bottom, from(#77b2b0), to(#416b68));background: -moz-linear-gradient(top, #77b2b0, #416b68);background: -webkit-linear-gradient(top, #77b2b0, #416b68);background: -o-linear-gradient(top, #77b2b0, #416b68);background: -ms-linear-gradient(top, #77b2b0, #416b68);} @media only screen and (max-width: 580px) { .contact-form-widget{width: 88%;left: 3%;margin-left: 0;margin-right: 3%;padding-left: 3%;padding-right: 3%;} </style>

Blogger Contact Form Design 7.

Code:

<style>.c-form-name, .c-form-email, .c-form-email-message{padding:10px;margin:8px 0 8px 0;border:1px solid #E5E5E5;width:50%;color:#999999;box-shadow:rgba(0,0,0,0.1) 0px 0px 8px;-moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 8px;-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 8px;}
.c-form-email-message{width:95%;height:150px;line-height:18px;}
.tb-contact-form-widget input:hover,textarea:hover,input:focus,textarea:focus{border-color:1px solid #C9C9C9;box-shadow:rgba(0,0,0,0.2) 0px 0px 8px;-moz-box-shadow:rgba(0,0,0,0.2) 0px 0px 8px;-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0px 8px;}
.tb-contact-form-widget label{margin-left:10px;color:#999999;}
.cform-button {width:100px;height:40px;background-color:#474E70;color:#FFF;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#ContactForm1_contact-form-success-message, #ContactForm1_contact-form-error-message{width:50%;margin-top:25px;}
</style><div class="tb-contact-form-widget"> 
<form name="contact-form"> 
<div class="name"> 
<input class="c-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" placeholder="Your Name"/>
<label for="name">Name</label>
</div> 
<div class="email">
<input class="c-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" placeholder="mail@example.com"/>
<label for="email">E-mail *</label>
</div> 
<div style="clear: both;"></div>
<div class="message"> 
<textarea class="c-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" placeholder="Write something to us...">
</textarea>
<div class="srbtn">
<input class="cform-button" id="ContactForm1_contact-form-submit" type="button" value="Submit" />
</div>
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> 
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> 
</div></div></form></div>

How To Remove Footer Credit Link From Blogger Template | Without Redirecting To Any Other Website

2019-01-30T20:10:00.001+05:00

There are dozens of famous template websites available on internet who provides stylish blogger templates at very low cost and free like templateism, gooyaabi, and templateify etc. In free template author added their credit in the template footer and Premium template don't contain a footer credit. If you made some changes in coding for removing footer credit or remove whole footer credit link then your blog home page automatically redirect to their own page. This is only happening because template author added JAVASCRIPT code into their free template.
Today I am gonna show you how you are able to remove footer credit from the template and avoid redirection of a template to another website.

Here is two method for removing template footer credit

Method:1 You can hide the credit link by using CSS.

Method:2 By Removing javascript.

Method-1: Hidding copyright links by using CSS

Step-1: First go to www.blogger.com and Login in your blog

Step-2: Go to Dashboard >Template >Edit HTML

Step-3: Press Ctrl+F and search any of the following words in your HTML code.
Copyright, Designed By, Templated By, Developed By,

Step-4: Now find the footer/credit link which you need to Hide

Step-5: No add following code with your original copyright ID

style="visibility: hidden"

Step-6: Now Save your template

Method-2: Removing Javascript Code

Step-1: Press Ctrl+F and search following code in your HTML code

//<![CDATA[

Step-2: Once you find the code delete entire code

Step-3: Now search the word "mycontent" and change that word in your domain name

Step-4: Now change the credit link as you wish and Save the template.

I hope this article helps you. If you found any error so don't hesitate to ask us. You can also use the comment section to leave your ideas and suggestions.
Have a great day, guys!

NOTE:

If you are lucky and have a template without copyrights included id's Like "id=mycontent" or something, then you have not to do any of this and can simply change the text.
Try not to remove copyrights credit links because many designers work hard to design template and deserve to recognized.

Easy Mag Best Blogger Responsive Template | Free Download

2019-01-30T11:14:00.004+05:00

Description:

Easy Mag Best Magazine Template for Blogger. This template Easy Mag is best for News Website but also can be used for Travel Blogs, Life Style Blog, Food Blogs, Tech Blogs, Movies website, and Sports Blog, etc. This Template Easy Mag is SEO ready and also ads ready.

Easy Mag Template Feature:

Easy Mag Template is Responsive Template (Check Here)
This Template is Mobile Friendly (Check Here)
Custom 404 Error Page (Check Here)
Google Testing Tool Validator (Check Here)
This Template is Fast Loading (Check Here)
SEO Friendly Template
Ads Ready
This Template have clean layout
Easy Mag have Drop Down Menu
Social Bookmark
News Ticker
Right Sidebar
Whatsapp Sharing option

Sample Pictures:

Pic.1

Pic.2

Pic.3

Pic4

How To Add Home Page, Demo and Download Button With Hover Effect For Your Blogger Blog

2018-12-29T15:45:00.001+05:00

Today in this article we are gonna add beautiful and responsive Home Page, Demo and Download button for blogger. These Buttons are created with CSS and mouse hover effect the color of this buttons changes. You can also change the text to display with you text.

LIVE DEMO

INSTALLATION PROCESS:

Note:

Keep backup your template before any changing in your blog.

Step 1: Log in to your Blogger account and go to your Blogger Dashboard.
Step 2: Now Click on >Template >Edit HTML.
Step 3: Now Search for ]]></b:skin> or </style> by Pressing Ctrl+F keys.
Step 4: Copy the code from below and paste it just before the ]]></b:skin> or </style> tag.

CODE:

.button {

-moz-border-radius:5px 5px 5px 5px;

-webkit-border-radius:5px 5px 5px 5px;

border-radius:5px 5px 5px 5px;

-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);

-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);

box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);

background:scroll 0 0 #222222;

border-bottom:1px solid rgba(0, 0, 0, 0.25);

color:#FFFFFF !important;

cursor:pointer;

font-weight:bold;

line-height:1;

overflow:visible;

font-size:17px;

padding:8px 19px 9px;

position:relative;

text-decoration:none;

text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);

width:auto;

}

.demobutton {

background-color:#999999;

text-align:center;

width:100px;

}

.demobutton:hover {

background-color:#EB7D05;

}

.downloadbutton {

background-color:#999999;

text-align:center;

width:100px;

}

.downloadbutton:hover {

background-color:#00AC00;

}

.homebutton {

background-color:#999999;

text-align:center;

width:100px;

}

.homebutton:hover {

background-color:#1666DC;

}

.button:hover {

-moz-box-shadow:0 1px 11px rgba(0, 0, 0, 0.45);

-webkit-box-shadow:0 1px 11px rgba(0, 0, 0, 0.45);

box-shadow:0 1px 11px rgba(0, 0, 0, 0.45);

}

[You Can change the button color and mouse hover effect color by changing the HTML colored code of above colored lines.]

You can choice colors from color wheel picker tool or color code generator tool.

Step 5: Now Save your Template.

HOW TO ADD THESE BUTTONS INSIDE THE POST EDITOR:

Whenever you create a new post and you want to add these buttons switch your blog post Compose to Edit HTML tab.

Select your button code below and chose your place where you want to display Buttons.

Home Page Button:

<a class="button homebutton" href="YOUR HOMEPAGE LINK HERE" rel="nofollow"

style="float: left;" target="_blank"><span style="display:

inline-block;">Homepage</span></a>

Demo Button:

<a class="demobutton button" href="YOUR DEMO LINK HERE" rel="nofollow"

style="float: left;" target="_blank"><span style="display:

inline-block;">Live Demo</span></a>

Download Button:

<a class="button downloadbutton" href="YOUR DOWNLOAD LINK HERE"

rel="nofollow" style="float: left;" target="_blank"><span style="display:

inline-block;">Download</span></a>

NOTE:
Before you publish your post replace "YOUR LINK HERE" with your Homepage, Demo and Download link.

Blue APK Blogger Template Responsive and SEO Friendly | Free Download

2018-12-27T12:31:00.002+05:00

Blue APK is beat template for APPs download site. Blue APK is more responsive and SEO Optimized blogger template that make your blog more potential. Blue APK template have Featured Apps widget and Featured Game Widget. You can display Apps and Games as a feature posts with specific lable.

Blue APK Template Features:

SEO Optimized (Check Here)
Responsive (Check Here)
Responsive ad slots
Breadcrumbs
Easy Admin Panel
Recent Post widget
Featured Apps widget
Featured Games widgets
Social share icons
Related post widget
Number Page Navigation
Download and Google Play store Button
And much more....

Pic - 1

Pic - 2

Pic - 3

Bayna Blogger Template | Responsive and SEO friendly | Best Blog Templates Free Download

2018-12-25T16:12:00.000+05:00

Bayna Template is a responsive theme is designed for all mobile devices. Smart Blogging and super fast responsive blogger theme provide you with abilities to the choice of a fully responsive website for mobile devices. Smart responsive web design makes your web page look good on all devices ( Desktop, Mobile, and tablets).

Bayna Blogger Template Features:

Responsive Design (Check Here)
Mobile-Friendly (Check Here)
Page Speed Insights Optimized (Check Here)
GT Metrix Report (Check Here)
Custom 404 Error Page
Search Box
Facebook Comment
Social Share Buttons
Related Posts
Ads Ready
Drop Down Menu
SEO Optimized

Sample Pictures:

Pic - 1

Pic - 2

Pic - 3

Adamz Responsive Blogger Template | Best Blogger Template Free Download

2018-12-24T15:54:00.002+05:00

Adamz Responsive Blogger Template is a perfect magazine Blogspot theme with a responsive layout that has a facility to support all types of electronics devices such as it adopts all screen resolutions of any device like Android Phones and Tablets, Laptop and desktop computer. This theme has a design that is perfect for magazine Websites with an attractive color combination and impressed professionals and has many features.

Adamz Blogger Template Features:

Widget by the label with 15+ styles
4 Comment System ( Blogger, Facebook, Spot.IM and Disqus)
Newsticker Widget
Support Print CSS and allow visitors to share articles email
Search using blogger JSON and Google Custom Search Engine
Recent Post Widget
3 Style related post widget
Recommended widget
Recent comment widget
Social icon (Top Menu and also sidebar)
Custom Error 404 Page
Ads Ready
Support Advance Editor
5 Style Mega Menu
Dropdown Menu
2 Styles slider
View Mode List and Grid on Latest post width cookies

Sample Images:

Pic - 1

Pic - 2

Pic - 3

Pic - 4

Softefy

Upcoming Movie Indoo Ki Jawani | Coming Soon in June 2020

Upcoming Movie Indoo Ki Jawani

Indoo Ki Jawani Movie Star Cast:

Indoo Ki Jawani Film Produced By:

Cinematography By:

Casting By:

Costume Design By:

Costume and Wardrobe Department:

Upcoming Movies in 2020

Upcoming Movies By Industry:

Upcoming Movies by Month:

Upcoming Movies By Category:

Upcoming Movies By Actors:

Upcoming Movies By Actress:

Call of duty: Modern Warfare Season_3 Updates is Out | New Features and Reveal All the Changes

Call of duty: Modern Warfare Season_3

Modern Warfare Season_3 Patch Notes:

General Fixes:

Note:

Tube Mag Movie Blogger Template | SEO friendly Template Free Download

Also Read:

Tube Mag Blogger Template Features:

Tube Mage Blogger Template Sample Pictures:

Pic-1

Pic-2

PopCorn Movie Blogger Template | Responsive | Ads Ready Template Free Download

Aslo Read:

PopCorn Movie Blogger Template Features:

Sample Pictures:

Pic-1

Pic-2

Filmax Movie Blogger Responsive Template | Free Download

Download | Filmax Movie Blogger Responsive Template

Filmax Movie Blogger Template Features:

Filmax Template Sample Pictures:

Pic-1

Pic-2

Pic-3

How to install Blogger Template in your Blogger Blog | You've Downloaded from another website

Method-1 Uploading .xml File:

You have done now the template will appear on your blog successfully.

Metho-2 which is installing Blogger Template Using Copy Paste Code:

This Template Installed Successfully.

How to add Social Media Follow buttons in Blogger | Free Social Media Plugins

Why Should we use social media follow buttons in Blog/Website?

How to add Social Media Buttons in blogger?

Social Media Icons widget Style 1.

Configuration:

Social Media Icons widget Style 2.

Configuration:

Social Media Icons widget Style 3.

Configuration:

Social Media Icons widget Style 4.

Configuration:

Social Media Icons widget Style 5.

Configuration:

How to add Stylish Contact Us form in Blogger using with HTML and CSS | Stylish Contact Us form

Why Should You use a blogger Contact Us Form:

How to add Blogger contact form widget:

How to Hide Default Contact Us Form?

Insert Font Awesome Icon in Blogger:

Code:

How to add custom Contact Us form in static Page?

Blogger Contact Form Design 1.

Code:

Configuration:

Blogger Contact Form Design 2.

Code:

Blogger Contact Form Design 3.

Code:

Blogger Contact Form Design 4.

Code:

Blogger Contact Form Design 5.

Code:

Blogger Contact Form Design 6.

Code:

Blogger Contact Form Design 7.

Code:

How To Remove Footer Credit Link From Blogger Template | Without Redirecting To Any Other Website