‏إظهار الرسائل ذات التسميات مواقع النشر الاجتماعية. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات مواقع النشر الاجتماعية. إظهار كافة الرسائل

الخميس، 2 سبتمبر 2010

المجموعة الثالثة - ايقونات مواقع النشر الاجتماعية والاعلامية لاصحاب المدونات والمواقع social icons 3

1:43 م   ,   لا يوجد تعليقات

السلام عليكم ،

احبائي زوار ومتابعي مدونة سما بلوجر ،ونستكمل معكم سلسلة مواضيع ايقونات مواقع النشر الاجتماعية بهذه المجموعة ، والتي تحتوي  على ايقونات لاشهر المواقع مثل - فيس بوك facbook ، تويتر twitter ، بيكاسا picasa ، بلوجر blogger ، وورد بريس wordpress ، ار اس اس rss ، ياهو yahoo ، يوتيوب youtube ، فليكر flicker ، جوجل google ، جيميل gmail ، صدى جوجل google buzz ، مي سبيس my space ، ديليسيوس delicious ، ديج digg ، فيد برنر feedburner والمزيد من الايقونات الشهيرة ، اتمنى ان تنال اعجابكم ....





1- ايقونات الاوعية الملونة















2- ايقونات دائرية ثلاثية الابعاد













3- ايقونات الاشكال التركيبية

















4- ايقونات الصور السريعة











5- ايقونات الالوان الزيتية



















6- ايقونات الاوراق المستهلكة















7- ايقونات يدوية جميلة

8- ايقونات الدوائر البيضاء ثلاثية الابعاد











9- ايقونات جيلي الزرقاء















10- ايقونات الازرار الفضية والسوداء















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



اقرء المزيد

الثلاثاء، 24 أغسطس 2010

المجموعة الثانية - ايقونات مواقع النشر الاجتماعية والاعلامية لاصحاب المدونات والمواقع social icons 2

12:47 م   ,   لا يوجد تعليقات

السلام عليكم ،

كما وعدتكم احبائي في موضوع المجموعة الاولى استمر في عرض المزيد من الايقونات المختارة لمواقع النشر الاجتماعية وكحال المجموعة الاولى فان هذه المجموعة تحتوي على ايقونات لاشهر المواقع الاجتماعية مثل - فيس بوك facbook ، تويتر twitter ، بيكاسا picasa ، بلوجر blogger ، وورد بريس wordpress ، ار اس اس rss ، ياهو yahoo ، يوتيوب youtube ، فليكر flicker ، جوجل google ، جيميل gmail ، صدى جوجل google buzz ، مي سبيس my space ، ديليسيوس delicious ، ديج digg ، فيد برنر feedburner والمزيد من الايقونات الشهيرة ، اتمنى ان تنال اعجابكم ....



1- ايقونات جميلة على شكل لوحات فنية مرسومة







2- ايقونات عالية الجودة 













3- ايقونات محمولة بواسطة ابطال الرسوم المتحركة القديمة











4- 24 ايقونة بأشكال جميلة









5- ايقونات رائعة بشكل رسومات على دفتر - حجم 64 ميقا







6- ايقونات دائرية عالية الجودة





7- 74 ايقونة كتابة بيضاء وخلفية زرقاء





8- ايقونات عالية الجودة ثلاثية الابعاد







9- على شكل ازرار مستطيلة جميلة 





10- 10 ايقونات رائعة جدا









وبهذا ننتهي من عرض المجموعة الثانية - انتظروا المجموعة الثالثة ، وبالتوفيق دوما ادعو لي ولكم

اقرء المزيد

الاثنين، 16 أغسطس 2010

المجموعة الاولى - ايقونات مواقع النشر الاجتماعية والاعلامية لاصحاب المدونات والمواقع social icon

12:53 م   ,   لا يوجد تعليقات

السلام عليكم ،

