seo onpage optimization tools

Top SEO On-Page Optimization Tools For Websites

Every SEO professional works for the betterment of the website over the web. For this, he uses many SEO tools and techniques to optimize the site adequately and gathers more and more traffic for it. Among all the finest search engine optimization activities, On Page optimization is a right strategy that helps in good analysis of website’s performance at major search engines and other social media channels as well. It can be done by using some useful search engine tools. Thus, every webmaster needs to have depth knowledge about search engine tools used for On page activity of a website.

For On Page optimization of a website, there are many vital search engine optimization tools available, which can help you do better analysis of a site’s technical aspects, keywords, broken links, content quality, page speed, and a lot more. All you can check by using relevant On Page SEO tools as follows:

SEO On-Page Optimization Tools

Technical Analysis: For technical analysis of the website, following SEO tools are useful:

  • Google Webmaster Tool: This is a suite of Google SEO tools that help webmasters to control data and configuration of the site on Google.
  • BetterGraph Website Analyzer: This tool is effective in checking SEO related issues in the website like its ranking, meta tags, speed, etc.
  • Screaming Frog: This is an SEO spider tool used in crawling a website and also makes its audit easier.


Keyword Analysis:For Keyword Analysis of the website, following tools are useful:

  • Google AdWords Keyword Planner: This tool is used for checking the traffic generated for a targeted keyword of the site and also helps in finding more relevant keywords for it.
  • Jet SEO Keyword Density Checker: This tool allows you check the density of keyword in the content of the web page as well as review the site correctly.

Broken Link Analysis: For broken link analysis on the site, following tool is useful.

  • Broken Link Checker : With the help of this SEO tool, you can easily check the broken or dead links on your website. The tool enables you to scan an unlimited number of webpages and their links as well. It allows you to find the exact location of broken links on the site. This tool gives you the flexibility to check the quality of the links on the site manually. The tool is useful in validating both internal and external URLs and also points error codes in bad URLs.

Copied Content Analysis

Every SEO requires original content for optimization of a website or its keywords at major search engines like Bing, Yahoo, Google, etc. So, it’s important to do a proper analysis of content in terms of its quality and plagiarism. There are many free online tools available to check the plagiarized content.

  • Copyscape Plagiarism Checker: This tool is specifically used for checking plagiarism of the content on the site or web pages. Moreover, it can also be useful in preventing content theft and content fraud on the website. It offers a manual check for content duplicity on the site on a daily or weekly basis.
  • Siteliner: This is a free service SEO tool which enables webmasters to check various things on a site such as duplicate content, broken links, page power, reports, etc. For content, this tool is very useful, as it checks content very well and warns for its plagiarism easily.
  • Jet SEO Plagarism Tools: This tool is effective in finding internal and external duplicate content for specific web pages. It extracts the duplicate content in the text from both internal and external ends of pages and indicates for them explicitly.

Page Speed

Page speed is also an important factor in the performance of a website. It’s necessary to be checked the speed of web page to download on devices of any sizes like mobile, desktop, tablet, etc. Usually, page score of a website ranges between 0 to 100 points. If a page scores 85 or more then its means it has a good page speed.

  • Google PageSpeed Insights Tool: This is a well-known page speed tool used for checking the speed of a website. This tool helps in making a webpage fast to access
  • GTmetrix : It is a very popular tool that analyzes your page speed performance.

Thus, above SEO tools are very useful in On Page optimization of a website and also helps in generating more traffic for it.

Conclusion:

Doing On Page optimization of a website is easy with the help of relevant SEO tools that are useful in analyzing the worth of a site at various parameters like technical, page speed, keyword density, content quality, and a lot more.

Modern grid Responsive design blogger Installation guide

Modern Grid Blogger Installation Guide

Modern Grid Blogger Installation Guide is to help you understand how you can easily your blog setup beautifully like our demo. A step to step guide so you can set up all our custom blogger widgets featured slider, homepage styles, undefined problem, Instagram Widget and many other social Widgets.

First of all, Thank you for Downloading our Modern Grid Blog Theme if you haven’t done yet don’t worry you can get the free version from here : Modern Grid Blogger Template. You check the live demo through the button below. Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users.

