ثم استعرض قالبك ..<p align=center><embed src="http://download.mrkzy.com/e/0311_md_13096793496.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" height="150" width="300"></embed></p>
ثم اضف هذا الكود قبله مباشرة</head>
ثم ابحث عن هذا الكود<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-right:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: arial;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
//<![CDATA[
//Script by Aneesh of www.bloggerplugins.org
//Released on August 19th August 2009
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
var thumburl = new Array();
function related_results_labels_thumbs(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
try
{thumburl[relatedTitlesNum]=entry.media$thumbnail.url;}
catch (error){
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl[relatedTitlesNum]=d;} else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrSD9FUujWN6LkY7p50zYL37-24cvPeA588vbfyb6R9Wd03_y5M-LkvsaBz401i7_o77XwydGUbxt50xoz-wU22WAO2NQZFy2fTVagnFiwSoE14n1TalceqnODKXmdcmH5S8v_mLgIWkE/s400/noimage.png';
}
if(relatedTitles[relatedTitlesNum].length>35) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0, 35)+"...";
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
}
}
}
}
function removeRelatedDuplicates_thumbs() {
var tmp = new Array(0);
var tmp2 = new Array(0);
var tmp3 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains_thumbs(tmp, relatedUrls[i]))
{
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp3.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
tmp3[tmp3.length - 1] = thumburl[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
thumburl=tmp3;
}
function contains_thumbs(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels_thumbs() {
for(var i = 0; i < relatedUrls.length; i++)
{
if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i])))
{
relatedUrls.splice(i,1);
relatedTitles.splice(i,1);
thumburl.splice(i,1);
}
}
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
if(relatedTitles.length>0) document.write('<h2>'+relatedpoststitle+'</h2>');
document.write('<div style="clear: both;"/>');
while (i < relatedTitles.length && i < 20 && i<maxresults) {
document.write('<a style="text-decoration:none;padding:5px;float:right;');
if(i!=0) document.write('border-left:solid 0.5px #d4eaf2;"');
else document.write('"');
document.write(' href="' + relatedUrls[r] + '"><img style="width:72px;height:72px;border:0px;" src="'+thumburl[r]+'"/><br/><div style="width:72px;padding-left:3px;height:65px;border: 0pt none ; margin: 3px 0pt 0pt; padding: 0pt; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal;">'+relatedTitles[r]+'</div></a>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</div>');
}
//]]>
</script>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
وإن لم تجده فابحث عن هذا الكود<div class='post-footer-line post-footer-line-1'>
ثم أضف بعده مباشرة هذا الكود<data:post.body>
ثم احفظ قالبك ..<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="مواضيع ذات صلة";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
قم بنسخ الكود التالي<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<data:comment.author/>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
وضعه قبل هذا الكود مباشرة<b:if cond='data:comment.isDeleted'>
<b:else/>
ثم قم بوضع هذا الوسم<b:loop values='data:post.comments' var='comment'>.
قبل هذا الوسم , وهو وسم النهاية</b:if>
احفظ قالبك ..</b:loop>
وقم باستبداله بهذا الكود<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
ثم احفظ قالبك ..<data:comment.author/>
ثم قم بتغييره لهذا الكود<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>
ثم احفظ قالبك ..<b:loop values='data:labels' var='label'>
<li>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>
ثم قم بتغيير ما تريده مع العلم أن هذه العلامة # تعني ماكن الرابط الذي تريد وضعه .<li class='current-cat'><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li>
<li><a href='#'>أعمال</a>
<ul class='children'>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
</ul>
</li>
<li><a href='#'>دونلود</a>
<ul class='children'>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a>
<ul class='children'>
<li><a href='#'>تعديل</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>إسلاميات</a></li>
<li><a href='#'>صحة</a>
<ul class='children'>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
</ul>
</li>
<li><a href='#'>برامج</a></li>
<li><a href='#'>أدب</a></li>
<li><a href='#'>تعديل</a></li>
</ul>
ثم غير ما ليزم كما هو مكتوب , مع تغيير رابط الصورة بكل موضوع .<div class='imageElement'>
<h3>عنوان الموضوع الأول</h3>
<p>تم تعريب هذا القالب بواسطة مدونة عرب بلوجر , ولمزيد من القوالب لا تنسوا زيارة المدونة blogger-arabia.blogspot.com تحياتي أخوكم باســم .</p>
<a class='open' href='لينك الموضوع الأول' title='عنوان الموضوع الأول'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtyJG1mR0miOegIsyiwZxxEaldxVhKjeBAtoDTA4eAvDHOkSn9pl4G011w8-pC70ctIdDLx_3QAsFTMVJx2qlxiJOnU0NvDmMOHirAF75wX1GwasBW9HQrbHN2CFZ6VmMS3LWyT2B5YCB0/s1600/1.jpg'/>
</div>
<div class='imageElement'>
<h3>عنوان الموضوع الثاني</h3>
<p>تم تعريب هذا القالب بواسطة مدونة عرب بلوجر , ولمزيد من القوالب لا تنسوا زيارة المدونة blogger-arabia.blogspot.com تحياتي أخوكم باســم .</p>
<a class='open' href='لينك الموضوع الثاني' title='عنوان الموضوع الثاني'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCIvShg9U7VBHjVuJps3PpfREZIicMi6rMCwz6yb3LW_eTDcEV_J6YWCMvFGX1b-57QTKvGlofbYU5mBgvgJIiZtZ2XOzRyfSZNELjbTzZ6gfE0lTjo9GkXCMA6TE1h3K03cuA3-knp9aa/s1600/2.jpg'/>
</div>
<div class='imageElement'>
<h3>عنوان الموضوع الثالث</h3>
<p>تم تعريب هذا القالب بواسطة مدونة عرب بلوجر , ولمزيد من القوالب لا تنسوا زيارة المدونة blogger-arabia.blogspot.com تحياتي أخوكم باســم .</p>
<a class='open' href='لينك الموضوع الثالث' title='عنوان الموضوع الثالث'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxWWIvU0OKr3qBmZgLfVU5Vn__6E-pY_S76PSCTxO8BnVtAn-JapM4jcFjqSHrIPmuKkezM7t-9OwIrcdou8CkUdGKrQ6dAjAqsfH6UFJ-KUo9EMtH8BD8yEIbXgr78XSs6ZUbS4HqGjIm/s1600/3.jpg'/>
</div>
<div class='imageElement'>
<h3>عنوان الموضوع الرابع</h3>
<p>تم تعريب هذا القالب بواسطة مدونة عرب بلوجر , ولمزيد من القوالب لا تنسوا زيارة المدونة blogger-arabia.blogspot.com تحياتي أخوكم باســم .</p>
<a class='open' href='لينك الموضوع الرابع' title='عنوان الموضوع الرابع'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT-4avMEjz2BjrKpf9k5Sjf6hpSnj3i1xeHIZPNg3bW3ho_d9Fzr-R4CdMPP9CAau1QRe2e2ZXeFe2E_SNUCLYQZd2XO9rH2Y7O8mKCbIsZoK-7nv2vfuK7U7dVAlCfpmHSlrkTJ8P4ZBH/s1600/4.jpg'/>
</div>
<div class='imageElement'>
<h3>عنوان الموضوع الخامس</h3>
<p>تم تعريب هذا القالب بواسطة مدونة عرب بلوجر , ولمزيد من القوالب لا تنسوا زيارة المدونة blogger-arabia.blogspot.com تحياتي أخوكم باســم .</p>
<a class='open' href='لينك الموضوع الخامس' title='عنوان الموضوع الخامس'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFOoYT_jTiDTRkAynaeZnQNSHpx2dys-vyWpbsnLFeGJiQc73cmLDnuLe1gfH36EwfQ2NowJkOliq_gzYI-JrrcpUdxyupdhuk5Pa7hyphenhyphen1vdGNt20Zc6OjeS5bzGjvre2Y9To54rwNSpKKx/s1600/5.jpg'/>
</div>
ثم قم بتغيير كلمة USERNAME باسم حسابك في تويتر<div class='socialboxes'>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgPsn6BwFXbKPvoZ7Xjy2gpEF-uD3eY49WM0tfrDI2Us4ASuWw8M0a-A7PkbAUbRvk_nuQTvazAhZ7Il-7GBvF7huXvcW5AOYLTvyfb9sNBN3y4keSLxYpVzPeNrhYAjtPHL970Uk2Hkls/s1600/rss.png' style='vertical-align:middle; margin-left: 5px;' title='RSS Feed'/></a><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>اشترك في RSS feed!</a>
</div>
<div class='socialboxes'>
<a href='http://twitter.com/USERNAME'><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWh4XRRPi15Y7nHeb1aYO5UZhkCgpk8xXfU_30O5xaN7L0zYPdEFGgpJtGkefKBo8cSZseZqcYaWm8j2H65Y6f9q9MgygE7ssC1uO8CBuDXgumAC7vUwqmGWoQULQwr5NQLjDLjuel_U2x/s1600/twitter.png' style='vertical-align:middle; margin-left: 5px;' title='Follow Us on Twitter!'/></a><a href='http://twitter.com/USERNAME'>تابعنا على تويتر!</a>
</div>
ثم قم بتحديده وعوضه بهذا الكود<title><data:blog.pageTitle/></title>
احفظ قالبك وقم باستعراض القالب .<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
ثم قم بحذفه من أكواد القالب .. ثم احفظ قالبك ثم قم باستعراضه .<b:include data='feedLinks' name='feedLinksBody'/>
وقم باستبداله بهذا الكود]]></b:skin>
ثم اضغط حفظ .. ثم قم باستعراض القالب الخاص بك .#navbar-iframe { display: none !important; }
]]></b:skin>
 |
| سجل دخولك الى موقع بلوجر عبر حسابك في موقع جوجل |
 |
| قم بملأ البيانات ثم اضغط استمرار |
 |
| إضغط أنشيء مدونتك ثم تابع |
 |
| اكتب عنوان مدونتك , ثم URL الخاص بالمدونة ثم اضغط استمرار |
 |
| اختر النموذج أو القالب الذي تريده |
 |
| الآن مبروك تم إنشاء مدونتك .. اضغط لبدأ التدوين |
