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

الحمد لله رب العالمين والصلاة والسلام على أشرف المرسلين محمد صلى الله عليه وسلم وعلى آله وأصحابه أجمعين أما بعد:
معنا اليوم إضافة تزيد من من المتابعين لك:
هذه هى شكل الإضافة:

هذه الإضافة المميزة التى تزيد من متابعين مدونتك وعندما تضيف هذه الإضافة
توضع فوق المتابعون أو المنضمين إليك تابع معى شرح إضافتها:


لمستخدمى بلوجر إفعل ما يلى:
فى الصفحة الرئيسية لبلوجر إضغط على تصميم:

فى عناصر الصفحة إضغط على إضافة أداه:

بعد ذلك إختر: HTML/JavaScript

بعد ذلك:

إنسخ هذا الكود والصقة هناك:

كود ترقيم الصفحات لبلوجر احترافى بدون اى اخطاء وشرح تركيبه خطوة بخطوة

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

زهقت من كثرة اخطاء اكواد ترقيم الصفحات لبلوجر اذا اشتغل اصلا؟؟؟ 

شرح طريقة تركيب كود ترقيم الصفحات لبلوجر 

الخطوة الاولى: اذهب للمسار التالى

لوحة التحكم الرئيسية >> تصميم >> عناصر الصفحة

الخطوة الثانية: اضغط اضافة اداة

الخطوة الثالثة: اختر HTML/JavaScript 

الخطوة الرابعة: انسخ هذا الكود

شرح طريقة اضافة محرك بحث لمدونات بلوجر Blogger

 شرح اضافة محرك البحث لمدونتك

 

الخطوة الاولى: اذهب الى 

لوحة التحكم >> تصميم >> عناصر الصفحة

الخطوة الثانية: اضغط اضافة اداة

 

الخطوة الثالثة:

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

 

"شرح تمييز تعليق الكاتب عن بقية التعليقات في مدونات بلوجر"
 , جملة هي عنوان تدوينتنا اليوم , فقد يحتاج بعض المدونين , الى شيء يميز تعليقهم في مدونات بلوجر عن بقية التعليقات في مدونات بلوجر , هيا بنا لنبدأ
 * من لوحة تحكم مدونتك انتقل إلى صفحة التخطيط ثم " تحرير HTML " 
* لا تنسى أن تحفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة.
* قم بالحث عن هذا الكود

]]></b:skin>

* ثم أضف قبله أو فوقه هذا الكود :

/***** Author Box ********************/

.author-box {
background: #F7F7F7;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}

.author-box p {
margin: 0;
padding: 0;
}

.author-box img {
background: #FFFFFF;
float: right;
margin: 0 0 10px 10px;padding: 4px;
border: 1px solid #E6E6E6;
}

* ثم قم بالبحث عن هذا الكود

<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 cond='data:comment.adminClass == data:post.adminClass'>
<dd class='blog-author-comment'>
<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>

بعد ذلك قم بحفظ القالب 
بالتوفيق.......

كيف تضيف الإتصال المباشر لبلوجر ولأى موقع

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

طريقة عمل هذا الصندوق المميز:
أولا: 
ادخل على إيميلك على الياهو.

ثانيا:

ادخل الى الموقع الآتى:

messenger.yahoo.com/pingbox/studio

ستظهر لك هذه الصفحة:

ثالثا:

تابع معى الشرح بالصور:

إملأ هذه الصفحة بالبيانات كما هو موضح تحت الصورة:

1. أولا: تختار لون صندوق المحادثة بأول خانة.
2. ثانيا: ضع إسمك بداخل ثانى خانة.
3. ثالثا: تكتب رسالة نصية عندما تكون متواجد فى ثالث خانة.
4. رابعا: تكتب رسالة نصية عندما تكون غير متواجد فى رابع خانة.
5. خامسا: تكتب اسم مكان المجموعة التى يظهر فيها الزوار.
6. سادسا: تضغط على "Next".

رابعا:

بعد الضعط على "Next" ستظهر لك هذه الصفحة كما هى موضحة فى الصورة الآتية:

إملأ الفراغات كما هو موضح فى الصورة الآتية:

1. أولا: فى أول خانة إذا كان موقعك ليس من أحد المواقع الموضحة فى الصورة إضغط على "Any website".
2. ثانيا: فى ثانى خانة اختر المقاس الذى تريده.
3. ثالثا: إنسخ الكود أو إضفط على "Copy to clipboard".
4. رابعا: ضعه عندك فى الموقع.
5. خامسا: وبذلك نكون قد إنتهينا ومبروك عليك هذا الصندوق المميز "الدعم الفنى".

الآن يمكنك محادثة الزوار من موقعك على الياهو من جهازك

بالتوفيق..... 

هاك إضافة 3 أعمدة في الفوتر لمدونات بلوجر Blogger

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

هاك إضافة 3 أعمدة في الفوتر لمدونات بلوجر Blogger

بسم الله والصلاة والسلام على رسول الله صلى الله عليه وسلم , أما بعد , أخي الزائر أو العضو لعلك قد رأيت في بعض القوالب الخاصة بمدونات البلوجر ان هذه القوالب تحتوي من الأسفل على 3 أعمدة ولكن كيف أضافها هو وكيف أضيفها أنا لا تقلق العملية سهلة جدا , ولكن قبل أن اضيفها لماذا أتعب نفسي في إضافتها وهي ليس لها أي أهمية , أقول لك كيف ذلك ,حيث أنك تسطيع وضع فيها إَضافة المقالات المميزة والمقالات الحديثة وأحدث التعليقات أو أي إضافة انت تراها مناسبة لك , ولكنها تكون مناسبة أكثر بالنسبة للإضافات بدلا من وضعها في جانب القالب فوضع الإضافات في آخر القالب تعطي القالب رونقا من نوع خاص , ولتركيب الإضافة تابع معي
ولمعرفة كيفية إضافة 3 أعمدة في قالبك فضلا أتبع الآتي

ملحوظة هامة : لا تنس بأخذ نسخة أحتياطية من قالبك

•  ادخل الى لوحة تحكم مدونتك ثم الى التصميم ثم تحرير ال html ثم قم بتوسيع القالب .

قم بالبحث عن هذا الكود

</body>

ثم أضف هذا الكود بعده مباشرة 

<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>

ثم ابحث عن ]]></b:skin>
 ثم أضف هذا الكود قبل الكود السابق مباشرة

