Wednesday, 11 June 2014

POST FOOTER JUMP LINK POST DATE POST AUTHOR SIDEBAR CHANAGE



  1.  FIND POST HEADER CODE 
  2. CHANGE YELLOW POST HEADER CODE
  3. ADD POST FOOTER RED CODE
  4. FIND JUMP LINK HTML CODE IN ETHEREAL TEMPLATE
  5. CUT THIS CODE AND PASTE BELOW POST FOOTER LINE 3 CODE


------------------------------------------------------------------------------------------------------------


<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Ethereal
Designer: Jason Morrow
URL:      jasonmorrow.etsy.com
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="keycolor" description="Main Color" type="color" default="#000000" value="#000000"/>

   <Group description="Body Text" selector="body">
     <Variable name="body.font" description="Font" type="font"
         default="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="body.text.color" description="Text Color" type="color" default="#666666" value="#666666"/>
   </Group>

   <Group description="Background" selector=".body-fauxcolumns-outer">
     <Variable name="body.background.color" description="Outer Background" type="color" default="#fb5e53" value="#fb5e53"/>
     <Variable name="content.background.color" description="Main Background" type="color" default="#ffffff" value="#ffffff"/>
     <Variable name="body.border.color" description="Border Color" type="color" default="#fb5e53" value="#fb5e53"/>
   </Group>

   <Group description="Links" selector=".main-inner">
     <Variable name="link.color" description="Link Color" type="color" default="#2198a6" value="#2198a6"/>
     <Variable name="link.visited.color" description="Visited Color" type="color" default="#4d469c" value="#4d469c"/>
     <Variable name="link.hover.color" description="Hover Color" type="color" default="$(link.color)" value="$(link.color)"/>
   </Group>

   <Group description="Blog Title" selector=".header h1">
     <Variable name="header.font" description="Font" type="font"
         default="normal normal 60px Times, 'Times New Roman', FreeSerif, serif" value="normal normal 60px Times, 'Times New Roman', FreeSerif, serif"/>
     <Variable name="header.text.color" description="Text Color" type="color" default="#ff8b8b" value="#ff8b8b"/>
   </Group>

   <Group description="Blog Description" selector=".header .description">
     <Variable name="description.text.color" description="Description Color" type="color"
         default="#666666" value="#666666"/>
   </Group>

   <Group description="Tabs Text" selector=".tabs-inner .widget li a">
     <Variable name="tabs.font" description="Font" type="font"
         default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#ffffff" value="#ffffff"/>
     <Variable name="tabs.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
   </Group>

   <Group description="Tabs Background" selector=".tabs-outer .PageList">
     <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#ffa183" value="#ffa183"/>
     <Variable name="tabs.background.color" description="Background Color" type="color" default="#ffdfc7" value="#ffdfc7"/>
     <Variable name="tabs.border.bevel.color" description="Bevel Color" type="color" default="#fb5e53" value="#fb5e53"/>
   </Group>

   <Group description="Post Title" selector="h3.post-title, h4, h3.post-title a">
     <Variable name="post.title.font" description="Font" type="font"
         default="normal normal 24px Times, Times New Roman, serif" value="normal normal 24px Times, Times New Roman, serif"/>
     <Variable name="post.title.text.color" description="Text Color" type="color" default="#2198a6" value="#2198a6"/>
   </Group>

   <Group description="Gadget Title" selector="h2">
     <Variable name="widget.title.font" description="Title Font" type="font"
        default="normal bold 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="widget.title.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
     <Variable name="widget.title.border.bevel.color" description="Bevel Color" type="color" default="#dbdbdb" value="#dbdbdb"/>
   </Group>

   <Group description="Accents" selector=".main-inner .widget">
     <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#cccccc" value="#cccccc"/>
     <Variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="#dbdbdb" value="#dbdbdb"/>
   </Group>

   <Variable name="body.background" description="Body Background" type="background"
       color="$(body.background.color)" default="$(color) none repeat-x scroll top left" value="#fb5e53 url(//www.blogblog.com/1kt/ethereal/birds-2toned-bg.png) repeat-x scroll top center"/>
   <Variable name="body.background.gradient" description="Body Gradient Cap" type="url"
       default="none" value="none"/>
   <Variable name="body.background.imageBorder" description="Body Image Border" type="url"
       default="none" value="url(//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMNjViMzQ0ZDEtMWU1NS00ZTBkLWFjY2EtZjM5YmU4OTA2MjBm)"/>
   <Variable name="body.background.imageBorder.position.left" description="Body Image Border Left" type="length"
       default="0" value="300px"/>
   <Variable name="body.background.imageBorder.position.right" description="Body Image Border Right" type="length"
       default="0" value="299px"/>
   <Variable name="header.background.gradient" description="Header Background Gradient" type="url" default="none" value="none"/>
   <Variable name="content.background.gradient" description="Content Gradient" type="url" default="none" value="url(//www.blogblog.com/1kt/ethereal/bird-2toned-blue-fade.png)"/>

   <Variable name="link.decoration" description="Link Decoration" type="string" default="none" value="none"/>
   <Variable name="link.visited.decoration" description="Link Visited Decoration" type="string" default="$(link.decoration)" value="$(link.decoration)"/>
   <Variable name="link.hover.decoration" description="Link Hover Decoration" type="string" default="underline" value="underline"/>

   <Variable name="widget.padding.top" description="Widget Padding Top" type="length" default="15px" value="15px"/>

   <Variable name="date.space" description="Date Space" type="length" default="15px" value="15px"/>

   <Variable name="post.first.padding.top" description="First Post Padding Top" type="length" default="0" value="0"/>

   <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string" default="" value=""/>
   <Variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto" value="auto"/>

   <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
   <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
