Ezz Tech

أحدث اضافة لمدونة بلوجر تمكن زوار مدونتك من اختيار لون خلفية المدونه حسب رغبتهم

<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/AVvXsEiAvqEZPc2qqiERkSVLJno9bia3yNkmki9GsaN-FVXiuudqw3fuTxh90gRMr1AeuH1B7n1WFzhlR3h0BHB9AFiKoBQm0Cc3lSzP0bp7BhcH7-VnDI5ImSP-BMAqjHAyUvhVEsLel3GGggVb/s1600/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D8%AA%D8%B3%D9%85%D8%AD+%D9%84%D8%B2%D9%88%D8%A7%D8%B1+%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83+%D8%A8%D8%A7%D8%AE%D8%AA%D9%8A%D8%A7%D8%B1+%D9%84%D9%88%D9%86+%D8%AE%D9%84%D9%81%D9%8A%D8%A9+%D8%A7%D9%84%D9%85%D8%AF%D9%88%D9%86%D9%87+%D8%AD%D8%B3%D8%A8+%D8%B1%D8%BA%D8%A8%D8%AA%D9%87%D9%85+%D8%A7%D8%B6%D8%A7%D9%81%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1+%D8%AF%D8%B1%D9%88%D8%B3+%D8%A8%D9%84%D9%88%D8%AC%D8%B1+%D9%82%D9%88%D8%A7%D9%84%D8%A8+%D8%A8%D9%84%D9%88%D8%AC%D8%B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAvqEZPc2qqiERkSVLJno9bia3yNkmki9GsaN-FVXiuudqw3fuTxh90gRMr1AeuH1B7n1WFzhlR3h0BHB9AFiKoBQm0Cc3lSzP0bp7BhcH7-VnDI5ImSP-BMAqjHAyUvhVEsLel3GGggVb/s1600-rw/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D8%AA%D8%B3%D9%85%D8%AD+%D9%84%D8%B2%D9%88%D8%A7%D8%B1+%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83+%D8%A8%D8%A7%D8%AE%D8%AA%D9%8A%D8%A7%D8%B1+%D9%84%D9%88%D9%86+%D8%AE%D9%84%D9%81%D9%8A%D8%A9+%D8%A7%D9%84%D9%85%D8%AF%D9%88%D9%86%D9%87+%D8%AD%D8%B3%D8%A8+%D8%B1%D8%BA%D8%A8%D8%AA%D9%87%D9%85+%D8%A7%D8%B6%D8%A7%D9%81%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1+%D8%AF%D8%B1%D9%88%D8%B3+%D8%A8%D9%84%D9%88%D8%AC%D8%B1+%D9%82%D9%88%D8%A7%D9%84%D8%A8+%D8%A8%D9%84%D9%88%D8%AC%D8%B1.png" /></a></div>
<span style="font-size: large;"><br />السلام عليكم اخواني اخواتي متابعي مدونة عزالدين احمد, اليوم اقدم لكم اضافه  جديده في عالم بلوجر ,لا شك ان الكثير من المدونين يعانو من مشكلة ارضاء جميع زوار مدوناتهم من خلال شكل والوان ستايل المدونه ولكن اليوم باذن الله سوف اقدم لكم الحل <br /><br />هذه الاضافه الاحترافيه تمكن زوار مدونتك من التحكم باختيار لون الخلفيه المناسبه لهم بمجرد النقر على اللون المفضل لهم بطريقه سهله واحترافيه, مما يزيد من جمالية المدونه  ويجعل زوار مدونتك راضيين كل الرضا عن شكلها واختيار الاستايل المناسب لهم .<br /><br />والان مع الشرح :<br /><br />انتقل إلى لوحة تحكم مدونتك <br /><br />     HTML/Javascript   إختر "تخطيط" ثم إضافة أداة ثم اختر<br />     والآن الصق داخل المستطيل الكود التالي :<br /><br /><script type="text/javascript"><br />function bgChange(bg)<br />{<br />document.body.style.background=bg;<br />}<br /></script><br /><table border="1" width="100%" height="20"><br /><tbody><tr><br /><td onclick="bgChange('#8B008B')" bgcolor="#8B008B"><br /></td><br /><td onclick="bgChange('#9400D3')" bgcolor="#9400D3"><br /></td><br /><td onclick="bgChange('#008080')" bgcolor="#008080"><br /></td><br /><td onclick="bgChange('#808080')" bgcolor="#808080"><br /></td><br /><td onclick="bgChange('#CD853F')" bgcolor="#CD853F"><br /></td><br /><td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F"><br /></td><br /><td onclick="bgChange('#DC143C')" bgcolor="#DC143C"><br /></td><br /><td onclick="bgChange('#4B0082')" bgcolor="#4B0082"><br /></td><br /><td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A"><br /></td><br /></tr></tbody></table><br /><br /><br />الان قم بحفظ الاداه وقم بالمعاينه  ومبروك عليك الاضافه ^_^</span></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/AVvXsEjOLgYiNdOk3SdMf1aA5AK9y5jKgk6JjmnldOeYStm5ymqAV7irS2cqK_CsVwtn1pGMSwQtB4tF6FDKvq4VFd5f_tMJrMtvpHuLtHH43cgWugRQcdZ-2-vXkpcS8Fc4ZjOBdttbWlA498Gt/s1600/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D9%83%D9%88%D8%AF+%D8%A7%D9%84%D8%AA%D8%A8%D8%A7%D8%AF%D9%84+%D8%A7%D9%84%D8%A7%D8%B9%D9%84%D8%A7%D9%86%D9%8A+%D8%A7%D9%84%D9%86%D8%B5%D9%8A+%D8%A8%D8%B4%D9%83%D9%84+%D8%AC%D8%AF%D9%8A%D8%AF+%D9%88%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A+%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1+%D8%A7%D8%B6%D8%A7%D9%81%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1+%D8%AF%D8%B1%D9%88%D8%B3+%D8%A8%D9%84%D9%88%D8%AC%D8%B1+%D9%82%D9%88%D8%A7%D9%84%D8%A8+%D8%A8%D9%84%D9%88%D8%AC%D8%B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOLgYiNdOk3SdMf1aA5AK9y5jKgk6JjmnldOeYStm5ymqAV7irS2cqK_CsVwtn1pGMSwQtB4tF6FDKvq4VFd5f_tMJrMtvpHuLtHH43cgWugRQcdZ-2-vXkpcS8Fc4ZjOBdttbWlA498Gt/s1600-rw/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D9%83%D9%88%D8%AF+%D8%A7%D9%84%D8%AA%D8%A8%D8%A7%D8%AF%D9%84+%D8%A7%D9%84%D8%A7%D8%B9%D9%84%D8%A7%D9%86%D9%8A+%D8%A7%D9%84%D9%86%D8%B5%D9%8A+%D8%A8%D8%B4%D9%83%D9%84+%D8%AC%D8%AF%D9%8A%D8%AF+%D9%88%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A+%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1+%D8%A7%D8%B6%D8%A7%D9%81%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1+%D8%AF%D8%B1%D9%88%D8%B3+%D8%A8%D9%84%D9%88%D8%AC%D8%B1+%D9%82%D9%88%D8%A7%D9%84%D8%A8+%D8%A8%D9%84%D9%88%D8%AC%D8%B1.png" /></a></div>
<div>
<span style="font-size: large;"><br /></span></div>
<span style="font-size: large;">السلام عليكم اخواني واخواتي متابعي مدونة عزالدين احمد , اليوم باذن الله سنتطرق معا الى كيفية اضافة  مساحة تبادل اعلاني نصي بشكل انيق واحترافي بألوان خفيفه لمدونتك البلوجر,ما يميز هذه الاضافه انها خفيفه جدا على المدونه ويمكنك اضافة مايصل الى خمسة عشر معلن في مدونتك   وهذا بدوره يؤدي الى نشر مدونتك في خمسة عشر مدونه مما يوؤدي الى انتشار مدونتك وتوسعها وزيادة زواره .<br /><br />اترككم الان مع الشرح :<br /><br />انتقل إلى لوحة تحكم مدونتك<br />إختر "تخطيط" ثم إضافة أداة ثم اخترHTML/Javascript <br />والآن الصق داخل المستطيل الكود التالي:<br /><br /><br /><div align="center"><br /><table border="3" width="320px" id="table1" dir="rtl" style="border: 1px solid #ccc" ><br /><tr><br /><td width="150" style="border: 2px dotted #808080" bordercolorlight="#000000" bordercolordark="#000000"><br /><p align="center"><br /><span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن"><br /><font color="#808080" size="2">ضع اعلانك هنا</font></a></span></td><br /><td width="150" style="border: 2px dotted #FF66CC" bordercolorlight="#000000" bordercolordark="#000000"><br /><p align="center"><br /><span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن"><br /><font color="#FF66CC" size="2">ضع اعلانك هنا</font></a></span></td><br /><td width="150" style="border: 2px dotted #9999FF" bordercolorlight="#000000" bordercolordark="#000000"><br /><p align="center"><br /><span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن"><br /><font color="#9999FF" size="2">ضع اعلانك هنا</font></a></span></td><br /></tr><br />        <tr><br />        <td width="150" align="center" style="border: 2px dotted #FF9900" bordercolorlight="#000000" bordercolordark="#000000"><br /><span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن"><br /><font color="#FF9900" size="2">ضع اعلانك هنا</font></a></span></td><br /><td width="150" style="border: 2px dotted #33CCFF" bordercolorlight="#000000" bordercolordark="#000000"><br /><p align="center"><br /><span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن"><br /><font color="#33CCFF" size="2">ضع اعلانك هنا</font></a></span></td><br /><td width="150" style="border: 2px dotted #99CC00" bordercolorlight="#000000" bordercolordark="#000000"><br /><p align="center"><br /><span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن"><br /><font color="#99CC00" size="2">ضع اعلانك هنا</font></a></span></td><br /></tr><br /><tr><br /><td width="150" align="center" style="border: 2px dotted #FF9900" bordercolorlight="#000000" bordercolordark="#000000"><br /><span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن"><br /><font color="#FF9900" size="2">ضع اعلانك هنا</font></a></span></td><br /><td width="150" style="border: 2px dotted #33CCFF" bordercolorlight="#000000" bordercolordark="#000000"><br /><p align="center"><br /><span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن"><br /><font color="#33CCFF" size="2">ضع اعلانك هنا</font></a></span></td><br /><td width="150" style="border: 2px dotted #99CC00" bordercolorlight="#000000" bordercolordark="#000000"><br /><p align="center"><br /><span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن"><br /><font color="#99CC00" size="2">ضع اعلانك هنا</font></a></span></td><br /></tr><br /><tr><br /><td width="150" style="border: 2px dotted #808080" bordercolorlight="#000000" bordercolordark="#000000"><br /><p align="center"><br /><span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن"><br /><font color="#808080" size="2">ضع اعلانك هنا</font></a></span></td><br /><td width="150" style="border: 2px dotted #FF66CC" bordercolorlight="#000000" bordercolordark="#000000"><br /><p align="center"><br /><span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن"><br /><font color="#FF66CC" size="2">ضع اعلانك هنا</font></a></span></td><br /><td width="150" style="border: 2px dotted #9999FF" bordercolorlight="#000000" bordercolordark="#000000"><br /><p align="center"><br /><span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن"><br /><font color="#9999FF" size="2">ضع اعلانك هنا</font></a></span></td><br /></tr><br /><tr><br /><td width="150" style="border: 2px dotted #808080" bordercolorlight="#000000" bordercolordark="#000000"><br /><p align="center"><br /><span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن"><br /><font color="#808080" size="2">ضع اعلانك هنا</font></a></span></td><br /><td width="150" style="border: 2px dotted #FF66CC" bordercolorlight="#000000" bordercolordark="#000000"><br /><p align="center"><br /><span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن"><br /><font color="#FF66CC" size="2">ضع اعلانك هنا</font></a></span></td><br /><td width="150" style="border: 2px dotted #9999FF" bordercolorlight="#000000" bordercolordark="#000000"><br /><p align="center"><br /><span lang="ar-bh"><a target="_blank" href="ضع هنا رابط المعلن"><br /><font color="#9999FF" size="2">ضع اعلانك هنا</font></a></span></td><br /></tr><br /></tr><br /></table><br /></div><br /><br /><br />ثم بعد ذلك :<br />استبدل كلمة <span style="color: red;">ضع هنا رابط المعلن</span>  برابط مدونة المعلن لديك<br />استبدل كلمة   <span style="color: blue;">ضع اعلانك هنا</span>      بأسم مدونة المعلن لديك<br /><span style="color: purple;">width="320px</span>    لتغيير عرض الاضافه<br /> <br /> الان قم بحفظ القطعه مبروك عليك الاضافه </span></div>

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

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

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

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

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvGZ9FT3GTLpwBKy2NTMssB8Z_mDiAMxYg7TXWooqucEtNegUmPm6X6mSkJ8qZD_-na2CByfLDvbbyq6sgYzQKpdpSUtjxuqpuuuiW8RqlgHleBBLC_bR6lE7CBa3eae0N3z2ADV1eDb9J/s1600/%D8%A7%D8%AE%D8%B1-%D8%A7%D9%84%D8%A7%D8%AE%D8%A8%D8%A7%D8%B1-%D9%85%D8%AA%D8%AD%D8%B1%D9%83.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvGZ9FT3GTLpwBKy2NTMssB8Z_mDiAMxYg7TXWooqucEtNegUmPm6X6mSkJ8qZD_-na2CByfLDvbbyq6sgYzQKpdpSUtjxuqpuuuiW8RqlgHleBBLC_bR6lE7CBa3eae0N3z2ADV1eDb9J/s1600-rw/%D8%A7%D8%AE%D8%B1-%D8%A7%D9%84%D8%A7%D8%AE%D8%A8%D8%A7%D8%B1-%D9%85%D8%AA%D8%AD%D8%B1%D9%83.jpg" /></a></div>
<span style="font-size: large;"><br />السلام عليكم ورحمة الله ، مرحبا بكم مجددا في موضوع جديد  ،اليوم باذن الله سنقوم باضافة اداه  جديدة وسهله, وهي عباره عن  شريط متحرك بالوان مختلفه  يضم اخر اخبار المدونه بشكل احترافي , هذه الاداه تقوم بعرض اخر اخبار المدونه على شكل شريط  افقي متحرك يتم وضعه اسفل الهيدر  بحيث يكسب الصفحة ديناميكية جميلة ويسهل للزائر التعرف على المواضيع الحديثة في المدونة .</span><br />
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">تتميز هذه الاضافه  بجماليتها وبخفتها وقد قمت بتوفيرها بعدة ألوان لكي تتناسب مع اكثر القوالب شيوعا ,وايضا ارضاءً لجميع الاذواق ,,<br /><br />اترككم مع الشرح<br /><br /><span style="color: red;"><b>كيفية اضافة شريط احدث الاخبار الى مدوناتكم</b></span><br /><br />1- من  لوحة التحكم -> قالب -> تحرير HTML <br /><br />2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات <br />3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)<br /><br /></head><br /><br />وقبله تماما قم بلصق احد اكواد الالوان التاليه حسب رغبتك<br /><br /><span style="color: blue;"><b>كوداللون الازرق:</b></span><br /><br /><b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
#beakingnews{width:980px;margin:0 auto;line-height:37px;;overflow:hidden; margin-bottom: 20px; max-height: 37px; overflow: hidden;
background: #fff;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
background-clip: padding-box;border-left: none;max-height: 37px;}
#beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#21b8ff;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;font-size: 14px;
line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal;
text-transform: uppercase;}
#recentpostbreaking{float:right;padding-right: 15px;}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
#recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;}
</style></b:if></b:if>
<br /><br /><br /><span style="color: red;"><b>كوداللون الاحمر:</b></span><br /><br /><b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>#beakingnews{width:980px;margin:0 auto;line-height:37px;;overflow:hidden; margin-bottom: 20px; max-height: 37px; overflow: hidden;
background: #fff;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
background-clip: padding-box;
border-left: none;
max-height: 37px;}
#beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#CC1B1B;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;
font-size: 14px;line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal;text-transform: uppercase;}
#recentpostbreaking{float:right;padding-right: 15px;}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
#recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;}
</style></b:if></b:if>
<br /><br /><br /><b><span style="color: #38761d;">كوداللون الاخضر:</span></b><br /><br /><b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>#beakingnews{width:980px;margin:0 auto;
line-height:37px;;overflow:hidden; margin-bottom: 20px; 
max-height: 37px; overflow: hidden;
background: #fff;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
background-clip: padding-box;
border-left: none;
max-height: 37px;}
#beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#29BD9E;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;font-size: 14px;
line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal;
text-transform: uppercase;}
#recentpostbreaking{float:right;padding-right: 15px;}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
#recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;}
</style></b:if></b:if>
<br /><br /><br />الان بعد ان قمت باختيار احد الاكواد السابقه تبقى لنا خطوه اخيره وهي اضافة كود الاداه اسفل هايدر المدونه<br />واعلم اخي الكريم ان كود الهايدر يختلف من قالب الى اخر ولكني سوف اوفر لك كود تقريبي لكي يتم اضافة شريط الاخبار في موقعه  السليم لذلك سوف يكون هذا الامر راجع لك <br />سوف نقوم بالبحث عن الكود التالي :<br /><br /><br /><div class='main-outer'><br /><br />ونلصق الكود التالي قبله مباشرة / فوقه<br /><br /><br /><b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='beakingnews'><span class='tulisbreaking'>أحدث الأخبار</span>
<div id='recentpostbreaking'>Loading...</div>
</div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
var url_blog = 'http://ezzeldin-ahmed.blogspot.com/', // alamat blogmu contoh http://mkr-site.blogspot.com
numpostx = 10; // Jumlah artikel yang di tampilkan
$.ajax({
url: '' + url_blog + '/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '', type: 'get', dataType: "jsonp", success: function(data) { var posturl, posttitle, skeleton = '', entry = data.feed.entry; if (entry !== undefined) {skeleton = "<ul>";for (var i = 0; i < entry.length; i++) { for (var j=0; j < entry[i].link.length; j++) { if (entry[i].link[j].rel == "alternate"){ posturl = entry[i].link[j].href; break; } } 
posttitle = entry[i].title.$t;
skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';
 }
skeleton += '</ul>';
$('#recentpostbreaking').html(skeleton);
// kode untuk efek pada breaking news
function tick(){
$('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking ul')).slideDown(); }); }
setInterval(function(){ tick () }, 5000); } else {
$('#recentpostbreaking').html('<span>No result!</span>');
 } }, error: function() {
$('#recentpostbreaking').html('<strong>Error Loading Feed!</strong>');
 } }); }); 
//]]>
</script>
</b:if></b:if>
<br /><br /><br />الان قم باستبدل الرابط التالي <a href="http://ezzeldin-ahmed.blogspot.com/">http://ezzeldin-ahmed.blogspot.com</a> برابط مدونتك <br /><br />وبالاخير قم بحفظ القالب والف مبروووك عليك الاضافه</span></div>
</div>

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

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

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

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

<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>

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

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

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