احبائي زوار ومتابعي مدونة سما بلوجر ، اقدم لكم اليوم تشكيلة مميزة جدا من ايقونات مواقع النشر الاجتماعية جمعتها لكم من عدة مواقع اجنبية مميزة ،  تحتوي هذه المجموعة على ايقونات لاشهر المواقع مثل - فيس بوك facbook ، تويتر twitter ، بيكاسا picasa ، بلوجر blogger ، وورد بريس wordpress ، ار اس اس rss ، ياهو yahoo ، يوتيوب youtube ، فليكر flicker ، جوجل google ، جيميل gmail ، صدى جوجل google buzz ، مي سبيس my space ، ديليسيوس delicious ، ديج digg ، فيد برنر feedburner والمزيد من الايقونات الشهيرة ، اتمنى ان تنال اعجابكم ....





1- ايقونات على شكل بالونات هواء .







3- ايقونات العشب الاخضر









5- على شكل اكواب فاخرة









7- ايقونات على شكل بالونات زرقاء







8- ايقونات على شكل عنكبوت









10- ايقونات على شكل بالون او فكرة ثلاثية الابعاد





ويهذا ننتهي من عرض المجموعة الاولى ، انتظروا المجموعة القادمة ، وبالتوفيق دوما ادعو لي ولكم

اقرء المزيد

الاثنين، 9 أغسطس 2010

حدث حسابك تلقائيا في صدى جوجل google buzz

9:15 ص   ,   لا يوجد تعليقات



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

1- ادخل الى حسابك في google buzz او من خلال الدخول الى بريد جيميل ومن ثم اضغط على نبضات جوجل اسفل علبة الوارد   

 الان شاهد الصورة التالية ولمزيد من الوضوح اضغط عليها







2- بعد ان قمت بالضغط على تعديل وفتح لك لسان جديد - انزل اسفل الصفحة حتى تصل الى تبويب links كما هو موضح في الصورة التالية - عبأ الخانة الاولى برابط مدونتك والخانة الثانية بعنوانها - ثم اضغط على add - وانزل للاسفل واضغط  على save changes .







3- الان بعد ان تم حفظ التغييرات - ارجع الى صفحة جوجل باز على البريد الالكتروني وانظر اعلى الصفحة جهة اليسار واضغط على كلمة اعدادات - ثم ستفتح لك صفحة جديدة تحتوي على كافة اعدادات البريد الالكتروني - اضعط على اخر تبويب نبضات google - ثم من خانة مواقعك المتصلة اضغط على عرض وتعديل - صورة للتوضيح 










4- بعد ان ضغطت على عرض وتعديل - اضغط على كلمة اضافة مقابل اي رابط تريده - كما يمكنك ان تضيف تحديثات حسابك في تويتر ان وجد مباشرة الى حسابك في google buzz تلقائيا عن طريق وضع اسم المستخدم في تويتر بعد ان تضغط على اضافة - صورة للتوضيح









5- اضغط على حفظ وتمتع بالخدمة ـ ويشرفني ان تتابعوني على صدى جوجل من هنا - الرابط -



وبالتوفيق دوما ادعو لي ولكم



اقرء المزيد

الجمعة، 2 يوليو 2010

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

5:08 م   , ,   لا يوجد تعليقات



السلام عليكم ،


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







اولا : هذه صورة للازرار بالحجم الطبيعي :

ثانيا : طريقة تركيب الاضافة


1-  في القوالب التقليدية الموجودة في بلوجر


- ندخل الى لوحة التحكم ومن ثم التصميم - عناصر الصفحة - نضغط على تحرير في جسم رسائل المدونة الالكترونية







- يمكنك وضع الازرار في المكان الذي تريده عن طريق السحب والافلات .





لا تنسى ان تستعرض مدونتك وتشاهد مكان ظهور الازرار .

اذا لم تظهر الازرار فتابع الشرح التالي - وحافظ على الخطوات السابقة .



2- طريقة تركيب الاضافة في القوالب المتقدمة


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

الان ادخل الى تحرير html ولا تنسى ان تحفظ القالب ومن ثم اضغط على توسيع القالب ،

