Centring Code

Centring Code

First highlight the code between the lines ( in full as a whole ) using your mouse, then :

To Copy the code using your keyboard use : Ctrl + C  

and  to paste it anywhere  use  Ctrl + V 

Or use your mouse ( right click option ) if it does allow you to copy and paste.

Copy the code between the lines only as it is ( DO NOT Copy The Lines )

Two codes to be noticed, at the beginning code and at the end code as below:

Starting a Centering code at the beginning  :

--------------------------------( DO NOT Copy This Line )------------------------

<center>

--------------------------------( DO NOT Copy This Line )------------------------


Closing a Centering code at the end :

--------------------------------( DO NOT Copy This Line )------------------------

</center>

--------------------------------( DO NOT Copy This Line )------------------------

Read More

The CSS Code To Determine Menu Bar Location

Drop Down Menu

The CSS Code To Determine Menu Bar Location

First highlight the code between the lines ( in full as a whole ) using your mouse, then :

To Copy the code using your keyboard use : Ctrl + C  

and  to paste it anywhere  use  Ctrl + V 

Or use your mouse ( right click option ) if it does allow you to copy and paste.

Copy the code between the lines only as it is ( DO NOT Copy The Lines )

--------------------------------( DO NOT Copy This Line )------------------------

/* ----- CSS Nav Menu Styling ----- */

#cssnav {

margin: -80px 0 0 -10px;

padding: 0px 0px 0px 100px;

width: 1080px;  /* Set your width to fit your Blog */

font: $(tabs.font); /* Template Designer - Change Font Type, Size, Etc */

color: $(tabs.text.color); /* Template Designer - Change Font Size */

}

li+li { border-left: 1px solid #000000 }

#cssnav li a:not(.button) {

    background:yellow;

    color: red;

    }

#cssnav li a:not(.button):hover {

    background:red;

    color: white;

    }

#cssnav {

background-color: #00FA9A;

border-top: 10px solid #00FA9A;

border-bottom: 25px solid #00FA9A;

}

#cssnav {

background-color: #EFEFEF;

border-right: 0px solid #000000;

border-left: 0px solid #000000;

}

#cssnav a {

text-decoration: none;

color: #FF0000;

font-family: Arial, sans-serif;

font-size: medium;

font-weight: bold;

letter-spacing: 1px;

}

#cssnav ul {

background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;

_background-image: none; /* Template Designer - Change Menu Background */

height: 20px; /* Change Height of Menu */

list-style: none;

margin: 0px;

padding: 0px;

}

#cssnav li {

float: left;

padding: 0px;

}

#cssnav li a {

background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;

_background-image: none; /* Template Designer - Change Menu Background */

display: block;

margin: 0px;

font: $(tabs.font); /* Template Designer - Change Font Type, Size, Etc */

text-decoration: none;

}

#cssnav > ul > li > a {

color: $(tabs.text.color); /* Template Designer - Change Font Color */

}

#cssnav ul ul a {

color: $(tabs.text.color); /* Template Designer - Change Color */

}

#cssnav li > a:hover, #cssnav ul li:hover {

color: $(tabs.selected.text.color); /* Template Designer - Change Font Color on Hover */

background-color: $(tabs.selected.background.color); /* Template Designer - Change Font Background on Hover */

text-decoration: none;

}

#cssnav li ul {

background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;

_background-image: none; /* Template Designer - Change Menu Background */

display: none;

height: auto;

padding: 0px;

margin: 0px;

position: absolute;

width: 200px; /* Change Width Of DropDown Menu */

z-index:9999;

}

#cssnav li:hover ul {

display: block;

}

#cssnav li li {

background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;

_background-image: none; /* Template Designer - Change Background */

display: block;

float: none;

margin: 0px;

padding: 0px;

width: 200px; /* Change Width Of DropDown Menu */

}

#cssnav li:hover li a {

background: $(tabs.selected.background.color); /* Template Designer - Change Background of Link on Hover */

}

#cssnav li ul a {

display: block;

height: auto;

margin: 0px;

padding: 10px;

text-align: left;

}

#cssnav li ul a:hover, #cssnav li ul li:hover > a {

color: $(tabs.selected.text.color); /* Template Designer - Change Text Color on Hover */

background-color: $(tabs.selected.background.color); /* Template Designer - Change Background on Hover */

border: 0px;

text-decoration: none;

}

 #Blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}

