What is Powerful Admin Panel
A Powerful Admin/Layout Panel is that where you can manage all things, widgets.Demo of our Admin Panel
- My Site
-
My Blogger World https://bloggerwrld.blogspot.com/
- + Add New Blogger
-
Hello Friends today we will show you professional Pre Code Box.
<pre class="first"></pre>
<pre class="second"></pre>
<pre class="third"></pre>
<pre class="fourth"></pre>
<pre class="fifth"></pre>
<pre class="note"></pre>
<pre class="zebra"></pre>
pre.first {
background: #484B52;
border-left: 4px solid #94C007;
font-size: .9em;
word-wrap: break-word;
overflow: hidden;
color: #fff;
font-family: monospace;
white-space: pre;
margin: 0 20px;
padding: 10px 20px;
}
pre.first:after {
content: "Copyright: My Blogger World";
display: block;
float: right;
margin-top: 5px;
}
pre.second { background: #384047; font-size: .9em; border: 2px solid #23241F; word-wrap: break-word; border-bottom: none; overflow: hidden; margin: 0 20px; color: #fff; font-family: monospace; white-space: pre; border-radius: 2px; } pre.second p { padding: 0px 20px; margin: -15px 0; } pre.second:after { content: "\00a9 My Blogger World"; display: block; float: right; margin-top: 20px; background: #23241F; width: 99%; padding: 8px; font-size: 15px; font-family: sans-serif; }
pre.third { background: #23241F; font-size: .9em; word-wrap: break-word; overflow: hidden; margin: 0 20px; color: #fff; font-family: monospace; white-space: pre; border-radius: 2px; border-bottom: 3px #EB2647 solid; } pre.third p { padding: 0px 20px; margin: -15px 0; } pre.third:after { content: "My Blogger World"; display: block; float: right; margin-top: 0px; background: #23241F; padding: 8px; font-size: larger; opacity: 0.5; }
pre.fourth { background: #23241F; font-size: .9em; word-wrap: break-word; overflow: hidden; margin: 0 20px; color: #fff; font-family: monospace; white-space: pre; border-radius: 2px; } pre.fourth p { padding: 0 0px 15px; margin: 0 5px; display: block; float: left; } pre.fourth:before { content: "My Blogger World"; -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -ms-transform-origin: left top 0; -moz-transform-origin: left top 0; -webkit-transform-origin: left top 0; transform-origin: left top 0; background: #94C007; color: #fff; margin-left: 36px; padding: 10px 15px; text-transform: uppercase; border: 1px solid #94C007; text-transform: 1px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 2px -2px 0px rgba(0, 0, 0, 0.1); float: left; min-width: 50%; margin-right: -52%; }
pre.fifth {
background: #23241F;
font-size: .9em;
word-wrap: break-word;
overflow: hidden;
margin: 0 20px;
color: #fff;
font-family: monospace;
white-space: pre;
padding: 20px 20px;
border-radius: 2px;
border-left: 4px #2691EB solid;
,;
}
pre.fifth:before {
content: "";
color: #75715e;
display: block;
}
pre.fifth:after {
content: "";
color: #75715e;
display: block;
}
pre.note { position: relative; width: 480px; padding: 0em 1.5em; margin: 2em auto; color: #fff; background: #97C02F; overflow: hidden; font-family: monospace; } pre.note:before { content: ""; position: absolute; top: 0; right: 0; border-width: 0 16px 16px 0; border-style: solid; border-color: #fff #fff #658E15 #658E15; background: #658E15; display: block; width: 0; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); } pre.note p { margin: 0; }
pre.zebra {
padding: 20px 20px 0px;
display: block;
width: 90%;
color: #fff;
margin: 0 auto;
font: normal 12px Monaco,courier,monospace;
background: #fff;
background-image: -webkit-linear-gradient(#cbe9fa 50%, #fff 50%);
background-image: -moz-linear-gradient(#cbe9fa 50%, #fff 50%);
background-image: -ms-linear-gradient(#cbe9fa 50%, #fff 50%);
background-image: -o-linear-gradient(#cbe9fa 50%, #fff 50%);
background-image: linear-gradient(#23241F 50%, #292A26 50%);
border: 1px solid rgba(0,0,0,0.1);
background-position: 0 0;
line-height: 20px;
background-repeat: repeat;
background-size: 40px 40px;
overflow: auto;
white-space: pre-wrap;
word-wrap: break-word;
}
pre.zebra:after {
content: "My Blogger World";
float: right;
}
%2B(1).png)
The Facebook 'Invite Friends' button is more useful. It enables users easily refer certain content to their friends, and also helps bloggers with increasing their audience. Today's how-to is all about creating an 'Invite Friends' button, and adding it to your (Blogger) blog.
<style>
.fbbutton.green{
border-color: #3b6e22 #3b6e22 #2c5115;
color: #fff;
background-color: #69a74e;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#75ae5c), to(#67a54b));
background-image: -moz-linear-gradient(#75ae5c, #67a54b);
background-image: -o-linear-gradient(#75ae5c, #67a54b);
background-image: linear-gradient(#75ae5c, #67a54b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#75ae5c', EndColorStr='#67a54b');
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
}
.fbbutton.blue {
border-color: #29447e #29447e #1a356e;
color: #fff;
background-color: #5B74A8;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7));
background-image: -moz-linear-gradient(#637bad, #5872a7);
background-image: -o-linear-gradient(#637bad, #5872a7);
background-image: linear-gradient(#637bad, #5872a7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#637bad', EndColorStr='#5872a7');
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
}
.fbbutton{
font-size: 13px;
position: relative;
z-index: 1;
overflow: visible;
display: inline-block;
padding: 0.3em 0.6em 0.375em;
border: 1px solid #999;
border-bottom-color: #888;
margin: 0;
text-decoration: none;
text-align: center;
font: bold 13px/normal 'lucida grande', tahoma, verdana, arial, sans-serif;
white-space: nowrap;
cursor: pointer;
/* outline: none; */
color: #333;
background-color: #eee;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f6f6), to(#e4e4e3));
background-image: -moz-linear-gradient(#f5f6f6, #e4e4e3);
background-image: -o-linear-gradient(#f5f6f6, #e4e4e3);
background-image: linear-gradient(#f5f6f6, #e4e4e3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f6f6', EndColorStr='#e4e4e3');
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
zoom: 1;
}
</style>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId:'Your App ID',
cookie:true,
status:true,
xfbml:true
});
function FacebookInviteFriends()
{
FB.ui({
method: 'apprequests',
message: 'Your Message diaolog'
});
}
</script>
<script type='text/javascript'>
if (top.location!= self.location)
{
top.location = self.location
}
</script>
<div id="fb-root"></div>
<!-- Green Button -->
<button class="fbbutton green" href='#' onclick="FacebookInviteFriends();">
Facebook Invite Friends Link
</button>
<!-- Blue Button -->
<button class="fbbutton blue" href='#' onclick="FacebookInviteFriends();">
Facebook Invite Friends Link
</button>
Click on Add a new platform and then click on Website. Enter the URL of your site, and then save your changes. This step ensures access to your app from your site URL.
Today, we will learn a simple and useful tutorial on how to add an attractive and fast-loading Disqus Recent Comments widget on a Blogger blog. Widgets like these let readers know about the conversations going on at your blog, and if you're fairly active, it adds up to a good impression. This widget in question is well-scripted and the JavaScript is hosted at Disqus so as to reduce the load time on your blog. So lets learn how to add it to blogger.
<div id="RecentComments" class="dsq-widget">
<script type="text/javascript" src="http://mybloggerworld.disqus.com/recent_comments_widget.js?num_items=5&hide_mods=0&hide_avatars=0&avatar_size=32&excerpt_length=50"></script>
</div>
The two tools below will help you get the six digit color code i.e hexadecimal value. These tools will help you a lot in customizing your Blogger templates and for writing more appealing posts. Kindly Follow the instructions for each tool before using it.
This tools credit goes to @2createawebsite
Search Engine Optimization (SEO) is the most important thing to learn for best blogging experience and also to apply on your blogs to be ranked. Without proper blog optimization, we can’t get impressive traffic from search engines that can help us to earn extra bucks that we are earning now and also ranking that we desire. From past few months, there is a huge increment in SEO around the pro or even newbie bloggers too. Everyone want to be fully optimized and want to compete that ranking in Google search too. In SEO, there are two category, On-Page optimization and Off-Page optimization.
<!-- "All In One SEO Pack" Plugin For Blogger By My Blogger World -->
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex, nofollow' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' name='keywords'/>
<meta content='index, follow' name='robots'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageTitle != data:blog.title'>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
</b:if>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit'/>
<meta content='1 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='en-us' name='language'/>
<meta content='USA' name='country'/>
<link href='https://plus.google.com/+moizsamadfarooq/about' rel='author'/>
<link href='https://plus.google.com/+moizsamadfarooq/posts' rel='publisher'/>
</b:if>
<!-- "All In One SEO Pack" Plugin For Blogger By My Blogger World -->
Are you doing your homework before buying new domains? When purchasing new domain names, chances are they might not exactly be 'new'. It could have been registered and abandoned by someone else before. Or worse, it could have been involved in malicious activities that could have resulted in search penalties. So how can one do prior research to check if a domain is safe before actually buying it?
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>
<meta content='PUT BLOG DISCRIPTION HERE.' name='description'/>
<meta content='PUT, KEYWORDS, HERE, SEPERATED, BY, COMMA,' name='keywords'/>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>
<meta content='Find Blogger Widgets, Blogger Gadgets, Blogging tips, Social icons pack, cdr file, psd file, png, jpg, Plugins and Learn SEO to Optimize Your Blog.' name='description'/>
<meta content='bloggertricks, bloggerworld, makingmoney, blogging, wordpress, seo' name='keywords'/>
