Join Over 10,000 Blogger !

Friday, April 18, 2014

How To Disable Right Click on Blogger/BlogSpot

Today we provide you simple blogger tricks on how to Disable Right Click on Blogger/BlogSpot blogs easily. You can easily manage copyright issue from disabling right click on your blog. Disable Right Click easily avoid users to copying your blog content, images etc. This is very simple blogger tricks to avoid copyright issue from blog. Many blogger noticing that most of blogs copied their blog content so they want protect their blog from copying and Disable Right click is very good idea to avoid this.
Disable Right Click

Disable right click becomes a disadvantage that if you disable right click than your sharing codes on blog post also not copied from blog post. So first think about this than applied this code on your blog or you can also remove this code easily if you don’t want more this on your blog.

Disable Mouse Right click on Blogger or BlogSpot Blogs

Please follow below steps to Disable Mouse Right click on Blogger or BlogSpot Blogs:

Step 1

Login into blogger dashboard and Go to layout at left panel than click on add a gadget link as shown in below picture.
How To Disable Right Click on BlogSpot

Step 2

When you click Add a Gadget link a popup window will open with all gadgets list. Please choose HTML/JavaScript gadget form list as shown in below picture.

How To Disable Right Click on Blogger

Step 3

Past below code just inside it:
<script language=JavaScript>
<!--
//Disable right mouse click Script
var message="Function Disabled!";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>

Step 4

Save the gadget.

Step 5


Save the Layout.

Thursday, April 17, 2014

How To Customize Blogger Blockquote

How To Customize Blogger Blockquote on your blog easily? Today we are providing you how to highlight the Html codes on your blog. You can highlight the html codes on your blog with change inbuilt Blogger Blogckquote. Blogger have already blockquote feature but it’s provide white background so you need might changes to show blockquotes in your post. In this article we will help you to customize blogger blockquote.
Customize Blogger Blockquote

Customize Blogger Blockquote

First please search a good looking background image for your blockquote, after search an image please follow below steps to customize blogger blockquote:

Step 1

Go to Blogger dashboard and click on Template at the left panel than click on Edit HTML button as shown in below picture.Blogger Blockquote

Step 2

Now search below code with the help of CTRL + F:
.post blockquote

Step 3

Now replace above code to below code:
.post blockquote{
background:#ffffff url("http://3.bp.blogspot.com/-oJNflSBHEV0/T3XdRIksU7I/AAAAAAAAAVU/Mhcx5iVZHgU/s1600/bt+html+holder.jpg");
float:right;
padding:0;
border: solid 1px #EFEFEF;
margin-right:4px;
margin-left:4px;
margin-top:15px;
margin-bottom:30px;
width:570px;
max-height:650px;
overflow:auto;
padding:10px 0;
}
.post blockquote p{
padding-left:55px; margin:0;
}
.post blockquote:hover {
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border: solid 1px #CCC;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;
}
Tips: Replace Image link with your image link. You can also change width and height as your website.

Step 4

Now click on Save Template button.

You can add blockquote with click on blockquote icon to select/highlight codes which you want to blockquotes.

Wednesday, April 16, 2014

Free Blogger Website Templates Provider

Some of my blog reader wants to know where they can find free blogger website templates for their blog so today we are giving some Free Blogger Templates Provider websites. Blogger is best blogging platform for that user who wants to create free blog without hosting or want to create blog with sub domain name. After creating their blog on BlogSpot many bloggers want free blogger templates for their blog so we are providing some free blogger templates source for our user who need free blogger templates for their blog. You can easily find your free templates on those sites and easily customize according to your blog. You can also download some free blogger templates form our post on Blogger Templates 2014.

Free Blogger Website Templates List

Below we are providing some Free Blogger Website Templates sites for you:

Btemplates.com

Free Blogger Website Templates Provider

Btemplates has largest free blogger website templates provider who provides free blogger templates for your blog. You can easily view and download templates from btemplates.com websites. You can also customize code according to your website. Btamlates provide direct download link of blogger xml templates.

Loefa-Cebook.com
Free Blogger Website Templates

Loefa Cebook provides blogger templates for your blog and you can download all templates directly from their website Loefa-Cebook.com. All blogger templates are free and you can also customize all templates as your websites.

Djogzs.com

Blogger Website Templates

Djogzs.com has one of largest free blogger website templates in his blog. He mainly creates free blogger templates and provides links for download. You can easily download free blogger templates for your blog here.

Uongjowo.blogspot.com

Free Website Templates

Uong Jowo also provides free blogger templates for BlogSpot websites. Uong Jowo gives some specific blogger templates and you can view demo of every templates. Uong Jowo also gives you direct download link of templates for you.

Themeforest.com

Free Blogger Templates

Theme forest well known website which are provide blogger templates as well as word press themes. This website not provides free blogger templates but we include this because some blogger want unique and good looking blogger templates in reasonable rates. You can buy blogger templates from theme forest in reasonable rates. Blogger developer adds some unique and good looking blogger templates in theme forest website at low price.

Saturday, April 12, 2014

Elegant Popular Posts Widget for Blogger

Today we provide you Elegant Popular Posts Widget for your Blogger blog. If you want to this than we provide you full working codes. Popular post widget is most important part of blog because popular post widget shows most popular posts of your blog for your visitors. I have already provided you some popular post widget and now I am provide you another popular post widget for your blogger blog.
Elegant Popular Posts Widget for Blogger

Popular Posts Widget for Blogger

Follow below steps how install Elegant Popular Posts Widget for your Blogger blog:

Step 1

Login into your Blogger Account. Go to Your Blogger Dashboard and Click on Layout tab at the left side panel. Now click on Add a Gadget Link like below picture.
Elegant Popular Posts Widget for Blogger

Step 2

After click on Add a Gadget Link a popup window will open with all available gadgets. Select popular post widgets from gadgets list. See below picture for more help.
Popular Posts Widget for Blogger

Step 3

Now Go to Template & click on Edit HTML button as shown in below picture.Popular Posts Widget

Step 4

Now search below code with the help of CTRL + F:
]]></b:skin>

Step 5

Now paste below code just above ]]></b:skin>
/* Popular Posts Widget customized by haakblog.com */
.PopularPosts .item-thumbnail { display: block; height: 190px; margin: 0; overflow: hidden; position: relative; width: 100%; }
.PopularPosts .item-title { position: relative; }
.PopularPosts img { display: block; height: auto; position: absolute; width:auto; transition: all 1s ease 0s; }
.item-title a { background:rgba(0, 0, 0, 0.35); color: #FFFFFF; font-family: Impact; font-size: 17px; font-weight: 100; padding: 10px 0; position: absolute; right: 0; text-align: center; top: 30px; width: 100%; }
.item-snippet { background:rgba(0, 0, 0, 0.35); color: #FFFFFF; font-weight: 900; left: 12%; padding: 10px; position: absolute; text-align: center; top: 95px; width: 70%; }
.item-content:hover img {transform: rotate(10deg) scale(1.2);}
.item-content { position: relative; }

Step 6

Now search </body> and paste below given code just above it:
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'/>
<script type='text/javascript'>
 $(document).ready(function() {$(&#39;.PopularPosts img&#39;).attr(&#39;src&#39;, function(i, src) {return src.replace( &#39;s72-c&#39;, &#39;s400&#39; );});});
</script>
    <script type='text/javascript'>
    //<![CDATA[
    // Popular Posts customization by haakblog.com
    // Trim Code by MS-potilas 2012
    $('.popular-posts ul li .item-snippet').each(function(){
     var txt=$(this).text().substr(0,120);
      var j=txt.lastIndexOf(' ');
      if(j>10)
         $(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));
    });
    //]]>
    </script>

Step 7

Now Save Template button.

50+ Awesome Premium Blogger Templates 2014

Blogger user needs some unique blogger templates so we provide you source for some Awesome Premium Blogger Templates 2014. Blogger industry developers have better blogger templates for blogger user like word press themes. Blogger developers create word press looking themes for blogger and you can buy Awesome Premium Blogger Templates for your blogger in reasonable rates.

Premium Blogger Templates features:
  • Documentation for beginners
  • Good Support
  • Uniqueness
  • No Bugs
  • Easier to use
  • Documentation for beginners

Premium Blogger Templates 2014

Below we provide you 50+ Awesome Premium Blogger Templates:

FlatBox

Premium Blogger Templates 2014

50+ Awesome Premium Blogger Templates 2014 


50+ Awesome Premium Blogger Templates 2014

XPress News

Blogger Templates 2014

Awesome Premium Blogger Templates 2014


Awesome Premium Blogger Templates

Paranoia

Blogger Templates

Premium Blogger Templates 2014


Premium Blogger Templates 2014

Pinotes

Premium Blogger Templates 2014

Blogger Templates 2014


Blogger Templates 2014

Black News

50+ Awesome Premium Blogger Templates 2014

Blogger Templates


Blogger Templates 2014

Pinotes

Awesome Premium Blogger Templates 2014

Blogger Templates 2014


Blogger Templates 2014

Blogzon

Awesome Premium Blogger Templates 2014

Blogger Templates 2014


Blogger Templates 2014

Focus

Awesome Premium Blogger Templates 2014

Blogger Templates 2014


Blogger Templates 2014

iPress

Awesome Premium Blogger Templates 2014

Blogger Templates 2014


Blogger Templates 2014

Nami Press

Awesome Premium Blogger Templates 2014

Blogger Templates 2014


Blogger Templates 2014

Verbify

Awesome Premium Blogger Templates 2014

Blogger Templates 2014


Blogger Templates 2014

More Premium Blogger Templates will coming soon stay tune here.

Thursday, April 10, 2014

Blogger Dynamic Views Gadgets for Blogspot

Blogger introduced new Blogger Dynamic Views Gadget for your BlogSpot blog. These widgets have 6 awesome Gadgets for the dynamic views and expand when user hovers over it. Below list of 6 Gadgets that blogger add to dynamic views:
  1. Followers
  2. Subscribe
  3. Profile
  4. Labels
  5. Blog Archive
  6. Link List
You knew all gadgets know very but some different from normal Gadgets that these are open up when user hovers over it. Subscribe gadget is a new dynamic view gadget that give Email Subscription option for user to follow your blog via Email.
Blogger Dynamic Views Gadget

How to Add Blogger Dynamic View Gadget

Please follow below steps to Add Blogger Dynamic View Gadget on your blog:

Step 1

Login into Blogger Account and Go to Blogger Dashboard. Now Go to Layout at the left panel and click Add a Gadget link as shown in below picture.
Blogger Dynamic Views Gadget for Blogspot

Step 2

When you click on Add a Gadget link a popup window will be open with all gadgets list. Please select Blogger Dynamic Gadget from list as shown in below picture.
Blogger Dynamic Views

Step 3

Now click on save button.

Don't Forget To Join US Our Community
x