.Blog-pager {background: none;}

.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}

.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}

#Blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}

 .showpageOf{display:none!important}

#Blog-pager .pages{border:none;}

--------------------------------( DO NOT Copy This Line )------------------------

Read More

Drop Down Menu HTML Code

Drop Down Menu

Drop Down Menu HTML Code

First highlight the code between the lines ( in full as a whole ) using your mouse, then :

To Copy the code using your keyboard use : Ctrl + C  

and  to paste it anywhere  use  Ctrl + V 

Or use your mouse ( right click option ) if it does allow you to copy and paste.

Copy the code between the lines only as it is ( DO NOT Copy The Lines )

Remember to change every link ( start with http://....) with your own pages’ links within your Blog accordingly as being explained in this subject in the tutorial.

--------------------------------( DO NOT Copy This Line )------------------------

<!-- start navmenu -->
<ul id='cssnav'>

<li class="active"><a href='http://moneyforyou101.Blogspot.co.uk/2016/11/introduction.html'>Home</a></li>

<li><a href=''>&nbsp; &nbsp; </a></li>

<li class="sub"><a href=''>Making Money Online</a>
<ul>
<li><a href='http://moneyforyou101.Blogspot.co.uk/2016/10/what-is-online-business.html'>What is online Business</a></li>

<li><a href='http://moneyforyou101.Blogspot.co.uk/2016/10/advantages-of-online-business.html'>Advantages Of Online Business</a></li>

<li><a href='http://moneyforyou101.Blogspot.co.uk/2016/11/good-tips-for-online-business.html'>Good Tips for online Business</a></li>
</ul>
</li>

<li><a href=''>&nbsp; &nbsp; </a></li>

<li><a href=''>Affiliate Marketing</a>
<ul>
<li><a href='http://moneyforyou101.Blogspot.co.uk/2016/10/what-is-affiliate-marketing.html'>What is an Affiliate Marketing</a></li>

<li><a href='http://moneyforyou101.Blogspot.co.uk/2016/11/types-of-affiliate-programs.html'>Types of Affiliate Programs</a></li>

<li><a href='http://moneyforyou101.Blogspot.co.uk/2016/11/best-affiliate-programs.html'>Best Affiliate Programs</a></li>
</ul>
</li>

<li><a href=''>&nbsp; &nbsp; </a></li>

<li><a href=''>Get Traffic</a>
<ul>
<li><a href='http://moneyforyou101.Blogspot.co.uk/2016/11/what-is-traffic.html'>What is Traffic</a></li>

<li><a href='http://moneyforyou101.Blogspot.co.uk/2016/11/how-to-get-traffic.html'>How to get Traffic</a></li>

</ul></li>

<li><a href=''>&nbsp; &nbsp; </a></li>

<li><a href='http://moneyforyou101.Blogspot.co.uk/p/about-us.html'>About Us</a>

</li>

<li><a href=''>&nbsp; &nbsp; </a></li>

<li><a href='http://moneyforyou101.Blogspot.co.uk/p/contact-us.html'>Contact Us</a>
</li>

<li><a href=''>&nbsp; &nbsp; </a></li>

<li><a href='http://moneyforyou101.Blogspot.co.uk/p/moneymaster-ideas-privacy-policy-here.html'>Privacy Policy</a>
</li>

<li><a href=''>&nbsp; &nbsp; </a></li>

<li><a href='http://moneyforyou101.Blogspot.co.uk/p/Blog-page.html'>Site Map</a>
</li>

<!-- end navmenu →

--------------------------------( DO NOT Copy This Line )------------------------

Read More

Breadcrumbs Start Code

Breadcrumbs

Breadcrumbs Start Code

First highlight the code between the lines ( in full as a whole ) using your mouse, then :

To Copy the code using your keyboard use : Ctrl + C  

and  to paste it anywhere  use  Ctrl + V 

Or use your mouse ( right click option ) if it does allow you to copy and paste.

Copy the code between the lines only as it is ( DO NOT Copy The Lines )

--------------------------------( DO NOT Copy This Line )------------------------

<!--breadcrumbs start-->

<b:if cond='data:Blog.pageType == &quot;item&quot;'>

<p class='breadcrumbs'>

        <span class='post-labels'>

        <a expr:href='data:Blog.homepageUrl' rel='tag'>Home</a>

        <b:loop values='data:posts' var='post'>

            <b:if cond='data:post.labels'>

            <b:loop values='data:post.labels' var='label'>

                <b:if cond='data:label.isLast == true'> &#187;

                    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>

                </b:if>

            </b:loop>

            <b:else/>

            &#187; Unlabelled

            </b:if>

            &#187; <span><data:post.title/></span>

        </b:loop>

        </span>

    </p>

</b:if>

<b:if cond='data:Blog.pageType == &quot;static_page&quot;'>

<p class='breadcrumbs'>

  <a expr:href='data:Blog.homepageUrl'>Home</a> &#187; <data:Blog.pageName/>

</p>

</b:if>

<b:if cond='data:Blog.pageType == &quot;archive&quot;'>

    <p class='breadcrumbs'>

      <a expr:href='data:Blog.homepageUrl'>Home</a> &#187; <data:Blog.pageName/>

    </p>

</b:if>

<b:if cond='data:Blog.searchLabel'>

    <p class='breadcrumbs'>

      <a expr:href='data:Blog.homepageUrl'>Home</a> &#187; <data:Blog.pageName/>

    </p>

</b:if>

<!--breadcrumbs end-->

--------------------------------( DO NOT Copy This Line )------------------------

Read More

Breadcrumbs Tag Code 1

Breadcrumbs

Breadcrumbs Tag Code 1

First highlight the code between the lines ( in full as a whole ) using your mouse, then :

To Copy the code using your keyboard use : Ctrl + C  

and  to paste it anywhere  use  Ctrl + V 

Or use your mouse ( right click option ) if it does allow you to copy and paste.

Copy the code between the lines only as it is ( DO NOT Copy The Lines )

--------------------------------( DO NOT Copy This Line )------------------------

<div class='Blog-posts hfeed'>

--------------------------------( DO NOT Copy This Line )------------------------

Read More

Thumbnails Connection Code

Thumbnails

Thumbnails Connection Code

First highlight the code between the lines ( in full as a whole ) using your mouse, then :

To Copy the code using your keyboard use : Ctrl + C  

and  to paste it anywhere  use  Ctrl + V 

Or use your mouse ( right click option ) if it does allow you to copy and paste.

Copy the code between the lines only as it is ( DO NOT Copy The Lines )

--------------------------------( DO NOT Copy This Line )------------------------

<!-- Related Posts with Thumbnails Code Start-->

<b:if cond='data:Blog.pageType == &quot;item&quot;'>

    <div id='related-posts'>

        <b:loop values='data:post.labels' var='label'>

            <b:if cond='data:label.isLast != &quot;true&quot;'>

        </b:if>

        <b:if cond='data:Blog.pageType == &quot;item&quot;'>

        <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>

        <script type='text/javascript'>

            var currentposturl=&quot;<data:post.url/>&quot;;

            var maxresults=6;

            var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;

            removeRelatedDuplicates_thumbs();

            printRelatedLabels_thumbs();

        </script>

    </div>

</b:if>

<!-- Related Posts with Thumbnails Code End-->

--------------------------------( DO NOT Copy This Line )------------------------

Read More

Thumbnails Tag Code 2

Thumbnails

Thumbnails Tag Code 2

First highlight the code between the lines ( in full as a whole ) using your mouse, then :

To Copy the code using your keyboard use : Ctrl + C  

and  to paste it anywhere  use  Ctrl + V 

Or use your mouse ( right click option ) if it does allow you to copy and paste.

Copy the code between the lines only as it is ( DO NOT Copy The Lines )

--------------------------------( DO NOT Copy This Line )------------------------

<div class='comments' id='comments'>

--------------------------------( DO NOT Copy This Line )------------------------

Read More

Thumbnails Code Script

Thumbnails

Thumbnails Code Script

First highlight the code between the lines ( in full as a whole ) using your mouse, then :

To Copy the code using your keyboard use : Ctrl + C  

and  to paste it anywhere  use  Ctrl + V 

Or use your mouse ( right click option ) if it does allow you to copy and paste.

Copy the code between the lines only as it is ( DO NOT Copy The Lines )

--------------------------------( DO NOT Copy This Line )------------------------

<!--Related Posts with thumbnails Scripts and Styles Start-->

<b:if cond='data:Blog.pageType == &quot;item&quot;'>

<style type='text/css'>

#related-posts {

    float:left;

    width:auto;

}

