Monday, 5 August 2013
Footer Code For Blogger


-------------------------------------------------------------------------------------------------------
FIND B SKIN TAG AND REPLACE WITH BELOW CODE
]]></b:skin>
--------------------------------------------------------------------------------------------------------/* FOOTER ----------------------------------------------- */
#footer-container{}
#footer{margin-bottom:15px}
#footer-widgets-container{}
#footer-widgets{padding:10px 0 0 0;}
.footer-widget-box{width:230px;float:left;margin-left:12px}
.footer-widget-box-last{}
.footer-widget-box .widget{margin:0 0 15px 0;padding:10px 10px 10px 10px;color:#17191A;font-size:13px;border:1px solid #323437;background:#FFF;}
#footer-widgets .widget-container{
color:#17191A;}
#footer-widgets .widget-container a{text-decoration:none;color:#17191A;}
#footer-widgets .widget-container a:hover{text-decoration:none;color:#EB6B0A;}
#footer-widgets h2{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9gheU8BfUIirPEJXEHjPebvTaukbcE4LO2T1qX3gJgsJnfKDUm-IS3rMvg5MVP4nSuA8OtmcJxDdW9QWnlfBgxQWUjTu7p6Laq1jF99z2wp6_3t6V30AkPG2t1Fs0j_0j_op8qeQEXQE/s0/widgettitle-bg.png) left top repeat-x;padding:9px 10px;border-left:3px solid #EB6B0A;margin:-10px -10px 10px -10px;color:#FFF;font-size:16px;line-height:16px;font-family:'Oswald',sans-serif;font-weight:normal;text-decoration:none;text-transform:uppercase;}
#footer-widgets .widget ul{list-style-type:none;list-style:none;margin:0px;padding:0px;}
#footer-widgets .widget ul li{padding:0 0 9px 12px;margin:0 0 8px 0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg75AxYCtEsyWh-KCwp2pWpnDgAogEisQ_TNJO0tLmFan4dzgO_W37kTVnaqQ2-SUuMgKEIfBJjuWxSqolIM37jTVJpCEyrsg2PjCDT8VprpwJfmcenUiIw7PBqmGY0xgmCYy5a69169A/s0/widget-list.png) left 4px no-repeat;border-bottom:1px solid #E3E3E3;}
.footersec {}
.footersec .widget{margin-bottom:20px;}
.footersec ul{}
.footersec ul li{}
#footer-widgets h2 {
background: linear-gradient(to right, red,blue, indigo, violet);
background-position:0 0;
background-repeat:repeat no-repeat;
border-left-color:#EB6B0A;
border-left-style:solid;
border-left-width:3px;
color:#FFFFFF;
font-family:Oswald, sans-serif;
font-size:16px;
font-weight:normal;
line-height:16px;
margin:-10px -10px 10px;
padding:9px 10px;
text-decoration:none;
text-transform:uppercase;
}
]]></b:skin>
---------------------------------------------------------------------------------------------
FIND YOUR CONTENT WRAPPER FINISHING DIV AND ADD BELOW CODE
THIS CODE WRITES AFTER SIDEBAR AND CONTENT WRAPPER DIV
BUT INSIDE OUT WRAPPER DIV
-----------------------------------------------------------------------------------------------
<!--Footer Start Code -->
<div id='footer-widgets-container'>
<div class='clearfix' id='footer-widgets'>
<div class='footer-widget-box'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec1' showaddelement='yes'>
<b:widget id='Stats1' locked='false' title='Total Pageviews' type='Stats'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "_content"' style='display:none'>
<b:if cond='data:showSparkline'>
<img alt='Sparkline' expr:id='data:widget.instanceId + "_sparkline"' height='30' width='75'/>
</b:if>
<b:if cond='data:showGraphicalCounter'>
<span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + "_totalCount"'/>
<b:else/>
<span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + "_totalCount"'/>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</li>
</ul>
</div>
<div class='footer-widget-box'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec2' showaddelement='yes'>
<b:widget id='PlusFollowers1' locked='false' title='Google+ Followers' type='PlusFollowers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:profileUrl != ""'>
<div class='g-plus' data-action='followers' data-source='blogger:blog:followers' expr:data-height='data:height' expr:data-href='data:profileUrl' expr:data-theme='data:theme' expr:data-width='data:width'/>
<script type='text/javascript'>/*<![CDATA[*/window.___gcfg={'lang':'<data:language/>'};/*]]>*/</script>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
</li>
</ul>
</div>
<div class='footer-widget-box'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec3' showaddelement='yes'>
<b:widget id='HTML6' locked='false' title='Follow Us' type='HTML'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</li>
</ul>
</div>
<div class='footer-widget-box footer-widget-box-last'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec4' showaddelement='yes'>
<b:widget id='HTML7' locked='false' title='TAGGIFY' type='HTML'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</li>
</ul>
</div></div></div>
<!--Footer Finish Code -->
------------------------------------------------------------------------------------------------
I USE FOUR WIDGETS IN MY FOOTER IF SHOW ERROR YOU CAN
CHANGE YOUR WIDGET IDS BECAUSE WIDGET IDS SHOULD NOT
MATCH EACH OTHER.SO DON'T SAME WIDGET IDS
-----------------------------------------------------------------------------------------------------
USE IMAGE IN TUTORIAL
#footer-widgets h2
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
OTHER INFORMATION
AFTER CODE PROCESS SET YOUR G PLUS WIDGET SIZE
Related movie you might like to see :

