Recently we can see that most of the pro blogger who was using Blogspot cms platform for blogging ar slowly shifted to WordPress for its facilities. But I believe that what we can do in WordPress that we can also do in Blogpot but the process of doing all is just a little bit hard for manual process.
It is little bit wrong that I called it Plugin cause it is a blogger widget. However at first this widget is found by Syed Faizan Ali of mybloggerlab. I'm greatly thankfull to him and 50% credit goes to him.About Blogspot SEO By Sifat Plugin
The latest update of that plugin is created by me ( Zaied Sifat ).
Is this plugin works for rank your site?
Your site will be rank higher in SERP (Search Engine Result Page) If you complete all the step and in this plugin I added an option that helps you to learn SEO daily.
Read more :
How to install Blogspot SEO By Sifat Plugin?
Its quite easy to install this SEO widget to your Blogspot blog. Just follow the simple steps:
Go to your Blogger Dashboard > Template > Edit template and search for the below code
Codes 1
Now again in the template, search for the opening <body> tag. Once you’re able to find the tag, just below it paste below given code code:
Codes 2
Notice place the code just after or below <body>
*After finish above steps Its time to open all external link in a new window. If you already have below code in you template don't need to install below code again but if you don't have find </head> and just before it paste below code
Once everything is done, save the template by pressing “Save Template” button on the top. Congratulations, you have successfully added Admin Control Panel in Blogger with SEO facility.
Help me to increase it's facility by share your ideas commenting commenting below.
Go to your Blogger Dashboard > Template > Edit template and search for the below code
]]></b:skin>after find ]]></b:skin> put below given code just above or before it
Codes 1
.admin-controll,.admin-controll * { margin: 0; padding: 0; list-style: none; list-style-type: none; line-height: 1.0;}.admin-controll ul { position: absolute; top: -999em; width: 100%;}.admin-controll ul li { width: 100%; background: 333333;}.admin-controll li:hover { visibility: inherit;}.admin-controll li { float: left; position: relative;}.admin-controll a { display: block; position: relative;}.admin-controll li:hover ul,.admin-controll li.sfHover ul { left: 0; top: 100%; z-index: 99;}.admin-controll li:hover li ul,.admin-controll li.sfHover li ul { top: -999em;}.admin-controll li li:hover ul,.admin-controll li li.sfHover ul { left: 100%; top: 0;}.admin-controll li li:hover li ul,.admin-controll li li.sfHover li ul { top: -999em;}.admin-controll li li li:hover ul,.admin-controll li li li.sfHover ul { left: 100%; top: 0;}.mbl-admin-bar { margin: 0px; direction: ltr; color: #ccc; font: 400 13px/32px "Open Sans",sans-serif; height: 32px; position: fixed; top: 0; left: 0; width: 100%; min-width: 600px; z-index: 99999; background: #222; float: left;}.mbl-admin-bar li a { display: block; color: #fff; padding: 7px 15px; font-weight: 400; text-decoration: none; font-size: 14px;}.mbl-admin-bar li li a { font-size: 15px; color: #fff; float: none; padding: 0px; width: 0;}ul.children { color: #fff; background: #333333; font-size: 18px; min-width: 230px; padding: 10px; float: right; margin-left: -98px;}.mbl-admin-bar li a:hover,.mbl-admin-bar li a:active,.mbl-admin-bar li a:focus,.mbl-admin-bar li:hover > a,.mbl-admin-bar li.current-cat > a,.mbl-admin-bar li.current_page_item > a,.mbl-admin-bar li.current-menu-item > a { color: #38b8f0; background: #333333;}.fa { font-size: 18px; color: #999; margin-right: 5px;}.fa.fa-user { font-size: 50px; float: left; padding: 20px; border: 1px solid #212121; background: #575757;}ul.children img { width: 80px; height: auto; float: left; margin-right: 10px;}ul.children a { margin-top: 10px;}li.mright { float: right;}li.mblogo a { padding: 3px 15px 3px 15px!important;}ul.child1 { min-width: 200px; color: #fff; background: #333333;}ul.child1 li a { padding: 10px; width: 100%; background: #333333;}
Now again in the template, search for the opening <body> tag. Once you’re able to find the tag, just below it paste below given code code:
Codes 2
/*-------- Blogspot SEO Plugin Version 1.00--------- */
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
<link href='http://fonts.googleapis.com/css?family=Open Sans:400' rel='stylesheet' type='text/css'/>
<span class='item-control blog-admin'>
<div class='span-24'>
<div class='mbl-cpanel'>
<ul class='admin-controll mbl-admin-bar'>
<li class='mblogo'><a href='http://www.adroiten.blogspot.com'><img src='http://4.bp.blogspot.com/-xwlV25gILA8/VQflZbeedQI/AAAAAAAABDk/54Z64-rRpRU/s1600/favicon.ico.png'/></a></li>
<li class='blog-title'><a expr:href='data:blog.homepageUrl'><i class='fa fa-tachometer'/> <data:blog.title/></a>
<ul class='child1'>
<li><a href='http://www.blogger.com/home'><i class='fa fa-puzzle-piece'/> Dashboard</a></li>
</ul>
</li>
<li><a href='#'><i class='fa fa-pencil'/> Posting</a>
<ul class='child1'>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#editor/src=sidebar"'><i class='fa fa-plus'/> New Post</a></li>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#editor/target=page"'><i class='fa fa-file'/> New Page</a></li>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#posts"'><i class='fa fa-th-list'/> All Posts</a></li>
<li><a expr:href='"https://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#editor/target=post;postID=" + data:blog.postId + ""'><i class='fa fa-pencil-square'/>Edit Post</a></li>
</ul>
</li>
<li><a href='#'><i class='fa fa-cogs'/> Customize</a>
<ul class='child1'>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#pageelements"'><i class='fa fa-wrench'/> Layout</a></li>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#templatehtml"'><i class='fa fa-pencil-square-o'/> Edit Template</a></li>
</ul>
</li>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#comments"'><i class='fa fa-comments'/> Comments</a>
<ul class='child1'>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#pendingcomments"'><i class='fa fa-bullhorn'/> Pending Comments</a></li>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#spamcomments"'><i class='fa fa-ban'/> Spam Comments</a></li>
</ul>
</li>
<li><a href='http://adroiten.blogspot.com/p/seo-tools.html'><i class='fa fa-search'/> SEO</a>
<ul class='child1'>
<li><a href=''> Keyword Research     <i class='fa fa-caret-right'/></a>
<ul class='child1'>
<li><a href='http://adwords.google.com/keywordplanner'> AdWords External</a></li>
<li><a href='http://www.google.com/insights/search/#q==q'> Google insight</a></li>
</ul>
</li>
<li><a href='data:blog.homepageUrl'> Analyze This Page      <i class='fa fa-caret-right'/></a>
<ul class='child1'>
<li><a href='https://moz.com/researchtools/ose/'> Check Inlinks (OSE)</a></li>
<li><a href='http://tools.seobook.com/general/keyword-density/'> Check keyword Density</a></li>
<li><a href='http://smallseotools.com/google-cache-checker/'> Check Google Cache</a></li>
<li><a href='https://www.quixapp.com/headers/'> Check Header</a></li>
<li><a href='https://developers.google.com/structured-data/testing-tool/'> Check Structured Data </a></li>
<li><a href='https://developers.facebook.com/tools/debug/og/object'> Facebook Debugger</a></li>
<li><a href='https://developers.pinterest.com/rich_pins/validator/'> Pinterest Rich Pins Validator</a></li>
<li><a href='http://validator.w3.org/'> HTML Validator</a></li>
<li><a href='http://jigsaw.w3.org/css-validator/'> CSS Validator</a></li>
<li><a href='http://developers.google.com/speed/pagespeed/insights/'> Google Page Speed Test</a></li>
<li><a href='https://www.modern.ie/en-us/report'> Modern IE Site Scan</a></li>
</ul>
</li>
<li><a href='http://goo.gl/3U3RBx'><i class='fa fa-book'/>Learn SEO</a></li>
<li><a href='http://goo.gl/XD1k6j'><i class='fa fa-refresh'/>SEO By Sifat Update</a></li>
</ul>
</li>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#basicsettings"'><i class='fa fa-cog'/> Settings</a>
<ul class='child1'>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#basicsettings"'><i class='fa fa-th-large'/> Basics</a></li>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#postandcommentsettings"'><i class='fa fa-comments'/> Post & Comments</a></li>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#emailandmobilesettings"'><i class='fa fa-mobile'/><i class="fa fa-envelope-o"></i> Mobile & Email</a></li>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#languageandformattingsettings"'><i class='fa fa-language'/> Language</a></li>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#searchsettings"'><i class='fa fa-search-plus'/> Search Preference</a></li>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#othersettings"'><i class='fa fa-code'/> Other</a></li>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#overviewstats"'><i class='fa fa-bar-chart'/>Stats</a></li>
</ul>
</li>
<li class='mright'> <a>Howdy, Admin</a>
<ul class='children'>
<li><img src='http://3.bp.blogspot.com/-LVGr23xnXR0/VQfhogKFyUI/AAAAAAAABDM/MxR8iqwayGk/s1600/1111111111111111111111.png'/>
<div class='mauthor'><br/>admin</div>
<a href='http://www.blogger.com/logout.g'>Logout</a></li>
</ul>
</li>
</ul>
</div>
</div>
</span>
/* Don't try to edit this plugin otherwise it will not work and distroy your rank in search engine Plugin version 1.00 */
Notice place the code just after or below <body>
*After finish above steps Its time to open all external link in a new window. If you already have below code in you template don't need to install below code again but if you don't have find </head> and just before it paste below code
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
' type='text/javascript'></script><script type='text/javascript'>$(document).ready(function() { $("a[href^='http://']").each( function(){ if(this.href.indexOf(location.hostname) == -1) { $(this).attr('target', '_blank'); } } );$("a[href^='https://']").each( function(){ if(this.href.indexOf(location.hostname) == -1) { $(this).attr('target', '_blank'); } } ); });</script>
Once everything is done, save the template by pressing “Save Template” button on the top. Congratulations, you have successfully added Admin Control Panel in Blogger with SEO facility.
Help me to increase it's facility by share your ideas commenting commenting below.
Blogspot SEO Plugin By Sifat by is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.
Based on a work at http://adroiten.blogspot.com/.
