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

_____________________________________________________________________

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

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

<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/>
وأضف الكود قبلها مباشرة






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

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

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

الاداة جديدة وغير متواجدة في المدونات العربية ، وتستطيع معاينتها في مدونتي .

 لتركيب الاضافة تابع قراءة بقية التدوينة
___________________________________________________________________

صورة توضيحية



الخطوة الاولى
من لوحة التحكم - التخطيط - اضافة اداة - html - ثم اضف الكود التالي .
<script type='text/javascript'>
function pipeCallback(obj) {
 document.write('<ol>');
 var i;
 for (i = 0; i < obj.count ; i++)
 {
 var href = "'" + obj.value.items[i].link + "'";
 if(obj.value.items[i].link == "")
var item ="<li>" + obj.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
 document.write(item);
 }
 document.write('</ol>');
 }
 </script>
<script type="text/javascript" src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=31f03b26b13cc52ee46575b89095299a&url=ضع رابط مدونتك هنا&num=10&filter=adi"></script>
<span style='font-size: 80%'>اضافة من <a href='http://www.sma-b.blogspot.com'>سما بلوجر</a></span><noscript><br /></noscript>


 تخصيص الكود
- ضع رابط مدونتك مكان العبارة في الكود .
- num=10 عدد اسماء المعلقين الظاهرة


الخطوة الثانية 
احفظ الاداة ومبروك عليك
وأشكركم للمحافظة على حقوق الملكية

شكرا جزيلا لـ aneesh

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


___________________________________________________________


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

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

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

ابحث عن :
<div class='post-header-line-1'/>
اذا وجدتها في قالب مدونتك ـ فانسخ الكود بعدها مباشرة
اذا لم تجدها فابحث عن :

<data:post.body/>

واضف الكود الذي تريده قبلها مباشرة :

 الكود الاول وسيظهر بهذا الشكل :



<div style="float:LEFT;padding:4px;">
<script type='text/javascript'>
njuice_buzz_url = '<data:post.title/>';
njuice_buzz_title = '<data:post.url/>';
njuice_buzz_share = 'reader';
</script>
<script type='text/javascript' src='http://button.njuice.com/buzz.js'/>
</div>
 الكود الثاني وسيظهر بهذا الشكل :


<div style="float:LEFT;padding:4px;">
<script type='text/javascript'>
njuice_buzz_url = '<data:post.title/>';
njuice_buzz_title = '<data:post.url/>';
njuice_buzz_share = 'SIMPLE';
</script>
<script type='text/javascript' src='http://button.njuice.com/buzz.js'/>
</div>


الكود الثالث وسيظهر بهذا الشكل :
<div style="float:LEFT;padding:4px;">
<script type='text/javascript'>
njuice_buzz_url = '<data:post.title/>';
njuice_buzz_title = '<data:post.url/>';
njuice_buzz_share = 'small';
</script>
<script type='text/javascript' src='http://button.njuice.com/buzz.js'/>
</div>

 الخطوة الثالثة 
احفظ القالب ومبروك عليك الاضافة

شكرا لـ aneesh

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

مميزات القالب :

- يدعم اعلانات ادسنس
- القالب بثلاثة اعمدة
- يدعم كافة الاضافات
- صديق لمحركات البحث
- العنوان بانر ارتفاع 175 ويمكن تعديله
- جيد في التحميل
- عرض  990
- متوافق مع جميع المتصفحات




      للمشاهدة


للتحميل


تحديث - هذا رابط البانر :
http://lh5.ggpht.com/_0JSsw4H6sns/S7X6-sXloyI/AAAAAAAACG4/qbd0wS6Oe48/Header.jpg
ابحث عنه في القالب وغيره برابط البانر الخاص بك .


واشكركم للمحافظة على حقوق التصميم .
تحياتي لكم عدي عرار - سما بلوجر




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

على بركة الله نبدأ شرح خطوات تركيب الاضافة :

__________________________________________________________________

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

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

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

ابحث عن :
]]></b:skin>
واستبدلها بـ :

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
]]></b:skin>
 الان ابحث عن :
