GENERIC BLOGGER TEMPLATE PARTS

Sunday, 4 December 2016

GENERIC BLOGGER TEMPLATE PARTS

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

WHAT IS IN BLOG?

RESPONSIVE BLOGGER TEMPLATE - YouTube

▶ 9:19

https://www.youtube.com/watch?v=AIY1doPtj_Q

16 mins ago - Uploaded by SAVE MONEY

RESPONSIVE BLOGGER TEMPLATE FB GADGETS ... New Responsive Template "Fluid" - Fresh ...

POST DATE POST TITLE POST BODY IN BLOG - YouTube

Video for POST DATE POST TITLE POST BODY IN BLOG

▶ 5:49

https://www.youtube.com/watch?v=whcmycpNZPE

4 mins ago - Uploaded by SAVE MONEY

POST DATE POST TITLE POST BODY IN BLOG ... http://fbgadgets.blogspot.co.uk/2016/... http://fbgadgets ...

1. POST DATE

2. POST TITLE

3. POST BODY

4. POST READ MORE

5. B IF COND DIV

6. NOT SHOW READ MORE LINK

NOTE THAT:

B IF COND DIV GIVE HELPS IN NOT SHOW READ MORE LINK AFTER OPEN POST BUT WITHOUT

B IF COND DIV IT SHOW READ MORE LINK

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

OR USE THIS CODE

http://fbgadgets.blogspot.co.uk/2016/10/generic-blogger-template.html------------------------------------------------------------------------------------------------------------

<?xml version="1.0" encoding="UTF-8" ?>

<head>

<b:include data='blog' name='all-head-content'/>

<b:skin><![CDATA[/*

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

Blogger Template Style

Name: GENERIC BLOGGER TEMPLATE HEADER WRAPPER

Design by : FBGadgets

URL : http://fbgadgets.blogspot.co.uk/

----------------------------------------------- */

body {

background: White;

color: Black;

font: 12px Verdana;

margin:0;

text-align:center;

border: 2px solid Black;

}

/* Header

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

#header-wrapper {

border: 2px solid Black;

}

#header-inner {

border: 2px solid Black;

}

#header {

border: 2px solid Black;

}

.title {

border: 2px solid Green;

background-color:Yellow;

color:red;

}

/* Outer-Wrapper

----------------------------------------------- */

#outer-wrapper {

border: 2px solid #000000;

}

#main-wrapper {

width: 900px;

float: left;

padding: 5px;

border: 2px solid Red;

}

#sidebar-wrapper {

width: 300px;

float: right;

border: 2px solid Black;

}

.sidebar h2 {

border: 2px solid Red;

}

/* Footer

----------------------------------------------- */

#footer-wrapper {

border: 2px solid Green;

background-color:Yellow;

height: 50px;

}

]]></b:skin>

</head>

<body>

<h1 class='title'>General Magic</h1>

</div>

</span></p>

</div>

</div></div>

</div>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1' visible='true'>

<b:includable id='main' var='top'>

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

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

</b:if>

<b:include data='post' name='post'/>

</b:loop>

</div>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'/>

<b:includable id='backlinks' var='post'/>

<b:includable id='comment-form' var='post'/>

<b:includable id='commentDeleteIcon' var='comment'/>

<b:includable id='comment_count_picker' var='post'/>

<b:includable id='comment_picker' var='post'/>

<b:includable id='comments' var='post'/>

<b:includable id='feedLinks'/>

<b:includable id='feedLinksBody' var='links'/>

<b:includable id='iframe_comments' var='post'/>

<b:includable id='mobile-index-post' var='post'/>

<b:includable id='mobile-main' var='top'/>

<b:includable id='mobile-nextprev'/>

<b:includable id='mobile-post' var='post'/>

<b:includable id='nextprev'/>

<b:includable id='post' var='post'>

</h3>

<data:post.body/>

</div>

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

</div>

</b:if>

</b:includable>

<b:includable id='postQuickEdit' var='post'/>

<b:includable id='shareButtons' var='post'/>

<b:includable id='status-message'/>

<b:includable id='threaded-comment-form' var='post'/>

<b:includable id='threaded_comment_js' var='post'/>

<b:includable id='threaded_comments' var='post'/>

</b:widget>

</b:section>

</div>

<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>

</b:widget>

</b:section>

</div>