وبعد ذلك  ابحث عن :





<p class='post-footer-line post-footer-line-3'>


 او



<div class='post-footer-line post-footer-line-3'>


او





<data:post.body/>


 
 ومن ثم اضف احد الكودين التاليين بعد او تحت  التي وجدتها مباشرة :



الكود الاول : اذا كنت تريد ان تظهر الازرار في صفحة التدوينة فقط ، دون ان تظهر في الصفحة الرئيسية للمدونة.



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

<div class='post-share-buttons'>

   <b:include data='post' name='shareButtons'/>

</div>

</b:if> 


 الكود الثاني : اذا اردت ان تظهر الازرار في صفحة التدوينة وفي الصفحة الرئيسية ايضا .



<div class='post-share-buttons'>

   <b:include data='post' name='shareButtons'/>

</div>


كما تستطيع ان تضيف احد الاكواد السابقة بعد كل من :



<div class='post-footer-line post-footer-line-1'>

<div class='post-footer-line post-footer-line-2'>




او



<p class='post-footer-line post-footer-line-1'>
<p class='post-footer-line post-footer-line-2'>






وبذلك سيتغير مكان ظهور الازرار حسب الكود الذي اضفت كود الازرار بعده
____________________________________________________________________


ثالثا : اذا اردت ان تخفي احد الازرار من الظهور ، فلك ذلك .


ابحث عن :


]]></b:skin>




واضف فوفها مباشرة هذا الكود باسم الايقونة المراد حذفها مثلا ايقونة بلوجر :


.sb-blog{display:none}


وبالتالي سيتم حذف ايقونة بلوجر وبنفس الطريقة بالنسبة الى - sb-email , sb-twitter, sb-facebook, sb-buzz 


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







اقرء المزيد

الجمعة، 18 يونيو 2010

ثلاثة اشكال جديدة لأضافة التواصل (feedburner +facebook&twitter)

11:09 ص   ,   لا يوجد تعليقات





السلام عليكم ،

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



 الشكل الاول








 الكود


 <!-- Email subsciption box -->

<form id="subscribe" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=sma-b', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><b style="color: rgb(102, 51, 255);">اعجبتك تدويناتي?</b> كن الاول في معرفة جديد المدونة عبر البريد الالكتروني ، واستمتع بالخدمة!



<div style="text-align: center;">

<input autocomplete="off" value="ضع بريدك الالكتروني..." id="subbox" onfocus="if (this.value == &#39;ضع بريدك الالكتروني هنا...&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email address...&#39;;}" name="email" style="width: 200px; background-repeat: no-repeat ! important; background-image: url(&quot;chrome://sxipper/skin/images/field_icon_R.png&quot;) ! important; background-position: right center ! important; padding-left: 0px ! important;" type="text" />

<input value="sma-b" name="uri" type="hidden" />

<input name="loc" value="en_US" type="hidden" />

<input value="OK" id="subbutton" type="submit" />

</div></form>



<div>

<center>

<table>

<tbody><tr>

<td>

<a href="http://feeds.feedburner.com/sma-b "><img src="http://feeds.feedburner.com/%7Efc/sma-b%20?bg=99CCFF&amp;fg=111111&amp;anim=1" style="border: 0pt none;" alt="" height="26" width="88" /></a>

</td><td>

<script type="text/javascript" language="JavaScript" src="http://twittercounter.com/embed/adiarar1/000000/99ccff"></script>

</td>

</tr>

</tbody></table></center>

</div>



<div style="padding-left: 10px;">

<table>

<tbody><tr><td>

<a href="http://feeds.feedburner.com/sma-b%20" target="_blank" title="اشترك في اخر التدوينات"><img style="float: left; margin-right: 5px; width: 20px; height: 20px;" src="http://img243.imageshack.us/img243/2619/10rssicon.png" /></a><a href="http://feeds.feedburner.com/sma-b%20" target="_blank" title="اشترك في اخر التدوينات">اشترك عبر  RSS Feed</a>

