الاقسام
قائمة المدونات الإلكترونية
ارشيف سما بلوجر
-
▼
2010
(49)
-
▼
أغسطس
(8)
- من افضل المواقع - خمسة مواقع للحصول على احصائيات ش...
- المجموعة الثالثة - ايقونات مواقع النشر الاجتماعية ...
- المجموعة الثانية - ايقونات مواقع النشر الاجتماعية ...
- المجموعة الاولى - ايقونات مواقع النشر الاجتماعية و...
- اجعل مدونتك اسرع في التصفح من الهاتف النقال - blog...
- حدث حسابك تلقائيا في صدى جوجل google buzz
- قائمة اكثر المدونات العالمية تحقيقا للربح - قائمة ...
- هاك لتحويل الزائر من مدونة الى اخرى - redirect blog
-
▼
أغسطس
(8)
إظهار الرسائل ذات التسميات اشهار مدونات. إظهار كافة الرسائل
إظهار الرسائل ذات التسميات اشهار مدونات. إظهار كافة الرسائل
11:03 م |
تعديل الرسالة
السلام عليكم ،
احبائي متابعي وزوار مدونة سما بلوجر ، اقدم لكم اليوم اداة البيج رانك pagerank لتضيفها الى مدونتك ، لا تتعجل وتقول وما الجديد في ذلك فالاضافة معروفة ومتواجدة في كل مكان ، نعم متواجدة في كل مكان ولكن الجديد هنا هو هذه الاشكال الرائعة المقدمة لكم من عدة مواقع اجنبية " تعرف عليها من خلال الاكواد " ، اتمنى ان تجدون الشكل الملائم لكم في هذه الاشكال الجميلة ، وعلى بركة الله نبدأ بمشاهدة الاشكال والاكواد :
كما يمكنكم زيارة هذا الموقع لمزيد من الاشكال الجميلة :
احبائي متابعي وزوار مدونة سما بلوجر ، اقدم لكم اليوم اداة البيج رانك pagerank لتضيفها الى مدونتك ، لا تتعجل وتقول وما الجديد في ذلك فالاضافة معروفة ومتواجدة في كل مكان ، نعم متواجدة في كل مكان ولكن الجديد هنا هو هذه الاشكال الرائعة المقدمة لكم من عدة مواقع اجنبية " تعرف عليها من خلال الاكواد " ، اتمنى ان تجدون الشكل الملائم لكم في هذه الاشكال الجميلة ، وعلى بركة الله نبدأ بمشاهدة الاشكال والاكواد :
<a href="http://sma-b.blogspot.com" target="_blank"><img src="http://www.pagerankbar.com/pr.png" alt="Google Page Rank Checker" border="0" /></a>
<a href="http://sma-b.blogspot.com" target="_blank"><img src="http://www.pagerankbar.com/prdisplay.png" alt="Display Google Page Rank" border="0"
<a href="http://sma-b.blogspot.com" target="_blank"><img src="http://www.pagerankbar.com/prbutton.png" alt="Page Rank Checker Button" border="0" /></a>
<a href="http://sma-b.blogspot.com" title="Free PageRank checking tool" target="_blank"><img src="http://www.free-pagerank-checker.com/pr.php?url=www.yoursite.com" border="0" alt="PageRank" /></a>
<a href="http://sma-b.blogspot.com" target="_blank" title="Get your Google PageRank"><img src="http://www.urltrends.com/pagerankimg.php" border="0" height="25" width="100" alt="Get your Google PageRank"></a>
<a href="http://sma-b.blogspot.com" target="_blank"><img src = "http://www.pagerank-button.com/pagerank5.php" alt="PR Checker" border="0" /></a>
<a href="http://sma-b.blogspot.com" target="_blank"><img src = "http://www.pagerank-button.com/pagerank3.php" alt="PR Checker" border="0" /></a><br />
<a href="http://sma-b.blogspot.com" target="_blank"><img src = "http://www.pagerank-button.com/pagerank6.php" alt="PR Checker" border="0" /></a><br />
<a href="http://sma-b.blogspot.com"><img src="http://www.prbuttons.com/pagerank-display.php?a=getCode&s=vgsun" title="Free PageRank Display Code" border="0px" alt="PageRank" /></a>
<a href="http://sma-b.blogspot.com"><img src="http://www.prbuttons.com/pagerank-display.php?a=getCode&s=Technical" title="Free PageRank Display Code" border="0px" alt="PageRank" /></a>
<a href="http://sma-b.blogspot.com"><img src="http://www.prbuttons.com/pagerank-display.php?a=getCode&s=csblue" title="Free PageRank Display Code" border="0px" alt="PageRank" /></a>
<a href="http://sma-b.blogspot.com"><img src="http://www.prbuttons.com/pagerank-display.php?a=getCode&s=Google" title="Free PageRank Display Code" border="0px" alt="PageRank" /></a>
<a href="http://sma-b.blogspot.com"><img src="http://www.prbuttons.com/pagerank-display.php?a=getCode&s=wpblue" title="Free PageRank Display Code" border="0px" alt="PageRank" /></a>
<a href="http://sma-b.blogspot.com"><img src="http://www.prbuttons.com/pagerank-display.php?a=getCode&s=gsblack" title="Free PageRank Display Code" border="0px" alt="PageRank" /></a>
<a href="http://sma-b.blogspot.com" target="_blank"><img src="http://www.selfseo.com/pagerank.php?type=small" alt="Do it yourself SEO" border="0">
<a href="http://sma-b.blogspot.com" target="_blank"><img src="http://www.selfseo.com/pagerank.php?type=pink" alt="Webmaster Tools" border="0">
<a href="http://sma-b.blogspot.com" target="_blank"><img src="http://www.selfseo.com/pagerank.php?type=apple" alt="Search Engine Optimization Articles" border="0">
<a href="http://sma-b.blogspot.com" target="_blank"><img src="http://www.selfseo.com/pagerank.php?type=large" alt="Search Engine Optimization Articles" border="0">
<a href="http://sma-b.blogspot.com" target="_blank"><img src="http://pr.proxin.cn/pr.php?u=http://YourSite.Com&s=44" alt="Google PageRank Checker" border="0" /></a><br />
<a href="http://sma-b.blogspot.com" target="_blank"><img src="http://pr.proxin.cn/pr.php?u=http://YourSite.Com&s=42" alt="Google PageRank Checker" border="0" /></a>
كما يمكنكم زيارة هذا الموقع لمزيد من الاشكال الجميلة :
11:27 م |
تعديل الرسالة
ونكمل مسيرة اضافات مواقع النشر الاجتماعية بهذه الاضافة الجميلة والتي تحتاجها كل مدونة لتسهيل المشاركة مع مواقع النشر الاجتماعية والتي باتت جزءا لا يتجزأ من استخدامات الانترنت في العالم بشكل عام ووطننا العربي الحبيب بشكل خاص ، ولهذا فلا عجب بأن انشر الكثير من التدوينات التي تركز على هذا الجانب من تطوير مدونات بلوغر .
اولا : عاين الاضافة من هنا
ثانيا : اذا اعجبتك الاضافة فتابع للاسفل لمعرفة طريقة تركيب الاضافة
طريقة تركيب اضافة ازرار المشاركة
_____________________________________________________________________
الخطوة الاولى
من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدمالخطوة الثانية
ابحث عن :<data:post.body/>
واضف بعدها هذا الكود :(كود الاضافة)
<div align='center'>
<span class='post-icons'>
<!-- Widget Title , Share This Start, Remove Or Leave-->
<p align='right'>
<img alt='' border='0' id='BLOGGER_PHOTO_ID_5441163760466269298' src='http://farm2.static.flickr.com/1288/4675198157_65ab0a9db2_m.jpg'/></p><!-- Widget Title , Share This Start, Remove Or Leave--><!-- Stumbleupon Button Start, Remove Or leave --><a expr:href='"http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Stumble This'><img alt='Stumble This' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1EGwH7wJXcXcSViLEVQgs_H-BCJJoSvNXZ1HrhLKpmTYDatqAE4kIBwFtUB8kzAaNEdOctmKbJ9G-XK3QJMXy3_CSrBrGJMV_8nVK315mzLWEYmQf3nlnFHnu2xWh_TqeAr52PWW-1Q4/s200/stumbleupon.png'/></a><!-- Stumbleupon Button End, Remove Or leave --><!-- Technorati Button Start, Remove Or leave --><a expr:href='"http://www.technorati.com/faves?add=" + data:post.url' target='_blank' title='Fav This With Technorati'><img alt='Fav This With Technorati' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqOdOlQTnzXOeEpssTglbL9sK8Ca46uHML4fGF707h05w7qnnfYX7eJY5UgSDYb8DG_EcWUd0-WHbf6fY4wiHiab3xIMIPbeThYFhcdva_ixd8nwfTQ0jK3sB78CjSxU1J9MkqPUxuBMw/s200/technorati.png'/></a><!-- Technorati Button End, Remove Or leave --><!-- Delicious Button Start, Remove Or leave --><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add To Del.icio.us'><img alt='Add To Del.icio.us' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoLh5NEZ36gKOSQRD84ENJaJZ1nsWKWMm67r5EXSMCHEr5rrCd06fWsvDK10CIUmX-t4qzqaygfXV8yWRNjpvp4yIjtP6d7HBcXsL47BTDxOPe3T7vuEHfM3y5ffVRj6fXmnQiDDJuvbQ/s200/delicious.png'/></a>
<!-- Delicious Button End, Remove Or leave --><!-- Digg Button Start, Remove Or leave --><a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Digg This'><img alt='Digg This' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9aHKM8yYfTOBgXiM9UpvHdNeSJm14Ko1RNX_seFsrkdDkRSRJpPFNRa9Cp-Zn2JleAlfILp42PJzWCAfYEnosAHeOe1yEuneSTq26qcygYVt_UhG-CS3Aulw2rhDplIBoLkGwlOLRDvg/s200/digg.png'/></a>
<!-- Digg Button End, Remove Or leave --><!-- Reddit Button Start, Remove Or leave --><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add To Reddit'><img alt='Add To Reddit' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOsHnynswAbQ-N63OdWrwmJCvMThdri9mQ11yE9aQrfx9shGS-R7JO5BJ-MBIwU3BXRcsL867r7rx99Lw4bYJ1HiMZdojMiCMo_UEYCrMOksp-bPLSFlsVTiEossSeGHov7h8983ty5mY/s200/reddit.png'/></a>
<!-- Reddit Button End, Remove Or leave --><!-- FaceBook Button Start, Remove Or leave --><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add To Facebook'><img alt='Add To Facebook' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiwbzboIVH3CoCmh2yUvmb065JoBxANPSlEBhIRftaOwgpwnQwuv-PcDwMbCSLGgBlOqMp9Q1Ca31XKFx50UC7Gd3tOaAICON5QW5bk9dELGeDcfguJPlory8KM3yteupPqJyEio_DpZY/s200/facebook.png'/></a>
<!-- FaceBook Button End, Remove Or leave --><!-- Yahoo Button Start, Remove Or leave --><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add To Yahoo'><img alt='Add To Yahoo' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9gBknz36P0RkTuN3FCXvoP0gWHjFMrsugm7tFtliCxWG3n_qHgmb6R0wQd0bTemXSlYNFm0xCt91_UGKmtALOXd9qFaWkeXVnJkVUDKlu88s385_jmYC1T3ucjyvHu-nkMGzcDxSDGuk/s200/yahoo.png'/></a>
<!-- Yahoo Button End, Remove Or leave --><!-- Twitter Button Start, Remove Or leave --><script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&login=tweettrackjs&apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/>
<a expr:onclick='"return TweetAndTrack.open(this, \"" + data:post.url + "\");"' href='#'>
<span style='display:none;'>I'm reading: <data:post.title/></span><img alt='Add To Yahoo' border='0' class='icon-action' src='http://www.cbc.ca/news/yourvoice/assets/images/yourvoice-twitter.png'/></a>
<!-- Twitter Button End, Remove Or leave -->
</span>
</div>
الان احفظ القالب ومبروك عليك الاضافة .
لتخصيص الاضافة بما يناسبك تابع التدوينة
_____________________________________________________________________
اولا : تستطيع ان تحذف اي ايقونة من هذا الكود وهذا مثال :
لحذف ايقونة موقع delicius اختر هذا الكود واحذفه مع المحافظة على نفس المسافة بين اكواد الايقونات :
<!-- Delicious Button Start, Remove Or leave --><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add To Del.icio.us'><img alt='Add To Del.icio.us' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoLh5NEZ36gKOSQRD84ENJaJZ1nsWKWMm67r5EXSMCHEr5rrCd06fWsvDK10CIUmX-t4qzqaygfXV8yWRNjpvp4yIjtP6d7HBcXsL47BTDxOPe3T7vuEHfM3y5ffVRj6fXmnQiDDJuvbQ/s200/delicious.png'/></a><!-- Delicious Button End, Remove Or leave -->
وتستطيع ايضا ان ترتب الايقونات بما يناسبك عن طريق بدال اماكن الاكواد .
ثانيا : غير صورة عبارة شارك هذه الصفحة بأي صورة اخرى
هذا رابط الصورة في الكود : http://farm2.static.flickr.com/1288/4675198157_65ab0a9db2_m.jpg
ونفس الامر بالنسبة للايقونات تستطيع تغيرها عن طريق تغيير روابط الصور، وعلى سبيل المثال هذا هو رابط صورة ايقونة تويتر :
http://www.cbc.ca/news/yourvoice/assets/images/yourvoice-twitter.png
ثالثا : كلمة center وتعني المنتصف وهي تخص الايقونات وتستطيع تغييرها الى right او left (يمين - شمال )
رابعا : اتمنى ان تكون الاضافة في متناول الجميع بدون اية عوائق في القالب ، ولا انسى ان اشكر allblogtools .
بالتوفيق للجميع
1:54 ص |
تعديل الرسالة
الان اصبح بامكانك ارسال المواضيع الى تويتر وفيسبوك تلقائيا ، ولم تعد هنالك حاجة لأن تقوم بتحديث حالتك يدويا ، فهذا ما سيقوم به موقع twitter feed عوضا عنك .
اذا كنت لا تعلم ما هي مواقع النشر الاجتماعية (تويتر فيسبوك) ، فأنصحك بزيارة الروابط التالية:
ما هو تويتر ؟
ما هو فيسبوك ؟
في هذا الدرس سنتعلم كيفية التسجيل في موقع twitter feed الذي سيقوم تلقائيا بنشر رابط اي موضوع تضيفه الى مدونتك في حسابك في تويتر - فايسبوك - وثلاثة مواقع اخرى هي (Laconica, Ping.fm , Hellotxt ) .

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