<b:section class='footer' id='footer'/>

</div>

</body>

</html>

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

RESPONSIVE BLOGGER TEMPLATE CODE

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

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<head>

<b:include data='blog' name='all-head-content'/>

<b:skin><![CDATA[/*-----------------------------------------------

Blogger Template Style

Name: Picture Window

Designer: Josh Peterson

URL: www.noaesthetic.com

----------------------------------------------- */

body {

font: $(body.font);

color: $(body.text.color);

background: $(body.background);

}

html body{

min-width: 0;

max-width: 100%;

width: auto;

}

.content-outer {

font-size: 90%;

}

a:link {

text-decoration:none;

color: $(link.color);

}

a:visited {

text-decoration:none;

color: $(link.visited.color);

}

a:hover {

text-decoration:underline;

color: $(link.hover.color);

}

.content-outer {

background: $(content.background);

-moz-border-radius: $(content.border.radius);

-webkit-border-radius: $(content.border.radius);

-goog-ms-border-radius: $(content.border.radius);

border-radius: $(content.border.radius);

-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

-webkit-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

-goog-ms-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

margin: $(content.margin) auto;

}

.content-inner {

padding: $(content.padding);

}

div#header-inner{

border: 2px solid Black;

min-width: 0;

max-width: 100%;

width: auto;

}

h2 {

border: 2px solid Black;

background-color:Blue;

}

.main-outer {

background: $(main.background);

-moz-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;

-webkit-border-top-left-radius: $(main.border.radius.top);

-webkit-border-top-right-radius: $(main.border.radius.top);

-webkit-border-bottom-left-radius: 0;

-webkit-border-bottom-right-radius: 0;

-goog-ms-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;

border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;

-moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);

-webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);

-goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);

box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);

}

.main-inner {

border: 2px solid Black;

padding: 15px $(main.padding.sides) 20px;

}

.main-inner .column-center-inner {

padding: 0 0;

}

.main-inner .column-left-inner {

padding-left: 0;

}

.main-inner .column-right-inner {

padding-right: 0;

}

h3.post-title {

border: 2px solid Red;

background-color: yellow;

}

.comments h4 {

margin: 1em 0 0;

font: $(post.title.font);

}

h2.date-header{

border: 2px solid Red;

background-color: yellow;

}

.post-outer {

border: 2px solid Red;

background-color:BurlyWood;

}

div.jump-link a{

background-color: #4CAF50;

border: none;

color: white;

padding: 8px 16px;

text-align: center;

text-decoration: none;

display: inline-block;

font-size: 16px;

}

span.post-labels a{

background-color: Blue;

border: none;

color: white;

padding: 8px 16px;

text-align: center;

text-decoration: none;

display: inline-block;

font-size: 16px;

}

.sidebar{

border: 2px solid Black;

background-color: Yellow;

width: 275px;

list-style: none;

}

.post-body{

line-height: 1.4;

font-size: 110%;

position: relative;

}

.post-header {

margin: 0 0 1.5em;

color: $(post.footer.text.color);

line-height: 1.6;

}

.post-footer {

border: 2px solid Red;

background-color: yellow;

}

#blog-pager {

font-size: 140%

}

#footer-wrapper {

border: 2px solid Green;

background-color:Yellow;

height: 50px;

}

]]></b:skin>

<b:template-skin>

<b:variable default='960px' name='content.width' type='length'/>

<b:variable default='0' name='main.column.left.width' type='length'/>

<b:variable default='310px' name='main.column.right.width' type='length'/>

<![CDATA[

body {

min-width: $(content.width);

}

.content-outer, .content-fauxcolumn-outer, .region-inner {

min-width: $(content.width);

max-width: $(content.width);

_width: $(content.width);

}

.main-inner .columns {

padding-left: $(main.column.left.width);

padding-right: $(main.column.right.width);

}

.main-inner .fauxcolumn-center-outer {

left: $(main.column.left.width);

right: $(main.column.right.width);

_width: expression(this.parentNode.offsetWidth -

parseInt("$(main.column.left.width)") -

parseInt("$(main.column.right.width)") + 'px');

}

.main-inner .fauxcolumn-left-outer {

width: $(main.column.left.width);

}

.main-inner .fauxcolumn-right-outer {

width: $(main.column.right.width);

}

.main-inner .column-left-outer {

width: $(main.column.left.width);

right: 100%;

margin-left: -$(main.column.left.width);

}

.main-inner .column-right-outer {

width: $(main.column.right.width);

margin-right: -$(main.column.right.width);

}

#layout {

min-width: 0;

}

#layout .content-outer {

min-width: 0;

width: 800px;

}

