Sunday, 26 October 2014
GENERIC POST TITLE UNDER AUTO READ POST IMAGE TEMPLATE
-----------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE
---------------------------------------------------------------------------------------------------------
<?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
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
body {
background-image :
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq0giH4BZ4B35rwWpOCY9yAq4CKycowD1yRikXjAvcAiM9U81PWqH2bRmnBCGQvO3NwzuypxqfjxLo-owYGdj-vf4qiNWZkB9jHtYtnPmTHbxkvQLO79tOwKwy8PRVCsV2iAMhaI6Dr5a4/s1600/1600X1040.jpg);
background-position : Center Center;
background-attachment : fixed ;
background-repeat : repeat ;
}
/*****************************************
Global Links CSS CHANGE LINK INTO BUTTON
******************************************/
a{ color:Red; outline:none; text-decoration: none; }
a:hover { color:Green; text-decoration:none; }
a img {
border-width:0;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
border: 2px solid Black;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuyvDlHLCcTtMAYrmcGwuRx24CJ80LNpMOa81Vw3pvMWtFRjLoDvI8-NLD8NKivUayJg51-7zGyRfaKqs7-OTHtN5MHOipEsO5j9NRDt7rDCmATXBTWcEx6jpDfp2oRtK4w_KGhbf_9BhB/s1600/960X400.jpg) no-repeat;
height: 350px;
width:960px;
margin:0 auto 10px;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
text-align: center;
color:Gold;
background-color:Transparent;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOKoN4UljmVsRXtPCVrGLIy8qkm1esBGqEblw18eerzMOqiZ57Lyx9Q9IxZ0V2VQ8tBBHuWFbJT261cvexzXvDlXrSwDpZQzdRMnJeuoPMIWiPvZMjwWYF4D3hCCCFYAenIeNB8RwRJTwh/s1600/50X50.png);
}
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font:bold
}
#header a {
color:Gold
text-decoration:none;
}
#header a:hover {
color:Red
}
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: Bold
color: $textcolor;
}
#header img {
margin-left: auto;
margin-right: auto;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width:1024px;
background-color:#FAFAFA;
margin:0 auto;
padding:0;
text-align:left;
border-left:2px solid #333;
border-right:2px solid #333;
font: normal normal 11px Verdana,Geneva,sans-serif;
}
#main-wrapper {
width:70%;
padding:0;
float:left;
word-wrap:break-word;
/* fix for long text breaking sidebar float in IE */
overflow:hidden;
/* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 260px;
float: right;
padding: 5px;
border: 2px solid Black;
background-color:#transparent;
background-image:url(http://ct3.pimp-my-profile.com/tp/ffc0cb-50-tp.png);
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$pagetitlecolor;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:BlueViolet;
padding: 5px;
border:2px solid Gold;
background-color:Transparent;
background-image:url(http://ct3.pimp-my-profile.com/tp/ffc0cb-50-tp.png);
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color:Black;
line-height: 1.5em;
}
.sidebar 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;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
background:Transparent;
width:250px;
padding:2px;
border:2px solid Green;
margin-top: 20px;
border-radius:5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 2px;
box-shadow:0 0 12px Gold;
-moz-box-shadow:0 0 12px Gold;
-webkit-box-shadow:0 0 12px Gold;
}
.sidebar .widget, .main .widget {
border-bottom:1px dotted ;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid Red;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font:Bold;
color:Red;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font:12px;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer {
width:960px;
height:70px;
clear:both;
margin:0 auto;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
border: 2px solid Black;
background-color:Transparent;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu-GA4PodUgVFpdJ37K_Qn8kkM3zKRuescVpLSYSWejy0_1bj3FZFNoGQWqHSg9EXOPwaPO_2HnV9Hfc3DE03RfxWo2qNtDbhmZXPVcXXjvdZ6k2OCcTnVQnVEvfn5e3Wq7Tkui9eatMR2/s1600/960X70.gif);
}
]]></b:skin>
<style type='text/css'>
#main-wrapper {
padding:10px 0 10px 10px
}
.date-header {
margin:1.5em 0 .5em;
display:none;
}
.post {
margin:.5em 0 1.5em;
background-color:white;
position:relative
}
.post h1,.post h2 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em
}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong {
display:block;
text-decoration:none;
font-weight:normal
}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover {
color:#333333
}
.post .post-title {
margin-bottom:15px
}
.post-body {
margin:0 0 .75em;
line-height:1.6em
}
.post-body blockquote {
line-height:1.3em
}
.post-footer {
margin:.75em 0;
color:#999999;
display:none
}
</style>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.blog-posts.hfeed {
overflow:hidden
}
.post {
float:left;
width:31.3%;
margin:0 0 15px;
border:1px solid #E0E0E0;
-moz-box-shadow:0 2px 4px #E7E7E7;
-webkit-box-shadow:0 2px 4px #E7E7E7;
padding:0 0 5px;
box-shadow:0 2px 4px #E7E7E7;
overflow:hidden
}
.post:hover {
-moz-box-shadow:0 2px 5px #CACACA;
-webkit-box-shadow:0 2px 5px #CACACA;
box-shadow:0 2px 5px #CACACA
}
.post img {
border:0;
width:100%
}
.post h2.post-title {
padding:4px 8px 0;
margin:0 0 5px;
font-size:160%
}
.post h2.post-title a {
color:#0F0F0F
}
.post h2.post-title a:hover {
color:#C20404
}
.post-body p {
margin:0;
padding:0 8px
}
.post-body {
margin-bottom:20px
}
.post img.noimage {
height:100px
}
a.loadpost {
display:block;
width:320px;
margin:0 auto;
text-decoration:none;
background-color:#EEE;
line-height:35px;
border:1px solid #D3D0D0;
border-radius:3px;
box-shadow:0 0 3px #E7E7E7,inset 0 0 2px white
}
</style>
<b:else/>
<style type='text/css'>
#main-wrapper {
padding:10px
}
.post {
margin:0 0 15px;
border:1px solid #E0E0E0;
-moz-box-shadow:0 2px 4px #E7E7E7;
-webkit-box-shadow:0 2px 4px #E7E7E7;
padding:0 10px 15px;
box-shadow:0 2px 4px #E7E7E7;
background-color:white;
overflow:hidden
}
.post h1.post-title {
margin:5px 0 15px;
border-bottom:4px solid #363636;
padding:0 0 3px;
font-size:200%
}
.post h1.post-title a {
color:#363636
}
.post img {
padding:5px;
border:1px solid #C0BEBE
}
</style>
</b:if>
<b:else/>
<style type='text/css'>
.post {
margin:0 0 15px;
border:1px solid #E0E0E0;
-moz-box-shadow:0 2px 4px #E7E7E7;
-webkit-box-shadow:0 2px 4px #E7E7E7;
padding:0 10px 15px;
box-shadow:0 2px 4px #E7E7E7;
overflow:hidden
}
.post h2.post-title {
margin:5px 0 15px;
border-bottom:4px solid #363636;
padding:0 0 3px;
font-size:200%;
background-color:white
}
.post h2.post-title a {
color:#363636
}
.post img {
padding:5px;
border: 1px solid #C0BEBE
}
</style>
</b:if>
</head>
<body>
<div id='outer-wrapper'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='WhereIsMyIpAdress (Header)' type='Header'>
</b:widget>
</b:section>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'></b:includable>
<b:includable id='backlinks' var='post'></b:includable>
<b:includable id='comment-form' var='post'></b:includable>
<b:includable id='commentDeleteIcon' var='comment'></b:includable>
<b:includable id='comment_count_picker' var='post'></b:includable>
<b:includable id='comment_picker' var='post'></b:includable>
<b:includable id='comments' var='post'></b:includable>
<b:includable id='feedLinks'></b:includable>
<b:includable id='feedLinksBody' var='links'></b:includable>
<b:includable id='iframe_comments' var='post'></b:includable>
<b:includable id='mobile-index-post' var='post'></b:includable>
<b:includable id='mobile-main' var='top'></b:includable>
<b:includable id='mobile-nextprev'></b:includable>
<b:includable id='mobile-post' var='post'></b:includable>
<b:includable id='nextprev'></b:includable>
<b:includable id='post' var='post'>
<article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.firstImageUrl'/></a>
<b:else/>
<a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcCuR6q9-11iuF0bnE-bfiy-V3V0FpS6Z2wMf4Z8p_Hmv1AT83TJz8YY-TcFpyi2camx3QHoMa5-bzIF6Og_WtE6o_F8_gj6Dq90H9LSQYRk0dn3KJ4iWtG5UPJhn8mCJDwB_NaPeCgpll/s1600/FBGadgets.jpg'/></a>
</b:if>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<div class='post-header' style='position:absolute;left:-9999px'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<p>
<data:post.snippet/>
</p>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
</div>
<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'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></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'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span> <span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span> <span class='post-icons'>
<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='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div> </div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='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='data:label.isLast != "true"'>,</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'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span> </div>
</div>
</article>
</b:includable>
<b:includable id='postQuickEdit' var='post'></b:includable>
<b:includable id='shareButtons' var='post'></b:includable>
<b:includable id='status-message'></b:includable>
<b:includable id='threaded-comment-form' var='post'></b:includable>
<b:includable id='threaded_comment_js' var='post'></b:includable>
<b:includable id='threaded_comments' var='post'></b:includable>
</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>
Related movie you might like to see :
WEB IMAGE DOWNLOADER
TEXT COMPARE OR DUPLI TEXT FINDER
BLOCK JAVA SCRIPT BY GOOGLE CHROME
MOUSE COORDINATES IN JAVA SCRIPT
RELATED POST WIDGET LIST WITHOUT TH...
WHACK A RAT CSS GAME
USE ARABIC URDU LANGUAGE IN HTML
POST DATE THUMBNAIL IN BLOG
POST DATE HEADER IN BLOG
SEARCH YOUR VIDEO IN GOOGLE
INPUT BUTTON VALUE SWAP
DYNAMIC VIEWS BLOGGER TEMPLATE
FLASH PLAYER SWF FILE DOWNLOAD ARCH...
GOOGLE FILTER BUTTON IN IMAGE SEARC...
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
Magento Hello World Module (Extensi...
Related Post for GENERIC POST TITLE UNDER AUTO READ POST IMAGE TEMPLATE
RELATED POST WIDGET FRONT SCREEN TEMPLATE
POST LOADER TEMPLATE
CODE OR TEXT WRITING BOX
GOOGLE IMAGE HOSTING BY PICSA.jpg)
INSTALL WORD PRESS TEMPLATE
How to open a .DLL or .EXE file in Resource Editor
BLOG FULL POST IMAGE 600 BY 600
RELATED POST WIDGET LEFT TO RIGHT
RECENT/FEATURED POST THUMBNAIL IMAGE IN SIDEBAR
WORD PRESS PARTS
EDIT IMAGE IN NOTEPAD++
HTML AND EMOTIONS ICON COMMENT BOX 
SYNTAX HIGHLIGHTER BLOGGER TEMPLATE
MAKE DLL FILE AND OPEN IN VISUAL BASIC 2008-2010
RECENT OR FEATURED POST SLIDER AFTER FOOTER
ONLINE ZIP OPNER
SYNTAX HIGHLIGHTER BLOGGER TEMPLATE
AUTOMATION ANY WEBSITES
GOOGLE PROJECT HOSTING
SYNTAX HIGHLIGHTER ON LINE FOR BLOGGER 
JAVA COLOR PICKER WITH
HOW TO GET MALWARE ADD POPUP WITHOUT SOFTWARE
Related PostWidget WithFirst Big Thumbnail
Platinum Arts Sandbox Free 3D Game Maker
CSS BORDER COLOR
PAGE NAVIGATION WITH TITLE AND THUMBNAIL IN BLOG
Popular Posts Widget for Blogger Tweak
BASIC TEXT OR SCROLL BOX OR IMAGE SRC HTML CODES
RECAPTCHA KEY CONTCAT FORM FOR BLOGGER
WEBSITE TRANSLATOR AND THUMBNAIL
SYNTAX HIGHLIGHTER BLOGGER TEMPLATE
RELATED POST WIDGET LIST SHAPE
POST LOADER TEMPLATE 
IMAGE CONVERTER SOFTWARE 
SEARCH BOX WITHOUT JAVA CODE
NEWS TICKER BLOGGER TEMPLATES
POPULAR POST WIDGET DIFFERENT STYLES
ADD POP UP REMOVER
GENERIC POST TITLE UNDER AUTO READ POST IMAGE TEMPLATE
PAGINATION IN BLOG
GENERIC BLOGGER TEMPLATE WITH CSS HEADER IMAGE AND PAGINATION
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.