We also Provide Blogger Template Installation Service For those who don’t want to all the steps below and want to have this Stunning Modern Grid Blog design Which you can get it from the below button.

 

 

Modern Grid Blogger Installation Guide Steps:-

1. Backup & Uploading

  1. Unzip the zip file.
  2. On Blogger Dashboard Click Template.
  3. Click on Download Full Template to keep your old template.
  4. Click Browse… button. Find where the “preium-blush-final.xml” file location.
  5. Then Click Upload.
  6. Edit mobile Preview. (follow images)

Blogger template installation Backup/Restore Image

 

Blogger Mobile Setup Image

2. Modern Grid Blogger Installation Guide & Blog Setting

After installing the theme, there are minimum settings to make all widgets work fine in this template.

  1. On Blogger Dashboard Click Settings.
  2. Click Other.
  3. In Site Feed > Allow Blog Feed Choose Full.
  4. Then Click Save settings.

Blogger Blog Feed Image

 

3. Setting Up Meta Tags

For SEO Purpose, Meta Tags are very important for your site. Google Search Engine robots use this tags to index better and display better on the search result.

If you don’t know what these tags are and how you can use it in theme. Just follow this simple guide, we recommend you to use free Meta Tag Generator online tool to generate your Meta tags.

Meta Tag Generator Image

  1. It’s very simple, all you have to do is visit the link above and fill all the necessary details that describes your site and what keyword you want.
  2. Click Generate Meta tags.
  3. Copy all generated code & paste in your template head section. we have leave the space for that.
  4. Then Click Save Template.

4. How to solve Blank Post Problem

If you the template is installed successfully and you see blank posts when on homepage, then you need to add Google+ profile to your blog.

1. Just go to blogger setting
2. Then in Post setting and add your google+ profile there.

5. How to solve undefined Problem

If you’re seeing undefined undefined undefined in date area, then please follow the steps here to solve the blogger undefined problem.

6. Main Blogger Setting

 

  1. On Blogger Dashboard Click Layout.
  2. Click Edit on Blog Posts Widget.
  3. Change it to look like that image.
  4. Click Save

blog

 

7. Main Navigation MegaMenu

 

image for blogger megamenu

  • On Blogger Dashboard Click Layout.
  • Click Edit on Menu Widget.
  • Add The Following Code.
  • For More Information- Watch Video Below

 

<div class="menu-container" id="sticky">
    <div class="container">
        <div class="sixteen columns">

            <!-- Navigation List -->
            <div class="table">
                <nav id="primary_nav_wrap">
                    <ul class="bt-nav navlist submenu">
                        <li><a href='/'>Home</a></li>
<li><a href='http://www.bthemez.com/2016/10/modern-grid-blogger-template-responsive.html'>Download</a></li>
  <li><a href='http://vogue-bthemez.blogspot.in/'>Pages</a>
              <ul class="submenu"><li><a href='http://vogue-bthemez.blogspot.in/p/about.html'>About us</a></li>
<li><a href='#'>Page 1</a></li>
</ul>
</li>

<li class='megamenu col-no'><a href='http://vogue-bthemez.blogspot.in/search/label/simple'>Simple Post</a><!-- Megamenu Starts-->
                <script class='java' type='text/javascript'>//<![CDATA[
                  var numpostsmenu = 4;
                  var outerclass = "sub-menu";
var starttags = "<li class='menu-small-post col-3-12'>";
                  var endtags = "</li>";
                  var intag = "div";
                  //]]>
                </script>
                <script class='java' src='/feeds/posts/default/-/simple?alt=json-in-script&callback=labelthumbs' type='text/javascript'></script>
              </li><!-- Megamenu Ends-->


<li class='megamenu col-no'><a href='#'>Fashion</a><!-- Megamenu Starts-->
                <script class='java' type='text/javascript'>//<![CDATA[
                  var numpostsmenu= 4;
                  var outerclass = "sub-menu";