*/

/* Content
----------------------------------------------- */
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

html body .content-outer {
  min-width: 0;
  max-width: 100%;
  width: 100%;
}

a:link {
  text-decoration: $(link.decoration);
  color: $(link.color);
}

a:visited {
  text-decoration: $(link.visited.decoration);
  color: $(link.visited.color);
}

a:hover {
  text-decoration: $(link.hover.decoration);
  color: $(link.hover.color);
}

.main-inner {
  padding-top: $(date.space);
}

.body-fauxcolumn-outer {
  background: transparent $(body.background.gradient) repeat-x scroll top center;
}

.content-fauxcolumns .fauxcolumn-inner {
  background: $(content.background.color) $(content.background.gradient) repeat-x scroll top left;
  border-left: 1px solid $(body.border.color);
  border-right: 1px solid $(body.border.color);
}

/* Flexible Background
----------------------------------------------- */
.content-fauxcolumn-outer .fauxborder-left {
  width: 100%;
  padding-left: $(body.background.imageBorder.position.left);
  margin-left: -$(body.background.imageBorder.position.left);
  background-color: transparent;
  background-image: $(body.background.imageBorder);
  background-repeat: no-repeat;
  background-position: left top;
}


.content-fauxcolumn-outer .fauxborder-right {
  margin-right: -$(body.background.imageBorder.position.right);
  width: $(body.background.imageBorder.position.right);
  background-color: transparent;
  background-image: $(body.background.imageBorder);
  background-repeat: no-repeat;
  background-position: right top;
}


/* Columns
----------------------------------------------- */

.content-inner {
  padding: 0;
}

/* Header
----------------------------------------------- */
.header-inner {
  padding: 27px 0 3px;
}

.header-inner .section {
  margin: 0 35px;
}

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font-size: 115%;
  color: $(description.text.color);
}

.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

/* Tabs
----------------------------------------------- */
.tabs-outer {
  position: relative;
  background: transparent;
}

.tabs-cap-top, .tabs-cap-bottom {
  position: absolute;
  width: 100%;
}

.tabs-cap-bottom {
  bottom: 0;
}

.tabs-inner {
  padding: 0;
}

