Sunday, 4 December 2016
GENERIC BLOGGER TEMPLATE PARTS


----------------------------------------------------------------------------------------------------
WHAT IS IN BLOG?
/2016/... http://fbgadgets ...
1. POST DATE
RESPONSIVE BLOGGER TEMPLATE - YouTube
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
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
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" ?>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<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>
<div id='outer-wrapper'>
<div id='header-wrapper'>
<div class='header section' id='header'><div class='widget Header' data-version='1' id='Header1'>
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>General Magic</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span>
</span></p>
</div>
</div>
</div></div>
</div>
<div id='main-wrapper'>
<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'>
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</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 class='post-title entry-title'>
<a expr:href='data:post.url'><data:post.title/></a>
</h3>
<!-- Then use the
post body as the schema.org description, for good G+/FB snippeting. -->
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url'>Read More >></a>
</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>
<div id='sidebar-wrapper'>
<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 class='clear'> </div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div>
</body>
</html>
---------------------------------------------------------------------------------------------------------------------
RESPONSIVE BLOGGER TEMPLATE CODE
---------------------------------------------------------------------------------------------------------------------
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<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>
<body expr:class='"loading" +
data:blog.mobileClass'>
<div class='content'>
<div class='content-outer'>
<div class='content-inner'>
<header>
<div class='header-inner'>
<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'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image:
url(\"" + data:sourceUrl + "\");
" +
"background-position: " +
data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height:
" + data:height
+ "_height: " + data:height +
"background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId +
"_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement ==
"BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
</header>
<div class='main-outer'>
<div class='fauxborder-left main-fauxborder-left'>
<div class='main-inner'>
<div class='columns fauxcolumns'>
<!-- corrects IE6 width calculation -->
<div class='columns-inner'>
<div class='column-center-outer'>
<div class='column-center-inner'>
<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'>
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='post-outer'>
<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'>
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link or (data:post.url and data:blog.url
!= data:post.url)'>
<a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<!-- Then use the post body as the schema.org
description, for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" :
"description ") + "articleBody"'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.url.canonical' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span> </td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>
<span class='post-comment-link'>
<b:include cond='data:blog.pageType not in
{"item","static_page"} and
data:post.allowComments' data='post' name='comment_count_picker'/>
</span>
<!-- backlinks -->
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType not in
{"item","static_page"} and
data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</span>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
<!-- share buttons -->
<div class='post-share-buttons goog-inline-block'>
<b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:top.showPostLabels and data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
</b:loop>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
<b:if cond='data:top.showLocation and data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</span>
</div>
<b:if cond='data:post.authorAboutMe'>
<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<b:if cond='data:post.authorPhoto.url'>
<img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
</b:if>
<div>
<a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</div>
<span itemprop='description'><data:post.authorAboutMe/></span>
</div>
</b:if>
</div>
</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>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<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>
<div style='clear: both'/>
<!-- columns -->
</div>
<!-- main -->
</div>
</div>
</div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
<!-- content -->
</div>
</div>
</div>
</body>
</html>
Related movie you might like to see :

INLINE HTML PAGE LAYOUT

PRESTASHOP THUMBNAIL WITH HOVER EFF...

CHANGE MENU CSS COLOR IN PRESTASHOP

RENAME CONTROLLERS FOLDER IN PRESTA...

BUTTON CHANGE INTO DROPDOWN MENU

LINE FINDER SOFTWARE EXPORT FILE IN...

LINE FIND IN FILE SOFTWARE

FRUIT CATCHING GAME HTML JAVASCRIPT...

BOOLEAN MATCHING GAME JAVASCRIPT

MEMORY GAME WITH UPPER HIDDEN CARD

ALPHABET GAME JEUX LULU

WORD AND PICTURE GAME

STAR RATING WIDGET IN BLOGGER TEMPL...

BUTTON PADDING CHANGE HEIGHT WIDTH

INPUT BUTTON VALUE SWAP