#layout .region-inner {

min-width: 0;

width: auto;

}

body#layout div.add_widget {

padding: 8px;

}

body#layout div.add_widget a {

margin-left: 32px;

}

]]>

</b:template-skin>

<b:if cond='data:skin.vars.body_background.image.isResizable and data:features.responsiveBackgrounds'>

<b:include cond='not data:view.isPreview' data='{ image: data:skin.vars.body_background.image, selector: "body" }' name='responsiveImageStyle'/>

</b:if>

<b:include data='blog' name='google-analytics'/>

</head>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='General Magic (Header)' type='Header' version='1' visible='true'>

<b:includable id='main'>

<b:if cond='data:useImage'>

<b:if cond='data:imagePlacement == "BEHIND"'>

<!--

Show image as background to text. You can't really calculate the width

reliably in JS because margins are not taken into account by any of

clientWidth, offsetWidth or scrollWidth, so we don't force a minimum

width if the user is using shrink to fit.

This results in a margin-width's worth of pixels being cropped. If the

user is not using shrink to fit then we expand the header.

-->

<b:if cond='data:mobile'>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

<b:else/>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

<b:else/>

</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>

<b:include name='description'/>

</b:if>

</div>

</b:if>

<b:else/>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

</b:includable>

<b:includable id='description'>

</div>

</b:includable>

<b:includable id='title'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<data:title/>

<b:else/>

</b:if>

</b:includable>

</b:widget>

</b:section>

</div>

</header>

<b:section class='main' id='main' name='Main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1' visible='true'>

<b:includable id='main' var='top'>

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

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

</b:if>

<b:include data='post' name='post'/>

</div>

</b:loop>

</div>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'/>

<b:includable id='backlinks' var='post'/>

<b:includable id='comment-form' var='post'/>

<b:includable id='commentDeleteIcon' var='comment'/>

<b:includable id='comment_count_picker' var='post'/>

<b:includable id='comment_picker' var='post'/>

<b:includable id='comments' var='post'/>

<b:includable id='feedLinks'/>

<b:includable id='feedLinksBody' var='links'/>

<b:includable id='iframe_comments' var='post'/>

<b:includable id='mobile-index-post' var='post'/>

<b:includable id='mobile-main' var='top'/>

<b:includable id='mobile-nextprev'/>

<b:includable id='mobile-post' var='post'/>

<b:includable id='nextprev'/>

<b:includable id='post' var='post'>

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

</b:if>

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

<b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

</div>

<data:post.body/>

</div>

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

</div>

</b:if>

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/>

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

</a>

</span>

<b:else/>

</span>

</b:if>

</span>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

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

</b:if>

</span>

<b:if cond='data:top.showReactions'>

<data:top.reactionsLabel/></span> </td>

</tr></table>

</b:if>

</span>

<b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>

</span>

<b:if cond='data:blog.pageType not in {"item","static_page"} and data:post.showBacklinks'>

</b:if>

</span>

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

</a>

</span>

</b:if>

<b:include data='post' name='postQuickEdit'/>

</span>

<b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>

</div>

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

<data:postLabelsLabel/>

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

</b:loop>

</b:if>

</span>

</div>

<b:if cond='data:top.showLocation and data:post.location'>

<data:postLocationLabel/>

</b:if>

</span>

</div>

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

<b:if cond='data:post.authorPhoto.url'>

</b:if>

<div>

</a>

</div>

</div>

</b:if>

</div>

</b:includable>

<b:includable id='postQuickEdit' var='post'/>

<b:includable id='shareButtons' var='post'/>

<b:includable id='status-message'/>

<b:includable id='threaded-comment-form' var='post'/>

<b:includable id='threaded_comment_js' var='post'/>

<b:includable id='threaded_comments' var='post'/>

</b:widget>

</b:section>

</div>

<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>

</b:widget>

</b:section>

</div>

</div>

</div>

<b:section class='footer' id='footer'/>

</div>

</div>

</body>

</html>

FbGadgets

Sunday, 4 December 2016