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

ايقونة مشاركة تويتر مع عداد المشاركة

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

الخطوة الاولى

اختر الكود الذي تريده (ايقونة كبيرة - ايقونة صغيرة )

الكود الاول : ايقونة كبيرة 

<div style="float:left;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'اسم المستخدم';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

الكود الثاني : ايقونة صغيرة 

<div style="float:left;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'اسم المستخدم';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

الخطوة الثانية 

بعد ان اخترت كود الايقونة التي تريدها ، من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع قوالب عناصر واجهة المستخدم

<div class='post-header-line-1'/>

وانسخ الكود بعدها مباشرة.

اذا لم تجدها فابحث عن :

<data:post.body/>

وأضف الكود قبلها مباشرة 






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

احفظ القالب ، ومبروك عليكم الاضافة

إقرأ المزيد... Résuméabuiyad

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

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

- طريقة تركيب الاضافة -

الخطوة الاولى

من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدم 

الخطوة الثانية

ابحث عن :

]]></b:skin>

واضف قبلها مباشرة (فوقها) :

.paginator {
 margin-top:60px;
 font-size:1em;
}
.paginator table {
 border-collapse:collapse;
 table-layout:fixed;
 width:100%;
}
.paginator table td {
 padding:0;
 white-space:nowrap;
 text-align:center;
}
.paginator span {
 display:block;
 padding:3px 0;
 color:#fff;
}
.paginator span strong,
.paginator span a {
 padding:2px 6px;
}
.paginator span strong {
 background:#ff6c24;
 font-style:tahoma;
 font-weight:normal;
}
.paginator .scroll_bar {
 width:100%; height:20px;
 position:relative;
 margin-top:10px;
}
.paginator .scroll_trough {
 width:100%; height:3px;
 background:#ccc;
 overflow:hidden;
}
.paginator .scroll_thumb {
 position:absolute;
 z-index:2;
 width:0; height:3px;
 top:0; right:0;
 font-size:1px;
 background:#363636;
}
.paginator .scroll_knob {
 position:absolute;
 top:-5px; right:50%;
 margin-right:-10px;
 width:20px; height:20px;
 overflow:hidden;
 background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/slider_knob.gif) no-repeat 50% 50%;
 cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
 position:absolute;
 z-index:1;
 top:0; left:0;
 width:0; height:3px;
 overflow:hidden;
 background:#ff6c24;
}

.fullsize .scroll_thumb {
 display:none;
}

.paginator_pages {
 width:550px;
 text-align:right;
 font-size:0.8em;
 color:#808080;
 margin-top:-10px;
}

 الان ابحث عن :

</body>

 واستبدلها بـ :

  <script src='http://scriptabufarhan.googlecode.com/svn/trunk/paginator3000.js' type='text/javascript'></script>
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=6;
</script>
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/paginator3000-forblogger-v1.0.0.js' type='text/javascript'/>
</body>

شرح الرموز باللون الاحمر :

var postperpage=5; : عدد التدوينات في الصفحة الواحدة

var numshowpage=10 : عدد الصفحات التي ستظهر ارقامها في العداد 

اذا اكتفيت بهذا القدر ولا تريد ان تظهر عدد الصفحات في كل تبويب او تصنيف تدخل اليه بحيث اذا كان يحتوي هذا التصنيف على 20 تدوينة فسيتم تقسيمها الى 5 تدوينات لكل صفحة ( طبعا هذا يرتبط بوجود قائمة التصنيفات في مدونتك ) 

ان رغبت في الاستمرار فتابع للاسفل :

الان ابحث عن :

'data:label.url'

واستبدلها بـ :

'data:label.url + "?&max-results=5"'

الرقم 5 هو عدد التدوينات في كل صفحة .

                                                       وشكرااااااااااااااااااا

إقرأ المزيد... Résuméabuiyad

طريقة ادراج اعلانات البانر ‎ ‎125*125 متغيره مع كل تحديث للصفحه

طريقة ادراج اعلانات البانر ‎ ‎125*125 متغيره مع كل تحديث للصفحه