var starttags = "<li class='menu-small-post col-3-12'>";
                  var endtags = "</li>";
                  var intag = "div";
                  //]]>
                </script>
                <script class='java' src='/feeds/posts/default/-/featured?alt=json-in-script&callback=labelthumbs' type='text/javascript'></script>
              </li><!-- Megamenu Ends-->

<li><a href="#">Categories</a>

       


            <ul class="sub-menu">
                <li><a href="http://www.twentyteenz.com/search/label/Beauty">Beauty</a></li>
                <li><a href="http://www.twentyteenz.com/search/label/fashion">Fashion</a></li>
<li><a href="http://www.twentyteenz.com/search/label/Blogger%20Tips">Blog Tips</a></li>

            </ul>
        

</li>
          
              
                              </ul>

           
            
            </nav>
        </div>

    </div>
</div></div>


 

Follow the steps shown in a video. Below code is just for MegaMenu. It’s a simple li markup. all you have to do is just simply copy the below code and paste it in menu code.

    • Fashion

 

Blogger Label For menu

 

 

8. Hide/Show Sidebar on Homepage

When you first install this theme, you’ll see Modern Grid Style with no sidebar. By Default sidebar is Disabled from the homepage . But you can easily Enable it with Our Theme Options Panel.

This feature is available on premium version only

  • On Blogger Dashboard Click Layout.
  • Click Edit on Show Sidebar (Default N )
  • To Show sidebar just type “y” (without quotes)( Note: Make sure it will be small y not capital.
  • And To Hide it again just type “n” (without quotes)( Note: Make sure it will be small n not capital.
  • Click Save.

 

9. How to Add featured Slider

Head over to our how to add a featured slider small guide. You’ll be easily adding amazing featured slider in your blog.

10. How to Change featured Slider Styles

As you may know, this modern grid blog has two slider styles one is Simple Default Slider Design and the Other One is Premium Slider Style.(Premium Feature).

If you don’t see any theme option widgets, to change homepage styles and slider style widget. Then follow this guide to solve blogger layout problem.

Simple Default Slider

It is default layout when you install the theme for the first time this is the style that would show up on the homepage.

Modern Gird simple slider

Premium Slider Style

This Slider Style is available in Premium Version of Modern Grid Blogger Template. Not Available in Free Version.

Modern Gird premium slider

Modern List Style– TO Activate This style you need to add our “style2” shortcode in Hompage Style widget from layout section.

  • On Blogger Dashboard Click Layout.
  • Click Edit on Slider Styles Widget.
  • Just Use “style2” ( without quotes).
  • Click Save.

amazine modern style widget

 

11. Social Widgets

Get the Code for social widget from our Blush Blogger Template Installation. This theme has all the social widgets you need like facebook widget, 2 Instagram styles, Twitter Widget, Pinterest widget and Many More.

You can find the all the sidebar widget code on Social Blogger Widgets section on above link.

12.How to Add social links

With Our Modern Grid blogger template, you can easily add any type of social links in Footer area.

 

  • On Blogger Dashboard Click Layout.
  • Click Edit on top-social-foot & top-social-home (Social Link) Widget.
  • Change it according to your needs. Add name of the link and link url then click add Link
  • Click Save.
  • You can find social site name here : Font Awesome Icons
  • Just Search For Particular Social And Add that in Site Name Section

For Example if you have to add “facebook” icon then just add facebook in name of New site name section and below add url of that particular site.

social link widget image

 

13. Instagram Widget For Footer

To show Instagram photos on your blog you need to generate the access token for Instagram, we have provided a guide in depth so you can understand. Here’s how you can add instagram widget in blogger.

optimize wordpress speed

How to optimize your WordPress website for Speed and Performance

The time your website takes to load greatly contributes to the success of your online business. If it’s slow, it will turn your visitors away. In fact, if it takes forever to load, they may not even think twice to hit the back button before letting your website load completely.

Though WordPress, as a CMS, is very well-coded, a majority of webmasters mess their WordPress sites by choosing a poor web host, installing plenty of low-quality plugins, and filling it with piles of garbage.
But even if you do not do such things with your website, there is still a possibility for improving your website’s performance and speed. There are various techniques that you can leverage to optimize your WordPress site for speed and performance while boosting your conversion rate.

Steps to Optimize WordPress Speed & Performance

1. Use a Caching Plugin

Wordpress Caching Plugin

WordPress is a server side programming language which is written in PHP. This means whenever your website is visited, it submits a request to the server to process it and then displays it on the screen.

This makes your website slow when multiple users try to access your site. However, WordPress enables you to break this monotonous process and display a cached version of your website to the user by reducing calls to your server and preventing it from downloading the same files on the user’s system again.

In order to generate a cached version of your website, you need to use a cache plugin such as W3 Total Cache or WP Super Cache. A caching plugin enables your website to load static content such as JavaScript files, CSS, and images from a reliable caching source. It’s much faster to load your website from the cache instead of the server.
Additional caching features include Content Delivery Network (CDN) support, Gzipping, caching of feeds, minification and much more.

2. Enable gZip Compression

Wordpress GZIP Compression

The third most effective way of optimizing your website for speed and performance is gZip Compression. GZIP compression decreases the size of the web files including HTML, CSS, JavaScript files and images that are being transferred between your users and the server. GZIP compression compresses your files up to 70-80%, which are then sent to your visitor’s browser. But before rendering the files, the browser automatically decompresses it and displays the extracted files.

Note: To check if Gzip Compression is already enabled on your website, you can use https://www.giftofspeed.com online tool.

To enable GZIP compression, add the following lines of code to your .htaccess file.


  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/xml
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/opentype
# For Olders Browsers Which Can't Handle Compression
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html



Enable GZIP in WordPress

Though this method is not always recommended as it involves PHP for enabling GZIP compression, it can be used by those who are new to WordPress and don’t know how to add code to the .htaccess file. But still, if it’s not the last option left, try not to use it.

Steps to enable GZIP in WordPress:

Navigate to http://yourwebsite.com/wp-admin/options.php
Look for gzipcompression setting
Once found, change the value of GZIP field from 0 to 1

2. Enable Browser Caching

browser caching

As a matter of fact, many files on your website do not change including images, JavaScript files, CSS files and more. The most effective way to take advantage of this is to enable browser caching, which enables your users to store a cached copy of your site locally to speed up its loading time.
To enable browser cache for your website, you need to add the following lines of code to your .htaccess file.

## EXPIRES CACHING ##

ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"

## EXPIRES CACHING ##


The above code indicates how long a specific file must be stored locally. If the time expires, the files will be downloaded again automatically.

4. Optimize your images

optimize images

There is no denying the fact that visual content plays a crucial role in making your website more engaging and user-friendly. However, adding tons of images to your website makes your website a lot slower. So does this mean you should stop using them? Of course not! However, you need to ensure that the images you are using on your website are accurately optimized.

There are plenty of image editing tools that enable you to save optimized images without losing their quality. One such tool is WP Smush.it. It is a popular image optimization WordPress plugin that automatically smushes your images to get rid of all the additional information attached to it such as GPS coordinates, the camera used for the photo, creation date and more, thus decreasing their load time significantly.

5. Optimize your WordPress Database

optimize your wordpress database

If you have been using WordPress for quite some time, your database will probably be filled with tons of data that’re of no use. Thus, it’s important to optimize your database performance and speed.

Well, this can be done simply by using a WordPress plugin such as WP-DBManager, WP-Optimize or WP-Sweep plugin. It cleans up your WordPress database for orphaned meta, post revisions, trash, pending spam comments, auto-saved drafts and more.

Conclusion

Optimizing your WordPress website has become the need of the hour. Slow loading websites not only leave bad impressions on users but also influence your search engine rankings. Moreover, as reported by a survey, a web user tends to abandon a website that takes more than 3-5 seconds to load. I’m pretty sure, you wouldn’t want to be in the category of abandoned websites.

Before you optimize your website, check it’s current speed using Pingdom’s Site Speed Test to know how much your website has improved.

SIMPLE TIPS PROFESSIONAL BLOGGER

Simple Tips To Become A Professional Blogger

We are moving ahead of the time when age and experience are no longer used to assess the credibility of an individual or the organization. Instead, a major emphasis is given on the ideas they exhibit or state in their list of “to-do” objectives. The latter is skillfully done by placing relevant and interesting content on the website via blogs. Blogging has emerged as one of the most simplified and effectual business marketing strategies. And, creating a failsafe blogging strategy can turn out to be the best decision for your business.

Wouldn’t it be great if you have an exact idea of the content and components to be added in the blogs and newsletter? Or have an idea of the reader’s perspective so that you can specifically target these first-time readers and turn them into your prospective clients. All this can be easily done with the help of an effectual blog strategy that perfectly manages time, skills and dedication.

Reasons Contributing To The Rising Popularity Of Blogging In Digital Marketplace

Content always remains the king! And no doubt, a number of diversified business companies have realized that blogging possesses a potential of playing a major role in creating an effectual marketing strategy. Blogging continues to be referred as the most inexpensive tool that helps in generating desired traffic and visibility to the website.

Site authors are specifically using blogs as a reliable content strategy that helps in an engaging target demographic to their site. Thus, helping in leveraging the reach of your business on a large scale at minimum expenditure. The other reasons contributing to the rising popularity of this technique is the availability of varied blogging platforms and tools. WordPress is a popular blogging platform that comes with an added functionality to modify the purpose and presentation of blogs.

However, to reap maximum benefits out of these platforms and tools, you need to become a pro in blogging. Before you move forward if you have a blog on WordPress then you should read first the WordPress guide for beginners to avoid mistakes. Below mentioned is a list of tips you must follow to become an expert blogger.

Simple Tips To Become A Professional Blogger

professional bloggin tips

1. Understand Your Target Audience

Having an idea about your target audience is the best way to plan your content marketing strategies. Now after having a brief view of the perception and demand of your audience, you can head on creating blog posts on the topics they would respond well.

2. Get Blogging Goals From Your Audience

Collect ideas from your audience and know about the topics they would love to read more. Nothing could be better than asking your viewers about the topics they would prefer to read on your blogs or you should cover on your blog posts. You can start by engaging readers on your blogs through comments and tweet. Once you start receiving such feedback and reviews on your posts, begin writing blogs on them and engage more readers to your site.

3. Get A Premium Blogger template

owning a blog that has a premium features always help you to become a professional blogger, With a blog using resposnive blogger template or premium wordpress theme you would be able to attract more visitors and they will provide better engagement and readibilty to the user.

4. Create Your Email List

Once you start writing your blog, try to make your own email list that can be used to promote your write-up amongst readers. There is no such rule that only those into marketing or selling something should have an email list. Instead, everyone who is into blogging can market their content at initial level through these strategies. You can grow your email list by using this great post.

5. Treat Your Readers Equally

twitter engagement
Never ever abandon your existing readers while pitching new ones on your blog. Many times, bloggers tend to pay more emphasis on driving new readers to their site leaving aside their old readers. This is a wrong practice that can affect the loyalty of your existing readers towards your blog. So, it is advised to value all your readers to get assured of your site’s growth.

6. Include a Call-To-Action Option

Unlike conventional methods of using sidebars for sharing the blogs, expert bloggers nowadays are using few advanced call-to-action option to improve the visibility of their blogs. Connect your sign up or follow links with these call-to-action features on your blogs to attract more readers.

7. Maintain The Consistency

It is easier to lose traffic than to gain it and this is what makes all the difference. So, always maintain the consistency while writing blogs so that you can let your readers get an idea of your blog and its profile’s credibility.

8. Content Should Be Unique

The added content should be unique and interesting so that it can grab the attention of the readers in less span of time. It takes the only fraction of seconds for readers to decide whether they should stay on your blog or leave it there only. Always give a catchy headline to the content to generate curiosity and readability of the content.

9. Do Not Include False Or Unauthorized Information

Never fool your readers by offering them false facts and information into the blogs. As it may lead to some rise in credibility issues between you and your readers, thus hampering its popularity further.

10. Be Patient

Do not follow blogging strategies that are claimed to offer quick returns in short period of time. As it is next to impossible to maintain the quality while covering such a vast web audience through these quick measures. Although, blogging is one of the popular short-term ROI generation paths, but if done meticulously, can help in reaping sustainable visibility for the blog.

11. Be Your Own Customer

To get a successful start for your business, start writing for yourself instead for others. Bring together your thoughts, ideas, and opinions and finely place them into the content of your blog.

Conclusion

Bringing success for a blog is a slow process and to start with a good content and advertise it efficiently through social mediums and other platforms. And to get an assured success for your blog, follow these above-mentioned tips to materialize your goals.

iPhone 7 free psd mockup

iPhone 7 & 7 Plus FREE PSD Mockup Collection

iPhone 7 & 7 Plus FREE PSD Mockup Collection,As we all know Apple has officially unveiled the iPhone 7 and iPhone 7 Plus phone on 7th of September. With Aesthetic Metallic body, beautifully designed stainless steel Apple logo on the back cover looks more appealing and come in a new glossy jet black color which attracts many mockup designers.

Following are some realistic looking FREE PSD Mockup of both iPhone 7 & iPhone 7 Plus to showcase your creative graphic design work/ APP, mobile website, and any other graphics project. All Mockup templates mention below are free and you can use it on any of your projects.

Looking for laptop, notebook and iphone PSD mockups then you can check our FREE LAPTOP MOCKUP PSD TEMPLATE PACK 2 or Template Mockup pack 1

iPhone 7 & 7 Plus Jet Black FREE PSD mockups by GraphicBoat

iPhone 7 & 7 Plus Jet Black PSD mockups

iPhone 7 & 7 Plus Jet Black 7 FREE PSD mockups by lstore graphics

iphone 7 mockup psd

iPhone 7 Free PSD Mockup Template Jet Black by Pixeden

iphone 7 plus mockup

iPhone 7 Free PSD Mockup Template by Gustav Ågren

iPhone 7 free psd mockup

[sociallocker]

Download your Files from link below

  1. iPhone 7 & 7 Plus Jet Black FREE PSD mockups by GraphicBoat
  2. iPhone 7 & 7 Plus Jet Black 7 FREE PSD mockups by lstore graphics
  3. iPhone 7 PSD Jet Black by Pixeden
  4. iPhone 7 PSD mockups by Gustav Ågren

[/sociallocker]

How to Solve Blogger Layout Problem

A simple guide to Solve Blogger Layout Problem, Recently Blogger updated their code which caused many problems in layout section, Like you not able to edit the widget in our Blush Blogger Template, Elegance Blogger Template, and Amazine Blogger Template.

So, if you’re using our these blog templates and if you’re experiencing the same problem only then use the following code otherwise don’t.

layout widget edit problem

Solve Blogger Layout Problem

  1. Go to Blogger Template
  2. Edit HTML
  3. Just scroll Down a little and when you see code like this : layout code
  4. Just Add the following code above it.

 

<pre>
#layout #outer-wrapper {
    max-width: 100%;
    width: 800px;
    float: left;
    /* margin: 0px auto; */
    position: relative;
}

#layout .body-wrapper:before{

content: " ";
    display: table;
}
#layout .body-wrapper:after{

    content: " ";
    display: table;
