فتح فيديو بشكل تلقائي عند فتح صفحة الموضوع على بلوجر


عند رفع فيديو من موقع يوتيوب مثلا على مدونات بلوجر ،من الضروري الضغط على الفيديو ليبدأ.
الآن سوف أقوم بشرح كيفية فتح الفيديو تلقائيا عند فتح التدوينة .

عند نسخ كود الفيديو من يوتوب مثلا يكون على هذا الشكل:

<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/zr9f5j0ueBQ?fs=1&amp;hl=fr_FR "></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/zr9f5j0ueBQ?fs=1&amp;hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>
ما عليك سوى إضافة الكلمة : &autoplay=1 في الكود ليصبح على هذا الشكل

<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/zr9f5j0ueBQ?fs=1&amp;hl=fr_FR&autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/zr9f5j0ueBQ?fs=1&amp;hl=fr_FR&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>
تابع القراءة




تمييز تعليق الكاتب عن تعليقات الزوار


انتقل إلى لوح تحكم مدونتك،إختر "قالب" ،ثم "تحريرhtml.
قم بالبحث عن الكود التالي :
</head>
ثم ضع قبله هذا الكود :
<!--Commentaires_Auteur_du_Blog-->
<style>
.comment-body-author {
background: #F5EDE3; /* لون الخلفية*/
color: #000000; /* لون النص*/
border-top:0.1px solid #F5EDE3;border-bottom:0.1px solid #F5EDE3;border-left: 0.1px solid #002F66;border-right:0.1px solid #F5EDE3; /* لون وسمك الإطار */
line-height: 2.4em;
margin:0;
padding:0 0 0 20px; 
}
</style>
<!--Commentaires_Auteur_du_Blog-->
أما الآن سوف نقوم بالبحث عن الكود التالي ،وسوف نضيف ما تم تلوينه باللون الأحمر .
<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<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>
</b:if>
تابع القراءة




حل مشكلة عدم ظهور صندوق التعليقات أسفل المواضيع

أحيانا لا يظهر صندوق التعليقات عند البعض رغم إختيارهم "تضمين الرسالة أعلاه" من إعدادات التعليقات كما هو موضح في الصورة 
انتقل إلى لوح تحكم مدونتك،إختر "قالب" ،ثم "تحريرhtml
قم بالبحث عن الكود التالي :
 <b:include data='post' name='comments'/>
ثم قم بإستبداله بهذا الكود 
<b:include data='post' name='comment-form'/>
تابع القراءة




إضافة قائمة البحث داخل المدونة


لإضافة قائمة للبحث داخل المدونة ،قم بإضافة أداة HTML ثم ألصق الكود التالي ،مع تغيير الرابط ذي اللون الأزرق برابط مدونتك


مثال ::



<form id="searchthis" action="http://muh-pro.blogspot.com/search" style="display: inline;" method="get">
<div style="text-align: center;">
<span style="font-size: large;"><b style="color: blue;">البحث داخل المدونة</b></span></div>
<div style="text-align: center;">
<input id="b-query" maxlength="250" name="q" size="46" type="text"/></div>
<div style="text-align: center;">
<input id="b-searchbtn" value="بحث" type="submit"/></div>
</form>
تابع القراءة




حذف عدد المواضيع من جانب التسميات


لحذف الأرقام بجانب التسميات والتي تمثل عدد المواضيع في كل تسمية ما عليك سوى البحث عن هذا الكود وحذف ما تم تلوينه باللون الأحمر :
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

          </b:if>
          <span dir='ltr'>(<data:label.count/>)</span>
        </li>
      </b:loop>
      </ul>
    <b:else/>
تابع القراءة




حل مشكلة عدم ظهور إقرأ المزيد المعتمدة من بلوجر


عند إعتمادك علي خاصية إقرأ المزيد المعتمدة من طرف بلوجر والتي يتم إضافتها من محرر النصوص ومع ذلك لم تظهر لك هذه الخاصية في صفحة المدونة  انتقل إلى لوح تحكم مدونتك،إختر "قالب" ،ثم "تحريرhtml.
قم بالبحث عن الكود التالي :
<data:post.body/>
 ثم قم بإضافة الكود التالي بعده مباشرة :
