كيف يعمل الموقع 
روابطك
عائد مادى
الزائرين
المشتركين
اضافات شيقة
حماية تلقائية
اصحاب المواقع
اصحاب المدونات و المنتديات
المبرمجين
)
<style type="text/css">6- قبل قيامك بحفظ الاداه ووضعها في القائمة الجانبية تابع ما بالاسفل حتى تستطيع التعامل مع الاداه
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: normal;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 3,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 60,
showMorelink = false,
moreLinktext = "إقرأ المذيـــد »",
defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Orft5KzecK_NDtWVU6BoIL4fiOKm5qI5mY0ejELrx3EdZZZ1Zws_fZYmUxaiG_DbR6fRWt1RsttrPu7hs9ljEbw2s1i2UuYb1Z07glpgrWQuSpqmEQQOfjEdbjuLwabB5stxCJy8Lz0/s1600/gest.png",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://my-tqarob.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://04pro.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script>
<embed align="middle" allowscriptaccess="always" height="600" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="الرابط المباشر للعبة" type="application/x-shockwave-flash" width="600"></embed>
var contarlabels = 0;
labelname = new Array("ألعاب أكشن","ألعاب دكاء","ألعاب سباق","ألعاب رياضة","العاب اطفال","ألعاب بنات");
labeltitle = new Array("ألعاب أكشن","ألعاب دكاء","ألعاب سباق","ألعاب رياضة","العاب اطفال","ألعاب بنات");
<script src='http://anasno.blogspot.com/feeds/posts/default/-/ألعاب أكشن?max-results=3&orderby=published&alt=json-in-script&callback=showrecentposts'/>
<script src='http://anasno.blogspot.com/feeds/posts/default/-/ألعاب دكاء?max-results=3&orderby=published&alt=json-in-script&callback=showrecentposts'/>
<script src='http://anasno.blogspot.com/feeds/posts/default/-/ألعاب سباق?max-results=3&orderby=published&alt=json-in-script&callback=showrecentposts'/>
<script src='http://anasno.blogspot.com/feeds/posts/default/-/ألعاب رياضة?max-results=3&orderby=published&alt=json-in-script&callback=showrecentposts'/>
<script src='http://anasno.blogspot.com/feeds/posts/default/-/العاب اطفال?max-results=3&orderby=published&alt=json-in-script&callback=showrecentposts'/>
<script src='http://anasno.blogspot.com/feeds/posts/default/-/ألعاب بنات?max-results=3&orderby=published&alt=json-in-script&callback=showrecentposts'/>
ثم قم بوضع قبله مباشرة الكود التالي :]]></b:skin>
الآن قم بالبحث على هذا الكود ثم أضف ما لون باللون الأحمر :.comment-bubble { float : left; width : 48px; height : 48px; background : url(http://www.yasour.org/images/comment.jpg) no-repeat; font-size : 18px; margin-top : -15px; margin-right : 2px; text-align : center; padding:0px 0px 0px 0px; /*for more hacks : http://www.monte-escalier-prix.org/ */ }
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'><b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
أهلا و سهلا بكم إخواني أخواتي الكرام ،من منا لا يعرف الفيسبوك و ما مدى
أهميته في التواصل الاجتماعي ونشر المدونة وإستقطابه لعدد كبير من الزوار ،
ولذلك سوف أقوم بشرح كيف إضافة أداة مهمة جدا ألى و هي "زر أعجبني"
حيث يتم إدراج هذه الأداة تحت كل موضوع والتي تتيح للزائر التعبير عن
إعجابه بالمقال الذي قرأه في مدونتك ،وبدون إطالة ،لنذهب مباشرة إلى
التطبيق.<data:post.body/>
tahoma : نوع الخط<b:if cond='data:blog.pageType == "item"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/> </b:if>
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.ثم قم بلصق الكود التالي فوقه :]]></b:skin>
ثم قم بالبحث عن الكود التالي:#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
فإن لم تجده قم بالبحث عن كود يحتوي على كلمة footer-wrap, footer, footer-end أو ماشابهها .<div id='footer-wrapper'>
<div id='footer-column-container'>
<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 {
clear:both;
}
.footer-column {
padding: 10px;
}
<script src="http://sites.google.com/site/mohamedabuiyad/sitmapblogger/abuiyad.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:490px;
}
#spylist ul{
width:750px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:245px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url(http://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/Drapeau_blanc.svg/800px-Drapeau_blanc.svg.png) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#004ED4;
font-size:17px;
height:60px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:right;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "https://sites.google.com/site/lightbox007/photo/noimageblogger.jpg";
imgr[1] = "https://sites.google.com/site/lightbox007/photo/noimageblogger.jpg";
imgr[2] = "https://sites.google.com/site/lightbox007/photo/noimageblogger.jpg";
imgr[3] = "https://sites.google.com/site/lightbox007/photo/noimageblogger.jpg";
imgr[4] = "https://sites.google.com/site/lightbox007/photo/noimageblogger.jpg";
showRandomImg = true;
boxwidth = 500;
cellspacing = 3;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 20;
home_page = "http://04pro.blogspot.com/";
limitspy=5
intervalspy=4000
</script>
<div id="spylist">
<script src='http://sites.google.com/site/mohamedabuiyad/sitmapblogger/recentpost-abuiyad-min.js' type='text/javascript'></script><script src='http://abuiyad.googlecode.com/svn/trunk/read-more-left.js' type='text/javascript'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>
</div>
<b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if>
قم بالبحث عن الكود التالي<!-- http://www.pergola-aluminium.com/ adsense in post mod. START -->
<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> </b:if>
<!-- http://www.pergola-bois-terrasse.com adsense in post mod. END -->
ثم قم بلصق هذا الكود قبله إذا كنت تريد إدراج الإعلان فوق الموضوع, وبعده إذا كنت تريد إدراج الإعلان تحت الموضوع<data:post.body/>
وهناك طريقة أخرى أثبتت جدارتها ،وتستحق التطبيق , حيث يمكنك من الآن فصاعدا إدراج إعلانات جوجل أدسنس في أي مكان تريد على مدونتك ،مما يسهل ظهورها على زوار المدونة ،وكما تلاحظ في مدونتي أن إعلانات جوجل أدسنس توجد بين سطور المقالات التي أكتبها .<!-- http://www.siege--auto.org adsense in post mod. START -->
<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.includeAd'> <data:adEnd/> <font size="0"><a href="http://www.nuancier-peinture.com">nuancier peinture</a></font><data:adCode/> <data:adStart/> </b:if> </b:if>
<!-- http://www.siege--auto.org adsense in post mod. END -->
ثم إستبدله بالكود التالي :<data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
ضع كود أدسنس هنا،بعد تحويله</div>
<div expr:id='"aim2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script><font size="0"><a href=" http://www.siege--auto.org ">siege auto</a></font>
</b:if>