.tabs-inner .section {
  margin: 0 35px;
}

*+html body .tabs-inner .widget li {
  padding: 1px;
}

.PageList {
  border-bottom: 1px solid $(tabs.border.bevel.color);
}

.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover {
  position: relative;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -goog-ms-border-top-left-radius: 5px;
  -goog-ms-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;

  background: $(tabs.selected.background.color) none ;
  color: $(tabs.selected.text.color);
}

.tabs-inner .widget li a {
  display: inline-block;
  margin: 0;
  margin-right: 1px;
  padding: .65em 1.5em;
  font: $(tabs.font);
  color: $(tabs.text.color);
  background-color: $(tabs.background.color);

  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -goog-ms-border-top-left-radius: 5px;
  -goog-ms-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* Headings
----------------------------------------------- */
h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
}

/* Widgets
----------------------------------------------- */
.main-inner .column-left-inner {
  padding: 0 0 0 20px;
}

.main-inner .column-left-inner .section {
  margin-right: 0;
}

.main-inner .column-right-inner {
  padding: 0 20px 0 0;
}

.main-inner .column-right-inner .section {
  margin-left: 0;
}

.main-inner .section {
  padding: 0;
}

.main-inner .widget {
  padding: 0 0 15px;
  margin: 20px 0;
  border-bottom: 1px solid $(widget.border.bevel.color);
}

.main-inner .widget h2 {
  margin: 0;
  padding: .6em 0 .5em;
}

.footer-inner .widget h2 {
  padding: 0 0 .4em;
}

.main-inner .widget h2 + div, .footer-inner .widget h2 + div {
  padding-top: $(widget.padding.top);
}

.main-inner .widget .widget-content {
  margin: 0;
  padding: 15px 0 0;
}

.main-inner .widget ul, .main-inner .widget #ArchiveList ul.flat {
  margin: -$(widget.padding.top) -15px -15px;
  padding: 0;

  list-style: none;
}

.main-inner .sidebar .widget h2 {
  border-bottom: 1px solid $(widget.title.border.bevel.color);
}

.main-inner .widget #ArchiveList {
  margin: -$(widget.padding.top) 0 0;
}

.main-inner .widget ul li, .main-inner .widget #ArchiveList ul.flat li {
  padding: .5em 15px;
  text-indent: 0;
}

.main-inner .widget #ArchiveList ul li {
  padding-top: .25em;
  padding-bottom: .25em;
}

.main-inner .widget ul li:first-child, .main-inner .widget #ArchiveList ul.flat li:first-child {
  border-top: none;
}

.main-inner .widget ul li:last-child, .main-inner .widget #ArchiveList ul.flat li:last-child {
  border-bottom: none;
}

.main-inner .widget .post-body ul {
  padding: 0 2.5em;
  margin: .5em 0;

  list-style: disc;
}

.main-inner .widget .post-body ul li {
  padding: 0.25em 0;
  margin-bottom: .25em;
  color: $(body.text.color);
  border: none;
}

.footer-inner .widget ul {
  padding: 0;

  list-style: none;
}

.widget .zippy {
  color: $(widget.alternate.text.color);
}

/* Posts
----------------------------------------------- */
.main.section {
  margin: 0 20px;
}

body .main-inner .Blog {
  padding: 0;
  background-color: transparent;
  border: none;
}

.main-inner .widget h2.date-header {
  border-bottom: 1px solid $(widget.title.border.bevel.color);
}

.date-outer {
  position: relative;
  margin: $(date.space) 0 20px;
}

.date-outer:first-child {
  margin-top: 0;
}

.date-posts {
  clear: both;
}

.post-outer, .inline-ad {
  border-bottom: 1px solid $(widget.border.bevel.color);
  padding: 30px 0;
}

.post-outer {
  padding-bottom: 10px;
}

.post-outer:first-child {
  padding-top: $(post.first.padding.top);
  border-top: none;
}

.post-outer:last-child, .inline-ad:last-child {
  border-bottom: none;
}