#related-posts h2 {

    margin-top: 10px;

    background:none;padding:3px;

}

#related-posts .related_img {

    margin:5px;

    border:4px solid #f2f2f2;

    width:105px;height:105px;

    transition:all 300ms ease-in-out;

    -webkit-transition:all 300ms ease-in-out;

    -moz-transition:all 300ms ease-in-out;

    -o-transition:all 300ms ease-in-out;

    -ms-transition:all 300ms ease-in-out;

}

#related-title {

    color: #222;

    line-height: 16px;

    padding: 0 10px;

    text-align: center;

    text-shadow: 0 2px 2px #fff;

    width: 100px;

}

#related-posts .related_img:hover{

    opacity:.7;

    filter:alpha(opacity=70);

    -moz-opacity:.7;

    -khtml-opacity:.7

}

#related-title:hover {

    text-decoration: underline;

}

</style>

<script type='text/javascript'>

//<![CDATA[

imgr=new Array();imgr[0]="http://2.bp.Blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1600/no-thumbnail.png";showRandomImg=true;aBold=true;summaryPost=400;summaryTitle=20;numposts1=12;numposts2=4;function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}

  function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts2<=json.feed.entry.length){maxpost=numposts2}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;pcm='<a href="'+posturl+'">'+pcm+' comments</a>';var trtd='<div class="col_maskolis"><h2 class="posttitle"><a href="'+posturl+'">'+posttitle+'</a></h2><a href="'+posturl+'"><img class="related_img" src="'+img[i]+'"/></a><div class="clear"></div></div>';document.write(trtd);j++}}var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='http://2.bp.Blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1600/no-thumbnail.png'}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h2>'+relatedpoststitle+'</h2>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 4px 10px 0;float:left;');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="related_img" src="'+thumburl[r]+'"/><br/><div id="related-title">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}