اذا كنت لا تعلم ما هي مواقع النشر الاجتماعية (تويتر فيسبوك) ، فأنصحك بزيارة الروابط التالية:
ما هو تويتر ؟
ما هو فيسبوك ؟
في هذا الدرس سنتعلم كيفية التسجيل في موقع twitter feed الذي سيقوم تلقائيا بنشر رابط اي موضوع تضيفه الى مدونتك في حسابك في تويتر - فايسبوك - وثلاثة مواقع اخرى هي (Laconica, Ping.fm , Hellotxt ) .

___________________________________________________________________
- التسجيل في الموقع -
على بركة الله نبدأ شرح التسجيل بالموقع :
ادخل الى موقع تويتر فيد ومن ثم اضغط على register now
واتبع الشرح كما في الصور












بالتوفيق ، ومبروك عليكم الخدمة
1:51 ص |
تعديل الرسالة
الفيس بوك ، " موقع ويب للتواصل الاجتماعي يمكن الدخول إليه مجاناً وتديره شركة "فيس بوك" محدودة المسئولية كملكية خاصة لها. فالمستخدمون بإمكانهم الانضمام إلى الشبكات التي تنظمها المدينة أو جهة العمل أو المدرسة أو الإقليم، وذلك من أجل الاتصال بالآخرين والتفاعل معهم. كذلك، يمكن للمستخدمين إضافة أصدقاء إلى قائمة أصدقائهم وإرسال الرسائل إليهم، وأيضًا تحديث ملفاتهم الشخصية وتعريف الأصدقاء بأنفسهم."
لمزيد من المعلومات قم بزيارة الرابط التالي : ما هو فيس بوك
مما سبق نستنتج بأن الفيس بوك مصدر مهم لنشر المواضيع والافكار ، وجلب الزوار بروابط مباشرة الى مدونتك ، وأيضا بالمقابل يجب عليك ان تعمل على تسهيل مشاركة الزوار لمواضيع مدونتك في الشبكات الاجتماعية . ومن هذا المنطلق أقدم لكم هذا الدرس .
سنتعلم في هذا الدرس كيفية اضافة عداد مشاركة الموضوع على الفيس بوك.
_____________________________________________________________________
الخطوة الاولى
اختر الكود الذي يلائمك :
الكود الاول :ايقونة كبيرة
<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>الكود الثاني : ايقونة صغيرة
<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>الخطوة الثانية
من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع قوالب عناصر واجهة المستخدم
ابحث عن :
<div class='post-header-line-1'/>
اذا وجدتها فأضف الكود الذي اخترته بعدها مباشرة
اذا لم تجدها فابحث عن :
<data:post.body/>واضف الكود الذي اخترته قبلها مباشرة
الخطوة الثالثة
احفظ قالب مدونتك ومبروك عليك الاضافة
لا تنسى الانضمام الى صفحتي في فيس بوك
6:53 ص |
تعديل الرسالة
تويتر ،، "" هو موقع شبكات اجتماعية يقدم خدمة تدوين مصغر والتي تسمح لمستخدميه بإرسال تحديثات 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/>الخطوة الثالثة
احفظ القالب ، ومبروك عليكم الاضافة
لا تنسى متابعتي على تويتر





