clear: both;
}

#layout #content-wrapper {

width: 100%;
}
body#layout #post-wrapper {
    width: 92%!important;
    float: left;
    overflow: visible;
}

body#layout #mywrapper {
    width: 66%;
}

body#layout #sidebar-wrapper {
    width: 34%;
}

body#layout #mywrapper {
    width: 66%!important;
}

#layout .admin{
display:block!important;
}

</pre>

 

Solve Share Icons overlapping problem

blogger fix

To resolve this you need to add the following code in Template -> Customize -> Advanced -> Add CSS

Add css blogger

.post-share-box {
    box-shadow: none;
    position: relative;
    min-width: auto;
    top: -7px;
}

Recently Some of our user experiencing the problem of Menu and social widget start Disappearing. If you’re using our Blush Blogger Template, Amazine Blog theme then it’s quite possible that you may have to experience the same. Adding the below code can help you to solve the problem.

Solve Menu and Social Widget In Top Bar

  1. Go to Blogger Template
  2. Edit HTML
  3. And Search For

    using ctrl + f

  4. It will be something like this : menu widget problem
  5. Just replace the that line you’ve just searched with the code below.

 

 

 

 

 

  

And For The Top Social Widget Search For

and replaced with the code below.

 

 

 

  


Social Widget For Blush Theme Only