/* -----   LOWER SECTION   ----- */
#lower {
       margin:auto;
       padding: 0px 0px 10px 0px;
       width: 100%;
       background:#dde9f3;
}
#lower-wrapper {
       margin:auto;
       padding: 20px 0px 20px 0px;
       width: 960px;

}

#lowerbar-wrapper {
     border:1px solid #DEDEDE;
       background:#fff;
       float: right;
       margin: 0px 5px auto;
       padding-bottom: 20px;
       width: 32%;
       text-align: justify;
       font-size:100%;
       line-height: 1.6em;
       word-wrap: break-word;
       overflow: hidden;
}

       .lowerbar {margin: 0; padding: 0;}
       .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}

.lowerbar h2 {
      margin: 0px 0px 10px 0px;
       padding: 3px 0px 3px 0px;
       text-align: right;
       color:#0084ce;
        text-transform:uppercase;
      font: bold 13px Tahoma, Verdana;
       border-bottom:3px solid #0084ce;
}

.lowerbar ul {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      list-style-type: none;
}

.lowerbar li {
      margin: 0px 0px 2px 0px;
      padding: 0px 0px 1px 0px;
      border-bottom: 1px dotted #ccc;
}

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

إضافة الزر 1+ لجوجل على مدونات بلوجر

أصدر موقع جوجل حديثا الزر 1+ ،حيث يسمح لك بإقتراح أي موقع معين أو أي شيئ أعجبك وذلك عند النقر على الزر 1+ ،فإنك تقوم بإخبار أصدقائك والعالم أن هناك شيئ ما يجب الإطلاع عليه ،وبالتالي فإن مقترحاتك سوف تظهر عندما يقومون بالبحث في جوجل ، فهذه الميزة جديدة حيث تسعى جوجل في تطوير محركها بشكل جديد ، ،لذلك ،إذا رأيت هذا الزر في موقع وتريد من أصدقائك إيجاده بسهولة عند بحثهم فقط إنقر الزر1 +

ولإضافة هذا الزر في تدويناتك وفتح المجال للزائرين بإقتراح مدونتك نقوم بشرح طريقة تركيب الزر +1 على المدونة .
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F ).

</body>

ثم قم بلصق الكود التالي قبله :

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

الآن قم بالبحث عن هذا الكود :

<data:post.body/>

ثم قم بلصق الكود التالي بعده ،ليكون الزر أسفل التدوينة ،أو قبله ليكون الزر تحت عنوان التدوينة .

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<g:plusone expr:href='data:post.url' size='tall'/>

</b:if>

ملاحظة : يتوفر زر1+ على 4 قياسات حيث يمكنك إختيار القياس المناسب لك وذلك بإستبدال الكلمة tall من الكود بأحد القياسات الموجودة في الصورة أسفله .

وإذا أردت إظهار الزر 1+ كذلك على الصفحة الرئيسية ما عليك سوى حذف السطر الأول والأخير من الكود السابق

إضافة أداة "مواضيع جديدة" مع الصور

 

السلام عليكم إخواني الكرام في هذه الفقرة سوف ألبّي طلب أحد الإخوة في كيفية اضافة "مواضيع جديدة" مع الصور تتحرك من الاعلى الى الاسفل تماما مثل التي توجد في مدونتي ،حيث تعطي جمالية للمدونة و تسهل على الزوار باكتشاف المواضيع الجديدة بطريقة اسهل ،لن أطيل عليكيم أعزائي الكرام .

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript
ولآن الصق الكود التالي :

<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://abu-iyad.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>

والان الخطوة الأهم : يجب عليك تبديل عنوان المدونة باللون الأحمر بعنوان مدونتك .
numposts = 20; هذه القيمة تمثل عدد المواضيع التي يمكن تؤيتها .

أتمنى أن تنال إعجابكم.