</td></tr>

<tr><td>

<a href="http://www.facebook.com/adiarar1" target="_blank" title="Facebook "><img style="float: left; margin-right: 5px; width: 20px; height: 20px;" src="http://img163.imageshack.us/img163/8637/10facebookicon.png" /></a>

<a href="http://www.facebook.com/adiarar1" target="_blank" title="Facebook ">تواصل عبر facebook</a>

</td></tr>

<tr><td>

<a href="http://twitter.com/adiarar1" target="_blank" title="Twitter time"><img style="float: left; margin-right: 5px; width: 20px; height: 20px;" src="http://img189.imageshack.us/img189/6853/10twittericon.png" /></a><a href="http://twitter.com/adiarar1" target="_blank" title="Twitter ">  اتبعني عبر Twitter</a>

</td></tr>

</tbody></table></div>

<!-- /Email subsciption box -->








 ______________________________________________________________________



الشكل الثاني
 

الكود


<div style="background-color: rgb(255, 255, 255); background-image: url(&quot;http://img171.imageshack.us/img171/2742/rssbg.png&quot;); background-repeat: no-repeat; background-attachment: scroll; background-position: 0% 0%; -moz-background-size: auto auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding-top: 0px;">

<form action="http://feedburner.google.com/fb/a/mailverify" id="subscribe" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=sma-b;, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">

<p><a href="http://feeds.feedburner.com/sma-b" target="_blank" title="subscribe to the latest posts"><img src="http://img171.imageshack.us/img171/162/rssicons.jpg" style="float: left; width: 38px; height: 38px; margin-right: 5px;" /></a><a style="font-weight: bold; color: rgb(51, 0, 153);" href="http://feeds.feedburner.com/sma-b" target="_blank" title="اشترك في اخر التدوينات"><u>اشترك في rss</u></a>

واحصل على الجديد اولا بأول !</p>



<div style="text-align: center;"><b style="color: rgb(204, 0, 0);">احصل على اخر التدوينات بالبريد الالكتروني</b>

<input autocomplete="off" id="subbox" name="email" onblur="if (this.value == &amp;apos;&amp;apos;) {this.value = &amp;apos;Enter your email address...&amp;apos;;}" onfocus="if (this.value == &amp;apos;Enter your email address...&amp;apos;) {this.value = &amp;apos;&amp;apos;;}" style="width: 215px; background-repeat: no-repeat ! important; background-image: url(&quot;chrome://sxipper/skin/images/field_icon_R.png&quot;) ! important; background-position: right center ! important; padding-left: 0px ! important;" value="ضع بريدك الالكتروني" type="text" />

                <input name="uri" value="sma-b" type="hidden" />            <input name="loc" value="en_US" type="hidden" />                     <input id="subbutton" value="OK" type="submit" />                  <div style="clear: both;"> <center><table border="0"> <tbody><tr> <td><a href="http://www.facebook.com/adiarar1" target="_blank" title="connect to us on facebook"><img src="http://img29.imageshack.us/img29/3497/facebookiconf.jpg" style="width: 54px; height: 54px;" /></a></td><td><a href="http://twitter.com/adiarar1" target="_blank" title="follow us">

<img src="http://img291.imageshack.us/img291/3765/twittericon.jpg" style="width: 54px; height: 54px;" /></a>

</td><td>

</td><td><a href="http://feeds.feedburner.com/sma-b"><img alt="Fellow Readers" src="http://feeds.feedburner.com/%7Efc/sma-b?bg=000000&amp;fg=FFFFFF&amp;anim=1" style="border: 0pt none; padding-top: 5px;" height="26" width="88" /></a>

<div id="twittercounter"><a href="http://twittercounter.com/adiarar1?from=button" target="_blank" title="adiarar1"><img alt="TwitterCounter for adiarar1" src="http://srv2.twittercounter.com/counter/ani/adiarar1/ffffff/111111" style="border: medium none;" height="26" width="88" /></a></div></td> </tr> </tbody></table></center> </div></div></form></div>
________________________________________________________________________