</body>

 واستبدلها بـ :
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;السابق&#39;;
var downPageWord =&#39;التالي&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->
</body>
شرح الرموز باللون الاحمر :
var pageCount=5 : تحديدعدد المواضيع في الصفحة الواحدة

var displayPageNum=5 : عدد المواضيع التي ستعرض في الصفحة الواحدة
التالي : الصفحة التالي وتستطيع استبدالها بأي كلمة اخرى .
السابق : للصفحة السابقة وتستطيع استبدالها بأي كلمة اخرى . 

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

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

ان رغبت في الاستمرار فأكمل قراءة التدوينة :

الان ابحث عن :
'data:label.url'
واستبدلها بـ :
'data:label.url + &quot;?&amp;max-results=5&quot;'

اكمل اذا كنت تستعمل الكلمات الدلالية في التصنيفات :
ابحث عن :
a.href = &#39;/search/label/&#39;+encodeURIComponent(t);
واستبدلها بـ :
a.href = &#39;/search/label/&#39;+encodeURIComponent(t)+&#39;?&amp;max-results=5&#39;;
شيء متعب فعلا ، الله يعطيكم الصحة والعافية ومبرووك عليكم الاضافة 
تحياتي لكم : عدي عرار



عداد التعليقات

في اطار السعي الى تقديم ما هو مفيد  ومميز  للزوار الكرام ، اقدم لكم اليوم طريقة اضافة الارقام على التعليقات ، وكما ترون في الصورة اعلاه فالارقام ستظهر اعلى كل تعليق .
وعلى بركة الله نبدأ بشرح الاضافة :

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

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

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

ابحث عن :
<dl id='comments-block'>


حدد جميع الكود واسبدله بالكود التالي:


<dl id='comments-block'><script type='text/javascript'>var CommentsCounter=0;</script>


ثم ابحث عن الكود التالي :


<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>


واستبدله بهذا الكود




<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName' style='clear: both;'>




انتظر لم ننتهي بعد


ابحث عن الكود التالي:



<data:commentPostedByMsg/>



واستبدله بهذا الكود:





<data:commentPostedByMsg/><span class='numberingcomments' style='float: right; font-size: 20px;'><a rel='nofollow' expr:href='data:comment.url' title='Comment Link' style='text-decoration:none'><script type='text/javascript'>CommentsCounter=CommentsCounter+1;document.write(CommentsCounter);</script></a></span>


الان هل تريد تخصيص الكود ليتلائم مع  مدونتك :



1) تستطيع تغيير حجم الخط بما يلائمك عن طريق تغيير القيمة باللون الازرق font-size: 20px


2) تستطيع تغيير مكان الرقم من الشمال الى اليمين او العكس : 'float: right


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



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


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


                                                   تم بحمد الله




هذه قائمة من المواقع التي افضلها على غيرها في نفس المجال :

1) موقع اضافة ازرار المفضلات الاجتماعية  (احفظ وشارك ) :   www.addthis.com

يمكنك هذا الموقع من اضافة ازرار المفضلات الاجتناعية في الشريط الجانبي وايضا في داخل التدوينات سواء في اسفلها او في اعلاها


2) موقع احصاء الزائرين http://www.statcounter.com/

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


3) موقع تقييم المواضيع اسفل التدوينة  http://www.outbrain.com

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


4)موقع لاحصاء المتواجدين الان http://whos.amung.us/

اضافة تمكنك من معرفة عدد المتواجدين الان في مدونتك


5) موقع مميز لاضافة اكثر من اداة http://www.widgeo.net/

يمكنك من اضافة الكثير من ادوات الفلاشية المميزة كما تستطيع اضافة بيج رانك مدونتك والكثير من الاضافات الاخرى المميزة


6) موقع مميز في اضافات بلوجر http://www.widgetbox.com

يمكنك من صنع الاضافة التي تود الحصول عليها جرب هذا الموقع وادعيلي

                                        
      وبالتوفيق للجميع

Search

عبر فيس بوك

زوارنا الاعزاء

المتوجدون الان