كثيرا ما نشاهد في المواقع المعروفه التي تكثر فيها الاعلانات بأن الاعلان يتغير كلما قمت بتحديث الصفحة ، هل تعلم كيف يمكن ذلك ؟؟
الان لم نعد بحاجة الى ملئ الصفحة بالاعلانات ، بل هو مربع واحد سيعرض به 8 اعلانات مختلفة او اكثر وبنفس المساحة التي يأخذها ذلك صاحب الاربع اعلانات الشهير في المدونات العربية ..!
فكرة هذا الكود كما ذكرت سابقا تقوم على تغير الاعلان الظاهر باعلان جديد كلما قمنا بتحديث الصفحة 

اعجبتك الاضافه ، تابع ..
                                                             

                                                                     

طريقة الاضافة

من لوحة التحكم اختار- التخطيط - عناصر الصفحة - اضافة اداة - html/java ومن ثم انسخ الكود التالي: 

<div align="center"> 
<table border="0"  cellpadding="2" cellspacing="6" width="265"bgcolor="#ffffff"> 
<tbody><tr> 
<td><center>

<!--  BANNER#1  -->

<script language="JavaScript"> 
images = new Array(2);

images[0] = "<a href = 'رابط الاعلان' rel='nofollow' ><img src='رابط الصورة' border='0' height='125' width='125' alt='وصف الاعلان'></a>";

images[1] = "<a href = 'رابط الاعلان' rel='nofollow' ><img src='رابط الصورة' border='0' height='125' width='125' alt='وصف الاعلان'></a>";

index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script>

</center></td>

<td><center>

<!--  BANNER#2  -->

<script language="JavaScript"> 
images = new Array(2);

images[0] = "<a href = 'رابط الاعلان' rel='nofollow' ><img src='رابط الصورة' border='0' height='125' width='125' alt='وصف الاعلان'></a>";

images[1] = "<a href = 'رابط الاعلان' rel='nofollow' ><img src='رابط الصورة' border='0' height='125' width='125' alt='وصف الاعلان'></a>";

index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script>

</center></td> 
</tr> 
<tr>

<td><center>

<!--  BANNER#3  -->

<script language="JavaScript"> 
images = new Array(2);

images[0] = "<a href = 'رابط الاعلان' rel='nofollow' ><img src='رابط الصورة' border='0' height='125' width='125' alt='وصف الاعلان'></a>";

images[1] = "<a href = 'رابط الاعلان' rel='nofollow' ><img src='رابط الصورة' border='0' height='125' width='125' alt='وصف الاعلان'></a>";

index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script>

</center></td>

<td><center>

<!--  BANNER#4  -->

<script language="JavaScript"> 
images = new Array(2);

images[0] = "<a href = 'رابط الاعلان' rel='nofollow' ><img src='رابط الصورة' border='0' height='125' width='125' alt='وصف الاعلان'></a>";

images[1] = "<a href = 'رابط الاعلان' rel='nofollow' ><img src='رابط الصورة' border='0' height='125' width='125' alt='وصف الاعلان'></a>";

index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script>

</td></center>

</tr>

</tbody></table>

<table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff"> 
<tbody> 
      <tr> 
       <td><center><a href="رابط الاعلان" rel="nofollow"><img width="265" height="37" border="0" alt="اعلن الان!" src="" /></a></center></td> 
      </tr>

    </tbody></table>

</div>

الصق الكود وقم بتعديل ما يلزم :
رابط الاعلان : عنوان url للاعلان المستهدف
رابط الصورة : البانر الخاص بالاعلان 125*125
وصف الاعلان : اكتب اي شيء عن الاعلان
bgcolor="#ffffff" لون الحدود والخلفية خلف البانرات

احفظ القالب ومبروك عليك

                                                          

إقرأ المزيد... Résuméabuiyad

اضافة زر أعجبني like والارسال send لمدونات البلوجر

 اضافة زر أعجبني  like  والارسال send لمدونات البلوجر

الخطوة الاولى :

                  من لوحة التحكم للبلوجر اضغط على تحرير html  واضغط على تنزيل القالب من أجل تفادي اي شيء ونضغط على  ctrl+f  كما لاحظتم ان أداة توسيع القالب تغيرت مع محرر القالب الجديد 

 