And For The Social Widget in bottom Search For

and replaced with the code below.

 

 

 

 


Social Widget For Amazine & Alice Theme Only

And For The Social Widget in bottom Search For

and replaced with the code below.

 

 

 

 

I hope it works for you if it doesn’t please leave a comment below.

Free Handwriting Font Script

Kadisoka Free Handwriting Font Script

Free Handwriting Font Script Kadisoka, perfectly designed handwritten font style pack by letterhend with stunning paint brush effect. The Free version of this Free Handwriting Font Script has limited styles. But good thing is that it is available for free for personal and commercial use

Kadisoka Font Script also has a premium version which has total 680++ glyphs! including open type features like ligatures, stylistic alternate, and lots of Stylistic Set. This typeface is based on manual handwriting which is very suitable for any design needs you have especially for script logotype project.

If you want you can get the premium version directly from creativemarket.

There are several similar looking fonts, for a light weight handwriting font script then you should also take a look at Playlist font & Hammock Handmade Font can also be a good choice if you’re more like into vintage fonts with brush effect.

Kadisoka free font style

[sociallocker]

[/sociallocker]

Laptop Mockup PSD Template

Free Laptop Mockup PSD Template Pack 2

Here we back again with some fresh and exclusive free graphic resources- A new Free Laptop Mockup PSD Template Pack 2. This mockup template can be used to showcase your creative graphic design work in realistic & modern Laptop Devices and Apple iPhone 6.