الشكل الثالث




الكود


<a href="http://feeds2.feedburner.com/sma-b" title="اشترك عبر rss"><img alt="RSS" src="http://i50.tinypic.com/esnlvc.jpg" style="float: left; vertical-align: middle; padding-right: 10px;" border="0" /></a>

<p style="padding: 5px 0pt;"><a href="http://feeds2.feedburner.com/sma-b" title="اشترك عبر rss">احصل على الجديد عبر rss!</a>

(ماذا يعني هذا? — <a href="http://www.youtube.com/watch?v=0klgLsSxGsU" target="_blank" title="RSS in Plain English">اعرف المزيد عن هذه الخدمة</a>)</p>





<a href="http://feedburner.google.com/fb/a/mailverify?uri=sma-b" title="احصل على الجديد عبر البريد الالكتروني"><img alt="اشترك" src="http://i45.tinypic.com/xmk8w6.jpg" style="float: left; vertical-align: middle; padding-right: 10px;" border="0" /></a>

او اشترك عبر البريد الالكتروني من هنا :

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open(\" com="" fb="" a="" uri="sma-b" scrollbars="yes,width=550,height=520\');return" true="" style="text-align: center;" target="popupwindow">

<input autocomplete="off" name="email" style="width: 140px; background-repeat: no-repeat ! important; background-image: url(&quot;chrome://sxipper/skin/images/field_icon_R.png&quot;) ! important; background-position: right center ! important; padding-left: 0px ! important;" type="text" />

<input name="uri" value="sma-b " type="hidden" />

<input name="loc" value="en_US" type="hidden" />

<input onmouseover="style.cursor=\" style="margin: 5px; cursor: pointer;" value="موافق" type="submit" />

</form>


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

_______________________________________________________________________



- تخصيص الكود -


1.  غير كل sma-b اينما تجدها برابط مدونتك على feedburner .

    مثال : http://feeds2.feedburner.com/sma-b



2.  غير روابط مدونتي في فيس بوك بروابطك الخاصة مثل :  http://www.facebook.com/adiarar1


3.  غير روابط مدونتي في تويتر بروابطك الخاصة ان وجدت مثل :"http://twitter.com/adiarar1"



4.  تستطيع تغيير الجمل والكلمات داخل الكود وكل ما يمكن تغييره مكتوب بخط احمر .



5.  كما يمكن تخصيص بعض الاشياء الاخرى مثل الاتجاه والخلفية والعرض الخ ...


6.  قد يكون هنالك ما غفلت عنه ولذا يمكنك ان تترك تعليق باستفسارك ، ومبروك عليك الاضافة .



اقرء المزيد

الثلاثاء، 8 يونيو 2010

اضافة ازرار مواقع النشر الاجتماعية اسفل التدوينة - social bookmarking

7: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='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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/AVvXsEg0sLf3tP_fXqdNV9LgIPcDxXs0tQ100yt0CIkbAnv8eAgYAtEzvRZwEx5yx2n0TDCoyxrydUTuZtXD8rm3aGoNpz_-i3UxA8J2hHWdpzGtOvq5vG8CJdpTCNEjvZxG7bAhFtsetorHg0Q/s200/stumbleupon.png'/></a>

  <!-- Stumbleupon Button End, Remove Or leave -->




<!-- Technorati Button Start, Remove Or leave -->
  <a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + 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/AVvXsEg3A-AGhB0gwCFGT5RikiruOBHBA_YMvxAIGESsy-vIl2VR1x5ZYej3kn4Z6AIZVBJyL-2lydyD2QNW__YhiM7vfdcYtmD7j_t9LwTkm0HVoMUPL4VIV5_ZfswKHJm3OKkBr1mcijUKZBY/s200/technorati.png'/></a>

  <!-- Technorati Button End, Remove Or leave -->




<!-- Delicious Button Start, Remove Or leave -->
  <a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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/AVvXsEiVWQPEo-hEjhSts-lv2NEyuhjcvVbHnAj8PLC1MgtATuPbXxVNr63Eat3BTdqn0RqPv0MyCgrBwqInvXQGYnmTSwjpc2Yyu39Ptm_ebx0g5cIZQX5aEQFHgJYV3wqVUigLO7H_hZEqnpw/s200/delicious.png'/></a>

  <!-- Delicious Button End, Remove Or leave -->





<!-- Digg Button Start, Remove Or leave -->
  <a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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/AVvXsEiauYQHhP1e-ufLLemb1eHUmZXq4Pga_7-U3i2nlN2OuRC93Ih4WQ2jGhPQFtZGoyPbXfW9dy0Js2x6hEQvz8M8f1OAlZTsVmT5g5Tavf1jEEN91GwppH_SxmTuHu8Dudpbp56f6qKiR5o/s200/digg.png'/></a>

  <!-- Digg Button End, Remove Or leave -->





<!-- Reddit Button Start, Remove Or leave -->
  <a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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/AVvXsEjRlY206hYKLeDGuYexSfSgBXs-YDbg3hdu05vxuaLBdXVJYN3IjDkIrmnnY2skUpEAWzDo5kAHkrGv7jPG4Jn7N0B7aO43iQ8uyki3Wfy9q9C8lp-PcWJlnjX5oPj7ea3spuufGs5AAHg/s200/reddit.png'/></a>

  <!-- Reddit Button End, Remove Or leave -->







<!-- FaceBook Button Start, Remove Or leave -->
  <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + 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/AVvXsEhsUdjY_9cr3C1Tex1BzolGzseCi9VMjufam2mYmdJ4dgWLKFSHUzHEvns1dyQZY6vL542j8bJKfxbeXCkSbZFbLk6D_eDxa194idQyxnz4bEhs1O5fC7gyRPOcqP7Uy5S1s7tUrStfj8c/s200/facebook.png'/></a>

  <!-- FaceBook Button End, Remove Or leave -->





<!-- Yahoo Button Start, Remove Or leave -->
  <a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + 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/AVvXsEhXI6FF0VP15oN1YDUuC04QFQYBrSAwlxwy-qfzidB5ZF_8ecWEsKB4ZrXcmeLC1yIu9R0uwgAwQ3c_-fI9XB9x8kPpIwI-xBMoTOd2afdMgKWUmr5dUXTp0z3et2CcxeQbI2k5eoVuzd4/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&amp;login=tweettrackjs&amp;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='&quot;return TweetAndTrack.open(this, \&quot;&quot; + data:post.url + &quot;\&quot;);&quot;' href='#'>

  <span style='display:none;'>I&#39;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='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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/AVvXsEiVWQPEo-hEjhSts-lv2NEyuhjcvVbHnAj8PLC1MgtATuPbXxVNr63Eat3BTdqn0RqPv0MyCgrBwqInvXQGYnmTSwjpc2Yyu39Ptm_ebx0g5cIZQX5aEQFHgJYV3wqVUigLO7H_hZEqnpw/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 .



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


اقرء المزيد

الأحد، 6 يونيو 2010

اضف زر اعجبني من فيس بوك الى التدوينة - like button

6:19 م   ,   لا يوجد تعليقات

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







__________________________________________________________________




لاضافة زر الاعجاب تابع الخطوات .



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

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

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

ابحث عن :





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


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



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

<data:post.body/>


واضف الكود التالي بعدها ليظهر في اخر التدوينة ، او قبلها ليظهر اول التدوينة



اما كود الاضافة فانسخه من هنا :



<b:if cond='data:blog.pageType == &quot;item&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/> </b:if>






لا تنسى الكلمات باللون الاحمر يمكن تعديلها

tahoma : نوع الخط

light : يعني خفيف ، ويمكن تغييرها الى dark

450px : العرض الذي ستأخذه الاضافة ويمكن تغييره حسب قالب مدونتك





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

اقرء المزيد