<b:if cond='data:post.hasJumpLink'>

<div class='jump-link'>
<a expr:href='data:post.url'>إقرأ المزيد</a>
</div>
</b:if >
تابع القراءة




إخفاء جميع الأدوات من الصفحات الثابتة


لإخفاء جميع الأدوات من الصفحات الثابتة وإظهارها على شكل صفحة مستقلة بدون إضافات جانبية ما عليك سوي تتبع المراحل التالية :

انتقل إلى لوح تحكم مدونتك،إختر "قالب" ،ثم "تحريرhtml

.قم بالبحث عن الكود التالي :
</head>
 ثم ضع قبله هذا الكود :
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<style type='text/css'>
#sidebar-wrapper{display:none;}
#main-wrapper{width: 970px;}
</style>
</b:if>

 حيث تمثل القيمة ذات اللون الأحمر عرض الصفحة ،حيث يجب تعديلها على حسب عرض مدونتك،ولمعرفة هذه القيمة إبحث عن الكود

#outer-wrapper سوف تجد القيمة بعبارة   width:....px
تابع القراءة




كيفية حذف الجملة "الاشتراك في: الرسائل (Atom)"


لحذف الجملة هذه الجملة من أسفل المدونة ما عليك سوى تتبع المراحل التالية :

انتقل إلى لوح تحكم مدونتك،إختر "قالب" ،ثم "تحريرhtml.
قم بالبحث عن الكود التالي :

<b:includable id='feedLinks'>

  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
قم بحذف الكود بكامله ثم إبحث عن هذا الكود  :
<b:includable id='feedLinksBody' var='links'>

      <div class='feed-links'>
      <data:feedLinksMsg/>
      <b:loop values='data:links' var='f'>
    <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
      </b:loop>
      </div>
    </b:includable>
ثم قم بحذفه كذلك
 ثم إبحث عن هذا الكود :
<b:include name='feedLinks'/>
 ثم قم بحذفه مرة أخرى ثم إحفظ القالب
تابع القراءة




وضع السطور تحت النصوص عند تحرير الرسائل



 لوضع سطر تحت أحد الكلمات في نصوص التدوينة ما عليك سوى
إضافة الوسمين التاليين بين الكلمة المراد تسطريها <u> و <u/>
 مثال :
مدونة المحترف محمد صاحبها <u>
محمد عليان
<u/>
ليصبح النص على هذا الشكل:
مدونة المحترف محمد صاحبها محمد عليان
تابع القراءة




إضافة زر للمراسلة عبر البريد الإلكتروني



لإضافة زر الإتصال عبر البريد الإلكتروني ماعليك سوى إضافة هذا الكود تحت هذا السطر <data:post.body/> وسوف يتم إدراج الزر تحت كل تدوينة

الكود ::

<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>

 <img alt='Email' title="راسلني عبر البريد الإلكتروني" class='icon-action' height='128' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM4XlWOo0ofY6g153zae9S7rZIzw64ryKi8oQFuOlb8kIwfCEGM6ZJSU8WBMOnUMhwpcqf_3HwWDJasSY4homjCKYJvZ-pDqm24Q2C0c4K5PqmOHg4NKwacKHdiElRSYh7JR8Sj15xB95j/s320/Email2.png' width='128'/>
  </a>
تابع القراءة




كيفية حل مشكلة عدم ظهور ازرار الشبكات الاجتماعية المعتمدة من بلوجر

في بعض الأحيان يتم تفعيل أزرار الشبكات الإجتماعية المعتمدة من بلوجر ،لكن لا يتم ظهورها على المدونة ،ماعليك سوى تتبع المراحل التالية : 
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml.
قم بالبحث عن الكود التالي :
<div class='post-header-line-1'>
 فإن لم تجده إبحث عن هذا الكود :
