Ezz Tech

اضافه ازرار صغيره للتواصل الاجتماعي راس الصفحة بلوجر

<div dir="rtl" style="text-align: right;" trbidi="on">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRd2me1cYM8aDQocTUksi579GLxGbg4xX7LAQjUl71XiyAWiGHmICLPG1cm6YsoDfAKYtoCW9gojr9Axbo8E_LfxY7ISzh6A3Who8J4yLPSrdlKlHFO_Zthbkkry0QevxrAJutpUaopJBS/s1600/%D8%A5%D8%B6%D8%A7%D9%81%D8%A9+%D8%A3%D8%B2%D8%B1%D8%A7%D8%B1+%D8%A7%D9%84%D9%85%D8%B4%D8%A7%D8%B1%D9%83%D8%A9+%D9%81%D9%8A+%D9%85%D9%88%D8%A7%D9%82%D8%B9+%D8%A7%D9%84%D8%AA%D9%88%D8%A7%D8%B5%D9%84+%D8%A7%D9%84%D8%A5%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%8A%D8%A9+%D9%84%D9%80+%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1+%D8%A3%D8%B3%D9%81%D9%84+%D8%A7%D9%84%D9%85%D9%88%D8%B6%D9%88%D8%B9+%D8%A3%D9%88+%D8%A7%D9%84%D8%AA%D8%AF%D9%88%D9%8A%D9%86%D8%A9+%D8%A8%D8%B7%D8%B1%D9%8A%D9%82%D8%A9+%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9.png" style="margin-left: auto; margin-right: auto;"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRd2me1cYM8aDQocTUksi579GLxGbg4xX7LAQjUl71XiyAWiGHmICLPG1cm6YsoDfAKYtoCW9gojr9Axbo8E_LfxY7ISzh6A3Who8J4yLPSrdlKlHFO_Zthbkkry0QevxrAJutpUaopJBS/s1600-rw/%D8%A5%D8%B6%D8%A7%D9%81%D8%A9+%D8%A3%D8%B2%D8%B1%D8%A7%D8%B1+%D8%A7%D9%84%D9%85%D8%B4%D8%A7%D8%B1%D9%83%D8%A9+%D9%81%D9%8A+%D9%85%D9%88%D8%A7%D9%82%D8%B9+%D8%A7%D9%84%D8%AA%D9%88%D8%A7%D8%B5%D9%84+%D8%A7%D9%84%D8%A5%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%8A%D8%A9+%D9%84%D9%80+%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1+%D8%A3%D8%B3%D9%81%D9%84+%D8%A7%D9%84%D9%85%D9%88%D8%B6%D9%88%D8%B9+%D8%A3%D9%88+%D8%A7%D9%84%D8%AA%D8%AF%D9%88%D9%8A%D9%86%D8%A9+%D8%A8%D8%B7%D8%B1%D9%8A%D9%82%D8%A9+%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"></td></tr>
</tbody></table>
<div style="background-color: white; line-height: 20.7969px;">
<div style="text-align: center;">
<span style="border: none; font-size: 12.8px; list-style: none; margin: 0px; outline: none; padding: 0px;">اضافة ازرار مشاركة مواقع التواصل الإجتماعية لمدونات بلوجر</span></div>
</div>
<div style="line-height: 20.7969px;">
<span style="font-size: large;"><br /><h2 style="text-align: center;">
<span style="color: red;">إضافة أزرار المشاركة في مواقع التواصل الإجتماعية <span style="font-size: large;"><br /></span><span style="font-size: large;"><br /></span></span></h2>
<h2 style="text-align: center;">
<span style="color: red;"><span style="font-size: large;">لمدونات بلوجر أسفل الموضوع أو التدوينة بطريقة سهلة واحترافية</span></span></h2>
</span></div>
<div style="line-height: 20.7969px; text-align: right;">
<span style="font-size: large;"><br /><div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
كيفية إضافة أزرار مشاركة الموضوع أو التدوينة على المواقع الإجتماعية </div>
</span></div>
<div style="line-height: 20.7969px; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="line-height: 20.7969px; text-align: center;">
<span style="font-size: large;">من طرفك أو من طرف زوار مدونتك و هذا لديه دور مهم جدا </span></div>
<div style="line-height: 20.7969px; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="line-height: 20.7969px; text-align: center;">
<span style="font-size: large;">في جلب عدد لا يصدق أحيانا فقط من المواقع الاجتماعية </span></div>
<div style="line-height: 20.7969px; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="line-height: 20.7969px; text-align: right;">
<div style="text-align: center;">
<span style="font-size: large;">التي تعتبر اليوم أكثر مورد لجلب الزوار</span></div>
<span style="font-size: large;"><div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
نبدأ على بركة الله</div>
<br /><a class="titlex" href="https://ezzeldin-ahmed.blogspot.com/2021/06/Add-Contact-us-blogger.html" style="background-color: white; color: #0e0e0e; display: block; font-family: "Droid Arabic Naskh", serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: 600; line-height: 1.4em; margin: 0px; max-height: 200px; overflow: visible; text-align: center; text-decoration-line: none;">نموذج اتصال بلوجر المطور صفحة اتصل بنا جاهزة قالب اتصل بنا html Blogger</a><div style="text-align: center;"><br /></div><ul style="text-align: right;">
<li><span style="font-size: large;">نذهب إلى تصميم|تحرير HTML|</span></li>
<li><span style="font-size: large;"><br /></span></li>
<li><span style="font-size: large;">نأخذ نسخة احتياطية من القالب</span></li>
<li><span style="font-size: large;"><br /></span></li>
<li><span style="font-size: large;">توسيع القالب</span></li>
<li><span style="font-size: large;"><br /></span></li>
<li><span style="font-size: large;">CTRL+F</span></li>
<li><span style="font-size: large;"><br /></span></li>
<li><span style="font-size: large;">نبحث عن الكود :</span></li>
</ul>
</span></div>
<div style="line-height: 20.7969px; text-align: right;">
<span style="font-size: large;"><a class="titlex" href="https://ezzeldin-ahmed.blogspot.com/2020/07/html-news-ticker-code.html" style="background-color: white; color: #0e0e0e; display: block; font-family: "Droid Arabic Naskh", serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: 600; line-height: 1.4em; margin: 0px; max-height: 200px; overflow: visible; text-align: center; text-decoration-line: none;">كود شريط الاخبار html شرح تركيب شريط متحرك للمواقع والمدونات</a><div style="text-align: center;"><br /></div><data:post.body/><br /><br /> </span></div>
<div style="line-height: 20.7969px; text-align: right;">
<h3 style="text-align: right;">
<span style="color: red; font-size: large;">وبعده مباشرة نلصق الكود التالي:</span></h3>
<br />
<div style="background-color: white; color: #555555; font-family: "droid arabic kufi", "helvetica neue", arial, helvetica, sans-serif; font-size: 13px;">
<span style="border: none; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><br /></span></div>
<div style="color: #555555; font-family: "droid arabic kufi", "helvetica neue", arial, helvetica, sans-serif; font-size: 13px; padding: 0px 0px 15px;">
<br />
<div style="text-align: left;">
<b><span style="border: none; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="background-color: #fff2cc; border: none; font-family: "courier"; list-style: none; margin: 0px; outline: none; padding: 0px;"><span class='st_facebook_vcount' displayText='Facebook'></span></span></span></b></div>
<b style="background-color: #fff2cc;"><div style="text-align: left;">
<b style="background-color: #fce5cd;"><span style="border: none; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="border: none; font-family: "courier"; list-style: none; margin: 0px; outline: none; padding: 0px;"><span class='st_fblike_vcount' displayText='Facebook Like'></span></span></span></b></div>
<span style="border: none; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><div style="text-align: left;">
<b style="background-color: #fce5cd;"><span style="border: none; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="border: none; font-family: "courier"; list-style: none; margin: 0px; outline: none; padding: 0px;"><span class='st_twitter_vcount' displayText='Tweet'></span></span></span></b></div>
<span style="border: none; font-family: "courier"; list-style: none; margin: 0px; outline: none; padding: 0px;"><div style="text-align: left;">
<b style="font-family: "droid arabic kufi", "helvetica neue", arial, helvetica, sans-serif;"><span style="border: none; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="border: none; font-family: "courier"; list-style: none; margin: 0px; outline: none; padding: 0px;"><span class='st_googleplus_vcount' displayText='Google +'></span></span></span></b></div>
</span><span style="border: none; font-family: "courier"; list-style: none; margin: 0px; outline: none; padding: 0px;"><div style="text-align: left;">
<b style="font-family: "droid arabic kufi", "helvetica neue", arial, helvetica, sans-serif;"><span style="border: none; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="border: none; font-family: "courier"; list-style: none; margin: 0px; outline: none; padding: 0px;"><span class='st_email_vcount' displayText='Email'></span></span></span></b></div>
</span></span></b></div>
<div style="background-color: white; font-family: "droid arabic kufi", "helvetica neue", arial, helvetica, sans-serif; padding: 0px 0px 15px;">
<h3 style="text-align: right;">
<span style="border: none; color: red; font-family: inherit; font-size: large; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="border: none; list-style: none; margin: 0px; outline: none; padding: 0px;">الأن ابحث عن </span><span style="background-color: #fce5cd; border: none; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="border: none; list-style: none; margin: 0px; outline: none; padding: 0px;"><head></span></span></span></h3>
</div>
<div style="background-color: white; color: #555555; font-family: "droid arabic kufi", "helvetica neue", arial, helvetica, sans-serif; padding: 0px 0px 15px;">
<h4 style="text-align: right;">
<span style="border: none; color: red; font-family: inherit; font-size: large; list-style: none; margin: 0px; outline: none; padding: 0px;">بعده مباشرة الصق الكود التالي :</span></h4>
</div>
<div style="color: #555555; font-family: "droid arabic kufi", "helvetica neue", arial, helvetica, sans-serif; padding: 0px 0px 15px;">
<br />
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="background-color: #fce5cd; border: none; font-family: "courier"; list-style: none; margin: 0px; outline: none; padding: 0px;"><script type="text/javascript">var switchTo5x=true;</script></span></b></div>
<span style="background-color: #fce5cd; border: none; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><div style="text-align: left;">
<b style="font-family: inherit;"><span style="border: none; font-family: "courier"; list-style: none; margin: 0px; outline: none; padding: 0px;"><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script></span></b></div>
<b><div style="text-align: left;">
<b style="font-family: inherit;"><span style="border: none; font-family: "courier"; list-style: none; margin: 0px; outline: none; padding: 0px;"><script type="text/javascript">stLight.options({publisher: "8754ee54-f61d-41a3-82b5-6c74d5f8c83c", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script></span></b></div>
</b></span></div>
</div>
<div style="line-height: 20.7969px;">
<div dir="rtl">
<div style="background-color: white; color: #555555; font-family: "droid arabic kufi", "helvetica neue", arial, helvetica, sans-serif; font-size: 13px;">
<b><span class="Apple-style-span" style="border: none; line-height: 19px; list-style: none; margin: 0px; outline: none; padding: 0px;"><b><b><span style="border: none; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="border: none; color: #cc0000; font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;"><br /></span></span></b></b></span></b></div>
<h4 style="background-color: white; color: #555555; font-family: "droid arabic kufi", "helvetica neue", arial, helvetica, sans-serif; font-size: 13px; text-align: center;">
<b><span class="Apple-style-span" style="border: none; line-height: 19px; list-style: none; margin: 0px; outline: none; padding: 0px;"><b><b><span style="border: none; font-family: inherit; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="border: none; color: #cc0000; font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;">ملحوظة للجميع!! </span></span></b></b></span></b></h4>
<span style="font-size: large;"><div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
هناك العديد من التعليقات يُخبرونني بأنه وقع معهم خطأ ولم تظهر الأزرار </div>
</span><br />
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: large;">في مدونتهم أو أنها تظهر اسفل التدوينة وأيضا في الصفحة الرئيسية </span></div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: large;">وهم لا يرغبون بأن تظهر في الصفحة الرئيسية </span></div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
<br />
<div style="text-align: center;">
<span style="font-size: large;">خصوصاً إذا كانت رسائل الصفحة الرئيسية مُلخصة</span></div>
<span style="font-size: large;"><div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
هذه هي الأسباب سأدرجها وطريقة حل أي مشكلة ووضع الإضافة كما ترغبون فيها </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
ابحث عن <span style="color: red;"><data:post.body/></span> الثالثة وضع اسفل منها كود الأزرار</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
وإذا لم تعمل أو ظهرت الأزرار حتى في الصفحة الرئيسية ولم ترغب أنت بذلك</div>
<br /><br /><br /><br />فابحث عن <span style="color: red;"><data:post.body/></span> الثانية وضع اسفل منها الكود وستعمل إن شاء الله<br /><br /></span><br />
<div style="text-align: center;">
<span style="font-size: large;">إنتهى الدرس و مبروك عليك الإضافة ولا تنسانا من دعائك</span></div>
</div>
</div>
</div>

اضافه ازرار صغيره للتواصل الاجتماعي راس الصفحة بلوجر

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

مزيد من المعلومات »

طريقة تغيير حجم الخط في مدونات بلوجر - تكبير او تصغير

<h1 style="text-align: center;"><span style="color: red; font-size: large;">كيفية تغيير حجم الخط في مدونات بلوجر - تكبير او تصغير الخط</span></h1><span style="font-size: large;"><p style="text-align: center;"><span style="font-size: large;">الكثير يشتكي فى بداية صنع المدونة او عندما يضيف قالب جديد، </span><span style="font-size: large;">بان حجم الخط بالمنشورات والمشاركات كبر او صغير وليس بالحجم الذي يردية، </span><span style="font-size: large;">ويريد معرفة كيف يغيرة، </span>في موضوعنا اليوم سنتعلم طريقة تغيير حجم الخط بالمواضيع سواء تصغيره او تكبيره.</p></span><span><div style="text-align: center;"><div class="separator" style="clear: both; font-size: x-large; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU-Yg5gWstxgQ_y6yxFKK-rhihOKtt9gs5EuwzNbw8zGfLgxmc9jxPZ6Mp3xOzDKJKMjWiY0MSDUrhl5x3HfnemsAy82o4YuJ_u5uIEIsECKbVPNafnhIxWC0pZvVRhaV5r8Bjp2s5FxqL/s1600/4.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="طريقة تغيير حجم الخط في مدونات بلوجر - تكبير او تصغير" border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU-Yg5gWstxgQ_y6yxFKK-rhihOKtt9gs5EuwzNbw8zGfLgxmc9jxPZ6Mp3xOzDKJKMjWiY0MSDUrhl5x3HfnemsAy82o4YuJ_u5uIEIsECKbVPNafnhIxWC0pZvVRhaV5r8Bjp2s5FxqL/s16000-rw/4.jpg" title="طريقة تغيير حجم الخط في مدونات بلوجر - تكبير او تصغير" /></a></div><h2><span style="color: red; font-size: large;">أولا توجه إلى لوحة تحكم مدونتك.</span></h2></div><div style="font-size: x-large; text-align: center;">قم بالضغط على تصميم.</div><div style="font-size: x-large; text-align: center;"><span style="font-size: large;">ثم على تحرير HTML </span><span style="font-size: large;">ثم قم بالبحث عن الكود التالي:</span></div></span><div style="text-align: center;"><br /></div>
<div style="text-align: center;">
<span style="font-size: large;">post {</span></div><h4 style="text-align: center;">
<span style="color: red; font-size: large;">
وسترى تحته كلمة: font-size:</span></h4>
<div><div style="text-align: center;"><span style="font-size: x-large;">قم بتغيير الرقم الذي في جانبها إلى أي حجم تريده كما في الصورة:</span></div>
<div style="text-align: center;"><br /></div>
<div style="text-align: center;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqDaEgnbbmvniurYiT2DL6Hq-AArjEPvsE69gh3o_lu1KiV8o4_Lm8cE-BBngxz-PQfrUN9gbiFmssv-Kglr8OjZCHLALE63SN0YQfSbRj_8KSvmhUWABh_l_QWYLnSn-Uu-62RS-X8yWT/s1600/Capture.PNG"><img alt="طريقة تغيير حجم الخط في مدونات بلوجر - تكبير او تصغير" border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqDaEgnbbmvniurYiT2DL6Hq-AArjEPvsE69gh3o_lu1KiV8o4_Lm8cE-BBngxz-PQfrUN9gbiFmssv-Kglr8OjZCHLALE63SN0YQfSbRj_8KSvmhUWABh_l_QWYLnSn-Uu-62RS-X8yWT/s16000-rw/Capture.PNG" title="طريقة تغيير حجم الخط في مدونات بلوجر - تكبير او تصغير" /></a></span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">اتمنى ان يكن ذلك مفيد لكم</span></div>
<span style="font-size: large;">
</span></div>
</div>

طريقة تغيير حجم الخط في مدونات بلوجر - تكبير او تصغير

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

مزيد من المعلومات »

كيفية تغيير خط المدونة بلوجر إلى خط عربى إحترافى جميل جديد

<div dir="rtl" style="text-align: right;" trbidi="on">
<h1 style="clear: both; text-align: center;"><span style="color: red; font-size: medium;">تغيير خط المدونة بالكامل</span></h1>
<span style="font-size: medium;"><p style="text-align: center;">اليوم وبعد محاولات كثيرة في تغيير خطوط مدونات بلوجر حاولت أكثر من مره أن أستخدم خطوط عربيه جديده فى قالب مدوناتي على غرار المواقع الكبيرة ذات الخطوط الجميلة الجزابة والتي تساهم في بقاء الزائر أكبر وقت ممكن في المدونة، وذلك لإستمتاعه بالقراءة مع الخط الجميل الواضح، والذي يجعل القراءة سهلة وممتعة.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi56_1sbn7P1yLuEJ819OKozm2AMufeCqeSKEBCtZuDEyQQjmxPmc9ybaUbamZwcKEcf4LzcEhyphenhyphenkHGmHzMV1Pd5beAut8ZEW7orxdviVKXVn9hFROwpVMoubYNaZqE5vQgRr3QA0nFnZIAr/s800/%25D9%2583%25D9%258A%25D9%2581%25D9%258A%25D8%25A9+%25D8%25AA%25D8%25BA%25D9%258A%25D9%258A%25D8%25B1+%25D8%25AE%25D8%25B7+%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9+%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="كيفية تغيير خط المدونة بلوجر" border="0" data-original-height="800" data-original-width="800" height="320" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi56_1sbn7P1yLuEJ819OKozm2AMufeCqeSKEBCtZuDEyQQjmxPmc9ybaUbamZwcKEcf4LzcEhyphenhyphenkHGmHzMV1Pd5beAut8ZEW7orxdviVKXVn9hFROwpVMoubYNaZqE5vQgRr3QA0nFnZIAr/w320-h320-rw/%25D9%2583%25D9%258A%25D9%2581%25D9%258A%25D8%25A9+%25D8%25AA%25D8%25BA%25D9%258A%25D9%258A%25D8%25B1+%25D8%25AE%25D8%25B7+%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9+%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.jpg" title="كيفية تغيير خط المدونة بلوجر" width="320" /></a></div><h2 style="text-align: center;"><span style="color: red; font-size: medium;">خطوط بلوجر</span></h2><p style="text-align: center;">جربنا كثيرا كل خط من هذه الخطوط حتى نجد خطا ملائما للتدوين باللغة العربية، ولكن جوجل لم تترك المدونين العرب طويلا بدون طرحها لبعض الخطوط العربيه التى تساعدهم على تحسين وتغيير شكل محتواهم العربي في مدونات بلوجر وقدمت لنا هذه الخطوط الرائعة.</p><span style="color: red;"><h3 style="text-align: center;"><span style="font-size: medium;">جوجل تقدم لنا الآن 6 خطوط عربيه جديده وهى :</span></h3></span></span><ol style="background-color: white; border-bottom-color: rgb(238, 238, 238); border-bottom-style: dashed; border-width: 0px 0px 1px; clear: both; font-family: "Droid Arabic Kufi", serif; line-height: 23px; margin: 0px 0px 15px; outline: 0px; padding: 0px;">
<li style="border-top-color: rgb(238, 238, 238); border-top-style: dashed; border-top-width: 1px; border-top: 1px dashed rgb(238, 238, 238); line-height: 22px; list-style: inside decimal; padding: 2px 0px; text-align: center;"><span style="font-size: medium;">Amiri</span></li>
<li style="border-top-color: rgb(238, 238, 238); border-top-style: dashed; border-top-width: 1px; border-top: 1px dashed rgb(238, 238, 238); line-height: 22px; list-style: inside decimal; padding: 2px 0px; text-align: center;"><span style="font-size: medium;">Droid Arabic Kufi</span></li>
<li style="border-top-color: rgb(238, 238, 238); border-top-style: dashed; border-top-width: 1px; border-top: 1px dashed rgb(238, 238, 238); line-height: 22px; list-style: inside decimal; padding: 2px 0px; text-align: center;"><span style="font-size: medium;">Droid Arabic Naskh</span></li>
<li style="border-top-color: rgb(238, 238, 238); border-top-style: dashed; border-top-width: 1px; border-top: 1px dashed rgb(238, 238, 238); line-height: 22px; list-style: inside decimal; padding: 2px 0px; text-align: center;"><span style="font-size: medium;">Lateef</span></li>
<li style="border-top-color: rgb(238, 238, 238); border-top-style: dashed; border-top-width: 1px; border-top: 1px dashed rgb(238, 238, 238); line-height: 22px; list-style: inside decimal; padding: 2px 0px; text-align: center;"><span style="font-size: medium;">Scheherazade</span></li>
<li style="border-top-color: rgb(238, 238, 238); border-top-style: dashed; border-top-width: 1px; border-top: 1px dashed rgb(238, 238, 238); line-height: 22px; list-style: inside decimal; padding: 2px 0px; text-align: center;"><span style="font-size: medium;">Thabit</span></li>
</ol>
<span style="color: red; font-size: medium;"><div style="text-align: center;">وحتى أسهل عليكم، ها هى الخطوط السته وأشكالهم فى الصور</div></span><div style="background-color: white; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<b><span style="color: red; font-size: medium;">Amiri</span></b></div>
<div class="separator" style="background-color: white; clear: both; color: #6a6a6a; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<span style="font-size: medium;"><img alt="كيفية تغيير خط المدونة بلوجر" border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgix5lzTBw4ir3escSjSJnc7CDZaslfanQmXzHJ0002QRa1W2F8lpA17u3PhH57yOjab4GqFOGpWqggDCdPRZvUWiLSSN_hgyQiU4GE1dkKSGKNCSoYnyK_PMaM19k0f6iOeWOKlPOzbV0/s16000-rw/amiri.JPG" style="background-image: none; border: none; max-width: 500px; padding: 0px;" title="كيفية تغيير خط المدونة بلوجر" /></span></div>
<div style="background-color: white; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<b><span style="color: red; font-size: medium;">Droid Arabic Kufi</span></b></div>
<div class="separator" style="background-color: white; clear: both; color: #6a6a6a; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<span style="font-size: medium;"><img alt="كيفية تغيير خط المدونة بلوجر" border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizzN4jdpCC-nGKzu0a4T_cuY3PR1VtKFERQ0Sck6auf66M2LQTdwwJcfjnsrk2JAmAV1yXUXTGMdYENfMUGC7EqG-X5Lqt8cPICmmoyf7yy2uZzDUwFfWg1Qq6x5VoEO6Mavy85GisKks/s16000-rw/droidarabickufi.JPG" style="background-image: none; border: none; max-width: 500px; padding: 0px;" title="كيفية تغيير خط المدونة بلوجر" /></span></div>
<div style="background-color: white; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<b><span style="color: red; font-size: medium;">Droid Arabic Naskh</span></b></div>
<div class="separator" style="background-color: white; clear: both; color: #6a6a6a; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<span style="font-size: medium;"><img alt="كيفية تغيير خط المدونة بلوجر" border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr9Dm7lQR3dV7zXrBDGb2IrHc-THcb2PqOghB85gH3RCJuFRsrSgVYbzuUHc8YojA3UH15nhdQ6yc9Ruwqfks6CtA4bD7HpW5aUbBIHYfukQZXcHcg5oIKGEDlPGMfahPm4aw-tWxhfBA/s16000-rw/droidarabicnaskh.JPG" style="background-image: none; background-position: initial initial; background-repeat: initial initial; border: none; max-width: 500px; padding: 0px;" title="كيفية تغيير خط المدونة بلوجر" /></span></div>
<div style="background-color: white; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<b><span style="color: red; font-size: medium;">Lateef</span></b></div>
<div class="separator" style="background-color: white; clear: both; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
</div>
<div class="separator" style="background-color: white; clear: both; color: #6a6a6a; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<span style="font-size: medium;"><img alt="كيفية تغيير خط المدونة بلوجر" border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih9JFADwq2xh9LtEgVdb_VM_Z_2z64B5ogHUPAzQ5WdJusGpK01oAOieRqd69uRq9Oz3clgBNWyNjHKlNXuAGaIoBvmyCFf6339QTOmPweuAkDlWUjvJ87-3sy8xRyqJWiTclFXJOlu5k/s16000-rw/lateef.JPG" style="background-image: none; background-position: initial initial; background-repeat: initial initial; border: none; max-width: 500px; padding: 0px;" title="كيفية تغيير خط المدونة بلوجر" /></span></div>
<div style="background-color: white; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<b><span style="color: red; font-size: medium;">Scheherazade</span></b></div>
<div class="separator" style="background-color: white; clear: both; color: #6a6a6a; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<span style="font-size: medium;"><img alt="كيفية تغيير خط المدونة بلوجر" border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf-WJ8nAkuZ3Yjd9xPDKdw1GsDgWOJgDzbeFFg6vAi-A-3_yvnGFoLWtVQ0rNVEf3Ovq9CNlIGWb-6n_rcWh7LuPhWZGC7pk-AzxEop9X99DAvSM2alnsL-Pz77WsYgoBX7_7QPNphmoU/s16000-rw/scheherazade.JPG" style="background-image: none; background-position: initial initial; background-repeat: initial initial; border: none; max-width: 500px; padding: 0px;" title="كيفية تغيير خط المدونة بلوجر" /></span></div>
<div style="background-color: white; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<ol style="border-bottom-color: rgb(238, 238, 238); border-bottom-style: dashed; border-width: 0px 0px 1px; clear: both; color: #6a6a6a; margin: 0px 0px 15px; outline: 0px; padding: 0px;"></ol>
<span style="font-size: medium;"><b><span style="color: red;">Thabit</span></b><br /></span><ol style="border-bottom-color: rgb(238, 238, 238); border-bottom-style: dashed; border-width: 0px 0px 1px; clear: both; color: #6a6a6a; margin: 0px 0px 15px; outline: 0px; padding: 0px;"></ol>
</div>
<div class="separator" style="background-color: white; clear: both; color: #6a6a6a; font-family: "Droid Arabic Kufi", serif; line-height: 23px; text-align: center;">
<span style="font-size: medium;"><img alt="كيفية تغيير خط المدونة بلوجر" border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKDu6I1VEBgJ7lFB6mCp8b5dnephix6Hle1MzUFTSvzWHGvha-z7oJAAyPOyx4T_2elhcdIdjBiME_T1A9nlHQmU_F905FbZVL2USezQ_e8VLfJIgmY4C_sr3TCOgz9h8K50tUXw0bozQ/s16000-rw/thabit.JPG" style="background-image: none; background-position: initial initial; background-repeat: initial initial; border: none; max-width: 500px; padding: 0px;" title="كيفية تغيير خط المدونة بلوجر" /></span></div><span style="font-size: medium;"><span style="color: red;"><h4 style="text-align: center;">والآن نشرح كيفة تغيير هذه الخطوط فى مدونات بلوجر؟</h4></span><div style="text-align: center;">تنقسم الخطوات إلى شقين</div><span style="color: blue;"><div style="text-align: center;">الشق الأول : إضافة رابط الخط</div></span><div style="text-align: center;">إفتح أكواد HTML الخاصه بقالب مدونتك، ثم قم بالبحث عن الكود التالى</div></span><blockquote class="tr_bq" style="background-color: #fffff9; border-color: rgb(238, 238, 238); border-style: dashed dashed solid; border-width: 1px 1px 2px; clear: both; font-family: "Droid Arabic Kufi", serif; line-height: 23px; margin: 0px 0px 15px; outline: 0px; padding: 10px 15px 5px; position: relative;">
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
<head></span></div>
</blockquote>
<span style="font-size: medium;"><div style="text-align: center;">وضع تحته مباشرة الكود الخاص بالخط وهو كالتالى للخطوط السته على التوالى</div><div style="text-align: center;"><br /></div><span style="color: red;"><div style="text-align: center;"><span style="color: red;">ملحوظه :</span> عليك بوضع السطر الخاص بالخط المطلوب فقط وليس كل الخطوط .</div></span></span><blockquote class="tr_bq" style="background-color: #fffff9; border-color: rgb(238, 238, 238); border-style: dashed dashed solid; border-width: 1px 1px 2px; clear: both; font-family: "Droid Arabic Kufi", serif; line-height: 23px; margin: 0px 0px 15px; outline: 0px; padding: 10px 15px 5px; position: relative;">
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
<link href='http://fonts.googleapis.com/earlyaccess/amiri.css' rel='stylesheet' type='text/css'/></span></div>
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/></span></div>
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/></span></div>
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
<link href='http://fonts.googleapis.com/earlyaccess/lateef.css' rel='stylesheet' type='text/css'/></span></div>
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
<link href='http://fonts.googleapis.com/earlyaccess/scheherazade.css' rel='stylesheet' type='text/css'/></span></div>
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
<link href='http://fonts.googleapis.com/earlyaccess/thabit.css' rel='stylesheet' type='text/css'/></span></div>
</blockquote>
<span style="font-size: medium;"><div style="text-align: center;"><span style="color: blue;">الشق الثانى : تعديل نوع الخط فى الجزء الذى تريد تغييره</span>والآن تستطيع تغيير الخط على كل أجزاء المدونة، فقط عليك معرفة كود الجزء المراد تغيير الخط فيه، وإليك شكل أكواد CSS الخاص بكل خط من الخطوط السابقه وبنفس الترتيب.</div><div style="text-align: center;"><br /></div><span style="color: red;"><div style="text-align: center;"><span style="color: red;">ملحوظه :</span> عليك إستخدام كود واحد من الأكواد التاليه، وإختر هذا الكود على أسس إختيارك لكود نوع الخط السابق .</div></span></span><blockquote class="tr_bq" style="background-color: #fffff9; border-color: rgb(238, 238, 238); border-style: dashed dashed solid; border-width: 1px 1px 2px; clear: both; font-family: "Droid Arabic Kufi", serif; line-height: 23px; margin: 0px 0px 15px; outline: 0px; padding: 10px 15px 5px; position: relative;">
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
font-family: 'Amiri', serif;</span></div>
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
font-family: 'Droid Arabic Kufi', serif;</span></div>
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
font-family: 'Droid Arabic Naskh', serif;</span></div>
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
font-family: 'Lateef', serif;</span></div>
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
font-family: 'Scheherazade', serif;</span></div>
<div dir="ltr" style="text-align: center;"><span style="font-size: medium;">
font-family: 'Thabit', serif;</span></div>
</blockquote>
<span style="font-size: medium;"><div style="text-align: center;">وأخيرا يمكنكم الإستعانه <a href="http://www.google.com/webfonts/earlyaccess" rel="nofollow" target="_blank">بهذه الصفحه</a> ، وهى الصفحه الرئيسيه الخاصه بجوجل والتى تقدم هذه الخطوط .</div><div style="text-align: center;"><br /></div><div style="text-align: center;">أتمنى الموضوع مفيد</div></span></div>

كيفية تغيير خط المدونة بلوجر إلى خط عربى إحترافى جميل جديد

تغيير خط المدونة بالكامل اليوم وبعد محاولات كثيرة في تغيير خطوط مدونات بلوجر حاولت أكثر من مره أن أستخدم خطوط عربيه جديده فى قالب مدوناتي على غرار المواقع الكبيرة ذات الخطوط الجميلة الجزابة والتي تسا…

مزيد من المعلومات »

طريقة اضافة كود أداة أضفنا إلى المفضله لمدونة بلوجر add bookmark us to blogger

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmePD8B2J8jA47zgzFjsCl5-o_zql46JFbh8mNA1QRuwJoYOyeSOUuAXTV91lQJCHC58Lr3MahvQK6imy-VMaBhF_2klb7sGZGF90DGtTmIYNfFwUc9p1VQg17zb0pMwG43KJu8VRvCen8/s1600/0.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmePD8B2J8jA47zgzFjsCl5-o_zql46JFbh8mNA1QRuwJoYOyeSOUuAXTV91lQJCHC58Lr3MahvQK6imy-VMaBhF_2klb7sGZGF90DGtTmIYNfFwUc9p1VQg17zb0pMwG43KJu8VRvCen8/s1600-rw/0.png" /></a></div>
<span style="font-size: large;"><br /></span><br />
<div style="text-align: center;">
<span style="font-size: large;"><span style="color: red;">بسم الله و الحمد لله</span></span></div>
<span style="font-size: large;">
<div style="text-align: center;">
<span style="color: red;">بعض الأحيان أحد الزوار يزور مدونتك ويعجب بها ولكن لا يقوم بحفظ الصفحه أو إضافتها لمفضلاته . لذلك يتوجب عليك تذكرته حتى يستطيع العوده إليك مره أخرى وأخرى</span></div>
</span><br />
<div>
<span style="font-size: large;">والأن مع الطريقه<br />* سجل دخولك فى مدونتك بلوجر<br />* إنتقل إلى التصميم >> تحرير HTML<br />* ضع علامه فى خانة توسيع القالب<br />* بواسطة CTRL+F إبحث عن الكود التالى<br /><br /><span style="color: red;"></head></span>
<br /><br /><br /><br />* ثم قبله مباشرة ضع الكود التالى<br /><br /><span style="color: red;"><script src='http://yourjavascript.com/0514111300/bookmark_this_page_royaltutor_net.js' style='text/javascript'/>
</span><br /><br /><br /><br /><br />* والأن إحفظ القالب<br />* ثم توجه إلى التصميم >> عناصر الصفحه >> أداه HTML JAVASCRIBT<br />* ثم ضع بها الكود التالى<br /><br /><br /><a href="javascript:bookmarksite('إسم المدونه هنا', 'رابط المدونه هنا')">أضفنا للمفضله</a>
<br /><br /><br /><br />* لإستبدال النص بصوره كل ما عليك فعله هو إستبدال ( أضفنا للمفضله ) بالكود التالى<br /><br /><img src="URL-OF-BOOKMARK-BUTTON"/>
<br /><br /><br /><br />* إستبدل URL -OF-BOOKMARK-BUTTON برابط الصوره</span><br />
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
<span style="font-size: large;">
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbOY4C1N9a8dRZLk4_xWPfHUoF6bdYoMPfBjQ2HcMDcTz_GzTpGHrAhvnnZ-cR6sGce_LuO28c1h1JhOWrmgwGDbTqBR-hXCBMr07C7xGQPthLJojqgSFT4ctN4ef7A4dmmGu7OJdXGJsb/s1600/Star-Full.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbOY4C1N9a8dRZLk4_xWPfHUoF6bdYoMPfBjQ2HcMDcTz_GzTpGHrAhvnnZ-cR6sGce_LuO28c1h1JhOWrmgwGDbTqBR-hXCBMr07C7xGQPthLJojqgSFT4ctN4ef7A4dmmGu7OJdXGJsb/s1600-rw/Star-Full.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDNZ-u1FXQznKG0arDuH9PTIQcumCelRSdbm3S1hlhiI7YQmQlDb3s9mNWamQl9ZGK7tWWcHixd7OBfQBWqAsjVLywL4vG3m0swvead_LrxHA3BsDCAdBkABl7F7bN2cgsYhMtTcf0Pe2Y/s1600/001_14.gif"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDNZ-u1FXQznKG0arDuH9PTIQcumCelRSdbm3S1hlhiI7YQmQlDb3s9mNWamQl9ZGK7tWWcHixd7OBfQBWqAsjVLywL4vG3m0swvead_LrxHA3BsDCAdBkABl7F7bN2cgsYhMtTcf0Pe2Y/s1600-rw/001_14.gif" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5A_SZ4VlgzQ8fFQM1-dvODoqL-k2B2vRQ1Nqu2icI3W4D46H4xhXeTRFqSoyAyIFBOWSi9KctOC8fGKejmg370euKFrYZ0P0rq3BClzCMlsgayQPRBjp7OcSsF36MWkiZ76OkXc2xU0nc/s1600/001_14.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5A_SZ4VlgzQ8fFQM1-dvODoqL-k2B2vRQ1Nqu2icI3W4D46H4xhXeTRFqSoyAyIFBOWSi9KctOC8fGKejmg370euKFrYZ0P0rq3BClzCMlsgayQPRBjp7OcSsF36MWkiZ76OkXc2xU0nc/s1600-rw/001_14.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBpwToctN6HncHVDHYlxYO1YWb_Nxo9MaEMnHO5s3SnYlnRDvXI-20pa_bBR8FnQG3ZokEgKGonrex2KY4vOHV7dwSg2B1j5QyAHh5Odtcpz7z6FEhtlniGGGAXYCfOf47ecePN1ZC8LgX/s1600/001_15.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBpwToctN6HncHVDHYlxYO1YWb_Nxo9MaEMnHO5s3SnYlnRDvXI-20pa_bBR8FnQG3ZokEgKGonrex2KY4vOHV7dwSg2B1j5QyAHh5Odtcpz7z6FEhtlniGGGAXYCfOf47ecePN1ZC8LgX/s1600-rw/001_15.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7BiY5qevdbemJRbCK-BQlwhyphenhyphenpmNVgAsLfGkg_L764z9ubF6wWLl2nqrbaPAjA-OMYtTUjKN_Qrv-OhmSYDgmGwQdcQHBYakIIi9vfqnUwIsVNJqTKXhLPaQlU_3fLoY2ORGtPO4E66gKE/s1600/13.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7BiY5qevdbemJRbCK-BQlwhyphenhyphenpmNVgAsLfGkg_L764z9ubF6wWLl2nqrbaPAjA-OMYtTUjKN_Qrv-OhmSYDgmGwQdcQHBYakIIi9vfqnUwIsVNJqTKXhLPaQlU_3fLoY2ORGtPO4E66gKE/s1600-rw/13.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdwOKTnSHvnowvjwA8RD6Ss152pV7wHSgsLfIWEw-FDo9J8xwhTfObLrSdEgLu4uMiKEXzBdQKQYpw71LCEze8mrjqkiQP2UQMTL-m2OokMNsXdLzRaeehwq4wjkEXusLnHicW2ghz9kQL/s1600/14.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdwOKTnSHvnowvjwA8RD6Ss152pV7wHSgsLfIWEw-FDo9J8xwhTfObLrSdEgLu4uMiKEXzBdQKQYpw71LCEze8mrjqkiQP2UQMTL-m2OokMNsXdLzRaeehwq4wjkEXusLnHicW2ghz9kQL/s1600-rw/14.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQmUlUjFVFtePwDq-lnvDpH9oPL_wnJi4POuq9MVt9U3FCYGzsPP6OWlirgd8oTlv0Qc096NniMsWlw510TlxWJYRFX8jphHIS1ApfRtc1G40kxJ71OH5BGAb8YDKj7Qfx3OQcU27xVU7d/s1600/032.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQmUlUjFVFtePwDq-lnvDpH9oPL_wnJi4POuq9MVt9U3FCYGzsPP6OWlirgd8oTlv0Qc096NniMsWlw510TlxWJYRFX8jphHIS1ApfRtc1G40kxJ71OH5BGAb8YDKj7Qfx3OQcU27xVU7d/s1600-rw/032.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj6bCEUO8EL4mx7zHZAIn1-1EZOmHShPsJbEgAcols-loL61UP3DkVFA8Zx8W1gYMJ0rtmPF4uxhymkz6eiUMKCx462TDNCAFEOkdi-4luwj3NZIseR8Lbif7am9JNDITHWH6xRmLCv3Ob/s1600/bookmark.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj6bCEUO8EL4mx7zHZAIn1-1EZOmHShPsJbEgAcols-loL61UP3DkVFA8Zx8W1gYMJ0rtmPF4uxhymkz6eiUMKCx462TDNCAFEOkdi-4luwj3NZIseR8Lbif7am9JNDITHWH6xRmLCv3Ob/s1600-rw/bookmark.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif0K7L2f2IpUcno6L-5mb2BPna__uZKbsH5-77W8ETa4S90cNwc-hRMexf0a345FzvIFRQu47B9m1L4xLY6UG_FKYhGLLkNrN9-f3AYNGTAm-qJLP7G1CaO_CWQ2iV91Wxwy-f4W7kChRM/s1600/bookmark%25281%2529.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif0K7L2f2IpUcno6L-5mb2BPna__uZKbsH5-77W8ETa4S90cNwc-hRMexf0a345FzvIFRQu47B9m1L4xLY6UG_FKYhGLLkNrN9-f3AYNGTAm-qJLP7G1CaO_CWQ2iV91Wxwy-f4W7kChRM/s1600-rw/bookmark%25281%2529.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju8h7DCoqoHapyUp4i10NcwmThsgTynZr40PYjoNt0Toy-UjQdXyESYBMzrMKzDXkcps7HA4GAbK6Vw3cM5RJAEtQxmbJww-AJ6u8CmXK1pFl5wRGL56nd7ghpfQYQ21L3zcgPHoR9hWDl/s1600/bookmark_toolbar.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju8h7DCoqoHapyUp4i10NcwmThsgTynZr40PYjoNt0Toy-UjQdXyESYBMzrMKzDXkcps7HA4GAbK6Vw3cM5RJAEtQxmbJww-AJ6u8CmXK1pFl5wRGL56nd7ghpfQYQ21L3zcgPHoR9hWDl/s1600-rw/bookmark_toolbar.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha9JBB2EDxq0Ti12oGxNgmn7N5D-9uG7x-od7s910Hj7dyYwpbcsso-inlFeiHkNNGzdXqP71qtxU2ysDasxP_G7K1QFHQT7C3K2KAcvnLIlOlcwwBwlmqC2aycNBzcWJjqBKyK02ZRXqT/s1600/bookmark-new.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha9JBB2EDxq0Ti12oGxNgmn7N5D-9uG7x-od7s910Hj7dyYwpbcsso-inlFeiHkNNGzdXqP71qtxU2ysDasxP_G7K1QFHQT7C3K2KAcvnLIlOlcwwBwlmqC2aycNBzcWJjqBKyK02ZRXqT/s1600-rw/bookmark-new.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ4Iwo_akW4xN6MmJI6mI6bODQSoXSXJLGvmGyGDjO2VybZ6HVf11NYkVH1y5rmZyHECDvUDNh_BORd9tjyrgJUiOCjpUekRqnp12D5pVz4QqevrqnTytqBPdVURWYo2v2O2G3mimDALhE/s1600/folder-bookmarks.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ4Iwo_akW4xN6MmJI6mI6bODQSoXSXJLGvmGyGDjO2VybZ6HVf11NYkVH1y5rmZyHECDvUDNh_BORd9tjyrgJUiOCjpUekRqnp12D5pVz4QqevrqnTytqBPdVURWYo2v2O2G3mimDALhE/s1600-rw/folder-bookmarks.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSU5Ae1T3lU22d9bn-2965kSTVKvqNRUEWv6sRfXmdz8Rfrzbf1L9f9lCeApOLtI92prxkVLh8wwxGdY5iQPzbdY8Ka8Aqzrnuwd9pwEjX48t_LLkz08OJGeLz5LBiSXa_9icbGpHEaWj5/s1600/kde-address-book-new.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSU5Ae1T3lU22d9bn-2965kSTVKvqNRUEWv6sRfXmdz8Rfrzbf1L9f9lCeApOLtI92prxkVLh8wwxGdY5iQPzbdY8Ka8Aqzrnuwd9pwEjX48t_LLkz08OJGeLz5LBiSXa_9icbGpHEaWj5/s1600-rw/kde-address-book-new.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHe57ENPjfQ6d7zEpOXV-SU0IqE5YeNeH0izoC1oYdwZrUYR-lgqVT58VU1dQ_VjdEtlvqjBvcEIu3xlCl9tzoi7jlQlHxBjObxBGxg4yExFwsrWfRcP53lpl8qehk6sVfHy9yRGnmeSyk/s1600/keditbookmarks.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHe57ENPjfQ6d7zEpOXV-SU0IqE5YeNeH0izoC1oYdwZrUYR-lgqVT58VU1dQ_VjdEtlvqjBvcEIu3xlCl9tzoi7jlQlHxBjObxBGxg4yExFwsrWfRcP53lpl8qehk6sVfHy9yRGnmeSyk/s1600-rw/keditbookmarks.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLIhzuPmMUyBiT9QPZR-OREsFFe6oMiGWYGbokbBSqITyiUa6kWEQYShjdoO_ch3VBuf4828yVFmeJHakbhsjbM7deGedOBHvvHq6A1a0RTM77Qk8MoLFI9pICt9ThVwKj-8-SwqgzSTlK/s1600/keditbookmarks%25281%2529.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLIhzuPmMUyBiT9QPZR-OREsFFe6oMiGWYGbokbBSqITyiUa6kWEQYShjdoO_ch3VBuf4828yVFmeJHakbhsjbM7deGedOBHvvHq6A1a0RTM77Qk8MoLFI9pICt9ThVwKj-8-SwqgzSTlK/s1600-rw/keditbookmarks%25281%2529.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWe2-bZn8NS8-HBhtS8Ba5-91lmArl1yg1TWQeLFDFI-6wyfeUCoUbQzrEI-IZl3Nqh929J_u22qaTiv_67XOYb83sTlwNjqv21jaGer2Fzlq20V7cvSGc4Nw7t47PafQMEPQyQTwQ3ATX/s1600/star.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWe2-bZn8NS8-HBhtS8Ba5-91lmArl1yg1TWQeLFDFI-6wyfeUCoUbQzrEI-IZl3Nqh929J_u22qaTiv_67XOYb83sTlwNjqv21jaGer2Fzlq20V7cvSGc4Nw7t47PafQMEPQyQTwQ3ATX/s1600-rw/star.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYRX4uYcZnOEApWKgsrP_rNCl_xk0wRKtlp5CEnxN1dDxoU2AZ5SiVl08634sxJwouVJrwAtjnQK8OzHnMXolHtzAAzKtdb207eDg9O0sIw6QjEvsvsDz6VA-xggoDVhibpxDrYrf_tW5p/s1600/Star+Green.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYRX4uYcZnOEApWKgsrP_rNCl_xk0wRKtlp5CEnxN1dDxoU2AZ5SiVl08634sxJwouVJrwAtjnQK8OzHnMXolHtzAAzKtdb207eDg9O0sIw6QjEvsvsDz6VA-xggoDVhibpxDrYrf_tW5p/s1600-rw/Star+Green.png" /></a></div>
<div style="text-align: center;">
<br /></div>
* وهذه أمثله لبعض الصور فقط كليك يمين على الصوره ثم إختار  COPY IMAGE URL</span></div>
</div>

طريقة اضافة كود أداة أضفنا إلى المفضله لمدونة بلوجر add bookmark us to blogger

بسم الله و الحمد لله بعض الأحيان أحد الزوار يزور مدونتك ويعجب بها ولكن لا يقوم بحفظ الصفحه أو إضافتها لمفضلاته . لذلك يتوجب عليك تذكرته حتى يستطيع العوده إليك مره أخرى وأخرى والأن مع الطريقه* سجل دخو…

مزيد من المعلومات »

طريقة تحويل حسابك في الفيسبوك إلى صفحة وأصدقائك الى معجبين "فانز بيج"؟

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjFDolwljlJhUV6J6JvmwVVdzgUJacSjCXWI4TSbMcL1K7H0PO513y6cbAr0QaKGEYNNAkOM-obua8mO5GT3V4jupZ_MNLfmMZC0ylVgu7uqugA_HC6bPa0lpqY6CRr5yAU0I310Ri8qYa/s1600/2255.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjFDolwljlJhUV6J6JvmwVVdzgUJacSjCXWI4TSbMcL1K7H0PO513y6cbAr0QaKGEYNNAkOM-obua8mO5GT3V4jupZ_MNLfmMZC0ylVgu7uqugA_HC6bPa0lpqY6CRr5yAU0I310Ri8qYa/s1600-rw/2255.jpg" /></a></div>
<span style="background-color: white; color: #3333ff; font-family: Tahoma, Verdana; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center;"><br /></span><br />
<div style="text-align: center;">
<span style="background-color: transparent; font-size: large; text-align: right;">أولا: اضغط على الرابط التالي<br /></span></div>
<span style="font-size: large;"><div style="text-align: center;">
<a href="http://www.facebook.com/pages/create.php?migrate" style="background-color: white; color: #0521aa; font-family: Tahoma, Verdana; font-size: 16px; font-weight: bold; line-height: 20px; outline: none;" target="_blank">هــــنــــــــا</a><br /></div>
<div style="text-align: center;">
ثم اختر نوع الصفحة</div>
<div style="text-align: center;">
ثم اسمها و باقي المعلومات و اضغط انشاء الصفحة</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
ملاحظة: لن تستطيع استعادة الحساب ك بروفايل و سيبقى صفحة معجبين للابد !!</div>
</span><br style="background-color: white; color: #3333ff; font-family: Tahoma, Verdana; font-size: 12px; font-weight: bold; line-height: 20px; text-align: center;" /><br />
<div class="separator" style="background-color: white; clear: both; color: #3333ff; font-family: Tahoma, Verdana; font-size: 12px; font-weight: bold; line-height: 20px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqfKfhRfZ_5dMcGPfTPJ0RECW4cwCBUIQQ_h20wKpFHCENp-gbF2zl6r7pIY6JUQz22TcpmHN3GRLsLd46OmBayfw0V_nr_fAN6mttu48ae0fiErvUgFtAweLKNe5x03jC-m3Xca4jzQXc/s1600/21-09-2012+11-35-06+%D8%B5.png" imageanchor="1" style="color: #0521aa; margin-left: 1em; margin-right: 1em; outline: none;"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqfKfhRfZ_5dMcGPfTPJ0RECW4cwCBUIQQ_h20wKpFHCENp-gbF2zl6r7pIY6JUQz22TcpmHN3GRLsLd46OmBayfw0V_nr_fAN6mttu48ae0fiErvUgFtAweLKNe5x03jC-m3Xca4jzQXc/s1600-rw/21-09-2012+11-35-06+%D8%B5.png" style="border: 0px solid rgb(204, 204, 204); margin: 0px 4px 4px 0px; padding: 0px;" /></a></div>
</div>

طريقة تحويل حسابك في الفيسبوك إلى صفحة وأصدقائك الى معجبين "فانز بيج"؟

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

مزيد من المعلومات »

إضافة أزرار تابعني على يوتيوب وفيسبوك وتويتر وجوجل والخلاصة ، تتغير عند المرور عليها

<div dir="rtl" style="text-align: right;" trbidi="on">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA6mc7Kg_vYVkPF4SD9leaf-58j0KiIDkYX7R_vFYtD0g7UJKOg78wsF6jo2IBo6fpaS-RUeLOK_cqoyzCCXszxEug2UxGdiyBKU0-7bhgjrC_Azcll3aqyz-5ypQThrPPYu9EgKxWbX1r/s1600/Touch+Me.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA6mc7Kg_vYVkPF4SD9leaf-58j0KiIDkYX7R_vFYtD0g7UJKOg78wsF6jo2IBo6fpaS-RUeLOK_cqoyzCCXszxEug2UxGdiyBKU0-7bhgjrC_Azcll3aqyz-5ypQThrPPYu9EgKxWbX1r/s1600-rw/Touch+Me.gif" /></a></div>
<div style="text-align: justify;">
<span style="color: #191919; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 14px; line-height: 22.390625px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #191919; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 14px; line-height: 22.390625px;">السلام عليكم ورحمة الله وبركاته :<br />كنا قد شرحنا إضافة  </span></span><a href="http://ezzeldin-ahmed.blogspot.com/2011/09/blog-post_19.html" style="color: #be5016; font-family: Oswald; font-size: 21px; line-height: 1.2em; text-align: right; text-decoration: none;">تابعني "متحركة صعودا وهبوطا مع حركة الزائر" الخاصة بمواقع التواصل الإجتماعية</a> <span style="color: #191919; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 14px; line-height: 22.390625px;"><br /></span></span><span style="color: #191919; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 14px; line-height: 22.390625px;">واليوم ان شاء الله سنشرح إضافة سهلة جدا وبسيطة لكنها مختلفة تجزب انتباه الزائر عندما يمر عليها الماوس</span></span></div>
<div style="text-align: justify;">
<span style="color: #191919; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 14px; line-height: 22.390625px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #191919; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 14px; line-height: 22.390625px;">ادخل الى لوحة التحكم في مدونتك<br />اذهب الى التخطيط واختار<span style="background-color: white;"> </span></span></span><span style="background-color: white; color: #222222; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.09375px; text-align: right;">اضافة أداة </span><span style="background-color: white; color: blue; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.09375px; text-align: right;">javascript/html</span><span style="background-color: white; color: #222222; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.09375px; text-align: right;"> بدون عنوان ثم قم بوضع هذا الكود داخلها.</span></div>
<div style="text-align: justify;">
<br />
<br />
<span style="background-color: #ffe599; color: #666666;"><style></span><br />
<span style="background-color: #ffe599; color: #666666;">/*--------B2W Touch Me Sharing Widget ------*/</span><br />
<span style="background-color: #ffe599; color: #666666;">.touchme a {</span><br />
<span style="background-color: #ffe599; color: #666666;">display:block;</span><br />
<span style="background-color: #ffe599; color: #666666;">height:50px;</span><br />
<span style="background-color: #ffe599; color: #666666;">width:50px;</span><br />
<span style="background-color: #ffe599; color: #666666;">padding:0 4px;</span><br />
<span style="background-color: #ffe599; color: #666666;">float:left;</span><br />
<span style="background-color: #ffe599; color: #666666;">background:transparent url(http://beautifulbloggerwidgets.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat;</span><br />
<span style="background-color: #ffe599; color: #666666;">-webkit-transition: ease-in 0.2s all;</span><br />
<span style="background-color: #ffe599; color: #666666;">-moz-transition: ease-in 0.2s all;</span><br />
<span style="background-color: #ffe599; color: #666666;">-o-transition: ease-in 0.2s all;</span><br />
<span style="background-color: #ffe599; color: #666666;">-ms-transition: ease-in 0.2s all;</span><br />
<span style="background-color: #ffe599; color: #666666;">transition: ease-in 0.2s all;</span><br />
<span style="background-color: #ffe599; color: #666666;">cursor:pointer;</span><br />
<span style="background-color: #ffe599; color: #666666;">}</span><br />
<span style="background-color: #ffe599; color: #666666;">.touchme a.googleplus {</span><br />
<span style="background-color: #ffe599; color: #666666;">background-position: 0px -58px;</span><br />
<span style="background-color: #ffe599; color: #666666;">}</span><br />
<span style="background-color: #ffe599; color: #666666;">.touchme a.googleplus:hover {</span><br />
<span style="background-color: #ffe599; color: #666666;">background-position: 0px 0px;</span><br />
<span style="background-color: #ffe599; color: #666666;">}</span><br />
<span style="background-color: #ffe599; color: #666666;">.touchme a.twitter {</span><br />
<span style="background-color: #ffe599; color: #666666;">background-position: 0px -290px;</span><br />
<span style="background-color: #ffe599; color: #666666;">}</span><br />
<span style="background-color: #ffe599; color: #666666;">.touchme a.twitter:hover {</span><br />
<span style="background-color: #ffe599; color: #666666;">background-position: 0px -232px;</span><br />
<span style="background-color: #ffe599; color: #666666;">}</span><br />
<span style="background-color: #ffe599; color: #666666;">.touchme a.facebook {</span><br />
<span style="background-color: #ffe599; color: #666666;">background-position: 0px -406px;</span><br />
<span style="background-color: #ffe599; color: #666666;">}</span><br />
<span style="background-color: #ffe599; color: #666666;">.touchme a.facebook:hover {</span><br />
<span style="background-color: #ffe599; color: #666666;">background-position: 0px -348px;</span><br />
<span style="background-color: #ffe599; color: #666666;">}</span><br />
<span style="background-color: #ffe599; color: #666666;">.touchme a.rss {</span><br />
<span style="background-color: #ffe599; color: #666666;">background-position: 0px -174px;</span><br />
<span style="background-color: #ffe599; color: #666666;">}</span><br />
<span style="background-color: #ffe599; color: #666666;">.touchme a.rss:hover {</span><br />
<span style="background-color: #ffe599; color: #666666;">background-position: 0px -116px;</span><br />
<span style="background-color: #ffe599; color: #666666;">}</span><br />
<span style="background-color: #ffe599; color: #666666;"></style></span><br />
<br />
<span style="background-color: #ffe599; color: #666666;"><div class='touchme'></span><br />
<span style="background-color: #ffe599; color: #666666;"></span><br />
<span style="background-color: #ffe599; color: #666666;"><a class='rss' href="</span><span style="background-color: #ffe599; color: red;">ضع هنا رابط الخلاصة</span><span style="background-color: #ffe599; color: #666666;">" rel='external nofollow' target='_blank'></a></span><br />
<span style="background-color: #ffe599; color: #666666;"></span><br />
<span style="background-color: #ffe599; color: #666666;"><a class='googleplus' href="</span><span style="background-color: #ffe599; color: red;">ضع هنا رابط جوجل بلس</span><span style="background-color: #ffe599; color: #666666;">" rel='nofollow' target='_blank'></a></span><br />
<span style="background-color: #ffe599; color: #666666;"></span><br />
<span style="background-color: #ffe599; color: #666666;"><a class='facebook' href="</span><span style="background-color: #ffe599; color: red;">ضع هنا رابط الفيسبوك</span><span style="background-color: #ffe599; color: #666666;">" rel='nofollow' target='_blank'></a></span><br />
<span style="background-color: #ffe599; color: #666666;"></span><br />
<span style="background-color: #ffe599; color: #666666;"><a class='twitter' href="</span><span style="background-color: #ffe599; color: red;">ضع هنا رابط تويتر</span><span style="background-color: #ffe599; color: #666666;">" rel='nofollow' target='_blank' ></a></span><br />
<span style="background-color: #ffe599; color: #666666;"></div></span><br />
<div>
<br /></div>
<br />
<br /></div>
<pre style="background-color: white; color: #191919; font-size: 14px; line-height: 22.390625px; text-align: justify;"><span style="color: #003366;">ثم قم بوضع الروابط الخاصة بك - واخيرا اضغط على حفظ </span></pre>
<pre style="background-color: white; color: #191919; font-size: 14px; line-height: 22.390625px; text-align: justify;"><span style="color: #003366;">
</span></pre>
<pre style="background-color: white; color: #191919; font-size: 14px; line-height: 22.390625px; text-align: justify;"><span style="color: #003366;">مبروك الاضافة الجديدة</span></pre>
<pre style="background-color: white; color: #191919; font-size: 14px; line-height: 22.390625px; text-align: justify;"><span style="color: #003366;">
</span></pre>
<span style="background-color: white; color: #191919; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 22.390625px; text-align: justify;">أتمنى تكون الإضافة عجبتكم.  </span><img loading="lazy" src="http://statics.plurk.com/bac8c8392f7ca8f5ac74612be4d08b74.gif" style="background-color: white; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; color: #191919; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 22.390625px; padding: 0px; text-align: justify;" /><span style="background-color: white; color: #191919; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 22.390625px; text-align: justify;"> </span></div>

إضافة أزرار تابعني على يوتيوب وفيسبوك وتويتر وجوجل والخلاصة ، تتغير عند المرور عليها

السلام عليكم ورحمة الله وبركاته :كنا قد شرحنا إضافة تابعني "متحركة صعودا وهبوطا مع حركة الزائر" الخاصة بمواقع التواصل الإجتماعية واليوم ان شاء الله سنشرح إضافة سهلة جدا وبسيطة لكنها مختلفة تجزب انتب…

مزيد من المعلومات »

اضافة اخر المواضيع مع خيار التنقل - التالي والسابق والرئيسية

<div dir="rtl" style="text-align: right;" trbidi="on">
<br />
<div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;">
السلام عليكم ورحمة الله وبركاتة . </div>
<div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;">
اضافة اليوم في اخر اصدار لها مع خيار للتنقل بمعنى انه يتم عرض عدد معين من التدوينات عباره عن رابط ومختصر وصوره للموضوع واسفل الاداه خيار التنقل للامام او للخلف مع خيار اوسط بالرجوع لصفحة الاضافه الرئيسيه . </div>
<div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;">
الصوره المرفقه توضح شكل الاضافه </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvrzX07BwkcQENHtJfPao0hGB_m7SgBk6k31_THjNkVEQjQHgvaruDON7rRJwaUkYpXUm123saguxyxAS4qe8iHjQ5Fdn3hN_VuRmjfen-xeAroziaxAKyDWd9WTZyPo0Hzb57oEiGbaZK/s1600/new+recen+posts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvrzX07BwkcQENHtJfPao0hGB_m7SgBk6k31_THjNkVEQjQHgvaruDON7rRJwaUkYpXUm123saguxyxAS4qe8iHjQ5Fdn3hN_VuRmjfen-xeAroziaxAKyDWd9WTZyPo0Hzb57oEiGbaZK/s1600-rw/new+recen+posts.png" /></a></div>
<div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<br /></div>
<div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;">
 والان الى شرح طريقة التركيب على مدونات بلوجر</div>
<div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;">
الاصدار الاخير من اضافة اخر المواضيع مع خيار التنقل الجديد : اول شئ نقوم بتسجيل الدخول الى لوحة تحكم بلوجر ثم الذهاب الي وضع تحرير HTML ثم الضغط على علامة توسيع القالب ومن ثم البحث عن الوسم التالي <strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">]]></b:skin> </strong><span style="background-color: transparent; border: 0px; color: #cc0000; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; color: black; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">ثم نضع قبله مباشرة الكود الموجود بالاسفل</span></span></div>
<br />
<br />
<blockquote style="background-color: #f7f7f7; background-image: url(http://www.tqarob.com/wp-content/themes/tqarobmag/images/blockquote.png); background-position: 100% 3px; background-repeat: no-repeat no-repeat; border: 0px; color: #9b9b9b; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; outline: 0px; padding: 1px 35px 1px 0px; quotes: none; text-align: start; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
#mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto}</div>
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
#terbaru{margin:0px}</div>
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
.mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}</div>
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
.mas-elemen img{background:#999;padding:4px;float:left;height:<strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; color: blue; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">70px</span></strong>;margin-right:8px;width:<strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; color: blue; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">70px</span></strong>}</div>
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
.mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:300!important;margin:0;color:#111}</div>
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
.mas-elemen:hover{background-color:#c3c3c3}</div>
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
.mas-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0}</div>
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
#mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvjNcsW-3aNZ0gYygysXAzJCJcHl1wr7yYjZq8VuYtLv-JNIwnA_lxGaO4yyIGWi9nICYegUl0UXELQnA-2U7A0_r-fRn3FrpsJijod5Ul1_0_41C_kSJi00zuMx0DKdIEIRZyOtIQcc4/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3}</div>
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
#mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px}</div>
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
#mas-navigasifeed:hover{background-color:#c3c3c3}</div>
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
#mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}</div>
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
#mas-navigasifeed span{padding:5px 10px}</div>
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
#mas-navigasifeed .next{float:right}</div>
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
#mas-navigasifeed .previous{float:left}</div>
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
#mas-navigasifeed .home{text-align:center}</div>
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
#mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}</div>
</blockquote>
<div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;">
<span style="background-color: transparent; border: 0px; color: #cc0000; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; color: black; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">يعد ذلك نبحث مجددا عن هذا الوسم </span></span><strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></head> </strong><span style="background-color: transparent; border: 0px; color: blue; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; color: black; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">ونضع قبلة مباشرة الكود التالي</span></span></div>
<blockquote style="background-color: #f7f7f7; background-image: url(http://www.tqarob.com/wp-content/themes/tqarobmag/images/blockquote.png); background-position: 100% 3px; background-repeat: no-repeat no-repeat; border: 0px; color: #9b9b9b; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; outline: 0px; padding: 1px 35px 1px 0px; quotes: none; text-align: start; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
<script type=’text/javascript’><span style="background-color: transparent; border: 0px; color: black; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br />//<![CDATA[<br />var numfeed = 5;<br />var startfeed = 0;<br />var urlblog = "http://ezzeldin-ahmed.blogspot.com/";<br />var charac = 100;<br />var urlprevious, urlnext;</span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
function maskolisfeed(johny,banget){<br />var showfeed = johny.split("<");<br />for(var i=0;i<showfeed.length;i++){<br />if(showfeed[i].indexOf(“>”)!=-1){<br />showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(“>”)+1,showfeed[i].length);<br />}<br />}<br />showfeed =  showfeed.join(“”);<br />showfeed = showfeed.substring(0,banget-1);<br />return showfeed;<br />}<br />function showterbaru(json) {<br />var entry, posttitle, posturl, postimg, postcontent;<br />var showblogfeed = “”;<br />urlprevious = “”;<br />urlnext = “”;<br />for (var k = 0; k < json.feed.link.length; k++) {<br />if (json.feed.link[k].rel == ‘previous’) {<br />urlprevious = json.feed.link[k].href;<br />}<br />if (json.feed.link[k].rel == ‘next’) {<br />urlnext = json.feed.link[k].href;<br />}<br />}<br />for (var i = 0; i < numfeed; i++) {<br />if (i == json.feed.entry.length) { break; }<br />entry = json.feed.entry[i];<br />posttitle = entry.title.$t;<br />for (var k = 0; k < entry.link.length; k++) {<br />if (entry.link[k].rel == ‘alternate’) {<br />posturl = entry.link[k].href;<br />break;<br />}<br />}<br />if (“content” in entry) {<br />postcontent = entry.content.$t;<br />} else if (“summary” in entry) {<br />postcontent = entry.summary.$t;<br />} else {<br />postcontent = “”;<br />}<br />if (“media$thumbnail” in entry) {<br />postimg = entry.media$thumbnail.url;<br />} else {<br />postimg = “https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqq8Rp90oc0wwiGFGtlCHo_MgLAa9-q0Dif6W6YSLDfuK49JEq_xrAyTxPRjbcoxYhEceCBt6l7EUaPeAtrMojqLZsHqfRqTKEkbZUID2WS-tbhexJqw07lamcrCZCs-DcCBCbuT0h_Obo/d/noimagethumb.gif”;<br />}<br />showblogfeed += “<div class=’mas-elemen’>”;<br />showblogfeed += “<a href=’” + posturl + “‘ target=’_blank’><img src=’” + postimg + “‘ /></a>”;<br />showblogfeed += “<h6><a href=’” + posturl + “‘>” + posttitle + “</a></h6>”;<br />showblogfeed += “<p>” + maskolisfeed(postcontent,charac) + “…</p>”;<br />showblogfeed += “</div>”;<br />}<br />document.getElementById(“terbaru”).innerHTML = showblogfeed;<br />showblogfeed = “”;<br />if(urlprevious) {<br />showblogfeed += “<a href=’javascript:navigasifeed(-1);’ class=’previous’>&#9668; السابق</a>”;<br />} else {<br />showblogfeed += “<span class=’noactived previous’>&#9668; السابق</span>”;<br />}<br />if(urlnext) {<br />showblogfeed += “<a href=’javascript:navigasifeed(1);’ class=’next’>التالي&#9658;</a>”;<br />} else {<br />showblogfeed += “<span class=’noactived next’>التالي&#9658;</span>”;<br />}<br />showblogfeed += “<a href=’javascript:navigasifeed(0);’ class=’home’>الرئيسية</a>”;<br />document.getElementById(“mas-navigasifeed”).innerHTML = showblogfeed;<br />}</div>
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
function navigasifeed(url){<br />var p, parameter;<br />if(url==-1) {<br />p = urlprevious.indexOf(“?”);<br />parameter = urlprevious.substring(p);<br />} else if (url==1) {<br />p = urlnext.indexOf(“?”);<br />parameter = urlnext.substring(p);<br />} else {<br />parameter = “?start-index=1&max-results=” + numfeed + “&orderby=published&alt=json-in-script”<br />}<br />parameter += “&callback=showterbaru”;<br />incluirscript(parameter);<br />}<br />function incluirscript(parameter) {<br />if(startfeed==1) {removerscript();}<br />document.getElementById(“terbaru”).innerHTML = “<div id=’mas-loading’></div>”;<br />document.getElementById(“mas-navigasifeed”).innerHTML = “”;<br />var archievefeed = urlblog + “/feeds/posts/default”+ parameter;<br />var terbaru = document.createElement(‘script’);<br />terbaru.setAttribute(‘type’, ‘text/javascript’);<br />terbaru.setAttribute(‘src’, archievefeed);<br />terbaru.setAttribute(‘id’, ‘MASLABEL’);<br />document.getElementsByTagName(‘head’)[0].appendChild(terbaru);<br />startfeed = 1;<br />}<br />function removerscript() {<br />var elemen = document.getElementById(“MASLABEL”);<br />var parent = elemen.parentNode;<br />parent.removeChild(elemen);<br />}<br />onload=function() { navigasifeed(0); }<br />//]]><br /></script><span style="background-color: transparent; border: 0px; color: blue; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; color: black; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /></span></span></div>
</blockquote>
<div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;">
<br /></div>
<div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
 مع مراعاة تغيير <span style="background-color: transparent; border: 0px; color: black; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-size: 11px; line-height: normal;">http://ezzeldin-ahmed.blogspot.com</span> داخل الكود السابق برابط مدونتك </span>ثم نقوم بحفظ القالب والذهاب بعد ذلك الى عناصر تصميم الصفحه حيث تكمن الاضافات ونقوم بفتح اداه جديد من نوع جافا سكربت ونضع فيها الكود الموجود في الاسفل مع مراعاة ان يتم وضع الكود في المكان المرغوب ظهور الاضافه فيه ويستحب ان يكون في السايدبار اى القائمه الجانبيه</div>
</div>
<div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
<div id=”terbaru”></div></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
<div id=”mas-navigasifeed”></div></div>
</div>
<div style="background-color: #f7f7f7; border: 0px; color: #323232; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
نقوم بعد ذلك بحفظ الاداه ومعاينة الصفحه الرئيسية للمدونه .. بالتوفيق للجميع .</div>
</div>
</div>

اضافة اخر المواضيع مع خيار التنقل - التالي والسابق والرئيسية

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

مزيد من المعلومات »

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

<div dir="rtl" style="text-align: right;" trbidi="on">
<br />
<div dir="rtl" style="background-color: white; border: 0px; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<div dir="rtl" style="border: 0px; color: #4c4c4c; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghFZRTNItorZOxeFAzBphgF1ytNx-S0NFli9fhCE8FJd3rZQprd8iuOo04ItktKcSFuO-GlMci6Jdck6IDn2APZOCn-4ZXChlWZi0C0w18qjIiIS-wYiM9i3iH_s_PoKlWDbV1OZu3fuRL/s1600/32412950mx5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghFZRTNItorZOxeFAzBphgF1ytNx-S0NFli9fhCE8FJd3rZQprd8iuOo04ItktKcSFuO-GlMci6Jdck6IDn2APZOCn-4ZXChlWZi0C0w18qjIiIS-wYiM9i3iH_s_PoKlWDbV1OZu3fuRL/s320-rw/32412950mx5.jpg" width="320" /></a></div>
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;"><br /></span></div>
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;">باسم الله الرحمن الرحيم ,<span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;">السلام عليكم ورحمة الله  ,<span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;">ھذا شرح لطريقة <b style="border: 0px; margin: 0px; outline: none; padding: 0px;">تغيير شكل مؤشر الماوس على مدونات بلوجر</b> <span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;">فهذه الطريقة تمكننا من تغيير شكل المؤشر حسب الرغبة وجعله مناسب لمحتوى المدونة  <span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;">نبدأ باسم الله تعالى :</span></span></span></span><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;">نذھب الى احد المواقع التي تعطي كود مؤشر مجاني لإختيار شكل مؤشر مناسب لمدونتنا ,<b style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; color: #9a3300; font-family: TimesNewRoman, Bold; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span lang="AR-SA" style="border: 0px; margin: 0px; outline: none; padding: 0px;">ھذا احد المواقع المجانية يوجد به الكثير من المؤشرات الجميلة</span><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span lang="FR" style="border: 0px; margin: 0px; outline: none; padding: 0px;">,</span></span></span><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span lang="FR" style="border: 0px; margin: 0px; outline: none; padding: 0px;"> <b style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; margin: 0px; outline: none; padding: 0px;">الدخول للموقع من <a href="http://www.cursors-4u.com/" style="border: 0px; color: #006699; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">ھنا</a></span></span></b></span></span></span></span></span></span></b></span></span></span></span></span></span><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></div>
<div dir="rtl" style="border: medium none; margin: 0px; outline: none; padding: 0px; text-align: center;" trbidi="on">
</div>
<div align="right" dir="rtl" style="border: medium none; margin: 0px; outline: none; padding: 0px; text-align: center;" trbidi="on">
<div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: right;">
<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></div>
<div class="separator" style="border: 0px; clear: both; margin: 0px; outline: none; padding: 0px;">
</div>
<div style="border: 0px; margin: 0px; outline: none; padding: 0px;">
<b style="border: 0px; margin: 0px; outline: none; padding: 0px;">نقوم باختيار الشكل المناسب لنا ,على سبيل المثال اخترنا ھذا الشكل :</b></div>
<div style="border: 0px; margin: 0px; outline: none; padding: 0px;">
<div class="separator" style="border: 0px; clear: both; margin: 0px; outline: none; padding: 0px;">
</div>
<div class="separator" style="border: 0px; clear: both; margin: 0px; outline: none; padding: 0px;">
<a href="http://www.m5zn.com/uploads/2010/10/25/photo/gif/102510181008bu1ltr70.gif" imageanchor="1" style="border: 0px; color: #006699; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;" target="_blank"><img alt="image alt" border="0" loading="lazy" src="http://www.m5zn.com/uploads/2010/10/25/photo/gif/102510181008bu1ltr70.gif" style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></a></div>
</div>
<div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: right;">
<div class="separator" style="border: 0px; clear: both; margin: 0px; outline: none; padding: 0px; text-align: center;">
</div>
</div>
</div>
<div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;">
<div class="separator" style="border: 0px; clear: both; margin: 0px; outline: none; padding: 0px;">
</div>
<b style="border: 0px; margin: 0px; outline: none; padding: 0px;">سوف نجد اسفل الشكل ضمن تبويب <span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">(Universal)</span> الكود الخاص بهذا المؤشر </b><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><b style="border: 0px; margin: 0px; outline: none; padding: 0px;">نقوم نسخه</b><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><div style="border: 0px; margin: 0px; outline: none; padding: 0px;">
 </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;">
<b style="border: 0px; margin: 0px; outline: none; padding: 0px;">بعد اختيار الشكل المناسب<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />نذھب الى مدونة بلوقر ونقوم بتسجيل الدخول لحسابنا<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />ثم بعد ذلك نذھب الى <span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">(لوحة التحكم الرئيسية)</span> ثم <span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">(تصميم)</span> ثم <span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">(تحر</span></b><b style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">ي</b><b style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">ر Html)</span></b></div>
<div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;">
</div>
</div>
<div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;">
 </div>
<div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;">
<div class="separator" style="border: 0px; clear: both; margin: 0px; outline: none; padding: 0px;">
</div>
<b style="border: 0px; margin: 0px; outline: none; padding: 0px;">نقوم بتفعيل حقل <span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">(توسيع قوالب عناصر واجهة المستخدم)</span></b><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><b style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;"></span></b><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></div>
</div>
</div>
<div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;">
<a href="http://www.m5zn.com/uploads/2010/10/25/photo/102510181010863809s9qo10zjp3wj.jpg" style="border: 0px; color: #006699; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank"><img alt="image alt" class="borders" height="42" loading="lazy" src="http://www.m5zn.com/uploads/2010/10/25/photo/102510181010863809s9qo10zjp3wj.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 3px 6px; -webkit-transform: rotate(2deg); -webkit-transition: -webkit-transform 0.15s linear; border: 0px; margin: 0px; outline: none; padding: 5px;" width="320" /></a> </div>
<div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;">
<b style="border: 0px; margin: 0px; outline: none; padding: 0px;">الان نضغط على <span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">(Ctrl+F)</span> ونبحث على ھذا الكود <body></b></div>
<div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;">
<b style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;"></b></div>
<div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;">
<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></div>
</div>
<div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;">
<a href="http://www.m5zn.com/uploads/2010/10/25/photo/102510181044ouj8aa3dpak3736urimz.jpg" style="border: 0px; color: #006699; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank"><img alt="image alt" class="borders" loading="lazy" src="http://www.m5zn.com/uploads/2010/10/25/photo/102510181044ouj8aa3dpak3736urimz.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 3px 6px; -webkit-transform: rotate(2deg); -webkit-transition: -webkit-transform 0.15s linear; border: 0px; margin: 0px; outline: none; padding: 5px;" /></a> </div>
<div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;">
<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></div>
</div>
<div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;">
</div>
</div>
<div style="border: 0px; color: #4c4c4c; margin: 0px; outline: none; padding: 0px; text-align: center;">
 </div>
<div style="border: 0px; color: #4c4c4c; margin: 0px; outline: none; padding: 0px; text-align: center;">
<b style="border: 0px; margin: 0px; outline: none; padding: 0px;">الان نقوم بلصق كود المؤشر الذي نسخناه من موقع <span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;"><a href="http://www.cursors-4u.com/" target="_blank">cursors-4u</a></span></b></div>
<div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: center;">
<b style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="color: #4c4c4c;">مباشرة اسفل</span><span style="color: red;"> منه (تحته)</span></b></div>
<div style="border: 0px; color: #4c4c4c; margin: 0px; outline: none; padding: 0px; text-align: center;">
<br /></div>
</div>
</div>
<div style="border: 0px; color: #4c4c4c; margin: 0px; outline: none; padding: 0px; text-align: center;">
<b style="border: 0px; margin: 0px; outline: none; padding: 0px;">  بعد ذلك نقوم بحذف الجزء الزائد من الكود وھو ليبل<span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;"> (label)</span></b><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><b style="border: 0px; margin: 0px; outline: none; padding: 0px;"> اعلاني لموقع <span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">(<a href="http://www.cursors-4u.com/" target="_blank">cursors-4u</a>)</span></b><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><b style="border: 0px; margin: 0px; outline: none; padding: 0px;">يظهر في أعلى واجهة المدونة</b><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><b style="border: 0px; margin: 0px; outline: none; padding: 0px;">ھذا ھو</b></div>
<div style="border: 0px; color: #4c4c4c; margin: 0px; outline: none; padding: 0px; text-align: center;">
</div>
</div>
<div style="border: 0px; color: #4c4c4c; margin: 0px; outline: none; padding: 0px; text-align: center;">
<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><a href="http://www.m5zn.com/uploads/2010/10/25/photo/102510181048xu1flr9ycszmr8xq8vlq.jpg" style="border: 0px; color: #006699; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank"><img alt="image alt" class="borders" loading="lazy" src="http://www.m5zn.com/uploads/2010/10/25/photo/102510181048xu1flr9ycszmr8xq8vlq.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 3px 6px; -webkit-transform: rotate(2deg); -webkit-transition: -webkit-transform 0.15s linear; border: 0px; margin: 0px; outline: none; padding: 5px;" /></a></div>
</div>
<div style="border: 0px; color: #4c4c4c; margin: 0px; outline: none; padding: 0px; text-align: center;">
<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><b style="border: 0px; margin: 0px; outline: none; padding: 0px;">ملاحظة : الجزء الزائد عادتاً يبدأ مباشرة بعد</b><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><blockquote style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcXh6YneeDIwXMhIea-7tl9-BBoAw_f2wyPhCeDHmF9AqHGQDLkjZF0ogX1NrYEi7GN1bdF4M70qLsRZB0UXr-CokWZeaboeeme-h3r8AsUP7swwwfMCHbbOMzdTSPqe3zaMv4sdsss1w/); background-position: 50% 0%; background-repeat: repeat no-repeat; border: 1px solid rgb(207, 207, 207); margin: 10px; outline: none; padding: 10px;">
<div dir="ltr" style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: left;">
<b style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;"><style/></span></b></div>
<b style="border: 0px; margin: 0px; outline: none; padding: 0px;"></b></blockquote>
<b style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; color: black; margin: 0px; outline: none; padding: 0px;">فنقوم بتحديد كود الليبل الاعلاني و</span></span><span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">نحذفه</span></b></div>
</div>
</div>
<div style="border: 0px; color: #4c4c4c; margin: 0px; outline: none; padding: 0px; text-align: center;">
<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><b style="border: 0px; margin: 0px; outline: none; padding: 0px;">بعد ما نقوم <span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">بحذف</span> الكود المحدد سابقا <br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></b></div>
</div>
</div>
<div style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px; text-align: center;">
<b style="border: 0px; margin: 0px; outline: none; padding: 0px;">الان نضغط على <span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">(حفظ القالب)</span> ليتم حفظ التغييرات.</b></div>
<div>
<b style="border: 0px; margin: 0px; outline: none; padding: 0px;"><br /></b></div>
</div>

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

باسم الله الرحمن الرحيم ,السلام عليكم ورحمة الله ,ھذا شرح لطريقة تغيير شكل مؤشر الماوس على مدونات بلوجر فهذه الطريقة تمكننا من تغيير شكل المؤشر حسب الرغبة وجعله مناسب لمحتوى المدونة نبدأ باسم الله …

مزيد من المعلومات »

اضافة ازرار النشر جوجل ، الفيسبوك، تويتر منزلقة وعائمة نزولا وصعودا

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4IMWZXKMOLKwrrKIkd3VWKezXr_TnC6ToSyJ03TITHP-Ol6nr71RB_fgUWSFlimV03s1MHGLg-E4uwEXEYNRGKTkLhU3gv64enaPaEJUlkGrPS_CgmjYEPtGZfsZVLaIvawGBKnsWGIgT/s1600/Ezzeldin.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4IMWZXKMOLKwrrKIkd3VWKezXr_TnC6ToSyJ03TITHP-Ol6nr71RB_fgUWSFlimV03s1MHGLg-E4uwEXEYNRGKTkLhU3gv64enaPaEJUlkGrPS_CgmjYEPtGZfsZVLaIvawGBKnsWGIgT/s1600-rw/Ezzeldin.png" /></a></div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: large;">السلام عليكم</span></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">اقدم لكم اليوم هذه الاضافة الهامة لنشر المواضيع في المواقع الاجتماعية. تعتبر هذه الاضافة جديدة حيث اصبحت تنتقل نزولا وصعودا متزامنة مع حركة صفحة الواب على عكس الاضافة القديمة التي لا تنزلق مع حركة المستخدم. سجل دخول الي لوحة تحكم مدونتك ثم اذهب الي عناصر تصميم الصفحه وقم بفتح اداه جديده من نوع جافا سكربت .. ليس مهما مكان الاداه ولا تضع لها اسما ثم قم بوضع الكود الموجود بالاسفل بداخل الاداه.</span><br />
<div style="background-color: white; border: 0px; color: #555555; font-family: Verdana, sans-serif; font-size: 15px; font-weight: bold; line-height: 18px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; font-size: x-small; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /></b></span></div>
<blockquote class="tr_bq" style="background-color: #fbfbd8; border: 1px dashed rgb(227, 229, 86); color: #555555; font-family: Verdana, sans-serif; font-size: 15px; font-weight: bold; height: 100px; line-height: 1.3em; margin: 0px; outline: 0px; overflow: auto; padding: 10px; quotes: none; vertical-align: baseline; width: 570px;">
<span style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; font-size: x-small; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><style><br />/*-------MBT Floating Counters------------*/<br />#floatdiv {<br />    position:absolute;<br />    width:94px;<br />    height:229px;<br />    top:0;<br />    left:0;<br />        z-index:100<br />}<br /><br />#mbtsidebar {<br />        border:1px solid #ddd;<br />        padding-left:5px;<br />    position:relative;<br />    height:220px;<br />    width:55px;<br />    margin:0 0 0 5px;<br />}<br /></style><br /><br /><br /><div id="floatdiv"><br /><div id="mbtsidebar"><br />    <table cellpadding="1px" cellspacing="0"><br />    <tr><br />    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0 2px 0;"><br /><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="box_count" show_faces="false" font=""></fb:like><br />    </td><br />    </tr><br />    <tr><br />    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0px;"><br /><g:plusone size="Tall" expr:href="data:post.url"><br />    </g:plusone></td><br />    </tr><br />    <tr><br />    <td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;"><br /><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="</b><b style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; color: #0080ff; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">ezzeldin380</span>">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><br />    </td><br />    </tr><br />    <tr><br />    <td style="border-bottom: 0px solid #E8E8E8; padding:0px 0 0px 0;"><br /><p style=" font-size:10px; text-align:center; color:#ddd;"><a style="color:#ddd;" href="http://www.ta3rib.blospot.com" target="_blank">Widgets</a></p><br />    </td><br />    </tr><br />    </table><br /></div><br /></div><br /><script type="text/javascript"><br />// JavaScript Document<br /><br />   <br /></script></b></span></blockquote>
<div style="background-color: white; border: 0px; color: #555555; font-family: Verdana, sans-serif; font-size: 15px; font-weight: bold; line-height: 18px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</div>
<div style="background-color: white; border: 0px; color: #555555; font-family: Verdana, sans-serif; font-size: 15px; font-weight: bold; line-height: 18px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; font-size: x-small; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /></b></span></div>
<span style="font-size: large;">قم بتغيير </span><b style="border: 0px; color: #555555; font-family: Verdana, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; color: #0080ff; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">ezzeldin380</span></b><span style="font-size: large;"> باسم صفحتك على تويتر وقم بحفظ الكود. اذا لم يشتغل زر جوجل +1 قم بالاضافة التالية:<br />الدخول الي لوحة تحكم بلوجر ثم الي تصميم ثم الي تحرير HTML<br />نبحث عن </head> ثم نضع قبله الكود التالي</span><br /><div style="background-color: white; border: 0px; color: #555555; font-family: Verdana, sans-serif; font-size: 15px; font-weight: bold; line-height: 18px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<blockquote class="tr_bq" style="background-color: #fbfbd8; border: 1px dashed rgb(227, 229, 86); color: #555555; font-family: Verdana, sans-serif; font-size: 15px; font-weight: bold; height: 100px; line-height: 1.3em; margin: 0px; outline: 0px; overflow: auto; padding: 10px; quotes: none; vertical-align: baseline; width: 570px;">
<span style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; font-size: x-small; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script></b></span></blockquote>
<div style="background-color: white; border: 0px; color: #555555; font-family: Verdana, sans-serif; font-size: 15px; font-weight: bold; line-height: 18px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; font-size: x-small; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; color: #741b47; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></span></b></span></div>
<div style="background-color: white; border: 0px; color: #555555; font-family: Verdana, sans-serif; font-size: 15px; font-weight: bold; line-height: 18px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
</div>

اضافة ازرار النشر جوجل ، الفيسبوك، تويتر منزلقة وعائمة نزولا وصعودا

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

مزيد من المعلومات »

إعرض المزيد من المواضيع