<head>3. ثم أضف فوقه مباشره هذا الكود
<meta HTTP-EQUIV='refresh' content='15;URL=http://home-bassem.blogspot.com'/>
<form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="بحــث" type="submit"/></form>
<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text" style="background: #f7f7f7; border: 2px solid black"/><input id="search-btn" value="بحـــث" type="submit" style="background: black; border: 2px outset #414446; color: #ffffff; font-weight: bold;"/></form>
<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text" value="ضع كلمات بحثك هنا"/><input id="search-btn" value="Search" type="image" src="http://dryicons.com/images/icon_sets/stickers_icon_set/png/16x16/search_magnifier.png" style="margin-left: 5px; margin: 3px 0 0 5px;"/></form>
<form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="بحــث" type="submit"/></form>
<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text" style="background: #f7f7f7; border: 2px solid black"/><input id="search-btn" value="بحـــث" type="submit" style="background: black; border: 2px outset #414446; color: #ffffff; font-weight: bold;"/></form>
<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text" value="ضع كلمات بحثك هنا"/><input id="search-btn" value="Search" type="image" src="http://dryicons.com/images/icon_sets/stickers_icon_set/png/16x16/search_magnifier.png" style="margin-left: 5px; margin: 3px 0 0 5px;"/></form>
<div class='post-footer'>ثم أضف بعده " أسفله " مباشرة هذا الكود
أو
<div class='post-footer-line post-footer-line-1'>
أو
<div class='post-footer-line post-footer-line-2'>
أو
<div class='post-footer-line post-footer-line-3'>
أو
<data:post.body/>
<div style='clear: both;'/>7. وإذا أردت إظهار الزر بعد عنوان الرسالة ابحث عن هذا الكود
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
<div class='post-header'>ثم أضف هذا الكود بعده مباشرة
<div class='post-header-line-1'/>
</div>
<div style='clear: both;'/>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
8. احفظ القالب .. تم بحمد الله .. أخوكم باسم ..
<!-- twitter follow badge by go2web20 -->ولتكون هذه الإضافة على اليسار أضف هذا الكود
<script src='http://www.go2web20.net/twitterfollowbadge/1.0/badge.js' type='text/javascript'></script><script type='text/javascript' charset='utf-8'><!--
tfb.account = 'elbasem';
tfb.label = 'follow-me';
tfb.color = '#35ccff';
tfb.side = 'r';
tfb.top = 150;
tfb.showbadge();
--></script>
<!-- end of twitter follow badge -->
<!-- twitter follow badge by go2web20 -->مع تغيير elbasem باسم حسابك على تويتر
<script src='http://www.go2web20.net/twitterfollowbadge/1.0/badge.js' type='text/javascript'></script><script type='text/javascript' charset='utf-8'><!--
tfb.account = 'elbasem';
tfb.label = 'follow-me';
tfb.color = '#35ccff';
tfb.side = 'l';
tfb.top = 150;
tfb.showbadge();
--></script>
<!-- end of twitter follow badge -->
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">مشاركة</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
<div style='float:right; margin-left:10px;'>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
</div>
<div style='float:right; margin-left:10px;'>
<script>var fbShare = {
url: 'http://YOURBLOG.blgospot.com/',
size: 'small',
google_analytics: 'true'
}</script>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
</div>
<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
<style type='text/css'>والآن قم بحفظ القالب ..
<b:if cond='data:blog.url == data:blog.homepageUrl'>
.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#cc6600;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#cc6600;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {color:#333333;}
.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}
</b:if>
</style>
<div id='footer-wrapper'>وقم باستبداله بهذا الكود
<b:section class='footer' id='footer'/>
</div>
<div id='footer-column-container'>ثم قم بعمل استعراض للقالب . عند عدم وجود أية أخطاء تابع معي لابد من إضافة هذا الكود لتظبيط ال CSS
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>
#footer-column-container {الآن احفظ القالب واذهب الى لوحة التحكم ثم التصميم ثم عناصر الصفحة .. ستجد أن ال 3 أعمدة تم إدراجهم في القالب .
clear:both;
}
.footer-column {
padding: 10px;
}