FLASH PLAYER SWF FILE DOWNLOAD ARCH...

WHACK A RAT CSS GAME

CSS SLIDER WITHOUT JS

FLICKITY SLIDER SCROLL WITH RADIO N...

FLICKITY JS CSS SLIDER

BODY JS FILE LINK IN MAGENTO

INTENSO MAGENTO QUICK VIEW BUTTON

CSS SYNTAX HIGHLIGHT CHANGE IN NOT...

QUICK FIND TOOL GOOGLE CHROME FOR ...

WEB DEVELOPER 0.5

TEXT COMPARE OR DUPLI TEXT FINDER

RELATED POST WIDGET LIST WITHOUT TH...
?
+
X
Recommended for you
Loading..
Related Post for Footer Code For Blogger
FLICKITY SLIDER SCROLL WITH RADIO NEXT PREV BUTTON ----------------------------------------------------------------------------------------------------------- ReadMore: http://codepen.io/desandro/pen/bNLGNZ view-source:http://sā¦
Magento Hello World Module (Extension) -------------------------------------------------------------------------------------------------------------- READ MORE: http://inchoo.net/magento/programming-magento/magento-ā¦
INTENSO MAGENTO QUICK VIEW BUTTON ---------------------------------------------------------------------------------------------------------------- 6:01 REMOVE QUICK VIEW BUTTON IN MAGEā¦
WHACK A RAT CSS GAME ----------------------------------------------------------------------------------------------------------------- ReadMore: https://dzone.com/articles/css3-games-collection httā¦
FLASH 8 DOWNLOAD DIRECT LINKS TO YOUR FILES ON GOOGLE DRIVE - YouTube ā¶ 5:17 https://www.youtube.com/watch?v=ehue47G5ayc 14 hours ago - Uploaded by SAVE MONEY DIRECT LINKS&nā¦
QUICK FIND TOOL GOOGLE CHROME FOR WEB PAGE ------------------------------------------------------------------------------------------------------------------- QUICK FIND TOOL GOOGLE CHROME FOR WEB PAGE REā¦
CONVERT FILE PATH TO A URL LINK -------------------------------------------------------------------------------------------------------- ANY LIST TO SCROLLER CODE: http://accordionslider.com/ http://anroots.ā¦
FLASH PLAYER SWF FILE DOWNLOAD ARCHIVES ---------------------------------------------------------------------------------------------------------------- FLASH PLAYER DOWNLOAD FROM ARCHIVES https://helpx.adobe.com/flaā¦
HTML CSS GREEN COMMENTS NOTEPAD++ ------------------------------------------------------------------------------------------------------------------------- READ MORE: https://www.youtube.com/watch?v=Abqwpg5mp_Uā¦
RELATED POST WIDGET LIST WITHOUT THUMBNAIL ------------------------------------------------------------------------------------------------------- FIND HEAD </head> TAG AND PASTE BELOW CODE WHEN Wā¦
BODY JS FILE LINK IN MAGENTO ------------------------------------------------------------------------------------------------------------- SEARCH IN GOOGLE file content software https://www.google.co.uk/sā¦
TEXT COMPARE OR DUPLI TEXT FINDER ------------------------------------------------------------------------------------------------------------------ READ MORE: FIND RED TEXT IN GOOGLE: text compare downlā¦
POST DATE THUMBNAIL IN BLOG -------------------------------------------------------------------------------------------------------- READ MORE: 11:02 POST DATE THUMBNAIL IN BLOG HD Jan 2ā¦
FIREBUG LITE USE OFFLINE ------------------------------------------------------------------------------------------------------------- 1)GET CSS CODE BY COPY CSS SELECTOR OR GOOGLE INSPECT 2) OR GET CSSā¦
FLICKITY JS CSS SLIDER ----------------------------------------------------------------------------------------------------------------------- ReadMore: https://flickity.metafizzy.co/ NEED 1 CSS FILā¦
FEATURE POST WIDGET IN BLOG ------------------------------------------------------------------------------------------------------------ FEATURE POST WIDGET WITHOUT JAVA CODE 1) IT WORKS WITH POST ID 2) ā¦
Labels:
F
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.