It requires adobe photoshop and uses smart object features which allow you to easily apply your own image, design or graphic. In this Free PSD Mockup Template, we have included all devices( iMac, iPhone, iPad, Android Phone) so you can showcase your app and website Blog/ Web projects in an amazing way.

Free Laptop Mockup PSD Template Demo

 


 

Free PSD Mockup Template Tutorial

    1. Just Open the file in Photoshop.
    2. In right hand side you’ll see smart object thumbnail.

Smart Object Psd Image

  1. Double Click on this layer 1 and it will open new window.
  2. Paste your Design there, which you would like to show in devices.
  3. Save your design.

Where You Can Use These Designs

  1. Showcase your Graphics, Apps, website.
  2. It can be used to show your instagram profile to increase followers.
  3. Design can be used to show blog post image.

Format: Layered PSD
Smart Objects: Yes
Minimum Photoshop Version: CS3
Size: 28 Mb

Note: Feel Free to use this mockup in any Free or Commercial products. If you want to give us credit ( Just to Motivate Designer) then we will be grateful to you if not then it’s also fine by us.

[sociallocker]

[/sociallocker]

personal Blogger template installation bthemez

Alice Personal Blogger Template Installation Documentation

Alice Personal Blogger Template Installation Documentation to help you get beautiful classically elegant blog design and setup like our demo. a step to step guide to help you out to set up your blog easy way. featured slider, homepage styles, undefined problem, Instagram slider widget and many other social Widgets.