//]]>

</script>

</b:if>

<!--Related Posts with thumbnails Scripts and Styles End-->

--------------------------------( DO NOT Copy This Line )------------------------

Read More

Thumbnails Tag Code 1

Thumbnails

Thumbnails Tag Code 1

First highlight the code between the lines ( in full as a whole ) using your mouse, then :

To Copy the code using your keyboard use : Ctrl + C  

and  to paste it anywhere  use  Ctrl + V 

Or use your mouse ( right click option ) if it does allow you to copy and paste.

Copy the code between the lines only as it is ( DO NOT Copy The Lines )

--------------------------------( DO NOT Copy This Line )------------------------

</head>

--------------------------------( DO NOT Copy This Line )------------------------

Read More

SM Code Script 2

Social Media

SM Code Script 2

First highlight the code between the lines ( in full as a whole ) using your mouse, then :

To Copy the code using your keyboard use : Ctrl + C  

and  to paste it anywhere  use  Ctrl + V 

Or use your mouse ( right click option ) if it does allow you to copy and paste.

Copy the code between the lines only as it is ( DO NOT Copy The Lines )

--------------------------------( DO NOT Copy This Line )------------------------

<div class='social-media-icons' id='social-icons'>
<ul>

<li class='media_icon'><a href=" Your Facebook Page URL" target="_blank"><img border='0' src='http://2.bp.Blogspot.com/-hJlnVDP-uXk/UaKErpYECEI/AAAAAAAADhA/DA59rR8trrA/s1600/Facebook.png'/></a></li>

<li class='media_icon'><a href=" Your Twitter Page URL" target="_blank"><img border='0' src='http://3.bp.Blogspot.com/-x7YZ7aKIxM8/UaKErq0FZlI/AAAAAAAADhE/3zNd_IFPT8g/s1600/Twitter.png'/></a></li>

<li class='media_icon'><a href=" Your GooglePlus URL " target="_blank"><img border='0' src='http://1.bp.Blogspot.com/-DNSrkD8pl14/UaKEsW_JdfI/AAAAAAAADhU/S0jGIdQuO4M/s1600/googleplus.png'/></a></li>

<li class='media_icon'><a href=" Your Blog’s Contact Page URL " target="_blank"><img border='0' src='http://2.bp.Blogspot.com/-H3nOjhn9wk8/UaKErtM0_mI/AAAAAAAADg8/vJ8tEgRcl5M/s1600/RSS.png'/></a></li>

</ul></div>

--------------------------------( DO NOT Copy This Line )------------------------

Read More