CSS SYNTAX HIGHLIGHT CHANGE IN NOT...

WEB IMAGE DOWNLOADER

TEXT COMPARE OR DUPLI TEXT FINDER

BLOCK JAVA SCRIPT BY GOOGLE CHROME

MOUSE COORDINATES IN JAVA SCRIPT
?
+
X
Recommended for you
Loading..
Related Post for GENERIC BLOGGER TEMPLATE PARTS
BLOG SITEMAP CODE RECENT BLOG URL #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:350px; } #spylist ul{ width:500px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0p…
BLOG SITEMAP URL WITH SIDEBAR /* Skin for Blogger Tabbed Layout TOC */ #tabbed-toc { margin:0 auto; background-color:#224C19; -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4); -moz-box-shadow:0 1px 3px rgba(0…
RANDOM POST THUMBNAIL //![CDATA[ var rdp_numposts=100; var rdp_snippet_length=150; var rdp_info='yes'; var rdp_comment='Comments'; var rdp_disable='Comments Disabled'; var rdp_current=[];var rdp_total_…
GOOGLE PROJECT HOSTING ------------------------------------------------------------------------------------------------------------- STEP:1 LOGIN YOUR GOOGLE ACCOUNT STEP:2 GO TO SITE https://code.…
ARCHIVE CALENDER WIDGET IN BLOG Install Archive calendar on your Blog Go To Blogger > Layout Chose Blog Archive widget which is available in Blogger's default widget directory. Switch to next page…
OPEN DESKTOP TEXT FILE BY COMMAND PROMPT -------------------------------------------------------------------------------------------------------------- Read More: Very Simple Java Hello World program with Notepad and …
RANDOM POST BLOG URL SITE MAP CODE ------------------------------------------------------------------------------------------------------- 1-COPY AND PASTE BELOW CODE POST HTML SECTION 2-CHANGE BLOG URL 3- CHANG…
RESPONSIVE BLOGGER TEMPLATE FB GDGETS ---------------------------------------------------------------------------------------------------------------- RESPONSIVE BLOGGER TEMPLATE FB GDGETS CODE: Read More: ht…
NEWS TICKER BLOGGER TEMPLATES ---------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODEIN BLOGGER TEMPLATE -----------------…
CHANGE CSS TEMPLATE INTO BLOGGER TEMPLATE -------------------------------------------------------------------------------------------------------- READ MORE: http://all-free-download.com/free-website-templates/downloa…
RANDOM POST WITH IMAGE #random-posts img { float:left; margin-right:10px; width:65px; height:50px; background-color:#F5F5F5; padding:3px; } ul#random-posts li{ background:#FFFBCC; border: 6px doub…
BLOG SITEMAP ACCORDION .judul-label{ background-color:#E5ECF9; font-weight:bold; line-height:1.4em; margin-bottom:5px; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 0 2px; …
RECENT POST MOVE UP TO DOWN #rcentpost li,#rcentcomnets li { border:1px solid #DDD; border-bottom:0; background:#FCFCFC; padding:5px; overflow:hidden; height:82px } #rcentpost,#rcentcomnets { min-height…
RANDOM POST BLOG URL SITE MAP .single li { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_LVrjpTo2Z8FjsauoOceipjUIakj0APYVJVPn7GupCZVVBP45KzBxtG89aUrVLtThouB-SzYhLJhwrqnhwEBm86…
BLOG SITEMAP PAGE WITH THUMBNAIL --------------------------------------------------------------------------------------------------------1- COPY AND PASTE CODE IN POST HTML SECTION2- CHANGE BLOG URLReaad More…
RECENT POST WITH COMMENTS AND BLOG URL HOVER THUMBNAIL #spylist-widget { overflow: hidden; margin-top: 5px; padding: 0px 0px; height: 385px; font-family:calibri; } #spylist-widget ul { width: 295px; overflow: hidden; list-style-ty…
RECENT COMMENTS WITH AVATAR RECENT COMMENTS AVATAR ul.latest_recent_comments{list-style:none;margin:0;padding:0;} .latest_recent_comments li{background:none !important;margin:0 0 6px !important;paddi…
BLOG SITEMAP TAB FORMAT -------------------------------------------------------------------------------------------------------- 1- COPY AND PASTE CODE IN POST HTML SECTION 2- CHANGE BLOG URL Reaad …
RECENT POST BY AUTO BLOG FEED #rp_plus_img{height:377px;} #rp_plus_img li {height:60px;padding:5px;list-style:none; background-color:#ffffff; border:solid 1px #000000;} #rp_plus_img a{color:#00000;} #rp_pl…
RELATED POST WIDGET LEFT TO RIGHT CODE -------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION -----------------------…
SEARCH .art-object989822972{ position: absolute; top: 110px; right:10px; width:300px; height: 24px; } #search { } #search input[type="text"] { background: url('https://blo…
BLOG SITEMAP CODE -------------------------------------------------------------------------------------------------------- 1- COPY AND PASTE CODE IN POST HTML SECTION 2- CHANGE B…
RECENT POST MOVE UP TO DOWN CODE ------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE IN POST HTML CODE --------------------------------…
BLOG SITEMAP ACCORDION CODE ---------------------------------------------------------------------------------------------------------- 1- COPY AND PASTE CODE IN POST HTML SECTION 2- CHANGE BLOG URL Reaad…
RELATED POST WIDGET CODE -------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION ----------------------…
RANDOM POST WITH IMAGE CODE -------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION ----------------------…
BLOG SITEMAP URL WITH SIDEBAR CODE ----------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION -------------------------…
FB GADGETS ------------------------------------------------------------------------------------------------ SEARCH THIS WORD IN GOOGLE site:blogspot.com fbgadgets https://www.google.co.…
RELATED POST WIDGET #related-post h4{font:1.6em/normal "Racing Sans One","Trebuchet MS",Helvetica,sans-serif;margin:0;position:relative} #related-post .related-post-style-2…
search2 Loading... //![CDATA[ var searchFormConfig = { url: "http://fbgadgets.blogspot.co.uk/", numPost: 9999, summaryPost: true, summaryLength: 400, resultTitle: "Search result…
BLOG SITEMAP PAGE WITH THUMBNAIL function recent(json) {document.write(''); for (var i = 0; i numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entr…
BLOG SITEMAP TAB FORMAT var _2075;var _6049='…
RECENT POST WITH COMMENTS AND BLOG URL HOVER THUMBNAIL CODE ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION -------------------…
RESPONSIVE BLOGGER TEMPLATE ---------------------------------------------------------------------------------------------------------------- RESPONSIVE GENERIC BLOGGER TEMPLATE CODE: Read More: https://c…
GENERIC BLOGGER TEMPLATE PARTS ---------------------------------------------------------------------------------------------------- WHAT IS IN BLOG? RESPONSIVE BLOGGER TEMPLATE - YouTube ▶ 9:19 …
CHANGE CSS TEMPLATE INTO BLOGGER TEMPLATE -------------------------------------------------------------------------------------------------------- READ MORE: DREAMWEAVER BLOGGER TEMPLATE PART 1 https://youtu.be/TaqrgP…
BLOG SITEMAP FB GADGETS #toc { margin: -20px; margin-top: -25px; padding: 40px; background: #f1f1f1; } #toc { width:80%; margin:5px auto; border:1px solid #2D96DF; -webkit-box-shadow:4p…
RECENT COMMENTS WITH AVATAR CODE ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION READ MORE: http://…
GOOGLE CONSOLE ----------------------------------------------------------------------------------------------------------- GOOGLE CONSOLE CODE READ MORE https://www.javascripture.com/Image ht…
GOOGLE CHROME EXTENSION FILE SAVE ON WINDOW --------------------------------------------------------------------------------------------------- Where are my Google Chrome extensions stored? -----------------------------…
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.