First of all, Thank you for Downloading our template if you haven’t done yet you can get it from here : Alice Personal Blogger Template. You can check the live demo through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users.

We also Provide Blogger template installation Service For those who don’t want to all the steps below and want to have this elegant design on their blog and Which you can get it from the below button.

 

Personal Blogger template installation Steps:-

1. Backup & Uploading

  1. Unzip the Template.zip file.
  2. On Blogger Dashboard Click Template.
  3. Click on Download Full Template to keep your old template.
  4. Click Browse… button. Find where the “preium-blush-final.xml” file location.
  5. Then Click Upload.
  6. Edit mobile Preview. (follow images)

Blogger template installation Backup/Restore Image

 

Blogger Mobile Setup Image

2. Alice Personal Blogger Template Installation & Blog Setting

After installing the theme, there are minimum settings to make all widgets work fine in this template.

  1. On Blogger Dashboard Click Settings.
  2. Click Other.
  3. In Site Feed > Allow Blog Feed Choose Full.
  4. Then Click Save settings.

Blogger Blog Feed Image

 

3. Setting Up Meta Tags

For SEO Purpose, Meta Tags are very important for your site. Search robots use this tags to index better and display better on the search result.

If you don’t know what these tags are and how you can use it in theme. Just follow this simple guide, we recommend you to use free online tool like Jetseotools.com to generate your Meta tags.