.post-body img {
  padding: 8px;
}

h3.post-title, h4 {
  font: $(post.title.font);
  color: $(post.title.text.color);
}

h3.post-title a {
  font: $(post.title.font);
  color: $(post.title.text.color);
  text-decoration: none;
}

h3.post-title a:hover {
  color: $(link.hover.color);
  text-decoration: underline;
}

.post-header{
font-size:12px;
line-height:20px;
}

.post-timestamp{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjamDZNTcnvvcT2-OPz0otH-0QaXuMB3gzExEWU5t-qpYqN5Q9wc5RkUPOfCsiaJXUMFa8Eho8V6G2oFFGNnodUAxCgpY9BFVEimHTM07bNUAw0xmNIqtJEKBfUA1m5_wDIzkAZIuS2DXo/h80/clock.png) no-repeat 0 2px;
margin:0px !important;
padding:2px 0 2px 20px;
}
.post-author{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBUjoWpOvNnh-hTDz0Yf_C-s2OvXiUshvxXTMiB6jKjAFw5pQKvwwDLp0vGshly_jiID76Qe_GlL4Z-1jmmk9klP6kx2dPEXnpOiUX7gOR_Yc-rfpRrQdvQVAq7EjXksr-h-HTnmXobLw/h80/author.png) no-repeat 0 0px;
margin:0 0 0 10px !important;
padding:2px 0 2px 20px;
}

.date-header{
display:none
}



.post-body {
  line-height: 1.4;
}





/* TYPOGRAPHY
* ------------------ */
/* Link */
a {
color:#D0C8BD;
text-decoration:none
}
a:hover,
a:focus,
a:active {
color:#F5EE98;
text-decoration:none
}
/* Styling Font */
h1,h2,h3,h4,h5,.sf-menu a,#blog-pager,.feed-links,.jump-link a, #navlist a{
font:normal bold 13px Play;
}






.post-footer {
background-color:#0B1919;
font-size:11px;
padding:5px 10px;
position:relative;
}

.jump-link {
position:absolute;
right:10px;
top:20px;
}
.jump-link a{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ-PYGIUKHr2yGZRy5aXviZtLRwSplB6OqooV7osNrvOGHgT2lZClpSAO7J4ObBmJTMFgMeSYQ_v1lREQAOXaT_FjqLv2D4H07JGp5WzWfCRn54pD5DDU6OwaVttiDW-LqVGN5guLySio/s1600/pblockheader.png) repeat left;
padding:8px 12px;
font-weight:bold;
font-size:12px;
border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px 4px 4px 4px;
-khtml-border-radius:4px;
color:#fff
}







#blog-pager {
  padding: 15px;
}

.blog-feeds, .post-feeds {
  margin: 1em 0;
  text-align: center;
}

.post-outer .comments {
  margin-top: 2em;
}

/* Comments
----------------------------------------------- */
.comments .comments-content .icon.blog-author {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}

.comments .comments-content .loadmore a {
  background: $(content.background.color) $(content.background.gradient) repeat-x scroll top left;
}

.comments .comments-content .loadmore a {
  border-top: 1px solid $(widget.title.border.bevel.color);
  border-bottom: 1px solid $(widget.title.border.bevel.color);
}

.comments .comment-thread.inline-thread {
  background: $(content.background.color) $(content.background.gradient) repeat-x scroll top left;
}

.comments .continue {
  border-top: 2px solid $(widget.title.border.bevel.color);
}

/* Footer
----------------------------------------------- */
.footer-inner {
  padding: 30px 0;
  overflow: hidden;
}

/* Mobile
----------------------------------------------- */
body.mobile  {
  background-size: $(mobile.background.size)
}

.mobile .body-fauxcolumn-outer {
  background: $(mobile.background.overlay);
}

.mobile .content-fauxcolumns .fauxcolumn-inner {
  opacity: 0.75;
}

.mobile .content-fauxcolumn-outer .fauxborder-right {
  margin-right: 0;
}