<div class='post-header-line-1' />
 ثم أضف تحت أحد الأكواد التي وجدتها هذا الكود :
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
 حفظ القالب ،فلا تنسى تفعيل الأداة كما هو موضح في الصورة
تابع القراءة




كيفية حذف نافبار بلوجر من أعلى الصفحة



لحذف القائمة الأفقية نافبار المعتمدة من بلوجر في أعلى الصفحة ما عليك سوى إتباع المراحل التالية :
انتقل إلى لوح تحكم مدونتك،إختر "قالب" ،ثم "تحريرhtml .
قم بالبحث عن الكود التالي : /* Variable definitions
ثم أضف قبله مباشرة هذا الكود :

#navbar-iframe {
display: none !important;
}
 ثم إحفظ القالب
تابع القراءة




إضافة روبوت متجول داخل المدونة

كيفية إضافة روبوت متجول داخل المدونة .!
قم بإضافة أداة HTML
والصق الكود بداخلها


الكود ::
<div style="position: fixed;
bottom: 5px;
width: 100%;">
<marquee direction='left' id='suster-ngesot-gue-galau-luar' scrollamount='7'>
<img id='gbr-suster-ngesot-gue-galau' src='http://im27.gulfup.com/2012-09-14/1347653484401.gif'/></marquee>
</div>


تابع القراءة




إضافة خاصية ترقيم الصفحات لمدونة بلوجر حسب لون مدونتك


مرحبا بكم متابعي مدونة المحترف محمد ..
في هذه التدوينة إن شاء الله سنتطرق إلى كيفية عمل ترقيم الصفحات أسفل المواضيع التي تظهر في الصفحة الرئيسية و أيضا في باقي صفحات مدونتك على بلوجر..و هذا لجعل مدونتك أكثر جمالية و ايضا لجعل الزائر لا يغادر مدونتك عند رؤية عدد من المواضيع المحدودة التي تظهر في صفحة مدونتك الرئيسية ..
و الأغلبية الكبيرة من الزوار لا يعرفون معنى كلمة " رسائل أقدم " و رسائل أحدث " التي تكون أسفل التدوينات على بلوجر ..و وضع ترقيم الصفحات هو الأكثر شمولية و معرفة لدى جميع الزوار للقراءة جميع مواضيعك على مدونتك..
إذا رغبت في الإضافة
توجه إلى لوحة تحكم مدونتك على بلوجر...ثم إضغط توسيع القوالب...قم بأخذ نسخة إحتياطية لتجنب اي خطأ..ثم ابحث عن الكود التالي
</body>
 ثم ضع قبله مباشرة هذا الكود
<!-- PAGE NAVIGATION STAR-->
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=6;
var numshowpage=6;
var upPageWord =&#39;&#9668;&#39;;
var downPageWord =&#39;&#9658;&#39;;

</script> 
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('5 G;5 i;5 b;5 n;1f();x 1g(15){5 6=\'\';H=I(K/2);3(H==K-H){K=H*2+1}J=b-H;3(J<1)J=1;o=I(15/j)+1;3(o-1==15/j)o=o-1;L=J+K-1;3(L>o)L=o;6+="<4 e=\'1y\'>1z "+b+\' 1A \'+o+"</4>";5 16=I(b)-1;3(b>1){3(b==2){3(i=="w"){6+=\'<4 e="1B"><a f="\'+y+\'">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">\'+M+\'</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+16+\');A B">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+16+\');A B">\'+M+\'</a></4>\'}}}1h(5 g=J;g<=L;g++){3(b==g){6+=\'<4 e="1C">\'+g+\'</4>\'}c 3(g==1){3(i=="w"){6+=\'<4 e="k"><a f="\'+y+\'">1</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">1</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+g+\');A B">\'+g+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+g+\');A B">\'+g+\'</a></4>\'}}}5 17=I(b)+1;3(b<o){3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+17+\');A B">\'+1i+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+17+\');A B">\'+1i+\'</a></4>\'}}5 C=u.1D("C");5 18=u.1E("1F-1G");1h(5 p=0;p<C.P;p++){C[p].1j=6}3(C&&C.P>0){6=\'\'}3(18){18.1j=6}}x 1a(Q){5 R=Q.R;5 1k=I(R.1H$1I.$t,10);1g(1k)}x 1f(){5 d=m;3(d.9("/r/s/")!=-1){3(d.9("?S-7")!=-1){n=d.D(d.9("/r/s/")+14,d.9("?S-7"))}c{n=d.D(d.9("/r/s/")+14,d.9("?&7"))}}3(d.9("?q=")==-1&&d.9(".6")==-1){3(d.9("/r/s/")==-1){i="w";3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l("<h T=\\""+y+"U/V/W?7-l=1&X=Y-Z-h&11=1a\\"><\\/h>")}c{i="s";3(d.9("&7-l=")==-1){j=1J}3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l(\'<h T="\'+y+\'U/V/W/-/\'+n+\'?X=Y-Z-h&11=1a&7-l=1" ><\\/h>\')}}}x N(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x O(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W/-/"+n+"?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x 1b(Q){1c=Q.R.1K[0];5 1w=1c.1x.$t.D(0,19)+1c.1x.$t.D(1L,1M);5 1d=1N(1w);3(i=="w"){5 1e="/r?S-7="+1d+"&7-l="+j+"#E="+G}c{5 1e="/r/s/"+n+"?S-7="+1d+"&7-l="+j+"#E="+G}1O.f=1e}',62,113,'|||if|span|var|html|max||indexOf||nomerhal|else|thisUrl|class|href|jj|script|jenis|postperpage|showpageNum|results|urlactivepage|lblname1|maksimal|||search|label||document|newInclude|page|function|home_page|onclick|return|false|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|mulai|numshowpage|akhir|upPageWord|redirectpage|redirectlabel|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|getElementsByName|getElementById|blog|pager|openSearch|totalResults|20|entry|23|29|encodeURIComponent|location'.split('|'),0,{}))
//]]>
</script>
<!-- PAGE NAVIGATION STOP-->
الأن سنقوم بتخصيص الإضافة بعدد التدوينات المرغوب في ظهورها
ابحث داخل الكود الذي اضفناه عن
var postperpage=6; 
و قم بتغيير الرقم 6 لعدد المواضيع التي ترغب في ظهورها على الصفحة الرئيسية لمدونتك

ثم ابحث في الكود
var numshowpage=6;
قم بتغيير الرقم 6 إلى عدد المواضيع التي تريد ظهورها في باقي صفحات مدونتك

الأن نمر إلى الخطوة الثالثة و الأخيرة و هي تخصيص الإضافة لتظهر باللون المتطابق للون مدونتك
قم بالبحث عن الكود التالي
]]></b:skin>

ثم قم بوضع إحدى هذه الأكواد قبله مباشرة **ملاحظة قم باختيار الكود المطابق للون مدونتك ،فقط لون واحد

اللون الأخضر
/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #3F8657;
  color:#fff;
  }

.showpageOf { 
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc;
  }

.showpagePoint { 
  color:#fff;
  text-shadow:0 1px 2px #333;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #999;
  background: #F1BA24;
  text-decoration: none;
  }
 اللون الأزرق
/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #3B5998;
  color:#fff;
  }

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc;
  }

.showpagePoint {
  color:#fff;
  text-shadow:0 1px 2px #333;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #999;
  background: #F1BA24;
  text-decoration: none;
  } 

اللون البرتقالي
/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #7B3A11;
  color:#fff;
  }

.showpageOf { 
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc;
  }

.showpagePoint { 
  color:#fff;
  text-shadow:0 1px 2px #333;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #999;
  background: #F1BA24;
  text-decoration: none;
  } 

اللون الرمادي
/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #52575C;
  color:#fff;
  }

.showpageOf { 
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc;
  }

.showpagePoint { 
  color:#fff;
  text-shadow:0 1px 2px #333;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #999;
  background: #F1BA24;
  text-decoration: none;
  }

لون بنفسجي
 /* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #8B2F73;
  color:#fff;
  }

.showpageOf { 
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc;
  }

.showpagePoint { 
  color:#fff;
  text-shadow:0 1px 2px #333;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #999;
  background: #F1BA24;
  text-decoration: none;
  }
تابع القراءة




التسجيل فى موقع اليكسا وتركيب أداة أليكسا لمعرفة ترتيبك بالموقع بمدونات بلوجر

بسم الله الرحمن الرحيم 

أهلا بكم إخوانى فى مدونتكم وأتمنى أن تكونوا بأفضل حال الكثير يجهل تركيب أداة اليكسا 
موقع أليكسا هو موقع مشهور جدا جدا فى معرفة ترتيب مدونتك / موقعك التسجيل به 
سهل للغاية اليوم شرح خاص بمدونة المحترف محمد شرح مصور خطوة بخطوة شرح مبسط 
أتمنى بأن تستفيدوا منه.. 

أول خطوة وهو التوجة إلى رابط التسجيل مباشرة 


إملأ البيانات مثل ما فى الصورة التالية 



بعد الضغط على كلمة register ستظهر رسالة لتاكيد بريدك الألكترونى 
يمكنك تفعيلها عن طريق رسائل الواردة فى بريدك 


بعد الضغط على رابط التى يوجد بالرسالة ستظهر صورة تؤكد تسجيلك بنجاح



ستتحول إلى صفحة لتسجيل الباسوورد الخاص بك



الآن توجه إلى إلى رابط الصفحة التالية من هنا
ستجد بنرات بمختلف الأحجام إختر أى مجموعة بنرات تريدها 




بعد إختيارك إلى حجم البنر من مجموعة البنرات التى تم إختيارها
ستجد مثل الصورة التالية 




1-إنسخ المربع كاملاً وإذهب إلى تخطيط
2- إضافة أداة html 
3- وضع بها ما قمت بنسخه

انتهى ..
تابع القراءة




نافذه منبثقه لبلوجر تظهر صفحتك على الفيس بوك



هي إضافة عباره عن نافذه منبثقه تظهر عندما يقوم الزوار بفتح مدونتك وتظهر لهم صفحتك على الفيس بوك


وطريق التركيب:
اذهب للوحه التحكم فى مدونتك
ثم تخطيط
ثم اختر اداه java script
وضع فيها هذا الكود
ثم احفظ فى الاداه

وهذا الكود
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script src="http://exeideasinternational.googlecode.com/files/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1)
{
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#exestylepopups"});
}
});
</script>
<style type="text/css">
/*
ColorBox v1.3.16
(Copyright (c) 2011 مدونه وسيله - waseeela.blogspot.com)
*/
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block}.cboxIframe{width:100%;height:100%;display:block;border:0}#cboxOverlay{background:#000;opacity:0.5 !important}#colorbox{box-shadow:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4)}#cboxTopLeft{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCccA_PJrlDfns4fcrh8uRP1k5hu_dQXXpkp8x8HB42OMA6LfUBmJ7yEgIqiEsj1qLPA_zmUtBv7QoeZFTNs45eGZb7LdwkNYl0qNh62SMPsY_zuq0EBRtdYq1kP8m2_cHGyID-vnq32E/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFwN_WfwuUUqbMlT2y1dNwMF4AtWyHYJSpYgLYgQe7soDydhwJEBmRf7AabXUvMLlgPLIw2CV9Kt0SQWStbqO1W5e42GXAhsa8ydLCaRAKgVQTfxGQzJTC2u9aTHbAXBcD0mQjypwR3CE/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCccA_PJrlDfns4fcrh8uRP1k5hu_dQXXpkp8x8HB42OMA6LfUBmJ7yEgIqiEsj1qLPA_zmUtBv7QoeZFTNs45eGZb7LdwkNYl0qNh62SMPsY_zuq0EBRtdYq1kP8m2_cHGyID-vnq32E/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCccA_PJrlDfns4fcrh8uRP1k5hu_dQXXpkp8x8HB42OMA6LfUBmJ7yEgIqiEsj1qLPA_zmUtBv7QoeZFTNs45eGZb7LdwkNYl0qNh62SMPsY_zuq0EBRtdYq1kP8m2_cHGyID-vnq32E/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFwN_WfwuUUqbMlT2y1dNwMF4AtWyHYJSpYgLYgQe7soDydhwJEBmRf7AabXUvMLlgPLIw2CV9Kt0SQWStbqO1W5e42GXAhsa8ydLCaRAKgVQTfxGQzJTC2u9aTHbAXBcD0mQjypwR3CE/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCccA_PJrlDfns4fcrh8uRP1k5hu_dQXXpkp8x8HB42OMA6LfUBmJ7yEgIqiEsj1qLPA_zmUtBv7QoeZFTNs45eGZb7LdwkNYl0qNh62SMPsY_zuq0EBRtdYq1kP8m2_cHGyID-vnq32E/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCccA_PJrlDfns4fcrh8uRP1k5hu_dQXXpkp8x8HB42OMA6LfUBmJ7yEgIqiEsj1qLPA_zmUtBv7QoeZFTNs45eGZb7LdwkNYl0qNh62SMPsY_zuq0EBRtdYq1kP8m2_cHGyID-vnq32E/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCccA_PJrlDfns4fcrh8uRP1k5hu_dQXXpkp8x8HB42OMA6LfUBmJ7yEgIqiEsj1qLPA_zmUtBv7QoeZFTNs45eGZb7LdwkNYl0qNh62SMPsY_zuq0EBRtdYq1kP8m2_cHGyID-vnq32E/s1600/controls.png) repeat-y -211px 0}#cboxContent{background:#fff;overflow:visible}#cboxLoadedContent{margin-bottom:5px}#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp-lMSDvqdtN51ZtvfQJSvfjUX5P3anJHymgFTOusMcc5fXmVx4ZpNGHiCamYINgyamKW4GMXa-Btr-vt1wmAUMBWAm6WDM6SGMLBlETpx0PgBBnmuvBe4P2HYbAzIyTqdt7oo9wLZ4_M/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0sj9UZb1dhcwApKGdbmdy2Jlow1N0wulnBekj9AjYb9ibuv9Esf0jYiMThp3k8EHcsJBsy8pw8jJ6alzXni_jjS_1ediIX11dYyLzmslid9vKwViOp3U6ujfU05I56ScKagWwRvowbJs/s400/loading.gif) no-repeat center center}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7C7C7C}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7C7C7C}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{position:absolute;bottom:-29px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCccA_PJrlDfns4fcrh8uRP1k5hu_dQXXpkp8x8HB42OMA6LfUBmJ7yEgIqiEsj1qLPA_zmUtBv7QoeZFTNs45eGZb7LdwkNYl0qNh62SMPsY_zuq0EBRtdYq1kP8m2_cHGyID-vnq32E/s1600/controls.png) no-repeat 0px 0px;width:23px;height:23px;text-indent:-9999px}#cboxPrevious{left:0px;background-position:-51px -25px}#cboxPrevious.hover{background-position:-51px 0px}#cboxNext{left:27px;background-position:-75px -25px}#cboxNext.hover{background-position:-75px 0px}#cboxClose{right:0;background-position:-100px -25px}#cboxClose.hover{background-position:-100px 0px}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px;right:27px}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px}#mdfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666}#mdfb a,#mdfb a:hover,#mdfb a:visited{text-decoration:none}.mdbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow:5px 5px 5px #CCC;padding:10px;line-height:25px;font-family:arial !important}
</style>
<div style='display:none'>
<div id='exestylepopups' style='padding:10px; background:#fff;'>
<center><h3 class="mdbox-title">Receive all updates via Facebook. Just Click the Like Button Below...</h3></center><center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fmuh-prof&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center><p style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.waseeela.blogspot.com">waseeela</a></p>
</div></div>



ولا تنسى بتغير اسم muh-prof بـ اسم صفحتك على الفيس
تابع القراءة




جميع الحقوق محفوظة مدونة الخالد ©2013 | ، نقل بدون تصريح ممنوع .