Meta Tag Generator Image

  1. It’s very simple, all you have to do is visit the link above and fill all the necessary details that describes your site and what keyword you want.
  2. Click Generate Meta tags.
  3. Copy all generated code & paste in your template head section. we have leave the space for that.
  4. Then Click Save Template.

4. How to solve Blank Post Problem

If you the template is installed successfully and you see blank posts when on homepage, then you need to add Google+ profile to your blog.

1. Just go to blogger setting
2. Then in Post setting and add your google+ profile there.

5. How to solve undefined Problem

If you’re seeing undefined undefined undefined in date area, then please follow the steps here to solve the blogger undefined problem.

6. Main Blogger Setting for personal blogger template installation

 

  1. On Blogger Dashboard Click Layout.
  2. Click Edit on Blog Posts Widget.
  3. Change it to look like that image.
  4. Click Save

blog

 

7. Main Navigation Menu

 

  • On Blogger Dashboard Click Layout.
  • Click Edit on Menu Widget.
  • Change it according to your needs. Add name of the link and link url then click add Link
  • Click Save.
  • To Add sub menu Item. You have to add “_”(underscore without quotes) before Menu item Link
  • Change the location of menu item using arrow down and arrow up Icon
  • For More Information- Watch Video Below

 

menu-link

 

 

10. How to Add featured Slider

Head over to our how to add a featured slider small guide. You’ll be easily adding amazing featured slider in your blog.

11. Follow Us Widgets

Follow us widget



Note : Replace our Social url with our social links

12. Social Widgets

Get the Code for social widget from our Blush Blogger Template Installation. Alice Blog theme also has facebook widget, 2 Instagram styles, Twitter Widget, and Many More.

You can find the all the sidebar widget code from Step 12.

13.How to Add Footer social links

With Amazine blogger template you can easily add any type of social links in Footer area.

 

  • On Blogger Dashboard Click Layout.
  • Click Edit on top-social-foot (Social Link) Widget.
  • Change it according to your needs. Add name of the link and link url then click add Link
  • Click Save.
  • You can find social site name here : Font Awesome Icons
  • Just Search For Particular Social And Add that in Site Name Section

For Example if you have to add “facebook” icon then just add facebook in name of New site name section and below add url of that particular site.

social link widget image

 

13. Instagram Widget For Footer

To show Instagram photos on your blog you need to Generate Instagram Access Token, we have provided a guide in depth so you can understand. use the code below for Instagram footer widget.

Instagram

Follow Us

And for Sidebar, Instagram follow this guide Here to add instagram widget in blogger.

To Solve Menu & Social Widget Disapper problem

Lately, If you are experiencing the Menu & Social Disappear, Then please head over to our guide here to solve blogger Menu Disappearing Issue. We’ve updated our code as well If you want to can install the latest version of the theme as well.

HAMMOCK HANDMADE FREE FONT SCRIPT

Hammock Handmade Free Font Script

Handmade Free Font Script: Hammock Script, perfectly designed hand drawn font style by Andreas Twardzik with stunning paint brush effect. Font is available for free for personal and commercial use, the font package contains 3 font styles Scripts, Hammock-Rough Poster, Hammock-Rough, and Hammock-Black.

It’s a Handmade Free Font Script which comes in handy for everyone who’s looking for a fresh and nice font for their creative project, graphic design, and logo. The font embodies the passion for traveling, surfing, nature and everything else made with love.

We have provided several similar looking fonts, for a light weight handwriting font script then you should also take a look at metafors. Playlist font & Arkana Vintage Font can also be a good choice if you’re more like into vintage fonts with brush effect.

Hammock Handmade Free Font Script Demo

[sociallocker]

[/sociallocker]

Note: We do not own this product, We just shared with our community. If anyone has a problem with the post please contact us.