.mobile-link-button {
  background-color: $(tabs.selected.background.color);
}

.mobile-link-button a:link, .mobile-link-button a:visited {
  color: $(tabs.selected.text.color);
}

.mobile-index-contents {
  color: #444444;
}

.mobile .body-fauxcolumn-outer {
  background-size: 100% auto;
}

.mobile .mobile-date-outer {
  border-bottom: transparent;
}

.mobile .PageList {
  border-bottom: none;
}

.mobile .tabs-inner .section {
  margin: 0;
}

.mobile .tabs-inner .PageList .widget-content {
  background: $(tabs.selected.background.color) none;
  color: $(tabs.selected.text.color);
}

.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  border-$startSide: 1px solid $(tabs.selected.text.color);
}

.mobile .footer-inner {
  overflow: visible;
}

body.mobile .AdSense {
  margin: 0 -10px;
}
]]></b:skin>

---------------------------------------------------------------------------------------------------------
FINAL STEP:
REPLACE POST FOOT LINE 3 CODE
<div class='post-footer-line post-footer-line-3'>

------------------------------------------------------------------------------------------------------------




<div class='post-footer-line post-footer-line-3'>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>


----------------------------------------------------------------------------------------------------------
CLOCK AND AUTHOR  ICON IMAGES :
----------------------------------------------------------------------------------------------------------




--------------------------------------------------------------------------------------------------------
READ MORE AND SIDE BAR IMAGES
----------------------------------------------------------------------------------------------------------




------------------------------------------------------------------------------------------------------------
FIND AND REPLACE  RED CSS WITH BELOW  CODE
color:GOLD;
SEMICOLON IN THIS CODE VERY IMPORTANT WITHOUT
THIS COLOR CODE NOT WORK
HEIGHT AND FONT SIZE VERY IMPORTANT
-----------------------------------------------------------------------------------------------------------




.main-inner .sidebar .widget h2 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizmkSKfzfQpptjIW6iyp8d7ALdbafWDoZtEuBy5j0ROzrhCeJdR3i9BUxTJGEyqb5UEbr1F1itMfcXVFGcAVDay3Z_QTGJx2Pzq7aPx7K4XjuFeK_-FgO4eIBL9BImV2xoBTxN2JwzuDU7/s1600/Sidebar+H2.png) 0px 0 repeat no-repeat scroll transparent;
/*SIDEBAR TITLE COLOR*/
color:GOLD;
font-family:verdana, arial;
font-size:12px;
font-weight:bold;
height:33px;
margin:0;
padding:3px 0 3px 7px;
text-transform:uppercase;
}

------------------------------------------------------------------------------------------------------------
OR USE THIS STYLE
-----------------------------------------------------------------------------------------------------------





.main-inner .sidebar .widget h2 {
  background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhett9IqK3sX-3eyrh53hGFtLO7nI1enIpugOYApM1R7suTp8Yh4rjPuqZ0skFklZnxvTO5MWXn-7vVqnX_-yEnsT_Zt-Ou4VG2hSRTAqdj7jZcgxWxCYLSqZ3dsdBBcIJ8b5ujDB3Np5dN/h1600/heading.png) 50% 50% repeat;
 margin:0;
 /*SIDEBAR TITLE COLOR WITH SEMICOLON*/
color:green;
font-family:verdana, arial;
font-size:12px;
font-weight:bold;
height:33px;
margin:0;
padding:3px 0 3px 7px;
text-transform:uppercase;
}





.main-inner .widget #ArchiveList ul li {
background-image: url(http://stuff.pyzam.com/layouts/img/l/o/nvloveintheair.jpg);
background-attachment: fixed;
background-position: center ;
background-repeat: repeat;
}


0 comments:

Post a Comment

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

FB Gadgets | Template Designed by Fatakat PhotosCoolBThemes.com
Code by : paid web directory

https://www.google.co.uk/search?q=site%3Ablogspot.com+fbgadgets