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/AVvXsEjbRJKFOiJAB4_rIRUX9Blgx7r7MlUwh_y7DCfh-zviXMHXtFdR0lUVKzmYu9DzKxP5QGPh7vIbEBULoW0cfrc81-ZKWajnO-tAoej90vQ6F2lkrpXQFsVSyuG4ditXFTAUXZKRWCCxtcOK/s1600/facebook-twitter.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbRJKFOiJAB4_rIRUX9Blgx7r7MlUwh_y7DCfh-zviXMHXtFdR0lUVKzmYu9DzKxP5QGPh7vIbEBULoW0cfrc81-ZKWajnO-tAoej90vQ6F2lkrpXQFsVSyuG4ditXFTAUXZKRWCCxtcOK/s1600-rw/facebook-twitter.png" /></a></div>
<span style="font-size: large;"><br />اليوم بعون الله تعالى سوف نتعلم كيفية نشر تدوينات بلوجر على تيوتر والفيسبوك معا و في وقت واحد بطريقة أوتوماتيكية،وهذا يعني أنك عند إضافة أي موضوع جديد في مدونتك سوف يتم نشره أوتوماتيكياعلى موقعي "تويتر" و "فيسبوك" من دون الحاجة الى نشره بطريقة يدوية ،وهذه العملية جد فعالة بالنسبة لاصحاب المواقع و المدونات ،وللاستفادة من هذه الخدمة ،يجب أن تتوفر على رابط خلاصات Rss المحصل عليه من موقع فيدبرنر Feedburner والذي يبدو على هذا الشكل:<br /><br /><a href="http://feeds.feedburner.com/blogspot/eShFV" rel="nofollow" target="_blank">http://feeds.feedburner.com/blogspot/eShFV</a><br /><br />سوف اقوم بعون الله تعالى بالشرح بشكل مبسط مع الاعتماد على الصور التوضيحية لتفادي اي التباس ,وذلك بالتقسيم الى عدة مراحل .<br /><br />توجه الى موقع تويترفيد<a href="http://twitterfeed.com/" rel="nofollow" target="_blank"> Twitterfeed</a> وقم بالتسجيل ثم قم باتباع التعليمات الموضحة في الصور.<a href="http://www.abu-iyad.com/2010/07/twitterfeed-with-twitter-and-facebook.html"></a></span><br />
<div style="text-align: center;">
<span style="font-size: large;"><a href="http://ethicalmartini.files.wordpress.com/2008/10/twitterfeed.png?w=400&h=120"><img border="0" loading="lazy" src="https://ethicalmartini.files.wordpress.com/2008/10/twitterfeed.png?w=400&h=120" /></a></span></div>
<span style="font-size: large;">
</span>
<h3 style="text-align: right;">
<span style="font-size: large;"><span style="color: red;">المرحلة الاولى :</span></span></h3>
<span style="font-size: large;"></span><br />
<div style="text-align: center;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaYM1i5NmF5hNWPmv3Youo-mPaWYTZyy1-IkJja_nk2TpB7BpXt4UP-ZfUnsguEketnCMP-2cbLxlqAEXLLXdpbjmsI9_LDYdgGMTmxLs2TgSMppbBc9xJ4OCTnWNxU9nUcgEwA_iD1IA/s1600/4321.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaYM1i5NmF5hNWPmv3Youo-mPaWYTZyy1-IkJja_nk2TpB7BpXt4UP-ZfUnsguEketnCMP-2cbLxlqAEXLLXdpbjmsI9_LDYdgGMTmxLs2TgSMppbBc9xJ4OCTnWNxU9nUcgEwA_iD1IA/s400-rw/4321.png" /></a></span></div>
<span style="font-size: large;">
</span><br />
<h3 style="text-align: right;">
<span style="font-size: large;"><span style="color: red;">المرحلة الثانية :</span></span></h3>
<span style="font-size: large;">بعد انتقالك الى المرحلة الثانية سوف تظهر لك صفحة تختار فيها نوع الخدمة,<br />في البداية قم باختيار خدمة تويتر Twitter وسوف نقوم باختيار خدمة فيسبوك فيما بعد ...</span><br />
<div style="text-align: center;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgepftykwOyX2W9-cNztjFSwzYm1ufQZ8oqFisLV-UszJdKLDpz7HKCFGJnHrdnA2ywXdLdj7zcDy0WTtPfAvw7pG9Eko_K1lTVKzhjGcDSJdDYovUeGpYEsVP3zyIHU47Ge9Td3OB_NU0/s1600/44444.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgepftykwOyX2W9-cNztjFSwzYm1ufQZ8oqFisLV-UszJdKLDpz7HKCFGJnHrdnA2ywXdLdj7zcDy0WTtPfAvw7pG9Eko_K1lTVKzhjGcDSJdDYovUeGpYEsVP3zyIHU47Ge9Td3OB_NU0/s400-rw/44444.png" /></a></span></div>
<span style="font-size: large;">
<span style="color: red;"><div>
<span style="font-size: large;"><span style="color: red;"><br /></span></span></div>
</span></span><br />
<h3 style="text-align: right;">
<span style="font-size: large;"><span style="color: red;">
المرحلة الثالثة :</span></span></h3>
<br />
<div>
<span style="font-size: large;">سوف تظهر لك صفحة تطلب منك ادخال حسابك على تويتر وذلك بالضغط على المستطيل الأزرق ,او اذا كنت داخلا مسبقا الى حسابك اضغط على السهم عند القائمة المنسدلة Twitter account .وسوف يظهر اسم حسابك على تويتر, ثم قم باختياره.<br />ثم بعدها قم بالضغط على كلمة" create Service" أسفل الصفحة لتفعيل الخدمة.</span><br />
<div style="text-align: center;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFGJT9hQAyRwelX3yjuOnTYp9dPnPM4NtitCRFVFt5srBShjQ2Nn5KHVBmJEyj-RNjT1si5KbkXibt71mQEcGmKmMEcn9tBercN4yThaotieyitpdCxw5Em3gCGB1yFb-u4Omz_cxSjbU/s1600/Sans+titre.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFGJT9hQAyRwelX3yjuOnTYp9dPnPM4NtitCRFVFt5srBShjQ2Nn5KHVBmJEyj-RNjT1si5KbkXibt71mQEcGmKmMEcn9tBercN4yThaotieyitpdCxw5Em3gCGB1yFb-u4Omz_cxSjbU/s400-rw/Sans+titre.png" /></a></span></div>
<span style="font-size: large;">
</span>
<h3 style="text-align: right;">
<span style="font-size: large;"><span style="color: red;">المرحلة الرابعة :</span> </span></h3>
</div>
<div>
<span style="font-size: large;">بعدها سوف تظهر لك صفحة مثل التي ظهرت لك في المرحلة الثانية،والتي سوف نختار فيها هذه المرة "خدمة الفيسبوك" ,وباتباع نفس الطريقة التي قمنا بها بتفعيل خدمة تويتر.</span><br />
<div style="text-align: center;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHEO-ZQH8KJxyix8-FcMjyFlJVkTLjoHxDI13nIR7FZqpFeqO1w5IDa6TNDewPUmNpce8Ci3GayY2ecrK_Er3-IuDbY58fJCOn4IB2xX32dxdpEgim1IjHJb0hDSC4Pj5Yfvm3VLI7e3g/s1600/777.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHEO-ZQH8KJxyix8-FcMjyFlJVkTLjoHxDI13nIR7FZqpFeqO1w5IDa6TNDewPUmNpce8Ci3GayY2ecrK_Er3-IuDbY58fJCOn4IB2xX32dxdpEgim1IjHJb0hDSC4Pj5Yfvm3VLI7e3g/s400-rw/777.png" /></a></span></div>
<span style="font-size: large;">
</span><br />
<h3 style="text-align: right;">
<span style="font-size: large;"><span style="color: red;">المرحلة الخامسة :</span> </span></h3>
</div>
<div>
<span style="font-size: large;">نقوم بالضغط على مستطيل الفيسبوك او باختيار اسم حسابك من خلال القائمة المنسدلة" Facebook Account"</span><br />
<div style="text-align: center;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgylB1hgbDKzJTmBGJbNXmwteqaGtQnXhUzggQfxzqYrnTtd6de4G4KpOjhWcwlxuHaXi15-CPlgsBa8d1VJ1cFkElRaayDxBWRqWhai_NA79w-LNk1qOuGbzGUPNS4gSo0FtWJmbRc-Ag/s1600/999.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgylB1hgbDKzJTmBGJbNXmwteqaGtQnXhUzggQfxzqYrnTtd6de4G4KpOjhWcwlxuHaXi15-CPlgsBa8d1VJ1cFkElRaayDxBWRqWhai_NA79w-LNk1qOuGbzGUPNS4gSo0FtWJmbRc-Ag/s400-rw/999.png" /></a></span></div>
<span style="font-size: large;">
<br /><div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxjxKP-2pMxS_Eo-WD2x-qTPrkUcEpGvp6U0u9ha7epOzAmjdtSx1WCrf_3fyzq9FD-YH1FZ0M-6q4yil_7kCFMczKwgFlStYZ3LIZH6lYf-UYGz2vf_P-A_qTtbL9mTMjv6MfHqyWxXw/s1600/00000.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxjxKP-2pMxS_Eo-WD2x-qTPrkUcEpGvp6U0u9ha7epOzAmjdtSx1WCrf_3fyzq9FD-YH1FZ0M-6q4yil_7kCFMczKwgFlStYZ3LIZH6lYf-UYGz2vf_P-A_qTtbL9mTMjv6MfHqyWxXw/s400-rw/00000.png" /></a></div>
<br />واذا كانت لديك صفحة علي الفيسبوك قم باختيارها من القائمة المنسدلة Facebook pages . </span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">ثم بعدها قم بالضغط على كلمة" create Service" أسفل الصفحة لتفعيل الخدمة, وعندها سوف تظهر لك صفحة تبين لك الخدمات التي تم تفعيلها (Tiwitter + Facebook) ،بعدها اضغط على كلمة "All Done" اسفل الصفحة للانتهاء<br />و في الاخير اضغط على زر go to <a href="http://twitterfeed.com/dashboard" rel="nofollow" target="_blank">dashboard</a> وسوف تظهر لك هذه الصفحة التي تبين لك تفعيل الخدمتين Twitter + faceook<br /></span><br />
<div style="text-align: center;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifDPvefR8y82sqxSpw0g6r6x_PJl7G4jcF8fvKIqGXnqEH4O2l5NC6rBOD0fwHdZCfXbZf-a3pnC9p6vhKthy3hZXXHTYtIMe27ZXxD0JecuPpG5gNj61UExXZDhtoEl1vA8AhbOmw9qo/s1600/8766.png"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifDPvefR8y82sqxSpw0g6r6x_PJl7G4jcF8fvKIqGXnqEH4O2l5NC6rBOD0fwHdZCfXbZf-a3pnC9p6vhKthy3hZXXHTYtIMe27ZXxD0JecuPpG5gNj61UExXZDhtoEl1vA8AhbOmw9qo/s400-rw/8766.png" /></a></span></div>
<span style="font-size: large;">
<br />و مبروك عليك من الآن فصاعدا جميع المواضيع المدرجة في مدونتك او موقعك سوف يتم نشرها بصفة اوتوماتيكية على المفضلات الاجتماعية فيسبوك و تويتر في آن واحد وبدون حد اقصى للنشر في الشهر، </span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: large;"><b>فإذا اعجبك الموضوع</b></span></div>
<div style="text-align: center;">
<span style="font-size: large;"><b>فقم بنشره على الازرار المفضلات الاجتماعية اسفله </b></span></div>
<div style="text-align: center;">
<span style="font-size: large;"><b>و لك جزيل الشكر في انتظار تشجيعاتكم ^_^</b></span></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/AVvXsEhNqnlwE_dCatfmrOU8pQqnuegt1vummXdaKRRiWb4au1DY_34h3IayjukL0l86ZoWbDZd1hjoYwA53-LQ_AjA22hQ1rTpih5I8s5leGmW3sB3g6nmNqz7ZQYXhVHshGENM7OJ9weQqr_08/s1600/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9-%D8%AA%D8%B9%D9%84%D9%8A%D9%82%D8%A7%D8%AA-%D9%81%D9%8A%D8%B3%D8%A8%D9%88%D9%83-%D8%A8%D9%84%D9%88%D8%AC%D8%B1-%D8%AC%D9%86%D8%A8-%D8%A8%D8%B9%D8%B6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNqnlwE_dCatfmrOU8pQqnuegt1vummXdaKRRiWb4au1DY_34h3IayjukL0l86ZoWbDZd1hjoYwA53-LQ_AjA22hQ1rTpih5I8s5leGmW3sB3g6nmNqz7ZQYXhVHshGENM7OJ9weQqr_08/s1600-rw/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9-%D8%AA%D8%B9%D9%84%D9%8A%D9%82%D8%A7%D8%AA-%D9%81%D9%8A%D8%B3%D8%A8%D9%88%D9%83-%D8%A8%D9%84%D9%88%D8%AC%D8%B1-%D8%AC%D9%86%D8%A8-%D8%A8%D8%B9%D8%B6.png" /></a></div>
<span style="font-size: large;"><br /></span><h2 style="text-align: right;">
<span style="color: red; font-size: large;">طريقة إضافة تعليقات بلوجر والفيسبوك متجاورين جنبا إلى جنب - الطريقة الصحيحة والبسيطة</span></h2>
<span style="font-size: large;"><br /><br />السلام عليكم في هذا الشرح سنتعرف على طريقة إضافة تعليقات الفيسبوك إلى جانب تعليقات بلوجر أي انك ستتيح للزائر اختيار طريقة التعليق بشكل أنيق جدا.<br /></span><h3 style="text-align: right;">
<span style="color: red; font-size: large;">شرح التركيب :</span></h3>
<span style="font-size: large;"><br />قم بأخذ نسخة احتياطية وقم بحذف أي كود متعلق بتعليقات الفيسبوك إذا كنت تستخدمها<br /><br />أولا قم بتطبيق أول خطوتين من هذا الموضوع : <a href="http://ezzeldin-ahmed.blogspot.com/2011/09/blog-post_8883.html">الطريقة الصحيحة لإضافة تعليقات الفيسبوك إلى مدونات بلوجر</a><br /><br />لتحصل على معرف التطبيق + معرف الحساب<br /><br />من تحرير HTML قم بتوسيع قوالب عناصر واجهة المستخدم وابحث عن :</span><div>
<span style="font-size: large;"><br /></span><div style="margin: 5px 20px 20px;">
<div class="smallfont" style="font-family: Tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; margin-bottom: 2px;">
<br /></div>
<div class="alt2" dir="ltr" style="background-color: #f2e8dc; border: 1px inset; color: black; height: 34px; margin: 0px; overflow: auto; padding: 6px; text-align: right; width: 640px;">
<code style="white-space: nowrap;"><code><span style="color: black;"><span style="color: #0000bb;"></span><span style="color: #007700;"><</span><span style="color: #0000bb;">div </span><span style="color: #007700;">class=</span><span style="color: #dd0000;">'comments' </span><span style="color: #0000bb;">id</span><span style="color: #007700;">=</span><span style="color: #dd0000;">'comments'</span><span style="color: #007700;">>  </span><span style="color: #0000bb;"></span></span></code></code></div>
</div>
<span style="font-size: large;"><br /><br />قد تجد أكثر من واحد المهم أضف بعد كل واحد الكود التالي :</span><br />
<div style="margin: 5px 20px 20px;">
<pre class="alt2" dir="ltr" style="background-color: #f2e8dc; background-position: initial initial; background-repeat: initial initial; border: 1px inset; color: black; height: 258px; margin: 0px; overflow: auto; padding: 6px; text-align: left; width: 640px;"><div style="text-align: right;">
<div class='comments-tab' id='fb-comments' onclick='javascript<b></b>:commentToggle(&quot;#fb-comments&quot;);' title='أضف تعليقك عن طريق الفيسبوك'></div>
<div style="text-align: right;">
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/></div>
<fb:comments-count expr:href='data:post.url'/> تعليقات
</div>
<div style="text-align: right;">
ents' onclick='javascript<b></b>:commentToggle(&quot;#blogger-comments&quot;);' title='أضف تعليقك عن طريق بلوجر'></div>
<div class='comments-tab inactive-select-tab' id='blogger-com
m
<div style="text-align: right;">
img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> تعليقات
</div>
<</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<div style="text-align: right;">
expr:href='data:post.url' num_posts='2' width='580'</div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comment
s/>
</b:if>
</div>
<div style="text-align: right;">
s comments-page' id='blogger-comments-page'></div>
<div class='commen
t</pre>
</div>
<br />
<h4 style="text-align: right;">
<span style="font-size: large;">الآن ابحث عن </head> وأضف قبلها الكود التالي مع تغيير معرف الحساب :</span></h4>
<br />
<div style="margin: 5px 20px 20px;">
<div class="alt2" dir="ltr" style="background-color: #f2e8dc; border: 1px inset; height: 194px; margin: 0px; overflow: auto; padding: 6px; text-align: left; width: 640px;">
<div style="text-align: right;">
<span style="color: #007700; white-space: nowrap;"><</span><span style="color: #0000bb; white-space: nowrap;">script src</span><span style="color: #007700; white-space: nowrap;">=</span><span style="color: #dd0000; white-space: nowrap;">'http://connect.facebook.net/ar_AR/all.js#xfbml=1'</span><span style="color: #007700; white-space: nowrap;">/></span></div>
<code style="white-space: nowrap;"></code><br />
<div style="text-align: right;">
<code style="white-space: nowrap;"><span style="color: #007700;"><</span><span style="color: #0000bb;">script src</span><span style="color: #007700;">=</span><span style="color: #dd0000;">'http://code.jquery.com/jquery-latest.js'</span><span style="color: #007700;">/></span></code></div>
<code style="white-space: nowrap;">
<span style="color: #007700;"></span></code>
<div style="text-align: right;">
<code style="white-space: nowrap;"><span style="color: #007700;"><<span style="color: #0000bb;">meta content</span>=<span style="color: #dd0000;">'معرف الحساب' </span><span style="color: #0000bb;">property</span>=<span style="color: #dd0000;">'fb:admins'</span>/></span></code></div>
<code style="white-space: nowrap;"><span style="color: #007700;">
</span><span style="color: #007700;"><div style="text-align: right;">
<<span style="color: #0000bb;">script type</span>=<span style="color: #dd0000;">'text/javascript'</span>></div>
</span><span style="color: #007700;"><div style="text-align: right;">
function <span style="color: #0000bb;">commentToggle</span>(<span style="color: #0000bb;">selectTab</span>) {</div>
</span><span style="color: #007700;"><div style="text-align: right;">
$(<span style="color: #dd0000;">".comments-tab"</span>).<span style="color: #0000bb;">addClass</span>(<span style="color: #dd0000;">"inactive-select-tab"</span>);</div>
</span><span style="color: #007700;"><div style="text-align: right;">
$(<span style="color: #0000bb;">selectTab</span>).<span style="color: #0000bb;">removeClass</span>(<span style="color: #dd0000;">"inactive-select-tab"</span>);</div>
</span><span style="color: #007700;"><div style="text-align: right;">
$(<span style="color: #dd0000;">".comments-page"</span>).<span style="color: #0000bb;">hide</span>();</div>
</span><span style="color: #007700;"><div style="text-align: right;">
$(<span style="color: #0000bb;">selectTab </span>+ <span style="color: #dd0000;">"-page"</span>).<span style="color: #0000bb;">show</span>();</div>
</span><span style="color: #007700;"><div style="text-align: right;">
}</div>
</span><span style="color: #0000bb;"><div style="text-align: right;">
</script>  </div>
</span></code></div>
</div>
<h4 style="text-align: right;">
<span style="font-size: large;"><br /></span><span style="font-size: large;"><br /></span><span style="font-size: large;">الآن ابحث عن ]]></b:skin> وأضف قبلها :</span><span style="font-size: large;"><br /></span><span style="font-size: large;"><br /></span></h4>
<div style="margin: 5px 20px 20px;">
<div class="alt2" dir="ltr" style="border: 1px inset; height: 114px; margin: 0px; overflow: auto; padding: 6px; text-align: left; width: 640px;">
<div dir="rtl" style="text-align: right;">
<span style="color: #007700; white-space: nowrap;">.</span><span style="color: #0000bb; white-space: nowrap;">comments</span><span style="color: #007700; white-space: nowrap;">-</span><span style="color: #0000bb; white-space: nowrap;">page </span><span style="color: #007700; white-space: nowrap;">{ </span><span style="color: #0000bb; white-space: nowrap;">background</span><span style="color: #007700; white-space: nowrap;">-</span><span style="color: #0000bb; white-space: nowrap;">color</span><span style="color: #007700; white-space: nowrap;">: </span><span style="color: #ff8000; white-space: nowrap;">#f2f2f2;}</span></div>
<div style="background-color: #f2e8dc;">
<code style="white-space: nowrap;"></code><br /></div>
<div style="background-color: #f2e8dc; text-align: right;">
<code style="white-space: nowrap;"><span style="color: #ff8000;">#blogger-comments-page { padding: 0px 5px; display: none;}</span></code></div>
<div style="background-color: #f2e8dc;">
<code style="white-space: nowrap;">
<span style="color: #007700;"></span></code></div>
<div style="background-color: #f2e8dc; text-align: right;">
<code style="white-space: nowrap;"><span style="color: #007700;">.<span style="color: #0000bb;">comments</span>-<span style="color: #0000bb;">tab </span>{ <span style="color: #0000bb;">float</span>: <span style="color: #0000bb;">right</span>; <span style="color: #0000bb;">padding</span>: <span style="color: #0000bb;">5px</span>; <span style="color: #0000bb;">margin</span>-<span style="color: #0000bb;">left</span>: <span style="color: #0000bb;">3px</span>; <span style="color: #0000bb;">cursor</span>: <span style="color: #0000bb;">pointer</span>; <span style="color: #0000bb;">background</span>-<span style="color: #0000bb;">color</span>: <span style="color: #ff8000;">#f2f2f2;}</span></span></code></div>
<code style="background-color: #f2e8dc; white-space: nowrap;"><span style="color: #007700;">
</span><span style="color: #007700;"><div style="text-align: right;">
.<span style="color: #0000bb;">comments</span>-<span style="color: #0000bb;">tab</span>-<span style="color: #0000bb;">icon </span>{ <span style="color: #0000bb;">height</span>: <span style="color: #0000bb;">14px</span>; <span style="color: #0000bb;">width</span>: <span style="color: #0000bb;">auto</span>; <span style="color: #0000bb;">margin</span>-<span style="color: #0000bb;">left</span>: <span style="color: #0000bb;">3px</span>;}</div>
</span><span style="color: #007700;"><div style="text-align: right;">
.<span style="color: #0000bb;">comments</span>-<span style="color: #0000bb;">tab</span>:<span style="color: #0000bb;">hover </span>{ <span style="color: #0000bb;">background</span>-<span style="color: #0000bb;">color</span>: <span style="color: #ff8000;">#eeeeee;}</span></div>
</span><span style="color: #007700;"><div style="text-align: right;">
.<span style="color: #0000bb;">inactive</span>-<span style="color: #0000bb;">select</span>-<span style="color: #0000bb;">tab </span>{ <span style="color: #0000bb;">background</span>-<span style="color: #0000bb;">color</span>: <span style="color: #ff8000;">#d1d1d1;}  </span></div>
</span><span style="color: #0000bb;"></span></code><div style="background-color: #f2e8dc;">
</div>
</div>
</div>
<span style="font-size: large;"><br /><br />ابحث عن <html أضف بعده مباشرة الكود التالي :<br /></span><br /><span style="background-color: #f5ede3; font-family: "tahoma"; font-size: small; text-align: -webkit-center;"></span><br />
<div style="margin: 5px 20px 20px;">
<div class="alt2" dir="ltr" style="background-color: #f2e8dc; border: 1px inset; height: 34px; margin: 0px; overflow: auto; padding: 6px; text-align: right; width: 640px;">
<code style="white-space: nowrap;"><span style="color: #0000bb;">xmlns</span><span style="color: #007700;">:</span><span style="color: #0000bb;">fb</span><span style="color: #007700;">=</span><span style="color: #dd0000;">'http://www.facebook.com/2008/fbml'  </span><span style="color: #0000bb;"></span></code></div>
</div>
<span style="background-color: #f5ede3; font-family: "tahoma"; font-size: small; text-align: -webkit-center;"></span><span style="background-color: #f5ede3; font-family: "tahoma"; text-align: -webkit-center;"><span style="font-size: small;"><br /></span></span>
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<span style="font-size: large;"><br />ليصبح الكود هكذا :<br /></span></div>
<div class="alt2" dir="ltr" style="background-color: #f2e8dc; border: 1px inset; height: 34px; margin: 0px; overflow: auto; padding: 6px; text-align: right; width: 640px;">
<code style="white-space: nowrap;"><span style="color: #0000bb;"></span><span style="color: #007700;"><</span><span style="color: #0000bb;">html xmlns</span><span style="color: #007700;">:</span><span style="color: #0000bb;">fb</span><span style="color: #007700;">=</span><span style="color: #dd0000;">'http://www.facebook.com/2008/fbml'  </span><span style="color: #0000bb;"></span></code></div>
</div>
<span style="background-color: #f5ede3; font-family: "tahoma"; font-size: small; text-align: -webkit-center;"></span><span style="background-color: #f5ede3; font-family: "tahoma"; text-align: -webkit-center;"><span style="font-size: small;"><br /></span></span><br />
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; margin-bottom: 2px;">
<span style="font-size: large;"><br />الآن ابحث عن وأضف <body> بعده مباشرة الكود التالي مع تغيير معرف التطبيق :<br /></span></div>
<div class="alt2" dir="ltr" style="background-color: #f2e8dc; background-position: initial initial; background-repeat: initial initial; border: 1px inset; color: black; height: 210px; margin: 0px; overflow: auto; padding: 6px; text-align: left; width: 640px;">
<div style="text-align: right;">
<span style="color: #007700; white-space: nowrap;"><</span><span style="color: #0000bb; white-space: nowrap;">div id</span><span style="color: #007700; white-space: nowrap;">=</span><span style="color: #dd0000; white-space: nowrap;">'fb-root'</span><span style="color: #007700; white-space: nowrap;">/></span></div>
<code style="white-space: nowrap;"></code><br />
<div style="text-align: right;">
<code style="white-space: nowrap;"><span style="color: #007700;"><</span><span style="color: #0000bb;">script</span><span style="color: #007700;">></span></code></div>
<code style="white-space: nowrap;">
<code></code></code>
<div style="text-align: right;">
<code style="white-space: nowrap;"><code><span style="color: #0000bb;">window</span><span style="color: #007700;">.</span><span style="color: #0000bb;">fbAsyncInit </span><span style="color: #007700;">= function() {</span></code></code></div>
<code style="white-space: nowrap;"><code>
<span style="color: black;"><div style="text-align: right;">
<span style="color: #007700;">    </span><span style="color: #0000bb;">FB</span><span style="color: #007700;">.</span><span style="color: #0000bb;">init</span><span style="color: #007700;">({</span><span style="color: #0000bb;">xfbml</span><span style="color: #007700;">: </span><span style="color: #0000bb;">true</span><span style="color: #007700;">, </span><span style="color: #0000bb;">appId</span><span style="color: #007700;">: </span><span style="color: #0000bb;">معرف التطبيق </span><span style="color: #007700;">});</span></div>
<span style="color: #007700;"><div style="text-align: right;">
  };</div>
<div style="text-align: right;">
  (function() {</div>
<div style="text-align: right;">
    var <span style="color: #0000bb;">e </span>= <span style="color: #0000bb;">document</span>.<span style="color: #0000bb;">createElement</span>(<span style="color: #dd0000;">'script'</span>); <span style="color: #0000bb;">e</span>.<span style="color: #0000bb;">async </span>= <span style="color: #0000bb;">true</span>;</div>
</span><span style="color: #0000bb;"><div style="text-align: right;">
e<span style="color: #007700;">.</span>src <span style="color: #007700;">= </span>document<span style="color: #007700;">.</span>location<span style="color: #007700;">.</span>protocol <span style="color: #007700;">+ </span></div>
</span><span style="color: #007700;"><div style="text-align: right;">
      <span style="color: #dd0000;">'//connect.facebook.net/ar_AR/all.js'</span></div>
</span><span style="color: #dd0000;"><div style="text-align: right;">
    <span style="color: #0000bb;">document</span><span style="color: #007700;">.</span><span style="color: #0000bb;">getElementById</span><span style="color: #007700;">(</span>'fb-root'<span style="color: #007700;">).</span><span style="color: #0000bb;">appendChild</span><span style="color: #007700;">(</span><span style="color: #0000bb;">e</span><span style="color: #007700;">);</span></div>
</span><span style="color: #007700;"><div style="text-align: right;">
  }());</div>
</span><span style="color: #0000bb;"><div style="text-align: right;">
</script><span style="color: black;"> </span><span style="color: black;"> </span></div>
</span></span></code></code></div>
</div>
</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/AVvXsEiWSl29Kpu8ilLPVv3inlvAwXHb_Hkk1vRFcIbKCW87pgZ6SivPHZYSeKUjDUCmp4Jlo-4c_8f_UnQGdDEyOERFm268M37y-162rjG-zPWCIaFsjweZrNFCZ1KRxsW9bCA211c49m1NzJpM/s1600/Blogger++%D9%83%D9%8A%D9%81-%D8%AA%D8%AC%D8%B9%D9%84-%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83-%D8%AF%D8%A7%D8%A6%D9%85%D8%A7-%D9%81%D9%8A-%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D9%85%D8%AD%D8%B1%D9%83%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWSl29Kpu8ilLPVv3inlvAwXHb_Hkk1vRFcIbKCW87pgZ6SivPHZYSeKUjDUCmp4Jlo-4c_8f_UnQGdDEyOERFm268M37y-162rjG-zPWCIaFsjweZrNFCZ1KRxsW9bCA211c49m1NzJpM/s1600-rw/Blogger++%D9%83%D9%8A%D9%81-%D8%AA%D8%AC%D8%B9%D9%84-%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83-%D8%AF%D8%A7%D8%A6%D9%85%D8%A7-%D9%81%D9%8A-%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D9%85%D8%AD%D8%B1%D9%83%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB.png" /></a></div>
<div>
<span style="font-size: large;"><br /></span></div>
<span style="font-size: large;">احسن تهيئة لمحركات البحث - افضل سيو للمدونة <br />كل هذه الاسئلة دائما ما نتسائلها لجعل مدونة جوجل ( بلوجر) الاولي في نتائج البحث وطرق تصدر هذه المحركات ، النهاردة جايبلكم مفاجأة .... اضافة جديدة من اضافات بلوجر ولكنها في مدونة بلوجر نفسها بدون اضافة اكواد <br /><br />الموضوع بسيط جدا ولكن المعظم لم يلاحظ هذه الاضافة من قبل وانا بنفسي اكتشفتها منذ فترة في مدونة اخري ...<br />ندخل علي الموضوع علي طول :<br /><br />1- هندخل علي ادارة المدونة ثم الذهاب الي اعدادات ثم تفضيلات البحث كما في الصورة<br /><br />بعد الدخول علي تفضيلات البحث بجانب كلمة الوصف هنضغط علي كلمة تحرير لاضافة الوصف كما في الصورة السابقة ، ثم نضع العلامة علي كلمة نعم لتفعيل وصف البحث واضافة الوصف الذي نريده كما في الصورة التالية :<br /><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh1cBiZ1dqBWN3a4Pakz69at1m1OY_Zhtglr-U6_wg7SFMiT1_0tvgUfcsUlhkYdjYSboh6pl1PQRWGkEZd1Kz-VbMpdU5ZErPhSKsQ7UINoyETIDRB192R8_O2w_9F-Cn-qBqhyphenhyphenbKoLc/s640-rw/2.png" /><br />2- بعد ذلك نقوم بادخال الوصف القصير الخاص بالمدونة الذي لا يتعدي 150 حرف ، حاول ان تختصر وتضع جل وصف المدونة في هذا البحث فهو الوصف الذي يظهر اسفل اسم المدونة في محركات البحث ، وبعد ادخال الوصف نضغط حفظ كما في الصورة التالية :<br /><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvhVTvsxwBJbCP6mTfgG-7PqZFiomRgudifXsq9XyqRY-gcDTu4uDdxYeLaY8vcA0naQarAghf4z1iknMUvbNNwIXgShNeC_LTdcl9_agSQio4KMwRx1-uu3SepOJ4gA6Dh9icDpJbkBA/s640-rw/3.png" /><br /><br />* ركز جيدا في الجزء التالي فهو ما يترتب عليه ظهور مواضيعك في اوائل نتائج البحث ....<br /><br />3- عند الذهاب الي مشاركة جديدة في المدونة سنجد تبويب جديد قد ظهر علي يسار التدوينة واسم " وصف البحث " عند الضغط عليه سيفتح صندوق يمكنك الكتابة فيه بكل ما يتعلق بالموضوع والكلمات والجمل المفتاحية لتتصدر نتائج البحث الخاصة بهذا الموضوع ... كما في الصورة التالية<br /><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxuiXiE-ZOvsGtRGsMTajClrffnna3s64MDxYa7A_R14-tJWgHFLxeDFZ92-0rAxqRU674Tfs79LvqpFOc5We5vDYQU9ldSERhhpfoB4zvR6KitwGOxjKevaUpEnStT4luW6YajoVRipA/s640-rw/5.png" /><br />والان انشر موضوعك واستمتع بنتائج البحث الاولي في جوجل مع مراعاة تقنيات السيو الخاصة بموقعك وطرق تهيئة موقعك لمحركات البحث</span></div>

بخطوات بسيطة جدا : تعلم كيفية جعل المدونه الاولي في نتائج بحث جوجل

احسن تهيئة لمحركات البحث - افضل سيو للمدونة كل هذه الاسئلة دائما ما نتسائلها لجعل مدونة جوجل ( بلوجر) الاولي في نتائج البحث وطرق تصدر ه...

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

أفضل طريقة تجعل مدونتك صديقة لمحركات البحث - اضافة خرائط جوجل sitemap لمدونة بلوجر

<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/AVvXsEiJoF1NFopa1YmNZqD8Xr1jnpkz0Qo7QVdhLzVj9AQY95UopBfrO5CLxisySDbIKiXqwDk89nJv33zfrYM22JQGmw5qrEusEjaX9Xw2eNTI9WCLuPvW3RwtCeTSBmLqjS6yTo2xMIpEDbNY/s1600/%D8%A7%D8%AC%D8%B9%D9%84-%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83-%D8%B5%D8%AF%D9%8A%D9%82%D8%A9-%D9%84%D9%85%D8%AD%D8%B1%D9%83%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJoF1NFopa1YmNZqD8Xr1jnpkz0Qo7QVdhLzVj9AQY95UopBfrO5CLxisySDbIKiXqwDk89nJv33zfrYM22JQGmw5qrEusEjaX9Xw2eNTI9WCLuPvW3RwtCeTSBmLqjS6yTo2xMIpEDbNY/s1600-rw/%D8%A7%D8%AC%D8%B9%D9%84-%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83-%D8%B5%D8%AF%D9%8A%D9%82%D8%A9-%D9%84%D9%85%D8%AD%D8%B1%D9%83%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB.jpg" /></a></div>
<div style="text-align: center;">
<br /></div>
<span style="font-size: large;"></span><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;">
اليوم سوف نقوم بإضافة خريطة sitemap.xml </div>
<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;">
بدل من الطرق الأخرى التي نستعملها والمتعارف عليها , والتي يواجه العديد منا صعوبة في اضافتها او صياغة الرابط الخاص بها فتظهر إشارة خطأ في خرائط جوجل</div>
<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;">
بالبداية مدونة بلوجر لا تحتاج لإثبات ملكية عند الدخول لأدوات مشرفي المواقع عبر الرابط التالي من نفس الإيميل المسجل للمدونة</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://www.google.com/webmasters/tools/home" rel="nofollow" target="_blank">https://www.google.com/webmasters/tools/home</a></div>
<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;">
انا إستعملت الطريقة من أكثر من 10 ايام وبصراحة لاحظة تحسن ممتاز في الأرشفة ونتائج البحث مع إني كنت أستعمل طريقة اخرى</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img border="0" height="476" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGhyJdmSubAVjaSSbpE1RvKxkN4Wu2CBIozH5i9gfyGNsfbp_caHDGE62C_BBkb9o4XeAzY80ZknFx4EWxMUuls6NS4aR6WXSL1mXr8NYSfsjMFMf_sM5MIfSLvT27UklLX0B_rPWl-F8/s640-rw/sitemap-blogger.JPG" width="640" /></div>
<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;">
الصورة فقط للتوضيح سرعة قوقل في قرأئة الخريطة</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
طريقة الإضافة كالتالي</div>
<div style="text-align: center;">
نضغط من القائمة الجانبية على كلمة التحسين</div>
<div style="text-align: center;">
ونختار ملفات Sitemap</div>
<div style="text-align: center;">
ثم إضافة/اختارملف SITEMAP</div>
<div style="text-align: center;">
كما في الصورة</div>
<div style="text-align: center;">
<img border="0" height="371" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Z6z6Z55AOeGwVEJs_KazVTBkV4KrP1DdCvOtYhyphenhyphenmg731z62z0X5R-oPgcZ5P2keNRCYUFkncrCahdBO0kG3_rfuAbCA4SO7C1ZA7Oplq-Ux5C1cHlhBS4odCq9tzCDoogvhBZcQ3AX0/s640-rw/sitemap-blogger1.JPG" width="640" /></div>
<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;">
sitemap.xml</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
احرص على ان يكون حرف s سمول وليس كابتل S</div>
<div style="text-align: center;">
<img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0e7Mvacn4xQhdDg7dgk6A1cqzf7xvCSgSi2z3aUjutpHzKyY0_qeRf7A9vZ4KmupKxoV4N226GTDsIwBNd7brp81EjoF8jP6QudCdyB7W35Fn7h_8JeP5it4vtQzQSOVVhubG6CGGxAA/s1600-rw/sitemap-blogger2.JPG" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
ونضغط على تقديم ملف sitemap</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
وتحديث الصفحة</div>
<div style="text-align: center;">
<img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW6ffHGA6511X47dNsxPpZrAAs8xNw7K1CkVxyRmEC2XjYC1nXgUiZbHE27Dmi6Kv4IDeq9ye7DmfrOieTj6Oz663iTZZ406Q4DHIOWlQp-G4vI_S190sqs_QJPzehoBBbJFPaBpBvqOI/s1600-rw/sitemap-blogger3.JPG" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
ومبروك عليك الخريطة</div>
</span></div>

أفضل طريقة تجعل مدونتك صديقة لمحركات البحث - اضافة خرائط جوجل sitemap لمدونة بلوجر

السلام عليكم ورحمة الله وبركاته اليوم سوف نقوم بإضافة خريطة sitemap.xml الخريطة موجوده بشكل تلقائي من بلوجر في جميع المدونا...

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

إضافة شير مواقع التواصل إلى صور موضوعات تظهر بمجرد مرور الزائر على الصورة لمدونة بلوجر و وردبريس

<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="ltr" style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px; text-align: left;" trbidi="on">
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvr2uoZplVrkomjGDn_L9qd5z9a44zGvd45jEoMK7HJ8nI5XJse3rMYZFmfj_oHWtujpsDO7fX7-KUtetbUsrXvcETxG1Q1cLDKEUA5VMC9r8eaqvfpXiQYNAI4cI0Jsoc5slFZ55O_14H/s1600/slingpic-image-sharing+(1).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvr2uoZplVrkomjGDn_L9qd5z9a44zGvd45jEoMK7HJ8nI5XJse3rMYZFmfj_oHWtujpsDO7fX7-KUtetbUsrXvcETxG1Q1cLDKEUA5VMC9r8eaqvfpXiQYNAI4cI0Jsoc5slFZ55O_14H/s1600-rw/slingpic-image-sharing+(1).jpg" /></a></div>
<br /></div>
<div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
على غرار زر جوجل بلس الذي ظهر فى إعلانات جوجل أدسنس منذ فترة ها هي إضافة رائعة سيهتم بها العديد من أصحاب المدونات وخصوصا المهتمة بالتصوير وجمع الصور وغيرها من التخصصات التى تحتل الصور قيمة كبيرة للتعبير عن مضمون تدويناتهم. <br />
<br />
كلنا يعرف أن الصورة تُعبر عن ألف كلمة. اليكم بالخدمة الرائعة <a href="http://slingpic.com/" rel="nofollow" style="border: 0px; color: #006699; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">slingpic</a> التى تساعدك بإختصار على نشر صور مدونتك على بعض المواقع الإجتماعية كالفيسبوك وتويتر وغيرها بمجرد مرور الزائر على الصورة. ويمكنك التعرف عليها أكثر خلال فيديو يشرح ذلك</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;">
<br /></div>
<div dir="rtl" style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<iframe allowfullscreen="" height="381" mozallowfullscreen="" src="//player.vimeo.com/video/68322792" webkitallowfullscreen="" width="600"></iframe>
<br /></div>
<div class="separator" dir="rtl" style="background-color: white; border: 0px; clear: both; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
اذا أعجبتك الإضافة يمكنك تنفيذ تلك الخطوات بدقة لتتمتع بها فى مدونتك:</div>
<div class="separator" dir="rtl" style="background-color: white; border: 0px; clear: both; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></div>
<div class="separator" dir="rtl" style="background-color: white; border: 0px; clear: both; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<b style="border: 0px; margin: 0px; outline: none; padding: 0px;">أولا لمدونات بلوجر:</b></div>
<div class="separator" dir="rtl" style="background-color: white; border: 0px; clear: both; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
1- <span style="border: 0px; margin: 0px; outline: none; padding: 0px;">أذهب الى لوحة التحكم ثم اذهب الي القالب  <b style="border: 0px; margin: 0px; outline: none; padding: 0px;">Template</b> وقم بتحرير القالب </span><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><b style="border: 0px; margin: 0px; outline: none; padding: 0px;">Edit HTML</b></span></div>
<div class="separator" dir="rtl" style="background-color: white; border: 0px; clear: both; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="border: 0px; margin: 0px; outline: none; padding: 0px;">2- قم بالبحث (بالضغط على <b style="border: 0px; margin: 0px; outline: none; padding: 0px;">Ctrl+F</b>) عن <b style="border: 0px; margin: 0px; outline: none; padding: 0px;"></body></b> وضع فوقها مباشرة هذا الكود</span></div>
<div class="separator" dir="rtl" style="background-color: white; border: 0px; clear: both; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></span></div>
<blockquote class="tr_bq" style="background-color: white; border: 1px solid rgb(207, 207, 207); color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 10px; outline: none; padding: 0px; text-align: right;">
<span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script></span><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><script src="http://cdn.slingpic.com/js/slingpic.plugin.js"></</span><span style="border: 0px; margin: 0px; outline: none; padding: 0px;">script</span><span style="border: 0px; margin: 0px; outline: none; padding: 0px;">></span><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><script></span><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span class="Apple-tab-span" style="border: 0px; margin: 0px; outline: none; padding: 0px; white-space: pre;"> </span>jQuery(window).load(function(){</span><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span class="Apple-tab-span" style="border: 0px; margin: 0px; outline: none; padding: 0px; white-space: pre;">  </span>jQuery("img").slingPic();</span><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span class="Apple-tab-span" style="border: 0px; margin: 0px; outline: none; padding: 0px; white-space: pre;"> </span>});</span><span style="border: 0px; margin: 0px; outline: none; padding: 0px;"></</span><span style="border: 0px; margin: 0px; outline: none; padding: 0px;">script</span><span style="border: 0px; margin: 0px; outline: none; padding: 0px;">></span></blockquote>
<div dir="rtl" style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px; text-align: right;">
<span style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: justify;">2- قم بعدها بحفظ القالب.</span></div>
<div dir="rtl" style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;">
<span style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: left;"><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></span></div>
<div dir="rtl" style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;">
<span style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: left;"><span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;"><b style="border: 0px; margin: 0px; outline: none; padding: 0px;">ملحوظة:</b></span></span></div>
<div dir="rtl" style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;">
<span style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: left;">1- يمكنك التمتع بخصائص أكثر مثل حفظ حقوق الصور أو نشر الصورة بالوصف وأيضا بموقع الإضافة الرسمي تصميمات بألوان مختلفة للإضافة يمكنك الحصول عليها من <a href="http://slingpic.com/get/index.html" rel="nofollow" style="border: 0px; color: #006699; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank"><b style="border: 0px; margin: 0px; outline: none; padding: 0px;">هنا</b></a> بما يتناسب مع مدونتك!</span></div>
<div dir="rtl" style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;">
<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></div>
<div dir="rtl" style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;">
<span style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: left;">2- اذا لم تعمل لديك الإضافة بشكل جيد فالمشكلة تتضمن فى أن الصور المستخدمة داخل تدويناتك متضمنة رابطها أو بمعنى أخر اذا قمت بالضغط على الصورة ستفتح لك فى صفحة أخرى ولكن مع هذه الإضافة سيضطر البعض إلى حذف الرابط عن طريق الصورة التالية. أضغط على الصورة ثم أضغط على كلمة<span style="border: 0px; color: blue; margin: 0px; outline: none; padding: 0px;"> <b style="border: 0px; margin: 0px; outline: none; padding: 0px;">Link</b></span> التى تفيد فى حذف أو إضافة رابط للصورة <u style="border: 0px; margin: 0px; outline: none; padding: 0px;"><b style="border: 0px; margin: 0px; outline: none; padding: 0px;">ونحن نريد الحذف لا الإضافة.</b></u></span></div>
<br />
<div class="separator" style="background-color: white; border: 0px; clear: both; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px; text-align: center;">
</div>
<div class="slingpic  right" data-img-hash="63044" style="border: 0px; bottom: auto; display: inline-block; float: none; font-family: arial !important; height: 441px; left: auto; margin: 0px; max-width: none; outline: none; padding: 0px; position: relative; right: auto; text-shadow: none !important; top: auto; width: 435px;">
<div style="text-align: center;">
<img border="0" class="slingpic_reset" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoZ-TbFJ40bhtVZMyR0exo0PVM1yE7jEg6o7eJFpiCQZRtMC9cGluprO-iZ1xRQ4mG6iA_LyA7U3EyzIgcjPslEHYRyRjkYzIM0YLjOzKVcduf-pm3KsJlWyn09i3myhQGiEjBkSnIoQ/s1600-rw/remove+link.png" style="border: 0px; bottom: auto !important; display: inline-block !important; float: none !important; left: auto !important; line-height: normal !important; margin: 0px !important; max-width: 100%; outline: none; padding: 0px; position: relative !important; right: auto !important; top: auto !important;" /></div>
</div>
<div dir="rtl" style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;">
<span style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: left;"><b style="border: 0px; margin: 0px; outline: none; padding: 0px;">ثانيا لمدونات ووردبريس: </b></span><span style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: left;">يمكنك تحميل الإضافة من <a href="http://wordpress.org/plugins/slingpic/" rel="nofollow" style="border: 0px; color: #006699; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">هنا</a></span></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/AVvXsEhK1dxH0ksnEV058ES9MCcNo0hAv9DVx6n-pAXEl9HVq11IhgeBhh47jC07edDbTiOaQ9SRokTbgGaucsGK2JeifOJVC57hZYNmGpcPVG_NZVfCRJWBJKHoj52KafGuPKyzR-2l0RrERYof/s1600/Add+Comment+Style+To+Your+Blog+en.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="307" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK1dxH0ksnEV058ES9MCcNo0hAv9DVx6n-pAXEl9HVq11IhgeBhh47jC07edDbTiOaQ9SRokTbgGaucsGK2JeifOJVC57hZYNmGpcPVG_NZVfCRJWBJKHoj52KafGuPKyzR-2l0RrERYof/s1600-rw/Add+Comment+Style+To+Your+Blog+en.png" width="320" /></a></div>
<div dir="rtl" style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;">
<br /></div>
<div dir="rtl" style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;">
اليوم نشرح ان شاء الله كود CSS لتجديد شكل صندوق التعليقات الخاص بالمدونة إضافة إلى عداد يقوم بترقيم التعليقات , وخاصة صندوق التعليقات الذي يعتبر واجهة وعلاقة الزائر بالمدونة. الصورة فى أول التدوينة هى النتيجة لهذا الكود اذا أعجبتك قم بإضافتها فى خطوتين.</div>
<div dir="rtl" style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;">
<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></div>
<div dir="rtl" style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;">
1- الدخول على لوحة التحكم ثم القالب <b style="border: 0px; margin: 0px; outline: none; padding: 0px;">Template</b> ثم اختر تخصيص <b style="border: 0px; margin: 0px; outline: none; padding: 0px;">Customise</b></div>
<div dir="rtl" style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;">
2- اختار متقدم <b style="border: 0px; margin: 0px; outline: none; padding: 0px;">Advanced</b> ثم<b style="border: 0px; margin: 0px; outline: none; padding: 0px;"> Add CSS </b>وضع هذا الكود فى المستطيل<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><blockquote class="tr_bq" dir="ltr" style="border: 1px solid rgb(207, 207, 207); margin: 10px; outline: none; padding: 0px; text-align: right;">
<span style="border: 0px; font-family: Georgia, 'trebuchet ms', tahoma, Verdana, Arial, sans-serif; font-style: italic; line-height: 19px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; color: #0b5394; font-size: xx-small; margin: 0px; outline: none; padding: 0px;">@font-face { font-family: 'Philosopher'; font-style: normal; font-weight: 400; src: local('Philosopher'), url(http://themes.googleusercontent.com/static/fonts/philosopher/v4/OttjxgcoEsufOGSINYBGLYbN6UDyHWBl620a-IRfuBk.woff) format('woff'); } .comment .avatar-image-container { border: 1px solid #B6B6B6; max-height: 70px !important; margin-top: -5px; width: 70px !important; position: relative; z-index: 50; } .comment .comment-block { margin-left: 75px !important; } .comment .comment-header { background: none repeat scroll 0 0 #A9F5D0; color: #333; font-size: 15px; font-weight: bold; margin-left: 60px; } .comment .comment-header a { color: white !important; text-decoration: none; } .comment .comment-content { background: none repeat scroll 0 0 #FEFFF9; border-bottom: 2px solid #E6E6E6; font-size: 14px; margin: 0 0 30px; padding: 5px 5px 10px 10px; } .comment .comment-actions a { background: none repeat scroll 0 0 #DDD; color: #333; display: inline-block; line-height: 1; margin: 0 3px; padding: 3px 6px !important; text-decoration: none; } .comment .comment-actions a { background: none repeat scroll 0 0 #DDD; color: #333; display: inline-block; line-height: 1; margin: 0 3px; padding: 3px 6px !important; text-decoration: none; } .comment-header cite { background: none repeat scroll 0 0 #DF7401; border: 1px solid white; color: white; padding: 2px 20px; position: relative; z-index: 99; margin-left: -20px; } cite.blog-author { background: none repeat scroll 0 0 #8181F7 !important; } .icon.blog-author { display: none !important; background: url("") no-repeat scroll 0 0; margin-left: 90px; width: 60px !important; height: 60px !important; position: absolute; right: 5px; bottom: 5px; top: 10px; } .comment .comment-header { color: #333; font-size: 15px; font-weight: bold; } .comment .avatar-image-container img { border: medium none !important; height: 70px !important; width: 70px !important; max-height: 70px !important; max-width: 70px !important; } .comment .comment-actions a { background: none repeat scroll 0 0 #DDD !important; color: #333 !important; display: inline-block !important; line-height: 1 !important; margin: 0 3px !important; padding: 3px 6px !important; text-decoration: none !important; font-size:16px; } .comment .comment-actions a:hover { background: #CCC !important; text-decoration: none !important; } .comments { font-family: 'Philosopher', arial, serif !important; font-size: 1em; color: black; } .comments .continue a { display: block !important; font-weight: bold !important; padding: .5em !important; color:#E34600; font-size:16px; } .comments .continue a:hover {color:#4D3123;text-decoration:none;} .item-control { display: none !important; } .comments .continue { border-top: 2px solid transparent !important; } .comments .comments-content .icon.blog-author{position:absolute;top:-1px;right:-12px;background-image:url(http://cdn2.iconfinder.com/data/icons/crystalproject/16x16/apps/keditbookmarks.png);wid</span></span></blockquote>
<br 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;" /><div dir="rtl" style="border: 0px; margin: 0px; outline: none; padding: 0px;">
<span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;"><b style="border: 0px; margin: 0px; outline: none; padding: 0px;">لاحظ</b></span> : اذا لم يتم تفعيل كلمة <b style="border: 0px; margin: 0px; outline: none; padding: 0px;">Apply to Blog</b> قم بالنقر أخر الكود وخذ مسافة ومن ثم اضغط على <b style="border: 0px; margin: 0px; outline: none; padding: 0px;">Apply to Blog</b> لاتمام المهمة. اذا اعجبك الكود قم بمشاركته على مواقعك المفضلة :)</div>
</div>
</div>

طريقة إضافة لمسات جمالية على صندوق تعليقات مدونة بلوجر

اليوم نشرح ان شاء الله كود CSS لتجديد شكل صندوق التعليقات الخاص بالمدونة إضافة إلى عداد يقوم بترقيم التعليقات , وخاصة صندوق التعليقات ...

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

إضافة زر إخفاء و إظهار جميع التعليقات من على صفحة التدوينة على مدونات بلوجر

<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/AVvXsEgP3ytcWq5xkcLHpUucjAKYETlhSaF4-5UiGTOVedOc2s26isrdESBOcHiWQqC3FYqWJ-9kT8K_gk6s-cI7fubrM-4cEWBqjg12X6FzzJb9frpWZft_GvTIU914MFWyFj4fi0IKPqaCs4f7/s1600/showhidecommentblogger.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="color: black; font-size: large;"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP3ytcWq5xkcLHpUucjAKYETlhSaF4-5UiGTOVedOc2s26isrdESBOcHiWQqC3FYqWJ-9kT8K_gk6s-cI7fubrM-4cEWBqjg12X6FzzJb9frpWZft_GvTIU914MFWyFj4fi0IKPqaCs4f7/s1600-rw/showhidecommentblogger.JPG" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: large;">إخفاء و إظهار تعليقات مدونة بلوجر</span></td></tr>
</tbody></table>
<h2 style="text-align: right;">
<span style="color: red; font-size: large;">إضافة زر إخفاء و إظهار جميع التعليقات في اسفل التدوينة على مدونات بلوجر</span></h2>
<span style="font-size: large;"><br />السلام عليكم ورحمة الله تعالى وبركاته،إخواني أخواتي الكرام ، هذا اليوم سوف نقوم بمعرفة كيفية إضافة زر يقوم بإخفاء وإظهارجميع التعليقات من على صفحة التدوينة ،حيث يكون هذا الزر في أسفل الصفحة وبالضبط فوق صندوق التعليقات</span><div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">فمثلا إذا كانت مدونتك تتوفر على عدد كبير من التعليقات في موضوع معين ،تظهر الصفحة طويلة جدا مما يسبب بطئ في ظهور الصفحة كاملة وكذلك تشوه تنسيقها ،وهذه الخاصية تساعد على تنسيق المدونة وكذلك تساهم في سرعة تحميل الصفحة</span><span style="font-size: large;">.</span></div>
<div>
<span style="font-size: large;"><br /></span><h3 style="text-align: right;">
<span style="color: red; font-size: large;"> انتقل إلى لوح تحكم مدونتك</span></h3>
</div>
<div>
<span style="font-size: large;">إختر "تصميم" ، ثم "تحرير html , ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">قم بالبحث عن الكود التالي :</span><div dir="rtl" style="border: 0px; line-height: 24px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<blockquote style="background-color: white; border: 1px solid rgb(207, 207, 207); color: #4c4c4c; font-family: tahoma, arial, helvetica; margin: 10px; outline: none; padding: 0px;">
<div dir="ltr" style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: right;">
</head></div>
</blockquote>
<span style="font-size: large;"><br />ثم قم بوضع الكود التالي قبله : <br /></span><blockquote style="border: 1px solid rgb(207, 207, 207); margin: 10px; outline: none; padding: 0px;">
<div dir="ltr" style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: left;">
<div style="text-align: right;">
<script language='javascript'></div>
<div style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica; text-align: right;">
function toggle() {</div>
<div style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica; text-align: right;">
var ele = document.getElementById(&quot;toggleText&quot;);</div>
<div style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica; text-align: right;">
var text = document.getElementById(&quot;displayText&quot;);</div>
<div style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica; text-align: right;">
if(ele.style.display == &quot;block&quot;) {</div>
<div style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica; text-align: right;">
ele.style.display = &quot;none&quot;;</div>
<div style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica; text-align: right;">
text.innerHTML = &quot;<img alt='إظهار التعليقات' src='<span style="border: 0px; color: blue; margin: 0px; outline: none; padding: 0px;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYOULoGWyGWlHm7KJnzcP9jIEpIeTK1sb2VWB_lLRY1wC0YgTAPc7XbjTp3WbBeNNM7ZXuAj4T2B6mDgjHwA43fG2a9lCyZzb54LUH1x95PqV9omMg2kanuzL3GXdRcfECsgPNotdzcp8/s1600/cooltext470930301.png</span>' title='إظهار التعليقات'/>&quot;;</div>
<div style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica; text-align: right;">
}</div>
<div style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica; text-align: right;">
else {</div>
<div style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica; text-align: right;">
ele.style.display = &quot;block&quot;;</div>
<div style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica; text-align: right;">
text.innerHTML = &quot;<img alt='إخفاء التعليقات' src='<span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaS47vqXlBKfkgReOAE34oYfuHs2pw1IE1QagX9WSGkfrLJL0QlOHTgGEJbn3kxReRQos31omaQEJV_ibE9z0-jMUgOhgxlWHcWqtBTSDZ38UNltZe5nS8to-YOgIxPqJV4f1UruuH9wA/s1600/cooltext470930319.png</span>' title='إخفاء التعليقات'/>&quot;;</div>
<div style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica; text-align: right;">
}</div>
<div style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica; text-align: right;">
}</div>
<div style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica; text-align: right;">
</script></div>
</div>
</blockquote>
<span style="font-size: large;"><br /><br />حيث يمثل <span style="color: blue;">الرابط ذا اللون الأزرق</span> صورة الزر "إظهار التعليقات" </span></div>
<div dir="rtl" style="border: 0px; line-height: 24px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<span style="font-size: large;"><br /></span></div>
<div dir="rtl" style="border: 0px; line-height: 24px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<span style="font-size: large;">و <span style="color: red;">الرابط ذا اللون  الأحمر</span> صورة الزر" إخفاء التعليقات " <br /></span><h4 style="text-align: right;">
<span style="font-size: large;">والآن نقوم بالبحث عن هذا الكود :</span></h4>
<blockquote style="background-color: white; border: 1px solid rgb(207, 207, 207); color: #4c4c4c; font-family: tahoma, arial, helvetica; margin: 10px; outline: none; padding: 0px;">
<div dir="ltr" style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: left;">
<div style="border: 0px; color: #38761d; margin: 0px; outline: none; padding: 0px; text-align: right;">
<b style="border: 0px; margin: 0px; outline: none; padding: 0px;"><dl expr:class='data:post.avatarIndentClass' id='comments-block'></b></div>
</div>
</blockquote>
<span style="font-size: large;"><br />ثم قم بوضع الكود التالي قبله : <br /></span><span style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica; text-align: right;"><a href='javascript:toggle();' id='displayText'><img alt='إظهار التعليقات' src='</span><span style="background-color: white; border: 0px; color: red; font-family: tahoma, arial, helvetica; margin: 0px; outline: none; padding: 0px; text-align: right;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsusmMyuUiY0nsfpUbMkWGd8k-2a0uCu1pM8vKRtl9EMJPL6V0nAxyw1McvGUCVBiPeNo8Ipdo_oZ_3vTpSN-vYSs9OmVB2Sawdhn4eNsXOeDdTrXRlbdb4clWEw0czDSX9Bs7ih1xz9k/s1600/cooltext470930250.png</span><span style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica; text-align: right;">' title='إظهار التعليقات'/></a></span><br />
<blockquote style="background-color: white; border: 1px solid rgb(207, 207, 207); color: #4c4c4c; font-family: tahoma, arial, helvetica; margin: 10px; outline: none; padding: 0px;">
<div dir="ltr" style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: left;">
<div style="text-align: right;">
<div id='toggleText' style='display: none;'></div>
</div>
</blockquote>
<span style="font-size: large;"><br />ثم نقوم بالبحث عن الكود التالي : <br /></span><span style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica; text-align: right;"><b:include data='comment' name='commentDeleteIcon'/></span><br />
<blockquote style="background-color: white; border: 1px solid rgb(207, 207, 207); color: #4c4c4c; font-family: tahoma, arial, helvetica; margin: 10px; outline: none; padding: 0px;">
<div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: right;">
 </span></div>
<div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: right;">
</dd></div>
<div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: right;">
</b:loop></div>
<div style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: right;">
</dl></div>
</blockquote>
<span style="font-size: large;"><br />ثم قم بوضع الكود التالي تحته :<br /></span><span style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica; text-align: right;"></div></span><br />
<div style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica;">
<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></div>
<span style="font-size: large;">وأخيرا قم بحفظ القالب، وتوجه للمعاينة ومبروك عليك الاضافة</span></div>
</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/AVvXsEhSyb7S0JiuThA-i5L5kFB8crF82eqmyld9RlUfWfxxk6o4Sg-KvafcM167SD1GBEExAjwG6pVUf8c-B_CIslwhfPt9vSTmCYJskaFXaXOLpe7WLjVEWHod7LYhkJNALD593V1oEOaawNiC/s1600/replyblogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSyb7S0JiuThA-i5L5kFB8crF82eqmyld9RlUfWfxxk6o4Sg-KvafcM167SD1GBEExAjwG6pVUf8c-B_CIslwhfPt9vSTmCYJskaFXaXOLpe7WLjVEWHod7LYhkJNALD593V1oEOaawNiC/s1600-rw/replyblogger.jpg" /></a></div>
<span style="background-color: white; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px;"><br /></span>
<span style="background-color: white; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px;">السلام عليكم ورحمة الله تعالى وبركاته ،نبدأ موضوعنا اليوم بشرح كيفية</span><b style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;"> إضافة زر الرد على التعليقات</b><span style="background-color: white; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px;"> لمدونات بلوجر ،أحيانا نستقبل أكثر من تعليقين في موضوع معين وغالبا ما تكون عبارة عن أسئلة أو إستفسارات ،وللإجابة عليها نضطر إلى كتابة إسم المعلق ثم بعده نكتب الإجابة ونكرر نفس العميلة بالنسبة للمعلقين الآخرين مما يجعل الأمر مملا،وهذه هي ميزة هذه الإضافة حيث يتم الرد على تعليق معين وذلك بالضغط علي زر الرد ليتم إدراج إسمه تلقائيا فوق الجواب من دون كتابته ،وهذه الخاصية أضعها في مدونتي منذ أسبوعين حيث أنها سهلت علي كثيرا كيفية الردود علي التعليقات ،وكما تلاحظون أن هذا الزر يتم إضافته بجانب كل تعليق جديد ،فعند الضغط عليه يتم فتح نافدة جديدة تحتوي على كود صغير يمثل إسم صاحب التعليق وما عليك فعله هو كتابة الجواب تحت هذا الكود ثم إرسال التعليق</span><br />
<br />
<span style="background-color: white; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px;">1.لإضافة هذا الزر في مدونتك يجب أن تحصل على رقم تعريف المدونة وذلك بالتوجه إلى تصميم المدونة ثم قم بنسخ رقم التعريف من مكان إدراج الروابط عند المتصفح كما هو مبين في هذه الصورة</span><br style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;" /><br />
<div class="separator" style="background-color: white; border: 0px; clear: both; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px; text-align: center;">
<a href="https://sites.google.com/site/lightbox007/photo/replayblogger3.jpg" imageanchor="1" style="border: 0px; color: #006699; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;" target="_blank"><img border="0" class="borders" loading="lazy" src="https://sites.google.com/site/lightbox007/photo/replayblogger3.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; transition: -webkit-transform 0.15s linear;" /></a></div>
<div class="separator" style="background-color: white; border: 0px; clear: both; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px; text-align: center;">
<a href="http://i33.tinypic.com/fvxr2d.jpg" imageanchor="1" style="border: 0px; color: #006699; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;" target="_blank"><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></a></div>
<span style="background-color: white; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px;">انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.</span><br style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;" /><span style="background-color: white; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px;">ثم قم بالبحث عن هذا الكود :</span><br />
<blockquote style="background-color: white; border: 1px solid rgb(207, 207, 207); color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 10px; outline: none; padding: 0px;">
<div dir="ltr" style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: right;">
<data:commentPostedByMsg/></div>
</blockquote>
<span style="background-color: white; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px;">ثم ضع مباشرة تحته هذا الكود :</span><br />
<blockquote style="background-color: white; border: 1px solid rgb(207, 207, 207); color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 10px; outline: none; padding: 0px;">
<div dir="ltr" style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: left;">
<div style="text-align: right;">
<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=<span style="border: 0px; color: red; margin: 0px; outline: none; padding: 0px;">11111111</span>&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0 ,scrollbars=yes,width=450,height=450&quot;); return false;'></div>
<div style="text-align: right;">
<img src='<span style="border: 0px; color: blue; margin: 0px; outline: none; padding: 0px;">http://hitskin.com/themes/14/77/83/i_reply.jpg</span>'/></a></span><font size="0"><a href=" http://www.pergola-aluminium.org/ "></a></font></div>
</div>
</blockquote>
<ol style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;">
<li style="border: 0px; list-style: none; margin: 0px; outline: none; padding: 0px;"><br />مع إدراج <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;">11111111</span>في الكود</li>
<li style="border: 0px; list-style: none; margin: 0px; outline: none; padding: 0px;">يمكنك إختيار أحد الأزرار التالية وتعويضها بالرابط ذا اللون <span style="border: 0px; color: #3333ff; margin: 0px; outline: none; padding: 0px;">الأزرق</span> وذلك بعمل كليك يمين على أحد الأزرار التالية ثم نسخ رابط الصورة</li>
</ol>
<br />
<div style="text-align: center;">
<span style="color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px;"><br /></span></div>
<div style="text-align: center;">
<img alt="رد" loading="lazy" src="http://mexat.com/vb/images/buttons/reply.gif" style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;" title="رد" /></div>
<div style="text-align: center;">
<span style="color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px;"><br /></span></div>
<div style="text-align: center;">
<img alt="رد" loading="lazy" src="http://lissaniat.net/templates/serv_rmdan/images/lang_arabic/reply.gif" style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;" title="رد" /></div>
<div style="text-align: center;">
<span style="color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px;"><br /></span></div>
<div style="text-align: center;">
<img alt="رد" loading="lazy" src="http://hitskin.com/themes/12/22/56/i_reply.gif" style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;" title="رد" /></div>
<div style="text-align: center;">
<span style="color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px;"><br /></span></div>
<div style="text-align: center;">
<img alt="رد" loading="lazy" src="http://hitskin.com/themes/15/55/66/i_reply.gif" style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;" title="رد" /></div>
<div style="text-align: center;">
<span style="color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px;"><br /></span></div>
<div style="text-align: center;">
<img alt="رد" loading="lazy" src="http://hitskin.com/themes/14/01/91/i_reply.gif" style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;" title="رد" /></div>
<div style="text-align: center;">
<span style="color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px;"><br /></span></div>
<div style="text-align: center;">
<img alt="رد" loading="lazy" src="http://i31.servimg.com/u/f31/15/11/05/48/reply10.gif" style="background-color: white; border: 0px; color: #4c4c4c; font-family: Tahoma, arial, Helvetica; line-height: 24px; margin: 0px; outline: none; padding: 0px;" title="رد" /></div>
</div>

إضافة زر "اضافة رد" على التعليقات لمدونات بلوجر

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

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

إضافة زر النشر tweet على تويتر إلى مدونات بلوجر

<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="border: 0px; line-height: 24px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<div class="separator" style="background-color: white; clear: both; color: #4c4c4c; font-family: tahoma, arial, helvetica; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-WboKb4CFm5qllYkEP4tJrkrQe4wbK8vRBiRd8L0W_EJAbzggv6DnST0iVrn-SIkmHoOGPoSn30HMQuPYujAc-qpaYU7pzeiEBixTDu8pOdpr_csIvlPwBlqyxlslNdD6xtIFZWl2LxYH/s1600/retweet+button.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-WboKb4CFm5qllYkEP4tJrkrQe4wbK8vRBiRd8L0W_EJAbzggv6DnST0iVrn-SIkmHoOGPoSn30HMQuPYujAc-qpaYU7pzeiEBixTDu8pOdpr_csIvlPwBlqyxlslNdD6xtIFZWl2LxYH/s1600-rw/retweet+button.jpg" /></a></div>
<div style="background-color: white; border: 0px; color: #4c4c4c; font-family: tahoma, arial, helvetica; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<br /></div>
<h2 style="text-align: center;">
<span style="color: red; font-size: large;">طريقة إضافة زرار النشر tweet على تويتر إلى مدونات بلوجر</span></h2>
<span style="font-size: large;"><br /></span><h3 style="text-align: right;">
<span style="color: red; font-size: large;">مرحبا بكم اخواني الكرام </span></h3>
</div>
<div dir="rtl" style="border: 0px; line-height: 24px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<span style="font-size: large;">في هذه الفقرة سوف نتعلم كيفية اضافة زر تويتر في مدونة بلوجر ،حيث تعتبر هذه الخدمة مهمة في نشر المدونات واستقطاب العديد من الزوار وذلك بنشر مواضيع المدونة في تويتر.<br /><br />انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.<br /><br />قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F ).</span></div>
<div dir="rtl" style="border: 0px; line-height: 24px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<span style="font-size: large;"><br /></span></div>
<div dir="rtl" style="border: 0px; line-height: 24px; margin: 0px; outline: none; padding: 0px;" trbidi="on">
<h4 style="text-align: right;">
<span style="font-size: large;">تذكير: لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء</span></h4>
<div dir="rtl" style="background-color: white; border: 0px; font-family: tahoma, arial, helvetica; margin: 0px; outline: none; padding: 0px;">
<div class="slingpic  right" data-img-hash="11943" style="border: 0px; bottom: auto; color: #4c4c4c; float: left; font-family: "arial important"; height: 160px; left: auto; margin: 0px 10px 10px 0px; max-width: none; outline: none; padding: 0px; position: relative; right: auto; text-shadow: none; top: auto; width: 160px;">
</div>
<div style="color: #4c4c4c;">
<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></div>
<blockquote style="border: 1px solid rgb(207, 207, 207); color: #4c4c4c; margin: 10px; outline: none; padding: 0px;">
<div dir="ltr" style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: left;">
<div style="text-align: right;">
<b:includable id='post' var='post'></div>
<div style="text-align: right;">
<div class='post hentry uncustomized-post-template'></div>
</div>
</blockquote>
<div style="color: #4c4c4c;">
<span style="font-size: large;"><br /></span></div>
<div style="color: #4c4c4c;">
<span style="font-size: large;">قم بوضع الكود التالي بعده ل لحصول على هذا الرمز :</span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2nRDNpx8YCo3Tgpe87QnN87PIVj8LInKhDx3jlI4xKCo3CREXX6nVnDVEOyPEEZjFzl0AKhYRnc5JIjLFZX24coUH56xsDDwGuu4r_qsRjq7ux97wjcnw3OLNvRQrNLqFlks8CSaN8kY/s1600/retweet-big.png" style="border: 0px; color: #006699; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5493185462638998258" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2nRDNpx8YCo3Tgpe87QnN87PIVj8LInKhDx3jlI4xKCo3CREXX6nVnDVEOyPEEZjFzl0AKhYRnc5JIjLFZX24coUH56xsDDwGuu4r_qsRjq7ux97wjcnw3OLNvRQrNLqFlks8CSaN8kY/s320-rw/retweet-big.png" style="border: 0px; cursor: pointer; display: block; height: 77px; margin: 0px auto 10px; outline: none; padding: 0px; text-align: center; width: 69px;" /></a></div>
<blockquote style="border: 1px solid rgb(207, 207, 207); color: #4c4c4c; margin: 10px; outline: none; padding: 0px;">
<div dir="ltr" style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: left;">
<div style="text-align: right;">
<div style='float:left; margin-right:10px;'></div>
<div style="text-align: right;">
<script type='text/javascript'></div>
<div style="text-align: right;">
tweetmeme_url = &#39;<data:post.url/>&#39;;</div>
<div style="text-align: right;">
</script></div>
<div style="text-align: right;">
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'></div>
<div style="text-align: right;">
</script></div>
<div style="text-align: right;">
</div></div>
</div>
</blockquote>
<div style="color: #4c4c4c;">
<br /></div>
<br />
<h4 style="text-align: right;">
<span style="color: red; font-size: large;">ولإختيار الرمز الصغير قم بوضع هذا الكود التالي بدلا من الكود السابق:</span></h4>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWL6_0snGQvmf4aMO_nd3x1bTLbKw4cF6lV973grgS46Tc2fYHSrK_exhR4Wnrubjmn8It5BnVunrmRFf62X0XEi4lvXCyEIIm5eFbBcm1Fetoh34SaGEwu6_rLoNtUUeVSHKDIICQY-0/s1600/retweet-smal.png" style="border: 0px; color: #006699; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5493186095297923042" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWL6_0snGQvmf4aMO_nd3x1bTLbKw4cF6lV973grgS46Tc2fYHSrK_exhR4Wnrubjmn8It5BnVunrmRFf62X0XEi4lvXCyEIIm5eFbBcm1Fetoh34SaGEwu6_rLoNtUUeVSHKDIICQY-0/s320-rw/retweet-smal.png" style="border: 0px; display: block; height: 75px; margin: 0px auto 10px; outline: none; padding: 0px; text-align: center; width: 96px;" /></a><br />
<blockquote style="border: 1px solid rgb(207, 207, 207); color: #4c4c4c; margin: 10px; outline: none; padding: 0px;">
<div dir="ltr" style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: left;">
<div style="text-align: right;">
<div style='float:left; margin-right:10px;'></div>
<div style="text-align: right;">
<script type="text/javascript"></div>
<div style="text-align: right;">
tweetmeme_style = "compact";</div>
<div style="text-align: right;">
</script></div>
<div style="text-align: right;">
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script></div>
<div style="text-align: right;">
</div></div>
</div>
</blockquote>
</div>
<div style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica;">
<span style="font-size: large;"><br /></span></div>
<div style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica;">
<span style="font-size: large;">يمكنك وضع الرمز في جانب التدوينات كما هو موضح في الصورة و ذلك بوضع أحد الكودين السابقين (حسب الرغبة) قبل الكود التالي :</span></div>
<div style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica;">
<span style="font-size: large;"><br /></span></div>
<blockquote style="background-color: white; border: 1px solid rgb(207, 207, 207); color: #4c4c4c; font-family: tahoma, arial, helvetica; margin: 10px; outline: none; padding: 0px;">
<div dir="" ltr="" style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: right;">
<data:post.body/></div>
</blockquote>
<div style="background-color: white; color: #4c4c4c; font-family: tahoma, arial, helvetica;">
<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></div>
<div class="slingpic  right" data-img-hash="61558" style="background-color: white; border: 0px; bottom: auto; color: #4c4c4c; float: none; font-family: "arial important"; height: 126px; left: auto; margin: 0px 151px 10px; max-width: none; outline: none; padding: 0px; position: relative; right: auto; text-shadow: none; top: auto; width: 320px;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja4bDQdw6AbQPnUesu57WQmIL2cJzmwmk7RVwjoMhQZU4NdASRNbz2CEG7dsi66Z_33fTeMcChGi0p4VlScEfpyg9RUUyTi0IUuQvd8IiJdW0fbYwp6H7b7wtnQjf9IE8Rpi3cjuZtIdk/s1600/retwit.JPG" style="border: 0px; color: #006699; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank"><img alt="" border="0" class="slingpic_reset" id="BLOGGER_PHOTO_ID_5493196555020167986" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja4bDQdw6AbQPnUesu57WQmIL2cJzmwmk7RVwjoMhQZU4NdASRNbz2CEG7dsi66Z_33fTeMcChGi0p4VlScEfpyg9RUUyTi0IUuQvd8IiJdW0fbYwp6H7b7wtnQjf9IE8Rpi3cjuZtIdk/s320-rw/retwit.JPG" style="border: 0px; bottom: auto !important; cursor: pointer; display: block; float: none !important; height: 126px; left: auto !important; line-height: normal !important; margin: 0px auto 10px; max-width: 100%; outline: none; padding: 0px; position: relative !important; right: auto !important; text-align: center; top: auto !important; width: 320px;" /></a></div>
</div>
</div>

إضافة زر النشر tweet على تويتر إلى مدونات بلوجر

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

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