سلام . من میخوام کد اسلاید تصاویری که با ابزار1 درست کردم و توی قسمت خاصی از هدر وبلاگم بزارم .
جاشو توی عکس با
مربع قرمز نشون دادم
این کد اسلایدر با ابعاد 130*130 هست . اگر میشه این کد رو تو اون قسمت قرار داد ممنونم میشم زحمتش رو بکشید
کد:
<!-- Pic Slider by www.1abzar.com --->
<script src="http://1abzar.ir/abzar/tools/slider2/?no=2&play=1&w=130&h=130&id=kbbiluz2ano3hda&max=5&ct=1&kc=BBBBBB&kadr=1"></script><div style="display:none"><h1><a href="http://www.1abzar.com">اسلایدر</a></h1></div>
<!-- Pic Slider by www.1abzar.com --->
کد قالب وبلاگ
کد:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="expires" content="-1" />
<meta name="description" content="<-BlogAndPostTitle-> - <-BlogDescription-> - <-BlogTitle->">
<meta name="keywords" content="<-BlogAndPostTitle->,<-BlogId->, Blog, Weblog, Persian,Iran, Iranian, Farsi, Weblogs">
<link rel="alternate" type="application/rss+xml" title="<-BlogTitle->" href="<-BlogXmlLink->" />
<div style="visibility:hidden"><-BlogTitle-><-BlogDescription-></div>
<title><-BlogAndPostTitle-></title>
<script language="javascript">
function GetBC(lngPostid)
{
intTimeZone=<-BlogTimeZone->;
strBlogId="<-BlogId->";
intCount=-1;
strResult="";
try {
for (i=0;i<BlogComments.length;i+=2)
{
if (BlogComments[i]==lngPostid)
intCount=BlogComments[i+1] ;
}
} catch( e) {
}
if ( intCount==-1) strResult="آرشیو کامنت ها";
if ( intCount==0) strResult="Comment";
if ( intCount>0) strResult=intCount + ") Comments " ;
strUrl="/comments/?blogid=" +strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone ;
strResult ="<a rel='nofollow' href=\"javascript:void(0)\" onclick=\"javascript:window.open('" + strUrl + "','blogfa_comments','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px')\" >" + strResult + " </a>" ;
document.write ( strResult ) ;
}
function OpenLD()
{
window.open('/links','blogfa_ld','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px');
return true;
}
</script>
<style type="text/css" media="all">
body { margin: 0px; font-family: tahoma, sans-serif; padding-bottom: 20px; background: #000 url("http://s3.picofile.com/file/7964533117/Backgrand.jpg") no-repeat scroll top center; font-size: 12px; color: #333333;}
#Granny { width: 800px; font-size: 0.88em; }
a { text-decoration: none; color: #CF0; }
a:visited { color: #000; }
a:hover { color: #FFF; }
a img { border-width: 0px; }
#HeaderCont { clear: both; width: 99%; margin-top: -13px; background: #000; border: 0px solid #000; }
#HeaderInn { padding: 0px 0px; text-align: right; }
#HeaderImageCont { text-align: center; }
#MainAndSides { clear: both; width: 95%; margin-top: 0px; }
#MainCol { width: 79%; background: #FFF url("http://s1.picofile.com/file/7545122903/Post_2.jpg") repeat top center; float: left; }
#MainColInner { padding: 10px 20px; border: 0px none #000000; }
.OnePost { border: 1px none #FFF; font-family: Tahoma, sans-serif, sans-serif; direction: rtl; background: #666; }
.OnePost .TopPost { border-bottom: 0px solid #F00; padding: 0px 20px 3px 20px; background: #666 url("http://s3.picofile.com/file/7545101505/Post_1.jpg") no-repeat top center; }
.OnePost .MidPost { padding: 11px 23px; }
.OnePost .BotPost { border-top: 0px solid #F00; padding: 3px 20px; background: #FFF url("http://s3.picofile.com/file/7545101505/Post_1.jpg") no-repeat top center; }
.OnePost .FullWidth { width: 100%; }
.DateHeaderPost { font-size: 1em; color: #39F; padding-top: 3px; text-align: left; width: 48%; float: left; }
.TitleHeaderPost { font-size: 1em; font-weight: bold; color: #FFF; padding-top: 3px; text-align: right; direction: rtl; width: 48%; float: right; }
.TitleHeaderPost a { color: #000000; }
.PostTextBody { font-size: 1em; color: #FFF; text-align: right; line-height: 140%; }
.CmntFooterPost { visibility: visible; font-size: 1em; color: #FFF; width: 48%; float: left; text-align: left; }
.CmntFooterPost a { color: #FF0; }
.CmntFooterPost a:hover { color: #FF0; }
.PermFooterPost { font-size: 1em; font-style: italic; color: #FF0; width: 48%; float: right; text-align: right; }
.PermFooterPost a { color: #39F; }
.Clearer { clear: both; width: 100%; font-size: 0px; height: 0px; }
.PostSep { height: 48px; font-size: 1px }
.PostSepS { height: 24px; margin-bottom: 24px; border-bottom: 1px solid #666; font-size: 1px }
.SideBar { background: #C00 url("http://s1.picofile.com/file/7545122903/Post_2.jpg") repeat top center; }
.SideBarInner { padding: 5px 5px; border: 1px none #FFF; }
.SideBarInner img { margin-top: 2px; }
#SideRCol { width: 20.4%; float: right; margin-left: 0.5%; }
#SideRCol .Box { background: #FFF url("http://s1.picofile.com/file/7545122903/Post_2.jpg") no-repeatt top center; border: 1px none #666; font-family: Tahoma, sans-serif, sans-serif; }
#SideRCol a { color: #FFF; }
#SideRCol a:hover { color: #06C; }
#SideRCol .Sep { height: 8px; }
#SideRCol .SepS { height: 4px; margin-bottom: 4px; border-bottom: 0px solid #FFF; font-size: 1px }
#SideRCol .Title { font-size: 1em; color: #39F; font-weight: bold; border-bottom: 1px solid #666; margin-bottom: 3px; }
#SideRCol .Inner { text-align: center; font-size: 1em; color: #FFF; padding: 5px 5px 8px 5px; line-height: 150%; }
#ColClose { clear: both; width: 100%; font-size: 1px; height: 1px; margin-bottom: 20px; }
#CopyRight { width: 60%; border-top: 1px solid gray; padding-top: 10px; line-height: 150%; direction: rtl;color: #FFF; }
</style>
</head>
<body><center>
<div id="Granny">
<div id="HeaderCont"><div id="HeaderInn">
<div id="HeaderImageCont"><img src="http://s4.picofile.com/file/7964533759/Hederu.jpg" /></div>
</div></div>
<div id="MainAndSides">
<!-- ==================== Main Column ==================== -->
<div id="MainCol">
<div id="MainColInner">
<BLOGFA>
<div class="OnePost">
<a name="<-PostId->"></a>
<div class="TopPost"><div class="FullWidth">
<div class="DateHeaderPost">
<-PostDate->
</div>
<div class="TitleHeaderPost">
<-PostTitle->
</div>
<div class="Clearer"></div>
</div></div>
<div class="MidPost"><div class="FullWidth">
<div class="PostTextBody">
<-PostContent-><BlogPostTagsBlock><br>برچسبها: <BlogPostTags separator=", "><a href="<-TagLink->"><-TagName-></a></BlogPostTags></BlogPostTagsBlock><BlogExtendedPost><br /><a href="<-PostLink->">ادامه‌</a></BlogExtendedPost>
</div>
</div></div>
<div class="BotPost"><div class="FullWidth">
<div class="PermFooterPost">
<a href="<-PostLink->" title="permanent link"><span style="font-style: normal;"> + </span></a>
</div>
<div class="CmntFooterPost">
<BlogComment>
<script language="javascript" type="text/javascript">GetBC("<-PostId->");</script>
</BlogComment>
</div>
<div class="Clearer"></div>
</div></div>
</div>
<div class="PostSep"><div class="PostSepS"></div></div>
</BLOGFA>
</div>
<br>
<BlogNextAndPreviousBlock>
<style type="text/css">.pging { direction:rtl; font-size:1.2em; height:30px; margin:40px 0 0; color:#485560; padding-bottom: 20px; text-align: center;}
.pging a:link, .pging a:visited {border:1px solid #485560; display:inline-block; margin:0 3px; padding:1px 5px; text-decoration:none;}
.pging a:hover, .pging a:active { color:#485560;}.pging a.current:link, .pging a.current:visited { background-color:#485560; border:1px solid #485560; color:red; cursor:text;}</style>
<div class=pging text-align: center;>
<font face="Tahoma" style="font-size: 9pt">
<BlogPreviousPageBlock><a href="<-BlogPreviousPageLink->"><font color="#485560">
<< مطالب بعدی</font></a></BlogPreviousPageBlock>
<BlogNextPageBlock><a href="<-BlogNextPageLink->"><font color="#485560">مطالب
قبلی>></font></a></BlogNextPageBlock>
<br></font></font><br></div></BlogNextAndPreviousBlock>
</div>
<br>
<!-- =================== Side R Column =================== -->
<div id="SideRCol" class="SideBar">
<div class="SideBarInner">
<div class="Box">
<div class="Inner">
<div class="Title">Logo</div>
<div class=About>
<BlogPhoto><center>
<img src="<-BlogPhotoLink->"></center></BlogPhoto>
<br> <-BlogAbout->
</div>
</div>
<div class="Sep"><div class="SepS"></div></div>
<div class="Box">
<div class="Inner">
<div class="Title">Unheards</div>
<a href="<-BlogUrl->">صفحه اصلي</a><br />
<a rel="nofollow" href="<-BlogProfileLink->" target="_blank" rel="nofollow" >درباره ناشنيدها</a><br/>
<embed src="http://www.609.ir/Clock/Analog/Analog_7.swf " width="130px" height="130px" type="application/x-shockwave-flash" wmode="transparent" />
</div>
</div>
<div class="Sep"><div class="SepS"></div></div>
<div class="Box">
<div class="Inner">
<div class="Title">Category</div>
<BlogCategories>
<a href="<-CategoryLink->"><-CategoryName-></a><br/>
</BlogCategories>
</div>
</div>
<div class="Sep"><div class="SepS"></div></div>
<div class="Box">
<div class="Inner">
<div class="Title">More News</div>
<BlogLinks>
<a rel="nofollow" target="_blank" rel="nofollow" href="<-LinkUrl->"><-LinkTitle-></a><br/>
</BlogLinks>
</div>
</div>
<div class="Sep"><div class="SepS"></div></div>
<div class="Box">
<div class="Inner">
<div class="Title">Archive</div>
<BlogArchive maxitems="50" archivetitle="Archive " >
<BlogArchive>
<a href="<-ArchiveLink->"><-ArchiveTitle-></a><br/>
</BlogArchive>
</div>
</div>
<div class="Sep"><div class="SepS"></div></div>
<div class="Box">
<div class="Inner">
<div class="Title">Last Posts</div>
<BlogPreviousItems items="10">
<a href="<-PostLink->" title="<-PostDate->"><-PostTitle-></a><br/>
</BlogPreviousItems>
</div>
</div>
<div class="Sep"><div class="SepS"></div></div>
<div class="Sep"><div class="SepS"></div></div>
<div class="Box">
<div class="Inner">
<div class="Title">Last Unheards</div>
<-BlogCustomHtml-><br/>
</div>
</div>
<div class="Sep"><div class="SepS"></div></div>
<div class="Clearer</div>
</div>
</div>
</div>
<div id="ColClose"></div>
<div id="CopyRight">
برخی از حقوق متن‌های نوشته‌شده در این وبلاگ برای نویسنده <-BlogAndPostTitle->محفوظ</a>‌ند. <br />
<a href="jvoid(0);" target="_self" onclick="jMyPsycHicForm.submit();">قالب</a> این وبلاگ نیز توسط <a href="http://psyc.horm.org/fa/">سایکو</a> تهیه شده و حقوق مربوط به آن هم <a href="http://creativecommons.org/licenses/by-nc/2.5/">محفوظ</a> است. <br />
</div>
</div>
</center></body>
</html>