الخطوة التانية :

                  نبحت عن هدا الوسم 

                                                                  

<div class='post-header-line-1'/>

                                                                            

واضف الكود بعدها 

واذا لم تجدها ابحث عن :(قد تجد اثنتين فالثانية المقصودة)

                        

<data:post.body/>

1- كود اضافة زر الارسال فقط 

<b:if cond='data:blog.pageType == &quot;item&quot;'>     <!--Facebook Send button Start sma-b.blospot.com -->     <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:send colorscheme='light' expr:href='data:post.url' font='tahoma'/>     <!--Facebook Send button End sma-b.blospot.com  --></b:if>

2- كود اضافة زر الاسال + زر الاعجاب  

<b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- Facebook Like+Send button Start sma-b.blogspot.com --> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><fb:like colorscheme='light'  action='like'  layout='standard' expr:href='data:post.url' font='' send='true' show_faces='false' width='450'/> <!-- Facebook Like+Send button End sma-b.blogspot.com --> </b:if>

 تخصيص الزر بما يناسبك

1- احذف ما تم تعليمه بالبرتقالي اذا كنت تريد ان يظهر الزر في جسم التدوينة وفي الصفحة الرئيسية لمدونتك

tahoma : نوع الخط وتستطيع تغييره بخطوط اخرى مثل arial
light : يعني خفيف ، ويمكن تغييرها الى معتم dark

الان احفظ القالب ومبروك عليك الاضافة

اتمنى ان ينال اعجابكم

إقرأ المزيد... Résuméabuiyad

طريقة تختبر سرعة موقعك أو مدونتك بطريقة إحترافية

طريقة تختبر سرعة موقعك أو مدونتك بطريقة إحترافية

السلام عليكم و رحمة الله و بركاتة الكثير منا الآن لدية مواقع و مدونات ويريد أن يكتشف سرعة الموقع هل هي بطيئة أم سريعة ؟ لأن سرعة الموقع له أهمية كبيرة بالنسبة لزوارك لأن لو الموقع غير سريع لن تجد زوار الزوار كعاداتهم و كعادتي أنا أيضاً لا أحب إنتظار تشغيل المواقع عندما أجده بطيئاً أقوم بالخروج منه لأن سوف يضيع وقتي ووقت الزوار كذلك و يجب أن تسعي بكل الطرق لتسريع موقعك  اليوم موضوعنا بسيط للغاية وهو كيف تختبر سرعة موقعك أو مدونتك يمكنكم ذلك عن طريق موقع Pingdom قم بالدخول علي الموقع ثم قم بوضع رابط موقعك وسوف يعرض لك كل شئ عن موقعك " وقت تشغيل الموقع وهل هو سريع أم بطئ و بنسبة كام فى المئة " 

                                              أتمنى ان يفيدكم هدا الموقع وشكرااااااااااااااااااااااا

إقرأ المزيد... Résuméabuiyad

الطريقة جعل الجهاز يغلق عند انتهاء التحميل

الطريقة جعل الجهاز يغلق عند انتهاء التحميل

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

طريقة جعل جهاك ينطفئ عند نهاية التحميل 

عليك التوجه الى الملف الدي ستقوم بتحميله واتبع الطريقة التالية 

1. بعد التحميل اي شيء ستظهر لك هده الصورة وعليك ان توقف التحميل من أجل الجهاز يغلق اتناء التحميل 

2. سننقر على options à l'achevement ونملأ الخانات كما في الصورة 

3. وبعد دلك ننقر على continuer لكي يكتمل التحميل ومبروك عليك الاضافة  

 

   <<<    فلا تبخل علينا بتعليق و مشاركة الموضوع >>>>

إقرأ المزيد... Résuméabuiyad

طريقة الحصول على شكل شبيه بالشكل الجديد الخاص بالفيسبوك

طريقة الحصول على شكل شبيه بالشكل الجديد الخاص بالفيسبوك

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

1.  ندخل على الرابط     رابط الاضافة هنا 
2. عندما ندخل على الرابط  ننقر على  install Stylish كما في الصورة 

 3. وبعد ذلك  نضيفها  الى google chrome ومبروك عليك الاضافة 

  

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

إقرأ المزيد... Résuméabuiyad