تجربة قالب : فبراير 2013

متصفح فايرفوكس Firefox مع إضافات تهم المدونين

mahmoud elbohy 0 *, برامج للمدونين 8:06 م

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img border="0" src="http://3.bp.blogspot.com/-WKykdJreVIs/US65hqcCQVI/AAAAAAAAAsE/xstO6LfeUaI/s1600/Firfox.jpg" /></div><div style="text-align: center;">المتصفح العملاق موزيلا فايرفوكس Mozilla Firefox بأحدث إصداراته </div><div style="text-align: center;"> ومعه مجموعة من الإضافات التي تهم المدونين  Firefox add-ons for bloggers</div><div style="text-align: center;">أول شئ حمل آخر إصدار من الموقع الرسمي للبرنامج </div><div style="text-align: center;"><br /></div><div style="text-align: center;"> <a class="cnmubb" href="http://www.mozilla.org/en-US/firefox/all.html" rel="nofollow" target="_blank">تحميـــل </a></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><b><span style="color: #3d85c6;"><span style="font-size: large;">ثم نبدأ في التعريف بالإضافات </span></span></b></div><br /><a href="https://addons.cdn.mozilla.net/img/uploads/addon_icons/271/271839-64.png?modified=1353862739" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://addons.cdn.mozilla.net/img/uploads/addon_icons/271/271839-64.png?modified=1353862739" /></a>إضافة PageRank وهي إضافة مميزة تظهر ترتيب بيج رانك للصفحات وأيضا تظهر ترتيب اليكسا بدلا من الطرق المعتادة والمرهقة لمعرفة الترتيب<b><a href="https://addons.mozilla.org/en-US/firefox/addon/pagerank/?src=collection&collection_id=62864688-91eb-44c4-a051-7aec37693eb8" rel="nofollow" target="_blank"> تركيب الإضافة</a></b><br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr0hSeRzo4UgCS9cgMIN_9cgYwMNNC5kYOBlUsMrPCduJTF_lABzC6fvSo3bWv80aMAafxIwHDtfpoDYJXiKEgvbD_RIpRIJjNhre7XbEl2qHG-6HlrSVMEt2mwezz0IjknyEzaeqdeZs/s1600/sep.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr0hSeRzo4UgCS9cgMIN_9cgYwMNNC5kYOBlUsMrPCduJTF_lABzC6fvSo3bWv80aMAafxIwHDtfpoDYJXiKEgvbD_RIpRIJjNhre7XbEl2qHG-6HlrSVMEt2mwezz0IjknyEzaeqdeZs/s1600/sep.png" /></a></div><br /><a name="more"></a><a href="https://addons.cdn.mozilla.net/img/uploads/addon_icons/161/161778-64.png?modified=1353513398" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://addons.cdn.mozilla.net/img/uploads/addon_icons/161/161778-64.png?modified=1353513398" /></a><br />إضافة Cutyfox طبعا لا يوجد مدون إلا ويحتاج أحيانا إلى إختصار الروابط ومسالة دخول مواقع الإختصار ونسخ الروابط ثم إختصارها تضيع وقت يمكن توفيره بسهولة مع تلك الإضافة فبضغطة زر تقوم بإختصار رابط الصفحة التي تتواجد فيها <b><a href="https://addons.mozilla.org/en-US/firefox/addon/cutyfox-url-shortener-googl-is/?src=collection&collection_id=62864688-91eb-44c4-a051-7aec37693eb8" target="_blank">تركيب الإضافة</a></b><br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr0hSeRzo4UgCS9cgMIN_9cgYwMNNC5kYOBlUsMrPCduJTF_lABzC6fvSo3bWv80aMAafxIwHDtfpoDYJXiKEgvbD_RIpRIJjNhre7XbEl2qHG-6HlrSVMEt2mwezz0IjknyEzaeqdeZs/s1600/sep.png" /></div><br /><a href="https://addons.cdn.mozilla.net/img/uploads/addon_icons/14/14382-64.png?modified=1355648234" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://addons.cdn.mozilla.net/img/uploads/addon_icons/14/14382-64.png?modified=1355648234" /></a>إضافة ZoomPage إضافة تتيح تكبير وتصغير الصفحات وتفيد من يستعرض صفحات كبيرة الحجم والفرق بينها وبين الإضافة المدمجة مع البرنامج انها تحتفظ بالمعطيات لكل موقع وأيضا أن نسبة التكبير تكون واضحة عليها<b><a href="https://addons.mozilla.org/en-US/firefox/addon/zoom-page/?src=collection&collection_id=62864688-91eb-44c4-a051-7aec37693eb8" rel="nofollow" target="_blank"> تركيب الإضافة</a></b><br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr0hSeRzo4UgCS9cgMIN_9cgYwMNNC5kYOBlUsMrPCduJTF_lABzC6fvSo3bWv80aMAafxIwHDtfpoDYJXiKEgvbD_RIpRIJjNhre7XbEl2qHG-6HlrSVMEt2mwezz0IjknyEzaeqdeZs/s1600/sep.png" /></div><br /><a href="https://addons.cdn.mozilla.net/img/uploads/addon_icons/1/1063-64.png?modified=1311362627" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://addons.cdn.mozilla.net/img/uploads/addon_icons/1/1063-64.png?modified=1311362627" /></a>إضافة Paste Email إضافة تعطيق خيارات في قائمة كليك يمين يمكنك ان تخزن بها بريدك الإلكتروني روابط البنرات وروابط مدونتاك الاكواد التي تستخدمها كثيرا في تعديل قوالبك وبضغط زر يتم الصاق الكود الذي تختارة<b><a href="https://addons.mozilla.org/en-US/firefox/addon/paste-email-original/?src=collection&collection_id=62864688-91eb-44c4-a051-7aec37693eb8" rel="nofollow" target="_blank"> تركيب الإضافة</a></b><br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr0hSeRzo4UgCS9cgMIN_9cgYwMNNC5kYOBlUsMrPCduJTF_lABzC6fvSo3bWv80aMAafxIwHDtfpoDYJXiKEgvbD_RIpRIJjNhre7XbEl2qHG-6HlrSVMEt2mwezz0IjknyEzaeqdeZs/s1600/sep.png" /></div><br /><a href="https://addons.cdn.mozilla.net/img/uploads/addon_icons/0/321-64.png?modified=1339129322" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://addons.cdn.mozilla.net/img/uploads/addon_icons/0/321-64.png?modified=1339129322" /></a>إضافة SearchStatus هذه الإضافة بها مجموعة خدمات مميزة كإظهار إحصائيات الروابط الداخلية والخارجية وإظهار الميتا تاج وإظهار خريطة المدونة والكلمات الدلائلية وغيرها<a href="https://addons.mozilla.org/en-US/firefox/addon/searchstatus/?src=collection&collection_id=62864688-91eb-44c4-a051-7aec37693eb8" rel="nofollow" target="_blank"> <b>تركيب الإضافة</b></a><br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr0hSeRzo4UgCS9cgMIN_9cgYwMNNC5kYOBlUsMrPCduJTF_lABzC6fvSo3bWv80aMAafxIwHDtfpoDYJXiKEgvbD_RIpRIJjNhre7XbEl2qHG-6HlrSVMEt2mwezz0IjknyEzaeqdeZs/s1600/sep.png" /></div><br /><a href="https://addons.cdn.mozilla.net/img/uploads/addon_icons/5/5648-64.png?modified=1361380094" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://addons.cdn.mozilla.net/img/uploads/addon_icons/5/5648-64.png?modified=1361380094" /></a>إضافة FireShot من لوازم التدوين الشروحات والإستدلال بالصور ولكن أحيانا نكون في إحتياج الى إلتقاط صورة سريعة وتعديلها ورفعها كل هذا لوفعلناه بالطريقة التقليدية سيأخذ وقت لكن مع هذه الإضافة العملاقة سيأخذ الأمر ثواني معدوده يمكنك مشاهدة فلاش عن طريقة عملها وإمكانياتها من <a href="http://getfireshot.com/demo.php" rel="nofollow" target="_blank"><b>هنــا</b></a>  ومن هنا <b><a href="https://addons.mozilla.org/en-US/firefox/addon/fireshot/?src=collection&collection_id=62864688-91eb-44c4-a051-7aec37693eb8" rel="nofollow" target="_blank">تركيب الإضافة</a> </b><br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr0hSeRzo4UgCS9cgMIN_9cgYwMNNC5kYOBlUsMrPCduJTF_lABzC6fvSo3bWv80aMAafxIwHDtfpoDYJXiKEgvbD_RIpRIJjNhre7XbEl2qHG-6HlrSVMEt2mwezz0IjknyEzaeqdeZs/s1600/sep.png" /></div><a href="https://addons.cdn.mozilla.net/img/uploads/addon_icons/14/14328-64.png?modified=1353881502" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://addons.cdn.mozilla.net/img/uploads/addon_icons/14/14328-64.png?modified=1353881502" /></a>إضافة Rainbow Color Tools تساعد هذه الإضافة في الحصول على اكواد الألوان بضغطة زر<a href="https://addons.mozilla.org/en-US/firefox/addon/rainbow-color-tools/?src=collection&collection_id=62864688-91eb-44c4-a051-7aec37693eb8" rel="nofollow" target="_blank"> <b>تركيب الإضافة</b></a><br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr0hSeRzo4UgCS9cgMIN_9cgYwMNNC5kYOBlUsMrPCduJTF_lABzC6fvSo3bWv80aMAafxIwHDtfpoDYJXiKEgvbD_RIpRIJjNhre7XbEl2qHG-6HlrSVMEt2mwezz0IjknyEzaeqdeZs/s1600/sep.png" /></div><br /><a href="https://addons.cdn.mozilla.net/img/uploads/addon_icons/0/60-64.png?modified=1354028408" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://addons.cdn.mozilla.net/img/uploads/addon_icons/0/60-64.png?modified=1354028408" /></a>إضافة Web Developer إضافة عملاقه بمعني الكلمة فهي تحتوي كم من الأوامر والمهام القوية جدا في مجال تطوير المواقع بشكل عام <b><a href="https://addons.mozilla.org/en-US/firefox/addon/web-developer/?src=collection&collection_id=62864688-91eb-44c4-a051-7aec37693eb8" rel="nofollow" target="_blank">تركيب الإضافة</a></b><br /><br /><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr0hSeRzo4UgCS9cgMIN_9cgYwMNNC5kYOBlUsMrPCduJTF_lABzC6fvSo3bWv80aMAafxIwHDtfpoDYJXiKEgvbD_RIpRIJjNhre7XbEl2qHG-6HlrSVMEt2mwezz0IjknyEzaeqdeZs/s1600/sep.png" /></div><a href="https://addons.cdn.mozilla.net/img/uploads/addon_icons/1/1843-64.png?modified=1356112905" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://addons.cdn.mozilla.net/img/uploads/addon_icons/1/1843-64.png?modified=1356112905" /></a>إضافة Firebug إضافة مميزة للمطورين تستخدم في تحرير الصفحات<br /> ورصد أكواد الـ HTML ,CSs  <b><a href="https://addons.mozilla.org/en-US/firefox/addon/firebug/" rel="nofollow" target="_blank">تركيب الإضافة</a></b><br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr0hSeRzo4UgCS9cgMIN_9cgYwMNNC5kYOBlUsMrPCduJTF_lABzC6fvSo3bWv80aMAafxIwHDtfpoDYJXiKEgvbD_RIpRIJjNhre7XbEl2qHG-6HlrSVMEt2mwezz0IjknyEzaeqdeZs/s1600/sep.png" /></div><br /><br /><div style="text-align: center;"><span style="color: #674ea7;"><b>ولمن يرغب في ضم أى إضافة تخص تطوير المواقع وتهم المدونين يفيدنا برابطها أو إسمها في تعليق وسيتم ضمها للموضوع</b></span></div><div style="text-align: center;"><b><span style="color: orange;"><span style="font-size: large;">دمتم في أمان الله</span></span></b></div><br /></div>

متصفح فايرفوكس Firefox مع إضافات تهم المدونين

المتصفح العملاق موزيلا فايرفوكس Mozilla Firefox بأحدث إصداراته ومعه مجموعة من الإضافات التي تهم المدونين Firefox add-ons for bloggers أول ...

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

طريقة وضع كود أو نص داخل إطار تحديد الكل

mahmoud elbohy 0 هاكات 4:38 م

على أن 10 = عدد الصفوف

و 25 = عدد عرض الأحرف

مثال

طريقة وضع كود أو نص داخل إطار تحديد الكل

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

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

المشاركات الشائعة بشكل مميز مصغرات فقط

mahmoud elbohy 0 إضافات بلوجر, دروس, blogger widget 3:06 م

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://1.bp.blogspot.com/-z7Vh1b3ofUM/USkzGJM9rmI/AAAAAAAAAp8/bJBaP6n8GzM/s1600/popularth.gif" /></div><div style="text-align: center;">تعديل جميل على إضافة المشاركات الشائعة الخاصة بمنصة بلوجر<b> Blogger</b> سنعطيها شكل مميز ونجعلها عبارة عن مصغرات فقط <b>Popular Posts Only  Thumbnail</b> وهذا الشكل يتناسب مع المدونات التي ترغب في توفير مساحة</div><div style="text-align: center;">إن لم تكن إضافة المشاركات الشائعة موجوده في مدونتك قم بإضافتها ثم طبق الخيارات التالية عليها</div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://1.bp.blogspot.com/-1Hq40LCsVM0/USlIZRsAq_I/AAAAAAAAAqQ/SkNr3U3-VWY/s1600/popularth2.gif" /></div><div style="text-align: center;">ثم قم بالدخول لتحرير القالب وخذ نسخة إحتياطية لتجنب حدوث اخطاء ثم إضغط على سهم توسيع الستايل<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPGpFAmD-pS6fu9A_HIrhUm_CTeTRCMmB4PI6dqDeXURSjHfIc_TDcJ8-oF260im2NZeImwLKYz-niX-fXLrhOzETq2cYh7Y7oKPq0Iy9BUnMezOQvdUh1dCYmF9zr280yDxlnCYMhDiwG/s1600/tawse3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPGpFAmD-pS6fu9A_HIrhUm_CTeTRCMmB4PI6dqDeXURSjHfIc_TDcJ8-oF260im2NZeImwLKYz-niX-fXLrhOzETq2cYh7Y7oKPq0Iy9BUnMezOQvdUh1dCYmF9zr280yDxlnCYMhDiwG/s1600/tawse3.png" /></a></div></div><div style="text-align: center;">وفوق الوسم <b>]]></b:skin></b>  أضف الكود التالي </div><div style="text-align: center;"><br /><a name="more"></a></div><div style="text-align: center;"><blockquote class="tr_bq">.popular-posts ul li {padding-right:0px; margin:-7px 0 -7px 0; float:right;width:33%;list-style-type:none;border:none;line-height:0px}<br />.popular-posts ul li img {width:80px;height:80px;opacity:1;filter:alpha(opacity=100);background:#fff;border:1px solid #818181;padding:3px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}<br />.popular-posts ul li img:hover {background:#000;border:1px solid #000;}</blockquote></div><div style="text-align: center;"></div><br /><div style="text-align: center;">ثم إبحث عن هذا الكود أو جزء منه حتى تجده</div><div style="text-align: center;"><br /></div><div style="text-align: center;"><blockquote class="tr_bq"><br />            <div class='item-thumbnail-only'><br />              <b:if cond='data:post.thumbnail'><br />                <div class='item-thumbnail'><br />                  <a expr:href="data:post.href" target="_blank"><br />                    <img alt="" border="0" expr:height="data:thumbnailSize" expr:src="data:post.thumbnail" expr:width="data:thumbnailSize"/><br />                  </a><br />                </div><br />              </b:if><br />              <div class='item-title'><a expr:href="data:post.href"><data:post.title/></a></div><br />            </div><br />            <div style='clear: both;'/><br />          <b:else/></blockquote></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;"><blockquote class="tr_bq"> <br />            <div class='item-thumbnail-only'><br />             <br />                <div class='item-thumbnail'><br />   <a expr:href="data:post.href" expr:title="data:post.title"><br />    <b:if cond='data:post.thumbnail'><br />                    <img alt="" border="0" expr:height="data:thumbnailSize" expr:src="data:post.thumbnail" expr:width="data:thumbnailSize"/><br />       <b:else/><br />        <img alt="" border="0" expr:height="data:thumbnailSize" expr:width="data:thumbnailSize" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUJBvyBvA4PG2jvLFdQzZSQpvDl8EEqfQjF9PxW8mE2lE5w9CPno20q8xvp-BCA5iyioY6S0WPtGLibcgiyDTeE1Hm4lhXsl7OWa318BwbsKisCdi7T_vDyDAPkydzi8hPly34tfr3FuI/s72-c/default.png"/><br />       </b:if><br />                  </a><br />                </div>        <br />             </div><br />            <b:else/></blockquote></div><div style="text-align: center;"><br /></div></div>

المشاركات الشائعة بشكل مميز مصغرات فقط

تعديل جميل على إضافة المشاركات الشائعة الخاصة بمنصة بلوجر Blogger سنعطيها شكل مميز ونجعلها عبارة عن مصغرات فقط Popular Posts Only Thumbna...

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

جعل الصفحات الثابتة بعرض المدونة

mahmoud elbohy 0 *, دروس 10:52 م

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://2.bp.blogspot.com/-nMg1rPNviWQ/USRrV-eNPhI/AAAAAAAAApo/u-fzW0Gd3d0/s1600/Static.gif" /></div><div style="text-align: center;">في هذا الدرس سنجري تعديل على هيئة الصفحات الثابته لمدونات بلوجر <b>Blogger Static Pages</b> ونجعلها بمساحة المدونة بكاملها<br /><br /></div><div style="text-align: center;"><a class="cnmubo" href="http://cnmu.blogspot.com/p/c.html" target="_blank">مثال للمعاينة </a></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;">أول شئ قم بأخذ نسخة إحتياطية من قالبك بحيث في حالة لم يعجبك التعديل أو حدث خطأ تعود بسهولة لنسختك السابقة</div><div style="text-align: center;">ثانيا إدخل الى تحرير قالبك تحت أكواد الستايل كالتي في الصورة <br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPGpFAmD-pS6fu9A_HIrhUm_CTeTRCMmB4PI6dqDeXURSjHfIc_TDcJ8-oF260im2NZeImwLKYz-niX-fXLrhOzETq2cYh7Y7oKPq0Iy9BUnMezOQvdUh1dCYmF9zr280yDxlnCYMhDiwG/s1600/tawse3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPGpFAmD-pS6fu9A_HIrhUm_CTeTRCMmB4PI6dqDeXURSjHfIc_TDcJ8-oF260im2NZeImwLKYz-niX-fXLrhOzETq2cYh7Y7oKPq0Iy9BUnMezOQvdUh1dCYmF9zr280yDxlnCYMhDiwG/s1600/tawse3.png" /></a></div><br /><b></b></div><div style="text-align: center;">تحتها مباشرة أضف الكود التالي</div><div style="text-align: center;"></div><a name="more"></a><br /><div style="text-align: center;"><blockquote class="tr_bq"><b:if cond='data:blog.pageType == "static_page"'><br /><style><br /><span style="color: red;">.sidebar</span>,<span style="color: blue;">.comments</span>,<span style="color: #38761d;">.footer</span> {display:none;}<br />#main-wrapper{width: 99%; float: none; margin: 0px auto;}<br />html {overflow-x: hidden;}<br />.post {width: 97%; margin: 15px auto;} .post h3 a { text-align: center; padding:5px;}<br /></style><br /></b:if></blockquote></div><div style="text-align: center;">هذا الكود سيقوم بإخفاء العمود الجانبي <b><span style="color: red;">Sidebar</span></b> و التعليقات <span style="color: blue;"><b>Comments</b></span> و الجزء السفلي <b><span style="color: #38761d;">Footer</span></b></div><div style="text-align: center;">من الصفحات الثابته هذا الكود سيعمل تقريبا مع غالبية القوالب.</div><div style="text-align: center;"><span style="color: #b45f06;"><span style="font-size: large;"><b> -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-</b></span></span></div><div style="text-align: center;">لكن هناك قوالب تكون لتلك الأماكن تسميات أخرى أو هناك إضافات أخرى زائدة ترغب في إخفاءها</div><div style="text-align: center;">كل ما عليك فعله هو تحديد الجزء وإضافته الى السطر الأول الخاص بالإخفاء <span style="color: red;">.sidebar</span><span style="font-size: large;"><b>,</b></span><span style="color: blue;"><span style="font-size: large;"><b>.</b></span>comments</span><span style="font-size: large;"><b>,</b></span><span style="color: #38761d;"><span style="font-size: large;"><b>.</b></span>footer</span></div><div style="text-align: center;">كل ما عليك هو التكرار مع المحافظة على الفاصلة والنقطة بين كل قسم والآخر</div><div style="text-align: center;">مثال <span style="color: red;">.sidebar</span>,<span style="color: blue;">.comments</span>,<span style="color: #38761d;">.footer,.<span style="color: #a64d79;">post-footer</span></span></div><div style="text-align: center;">ولإظهار أى جزء مثلا التعليقات تقوم بحذف الكود comments من سطر الإخفاء</div><div style="text-align: center;">الأمر يحتاج دراية بسيطة بالاكواد وهذا كله إن لم ينفع الكود الأول </div><div style="text-align: center;">هناك بعض القوالب التي تحتوي إضافات متعددة في القسم الجانبي وأقصد بها إضافات في القالب نفسه </div><div style="text-align: center;">كالقوالب متعددة الأعمدة هذه لا أنصح بإستخدام الطريقة معها لانها في الغالب تكون سلبية</div><div style="text-align: center;">بالتوفيق للجميع بإذن الله</div></div>

جعل الصفحات الثابتة بعرض المدونة

في هذا الدرس سنجري تعديل على هيئة الصفحات الثابته لمدونات بلوجر Blogger Static Pages ونجعلها بمساحة المدونة بكاملها مثال للمعاينة وهذا الت...

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

سرع مدونتك بحذف الزيادات وإخفاء الأدوات

mahmoud elbohy 0 *, دروس, معلومات 7:35 ص

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img border="0" src="http://2.bp.blogspot.com/-g6-mm7DTyX4/USE4sAXQuQI/AAAAAAAAApE/WUNqT1Dud_U/s1600/Speedup.jpg" /></div>من أكثر الاشياء التي تؤثر على نجاح المدونات أو فشلها هي السرعة فالمدونات البطيئه مدونات فاشلة<br />لأن الزائر لا يمكنه التجوال بها وتصفح عدد كبير من المواضيع بسبب البطئ وبالتالي يرحل بعد أول موضوع حتى لو كان المحتوى جيد فسرعات الإنترنت وخصوصا في العالم العربي بطيئة جداً ولن يضحي احد بان يجلس ينتظر تحميل صفحة بطيئة<br />مدونات بلوجر مبدئيا هي سريعة نظرا لسرفرات جوجل العملاقة فجوجل تضمن السرعة<br />لكن ما يحطم تلك السرعة شيئين القالب والأدوات تكلمنا سابقا في بدايتنا عن <a href="http://cnmu.blogspot.com/2013/01/Chose-Template.html" target="_blank">معايير إختيار القوالب</a> لكن اليوم كلامنا مركز أكثر على الأدوات<br />هناك عدة أدوات نجدها في غالبية المدونات وهي لا تفيد الزائر يجب ان تختار إضافات تفيد الزائر<br />من تلك الأدوات التي لا فائدة منها للزائر<br /><br /><a name="more"></a><br /><h4 style="text-align: right;"><span style="color: #0b5394;">أدوات الإحصائيات </span></h4>كإحصائيات اليكسا وبيج رانك أو أعداد الزوار<br />الزائر العادي لا يفهم أساسا معنى اليكسا وبيج رانك لذا الامر لا يعنيه<br />فلماذا تلزمه بتحميل تلك لأدوات<br />من يهمه هذا الأمر هم فقط فئة أصحاب المواقع وليس كلهم بل من يرغب في الإعلان لديك<br />إذا بدلا من عرض تلك الأدوات في صفحات موقعك يمكنك ان تصنع صفحة ثابته للمعلومات الخاصة بمدونتك وتضيف لها إضافات الإحصائيات فلا يحملها إلا من يريد ذلك وعموما المحترفين يستطيعون الحصول على تلك المعلومات دون ان تعرضها لهم<br /><span style="color: #b45f06;">أيضا من الإضافات التي تجعل الزائر يمل هي</span><br /><h4 style="text-align: right;"><span style="color: red;"> إضافات الفديو والفلاش في صفحات المدونات</span></h4>نجد من يضيف مثلا هيدر فلاشي لصفحته لجعلها جذابه وبالفعل يجعلها كذلك<br />لكن في نفس الوقت يجعل فئه من الزوار تفر بسبب ثقل الفلاش<br />إستخدم هيدر صورة عادية ثابته إبتعد عن الأشياء المتحركة فهي تثقل مدونتك<br />أيضا الفديو شخص قد يكون صاحب مدونة ومعجب بفديو فيفرض على الزوار مشاهدته ويضعه في صفحته الرئيسية <br />قد يعجبك ولكنه أيضا قد لا يعجب الزائر فلماذا تفرض عليه تحميله<br />إن كان الأمر ضروريا يمكنك إضافة رابط للفديو على صورة عند الضغط عليه يفتح في صفحة جديدة لمن يريد المشاهده<br />الملفات الصوتية تجد مواقع تعرض ملفات صوتية ترهق الزائر وتجعله ينتظر وقت طويل للتحميل<br />قد يقول البعض بعض تلك الملفات هامه<br />كإضافات القرآن الكريم مثلاً نقول نعم هامه جداً وبارك الله في من ينشرها<br />ولكن ما رايك بدلا من وضعها في الصفحة الرئيسية تخصص لها صفحة خاصة يدخلها من يريد وفي نفس الوقت تجنب قطع الصوت في حالة تغيير الصفحة <br />تغييرات بسيطة ولكن ستجد أن مفعولها قوي وسرعة مدونتك تزداد<br /><h4 style="text-align: right;"><span style="color: #38761d;">تكرار الإضافات</span></h4>أحيانا نجد شخص يضع صناديق الإشتراك في المواقع الإجتماعية في مدونته<br />ثم تجده يضعها مرة أخرى ولكن عن طريق قوائم عائمة ثم يضيفها مرة ثالثة عن طريق نافذة تلقائية<br />ما كل هذا ؟<br />يكفيك أن تضيفها مرة واحده باحد تلك الاشكال ومرة أخرى إن إضطريت  لكن تكون أزرار فقط بدلا من تحميل اكواد الصناديق الكبيرة أكثر من مرة<br /><span style="color: red;">وإياك إياك</span> من النوافذ التلقائية الت تظهر عند دخول الصفحة<br />نجد شخص يدخ المدونة لأول مرة ثم يبدأ الظلام وفجأه تظهر نافذه تقول تقول تابعنا في المواقع الإجتماعية أو إما ان تتابعنا او تنتظر فترة من الوقت إيه الرعب ده <b>^_^</b><br />الزائر دخل مدونتك لاول مرة وربما لم تعجبه  لماذا تجبره على المتابعه<br />وإعلم أن غالبية من يدخلون لمواقع ويجدون تلك النوافذ التلقائية المظلمة يفرون هاربين ولا يعود ثانية<br /><br /><h2 style="text-align: right;">هناك جانب عملي عن طريق إخفاء بعض الادوات</h2><b><span style="color: #674ea7;">مثال إضافة آخر المواضيع إضافة مهمه وكثيرين يستخدمونها</span></b><br /><b><span style="color: #674ea7;">لكن تلك الإضافة تظهر في الصفحة الرئيسية لمدونتك </span></b><br /><b><span style="color: #674ea7;">ما الفائدة منها في الصفحة الرئيسية فطبيعي آخر المواضيع موجوده في الصفحة الرئيسية</span></b><br /><b><span style="color: #674ea7;">لكن لو أخفيناها من الرئيسية وجعلناها تظهر في باقي الصفحات هنا تكون فائدتها أكبر وتكون أخف</span></b><br /><b><span style="color: #674ea7;">وكذلك مع كثيير من الادوات مجرد إخفائها من صفحات وإظهارها في اخرى يساعد على تسريع المدونة </span></b><br /><b><span style="color: #674ea7;">ويمكن تطبيق الإخفاء كما تشاء باحد الأكواد التالية</span></b><br /><h3 style="text-align: center;">إخفاء الإضافات</h3><div style="text-align: center;"> ولإخفاء أي أداة </div><div style="text-align: center;">أدخل الى تحرير القالب وإضغط على زر الإنتقال الى الآداة وإختر الآداة التي تريد إخفائها<br />أو إبحث عن إسم الآداة وتأكد أن الآداة موسعة بالضغط على أسهم التوسيع والتي تكون أحيانا سهمين<br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;">تحت إسم الآداة ستجد هذا الكود <b><b:includable id='main'></b></div><div style="text-align: center;">بعده أضف الكود الذي يتناسب معك من الاكواد التالية </div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="color: blue;">إظهار آداة في الصفحة الرئيسية فقط</span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><blockquote class="tr_bq"><b:if cond='data:blog.url == data:blog.homepageUrl'></blockquote></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="color: #38761d;">إظهار آداة في كل الصفحات ماعدا الصفحة الرئيسية</span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><blockquote class="tr_bq"><b:if cond='data:blog.url != data:blog.homepageUrl'></blockquote></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="color: blue;">إظهار آداة في صفحات المواضيع فقط </span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><blockquote class="tr_bq"><b:if cond='data:blog.pageType == "item"'></blockquote></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="color: #38761d;">إظهار آداة في جميع الصفحات ماعدا صفحات المواضيع</span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><blockquote class="tr_bq"><b:if cond='data:blog.pageType != "item"'></blockquote></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="color: blue;">لإضافة آداة في الصفحات الثابتة فقط</span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><blockquote class="tr_bq"><b:if cond='data:blog.pageType == "static_page"'></blockquote></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="color: #38761d;">لإضافة آداة في كل الصفحات ماعدا الصفحات الثابتة</span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><blockquote class="tr_bq"><b:if cond='data:blog.pageType != "static_page"'></blockquote></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="color: #38761d;">لإضافة الآدة الى صفحة معينة</span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><blockquote class="tr_bq"><b:if cond='data:blog.url == "رابط الصفحة"'></blockquote></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="color: blue;">وللمدونات متعددة الكتاب يمكنك إضافة آداة في صفحة كاتب معين</span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><blockquote class="tr_bq"><b:if cond='data:post.author == "إسم الكاتب "'></blockquote></div><div style="text-align: center;"><br /></div><div style="text-align: center;">بعد إضافة الكود الذي يناسبك في أسفل الآداة ستجد هذا الكود <b><b:include  name='quickedit'/></b></div><div style="text-align: center;">تحته مباشرة أضف الكود التالي <span style="color: red;"><b></b:if></b></span></div><div style="text-align: center;"> وهذا مثال لآداة تم التطبيق عليها</div><div style="text-align: center;"><br /></div><div style="text-align: center;"><blockquote class="tr_bq"><b:widget id='HTML1' locked='false' title='إسم الآداة' type='HTML'><br /><b:includable id='main'><br /><span style="color: red;"><b:if cond='data:blog.pageType != "static_page"'></span><br /><br /><b:if cond='data:title != ""'><br /><h2 class='title'><data:title/></h2><br /></b:if><br /><div class='widget-content'><br /><data:content/><br /></div><br /><b:include name='quickedit'/><br /><span style="color: red;"></b:if></span><br /></b:includable><br /></b:widget></blockquote></div><div style="text-align: center;">ملحوظة بالنسبة لادوات بلوجر المدمجة كالمشاركات الشائعة ستجد بعد الكود</div><div style="text-align: center;">   <b><b:include  name='quickedit'/></b></div><div style="text-align: center;">الوسم <span style="color: blue;"><b></div></b></span> قم بإضافة <span style="color: red;"><b></b:if></b></span>  بعد <span style="color: blue;"><b></div></b></span> وليس قبله</div><br /></div>

سرع مدونتك بحذف الزيادات وإخفاء الأدوات

من أكثر الاشياء التي تؤثر على نجاح المدونات أو فشلها هي السرعة فالمدونات البطيئه مدونات فاشلة لأن الزائر لا يمكنه التجوال بها وتصفح عدد كبير...

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

إنشاء صفحات لإعادة توجيه الروابط

mahmoud elbohy 0 *, دروس, هاكات 8:29 ص

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://1.bp.blogspot.com/-pAbWE-gPjDg/UR-qGi9UnuI/AAAAAAAAAoo/ZEt9Xaplbfk/s1600/redirct.jpg" /></div><div style="text-align: center;">الغالبية العظمى للمدونات تستخدم روابط إما لعرض معاينة او رابط لتحميل مادة</div><div style="text-align: center;">لكن هذه الروابط عند دخول الزائر لها لا تستفيد المدونة من شئ أما مع هذا الموضوع سيتغير هذا الأمر</div><div style="text-align: center;">وهو اننا سنصنع صفحة لإعادة توجيه الروابط لنعرض بها روابط التحميل والمعاينة</div><div style="text-align: center;">وبالتالي مع كل تحميل أو معاينة تعود الفائدة على المدونة أيضاً  </div><div style="text-align: center;">هذه الطريقة تنفع في الغالب مع الجميع لكن أحيانا بعض القوالب لا تنفع معها هذه الطريقة بسبب بعض الأكواد وخصوصا الخطوط</div><div style="text-align: center;">أحيانا وجود خطوط تسبب عدم عمل تلك الطريقة فمن لا تعمل معه عليه أولا بتجربة حذف الخطوط أو تغيير القالب نهائيا</div><div style="text-align: center;"></div><div style="text-align: center;"><br /></div><a name="more"></a><h3 style="text-align: center;">الجزء الأول إنشاء الصفحات </h3><div style="text-align: center;">قم بإنشاء صفحة ثابته جديدة على مدونتك وأعطها إسم بالإنجليزية يتناسب مع المعاينة مثل <b>Demo</b></div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://4.bp.blogspot.com/-vXFW-HkUqmo/URUfcius93I/AAAAAAAAAjw/Y1Cuk2GcE1I/s1600/sitemap+%25281%2529.jpg" /></div><div style="text-align: center;">ثم قم بلصق الكود التالي بالصفحة مع تعديل إعدادات الصفحة كما بالصورة</div><div style="text-align: center;"><br /></div><div style="text-align: center;"><blockquote class="tr_bq"><div height="100%" id="iframe-container" width="100%"> <br /><style> <br />body { padding: 0!important; background: none!important; } <br />#iframe-container { overflow: hidden; background: none!important; } <br />#frame { border: 0; } <br /></style> <br /><iframe frameborder="0" id="frame" src="" width="100%"> </iframe> <br /></div> <br /><script>      <br />document.documentElement.style.overflow = 'hidden';  // firefox, chrome       <br />document.body.scroll = "no"; // ie only       <br />var query = window.location.search.substring(1);       <br />query = query.replace("url=", "");       <br />$('#frame').attr('src', query);       <br />var str = $('#iframe-container').html();       <br />$('#MBT-REDIRECTION').html(str);       <br />$('iframe').height($(window).height());       <br /></script></blockquote></div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://4.bp.blogspot.com/-l0l9SxksUus/UR-qG2YnajI/AAAAAAAAAow/IFGPRKMPQmA/s1600/redirct2.gif" /></div><div style="text-align: center;">كرر العملية مع صفحة أخرى ولكن سميها بشئ يدل على التحميل وليكن <b>Download</b></div><div style="text-align: center;">ثم إنسخ روابط الصفحتين لاننا سنستخدمهم لاحقاً</div><h3 style="text-align: center;">الجزء الثاني إعداد القالب</h3><div style="text-align: center;">نحتاج الآن إلى إعداد القالب بحيث يتم تفعيل الطريقة</div><div style="text-align: center;">وسيكون الأمر كالتالي</div><div style="text-align: center;">قم بالدخول الى تحرير قالبك ولا تنسى نخستك الإحتياطية </div><div style="text-align: center;">علم على خانة توسيع العناصر</div><div style="text-align: center;">إبحث عن الوسم <b><body></b> وألصق تحته مباشرة الكود التالي</div><div style="text-align: center;"><br /></div><div style="text-align: center;"><blockquote class="tr_bq"><div id='MBT-REDIRECTION'></blockquote></div><div style="text-align: center;"><br /></div><div style="text-align: center;">ثم إبحث عن الوسم <b></body></b> وأضف فوقه الكود التالي</div><div style="text-align: center;"><br /></div><div style="text-align: center;"><blockquote class="tr_bq"></div></blockquote></div><div style="text-align: center;"><br /></div><div style="text-align: center;">وأخير قم بإضافة الكود التالي تحت الوسم </b:skin></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><blockquote class="tr_bq">     <script><br /><br />    $(document).ready(function() {<br />    $('[data-MBTdemo]').click(function(e) {<br />    e.preventDefault();<br />    if($(e.srcElement).attr('target') == "_blank") {<br />    window.open("<span style="background-color: blue;"><span style="color: yellow;">http://cnmu.blogspot.com/demo</span></span>?url=" + $(e.srcElement).attr('href'), '_blank');<br />    } else {<br />    window.location = "<span style="background-color: blue;"><span style="color: yellow;">http://cnmu.blogspot.com/demo</span></span>?url=" + $(e.srcElement).attr('href');<br />    }<br /><br />    });<br /><br /><br />    $('[data-MBTdownload]').click(function(e) {<br />    e.preventDefault();<br />    if($(e.srcElement).attr('target') == "_blank") {<br />    window.open("<span style="color: white;"><span style="background-color: black;">http://cnmu.blogspot.com/download</span></span>?url=" + $(e.srcElement).attr('href'), '_blank');<br />    } else {<br />    window.location = "<span style="background-color: black;"><span style="color: white;">http://cnmu.blogspot.com/download</span></span>?url=" + $(e.srcElement).attr('href');<br />    }<br /><br />    });<br /><br />    });<br /><br />    </script></blockquote></div><div style="text-align: center;"> قم بإستبدال <span style="background-color: blue;"><span style="color: yellow;">http://cnmu.blogspot.com/demo</span></span>  بربط صفحة المعاينة</div><div style="text-align: center;"><br /></div><div style="text-align: center;">وإستبدل <span style="background-color: black;"><span style="color: white;">http://cnmu.blogspot.com/download</span></span>  برابط صفحة التحميل </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;">كود المعاينة</div><div style="text-align: center;"><br /></div><div style="text-align: center;"><blockquote><a data-mbtdemo="true" href="الرابط" rel="nofollow" target="_blank">معاينة</a></blockquote></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;"><blockquote><a data-mbtdownload="true" href="الرابط" rel="nofollow" target="_blank">تحميل</a></blockquote></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;"><br /></div><div style="text-align: center;"><a class="cnmubo" href="http://cnmu.blogspot.com/p/preview.html?url=http://test-cnmu.blogspot.com" rel="nofollow" target="_blank">إضغط هنا للمعاينة</a></div><div style="text-align: center;"><br />ملحوظة أخيرة هذا الكود يتطلب وجود مكتبة جي كويري إن لم تكن أضفتها أضف الكود التالي فوق الوسم </head><br /><br /><blockquote class="tr_bq"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'/></blockquote><br />مع الشكر للأخ محمد مصطفى صاحب موقع <a href="http://www.mybloggertricks.com/2013/02/url-redirection-for-demo-and-download.html" rel="nofollow" target="_blank">mybloggertricks.com</a><br /><br /></div></div>

إنشاء صفحات لإعادة توجيه الروابط

الغالبية العظمى للمدونات تستخدم روابط إما لعرض معاينة او رابط لتحميل مادة لكن هذه الروابط عند دخول الزائر لها لا تستفيد المدونة من شئ أما مع...

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

إضافة المعلقين الأكثر تفاعلا مع مصغرات

mahmoud elbohy 0 إضافات بلوجر, blogger widget 5:24 م

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img border="0" src="http://1.bp.blogspot.com/-KIK_xRWiKsI/UR2JmkBZoSI/AAAAAAAAAoU/rRpbIJ3XCXY/s1600/topcom.jpg" /></div>إضافة جميلة تساعد في تنشيط التعليقات بالمدونات فهي تجعل روح المنافسه بين المعلقين أعلى لأن الناتج سيكون عرض صورة بملفه الشخصي تعرف الناس عليه أكثر وايضا هي نوع من تكريم المتابعين المخلصين لمدونتك وميزة الإضافة انه يمكن التحكم بها لتجنب المعلقين السبام الذين يودون الحصول على مكان بها بتعليقات لا علاقه لها بالمواضيع ولا تمت للمدونة بصلة<br />وسنتعرف اكثر على إضافة أكثر المعلقين تفاعلا<b> Top Commenters Widget</b> بشرح الكود الخاص بها<br />والذي ستقوم بإضافته الى آداة <b>HTML/JavaScript</b> <br /><br /><a name="more"></a><br /><blockquote class="tr_bq"><style type="text/css"><br /><br />.top-commenter-line img {<br /><br />-webkit-border-radius: 100px;<br />-moz-border-radius: 100px;<br />border-radius: 100px;<br />-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);<br />-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);<br />box-shadow: 0 1px 3px rgba(0, 0, 0, .4);<br />}<br /><br />.top-commenter-line {margin: 3px 0;}<br />.top-commenter-line .profile-name-link {padding-left:0;}<br />.top-commenter-avatar {vertical-align:middle;}<br /></style><br /><script type="text/javascript"><br />// CONFIG:<br />var maxTopCommenters = <b><span style="color: red;">5</span></b>; <br />var minComments = 1;<br />var numDays = <span style="color: blue;"><b>0</b></span>;<br />var excludeMe = true;<br />var excludeUsers = [<b><span style="color: orange;">"Anonymous",</span></b> "someotherusertoexclude"];<br />var maxUserNameLength = <span style="color: #38761d;"><b>42</b></span>; // 0: don't cut, >4: cut usernames<br />//<br />var txtTopLine = '<b>[#].</b> [image] [user] ([count])';<br />var txtNoTopCommenters = 'No top commentators at this time.';<br />var txtAnonymous = '';<br />//<br />var sizeAvatar = <b><span style="color: magenta;">56</span></b>;<br />var cropAvatar = true;<br />//<br />var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge4FtOzQZfXbxDzoNkd3bfSSdLq2JTAprpEEgm6Ibp7ZQGNYILjMbUfjxOvYhkyCsX02awLGPXbLYs7QyUh8ZLbkR4meA9dPrVBisd-mTw-N3Kdt7nOeK5WYgx4UBnZ5GyLiRK8jR2tls/"+sizeAvatar+"/avatar_blue_m_96.png"; // http://www.blogger.com/img/avatar_blue_m_96.png resizeable<br />var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;<br />var urlMyProfile = '';<br />var urlMyAvatar = '';  <br />// config end<br />// for old IEs & IE modes:<br />if(!Array.indexOf) {<br /> Array.prototype.indexOf=function(obj) {<br />  for(var i=0;i<this.length;i++) if(this[i]==obj) return i;<br />  return -1;<br />}}<br />function replaceTopCmtVars(text, item, position)<br />{<br />  if(!item || !item.author) return text;<br />  var author = item.author;<br /><br />  var authorUri = "";<br />  if(author.uri && author.uri.$t != "")<br />    authorUri = author.uri.$t;<br /><br />  var avaimg = urlAnoAvatar;<br />  var bloggerprofile = "http://www.blogger.com/profile/";<br />  if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)<br />    avaimg = author.gd$image.src;<br />  else {<br />    var parseurl = document.createElement('a');<br />    if(authorUri != "") {<br />      parseurl.href = authorUri;<br />      avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;<br />    }<br />  }<br />  if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")<br />    avaimg = urlMyAvatar;<br />  if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")<br />    avaimg = urlNoAvatar;<br />  var newsize="s"+sizeAvatar;<br />  avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");<br />  if(cropAvatar) newsize+="-c";<br />  avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");<br /><br />  var authorName = author.name.$t;<br />  if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)<br />    authorName = txtAnonymous;<br />  var imgcode = '<img class="top-commenter-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';<br />  if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';<br /><br />  if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)<br />    authorName = authorName.substr(0, maxUserNameLength-3) + "...";<br />  var authorcode = authorName;<br />  if(authorUri!="") authorcode = '<a class="profile-name-link" href="'+authorUri+'">'+authorcode+'</a>';<br /><br />  text = text.replace('[user]', authorcode);<br />  text = text.replace('[image]', imgcode);<br />  text = text.replace('[#]', position);<br />  text = text.replace('[count]', item.count);<br />  return text;<br />}<br /><br />var topcommenters = {};<br />var ndxbase = 1;<br />function showTopCommenters(json) {<br />  var one_day=1000*60*60*24;<br />  var today = new Date();<br /><br />  if(urlMyProfile == "") {<br />    var elements = document.getElementsByTagName("*");<br />    var expr = /(^| )profile-link( |$)/;<br />    for(var i=0 ; i<elements.length ; i++)<br />      if(expr.test(elements[i].className)) {<br />        urlMyProfile = elements[i].href;<br />        break;<br />      }<br />  }<br /><br />  for(var i = 0 ; i < json.feed.entry.length ; i++ ) {<br />    var entry = json.feed.entry[i];<br />    if(numDays > 0) {<br />      var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601<br />      var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);<br /><br />      //Calculate difference btw the two dates, and convert to days<br />      var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));<br />      if(days > numDays) break;<br />    }<br />    var authorUri = "";<br />    if(entry.author[0].uri && entry.author[0].uri.$t != "")<br />      authorUri = entry.author[0].uri.$t;<br /><br />    if(excludeMe && authorUri != "" && authorUri == urlMyProfile)<br />      continue;<br />    var authorName = entry.author[0].name.$t;<br />    if(excludeUsers.indexOf(authorName) != -1)<br />      continue;<br /><br />    var hash=entry.author[0].name.$t + "-" + authorUri;<br />    if(topcommenters[hash])<br />      topcommenters[hash].count++;<br />    else {<br />      var commenter = new Object();<br />      commenter.author = entry.author[0];<br />      commenter.count = 1;<br />      topcommenters[hash] = commenter;<br />    }<br />  }<br />  if(json.feed.entry.length == 200) {<br />    ndxbase += 200;<br />    document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');<br />    return;<br />  }<br /><br />  // convert object to array of tuples<br />  var tuplear = [];<br />  for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);<br /><br />  tuplear.sort(function(a, b) {<br />    if(b[1].count-a[1].count)<br />        return b[1].count-a[1].count;<br />    return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;<br />  });<br /><br />  // list top topcommenters:<br />  var realcount = 0;<br />  for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {<br />    var item = tuplear[i][1];<br />    if(item.count < minComments)<br />        break;<br />    document.write('<di'+'v class="top-commenter-line">');<br />    document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));<br />    document.write('</d'+'iv>');<br />    realcount++;<br />  }<br />  if(!realcount)<br />    document.write(txtNoTopCommenters);<br />}<br />document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');<br /></script></blockquote><br />وسنشرح أهم خصائص الكود<br />الرقم <span style="color: red;"><b>5</b></span> هو عدد المعلقين الذي سيظهر في الآداة<br />الرقم <span style="color: blue;"><b>0</b></span> هو عدد الأيام التي تحتسب فيها التعليقات صفر تساوي كل الأيام<br />الرقم <b><span style="color: #38761d;">42</span></b> هو طول إسم المعلق فهناك أسماء تكون طويلة تحتاج تقصير<br />الرقم <span style="color: magenta;"><b>56</b></span> هو مقاس الصورة المعروضة<br />أما كلمة <b><span style="color: orange;">"Anonymous",</span></b>  هي التي سنضيف بعدها الأسماء المراد حجبها<br />مثلا انا قمت بحجب إسمي من القائمة فأضفت إسمي كالتالي بعد الكلمة<br /><b><span style="color: orange;">"Anonymous",</span></b><b><span style="color: orange;">"كن مدون",</span></b><br />وهكذا لو لديك مثلا مدونة متعددة الكتاب ستضيف كل الكتاب فلا داعي لوجود تعليقاتهم في القائمة<br />وايضا شخص يكتب تعليقات سبام هذا ايضا تكتب إسمه فلا يتم إحتسابه<br />وبالتوفيق للجميع بإذن الله<br /><br /></div>

إضافة المعلقين الأكثر تفاعلا مع مصغرات

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

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

قالب Android Phone لمدونات تقنيات الهواتف

mahmoud elbohy 0 قوالب 3:12 ص

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUiAQt172GknrJ5IpEEbLUH1JYNlhBUhubuQSlMnHi453WJjl_1d7IMRTmo52Rxv9LP8SOwyVDobql0-rho95O-f3NtursRi6EKKfrYEZCaPfaKCWKJHnGEUFi9oSRZwf5PUpty54x2pk/s622/android-phone.jpg" /></div>قالب Android Phone Blogger Template أحد أشهر القوالب التي تحمل طابع تقنية الهواتف وهو يعتبر الإصدار الثاني من قالب سابق بنفس الطابع ولكن هذا أكثر تطورا واقل أخطاء تم تعريب وتطوير القالب وتحسينه وحذف بعض  الصور وإستبدالها بصور أصغر وتدرجات لونية لزيادة السرعة<br /><div style="text-align: center;"><br /></div><div style="text-align: center;"><a class="cnmubo" href="http://cnmu.blogspot.com/p/preview.html?url=http://i-cnmu.blogspot.com" target="_blank">معاينــة</a>  <a class="cnmubb" href="http://cnmu.blogspot.com/p/preview.html?url=https://www.box.com/s/jcnucm1k0ek1bgnr3i4p" target="_blank">تحميــل</a> </div><br /><h2 style="text-align: right;">مميزات القالب </h2><h4 style="text-align: right;">القالب خفيف وصديق لمحركات البحث</h4><h4 style="text-align: right;">يحتوي القالب على قائمة أفقية</h4><h4 style="text-align: right;">ويحتوي على سلايدر خفيف وأنيق</h4><h4 style="text-align: right;">تم إضافة أكواد Meta Tag ويمكن البحث عن كلمة تعديل في اول القالب وتغييرها </h4><h4 style="text-align: right;">تم إضافة أزرار المشاركة الإجتماعية بشكل يتناسب مع القالب </h4><h4 style="text-align: right;">يحتوي على فوتر بثلاث أدوات  </h4><h2 style="text-align: right;">التركيب  </h2>لتعديل القائمة الأفقية إبحث عن الأكواد التالية وغيرها<br /><br /><a name="more"></a><br /><br /><blockquote class="tr_bq"><li><a href="http://cnmu.blogspot.com/">تعديل</a></li><br /><br /><li><a href="http://cnmu.blogspot.com/">تعديل</a></li><br /><br /><li><a href="http://cnmu.blogspot.com/">تعديل</a></li><br /><br /><li><a href="http://cnmu.blogspot.com/">تعديل</a></li><br /><br /><li><a href="http://cnmu.blogspot.com/">تعديل</a></li><br /><br /><li><a href="http://cnmu.blogspot.com/">تعديل</a></li><br /><br /><li><a href="http://cnmu.blogspot.com/">تعديل</a></li><br /><br /><li><a href="http://cnmu.blogspot.com/">تعديل</a></li><br /><br /><li><a href="http://cnmu.blogspot.com/">تعديل</a></li><br /><br /><li><a href="http://cnmu.blogspot.com/">تعديل</a></li><br /><br /><li><a href="http://cnmu.blogspot.com/">تعديل</a></li><br /><br /><li><a href="http://cnmu.blogspot.com/">تعديل</a></li><br /><br /><li><a href="http://cnmu.blogspot.com/">تعديل</a></li></blockquote><br />ولتعديل السلايد قم بتحرير الأكواد التالية<br /><br /><blockquote class="tr_bq"><h2 class='stitle'><a href="رابط الموضوع الأول">عنوان الموضوع الأول</a></h2><br />            <br /><p>وصف الموضوع الاول</p><br />            <br /></div><br />            <br /><div class='showcase-thumbnail'><br />            <br /><img class="slimage full noalign" height="75" src="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW0cf5C2lZKQWoaTVLQP1EB8vo_z4bnAT83zkNw4XGevYagCycugjeyO8hq18cmzUNeyBFQnZGRsDhPXxpORcKftEBHShNj5e9ORyEWqWxdRHhYCWSoCKE0ZhOmljFbJCui2ZfYZMVVwE/s638/captureht.jpg</span>" width="140"/>            </div>    <br /></div><br />        <br /><div class='showcase-slide'>            <br /><div class='showcase-content'><br />            <br /><img class="slimage full noalign" height="305" src="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEJ1v_uiN0-Ch7A4zxe9ThLycobk6ujkITktje1z_qmj_7bi9tzA-kT0rHAcVL4FK6rjWlElP_DGG932VhKpVI4orcnUOKcVSpH8hAT4QV-pU_xp25nNarCcmv9p7_jGPVhMrTAdw16GrP/s1600/2.jpg</span>" width="650"/>            <br /><br /></div><br />            <br /><div class='showcase-caption'><br />        <br /><h2 class='stitle'><a href="رابط الموضوع الثاني">عنوان الموضوع الثاني</a></h2><br />            <br /><p>وصف الموضوع الثاني</p><br />      <br /></div>        <br /><div class='showcase-thumbnail'><br />            <br /><img class="slimage full noalign" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEJ1v_uiN0-Ch7A4zxe9ThLycobk6ujkITktje1z_qmj_7bi9tzA-kT0rHAcVL4FK6rjWlElP_DGG932VhKpVI4orcnUOKcVSpH8hAT4QV-pU_xp25nNarCcmv9p7_jGPVhMrTAdw16GrP/s1600/2.jpg" width="140"/></div><br />        <br /></div><br />        <br /><div class='showcase-slide'>            <br /><div class='showcase-content'><br />            <br /><img class="slimage full noalign" height="305" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIngqUutenqEcpXh4c5ZrjxHsjnX0mzqP9tmaedUQpVDyUHhwOlMDgszcDD4UuaAX7RLAsaE96WrRF2ry3ZYGdo2rN8LfZrkv5MrbogxMfq1Ur92At_SQc1IN8TcVhWZhDSmsI_gmosS2Q/s1600/3.jpg" width="650"/>            <br /></div><br />            <br /><div class='showcase-caption'><br />           <br /><h2 class='stitle'><a href="رابط الموضوع الثالث">عنوان الموضوع الثالث</a></h2><br />            <br /><p>وصف الموضوع الثانلث</p><br />            <br /></div>        <br /><div class='showcase-thumbnail'><br />            <br /><img class="slimage full noalign" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIngqUutenqEcpXh4c5ZrjxHsjnX0mzqP9tmaedUQpVDyUHhwOlMDgszcDD4UuaAX7RLAsaE96WrRF2ry3ZYGdo2rN8LfZrkv5MrbogxMfq1Ur92At_SQc1IN8TcVhWZhDSmsI_gmosS2Q/s1600/3.jpg" width="140"/>            </div><br />        <br /></div>        <br /><div class='showcase-slide'><br />        <br /><div class='showcase-content'><br />       <br /><img class="slimage full noalign" height="305" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDLXOPUK9zfswNnJ9MJ9A5T2t7dDcRD2ynCH2-7sfGR80KOeiZDl4HYRKmCxsBBhc73Tv0W2AFu7ArpMPLoaY1kGgWM7n8BsFkiAELL7EtxuhOurOvrYLr_AgZCYmtGFWZp1kNPni-Gfk/s638/5264001892_224d991419_z.jpg" width="650"/><br />            <br /></div>    <br /><div class='showcase-caption'><br />            <br /><h2 class='stitle'><a href="رابط الموضوع الرابع">عنوان الموضوع الرابع</a></h2><br />            <br /><p>وصف الموضوع ارابع</p><br />            </blockquote><br />المحدد بالاحمر هي صورة السلايد الأول وكما ترى هي مكررة مرتين ونفس الشئ مع باقي أقسام السلايد كل موضوع صورته مكررة مرتين لذا يجب تعديلها في المرتين<br /><br />أيضا الصورة الأفقية الخاصة بشكل الهواتف هذا رابطها لمن أراد تغييرها<br /><br /><blockquote class="tr_bq"> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTaS0fJuc3CNNZlSqLBhZPfURWnn8g9XSCJHzMOG8pT5mo50d29meyyd4kUM5d17YgOw3FEauPQNnDXbYkE4XjkQOoz1VH7l_doMN8P4nIR9UyetWlnKgFzhFjLo0dvhfq2UxhJtyAeNs/s350/bg-android.png</blockquote><br /><div style="text-align: center;"><span style="font-size: large;">وفضلا يرجى قراءة <a href="http://cnmu.blogspot.com/p/blog-page_12.html" target="_blank">شروط الإستخدام</a> والإلتزام بها تحياتي</span></div><br /></div>

قالب Android Phone لمدونات تقنيات الهواتف

قالب Android Phone Blogger Template أحد أشهر القوالب التي تحمل طابع تقنية الهواتف وهو يعتبر الإصدار الثاني من قالب سابق بنفس الطابع ولكن هذا...

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

ترقيم الصفحات بطريقة فعالة وحل جميع المشاكل

mahmoud elbohy 0 إضافات بلوجر, حلول, blogger widget 4:52 ص

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img border="0" src="http://4.bp.blogspot.com/-N6jDXAK1in8/URovpBmlsfI/AAAAAAAAAnA/_w9aSs5jVec/s1600/nav.gif" /></div>ترقيم الصفحات<b> Page Navigation widget</b> إضافة هامه لمدونات بلوجر وخصوصا عندما تصبح المدونة بها عدد كبير من المواضيع ويصعب التنقل بها فتأتي إضافة الترقيم لتحل تلك المشكلة لكن كثيير من الإضافات الموجوده بها عدة مشاكل منها تخصيص شكلها أغلب المصممين يجعل الإضافة بلون يتناسب مع مدونته لكن قد لا يتناسب مع الجميع أما إضافتنا يمكنك تخصيص شكلها كما تشاء<br />أيضا مشكلة أخرى في بعض الإضافات وهي عند بلوغ المواضيع حد معين مثلا مئة موضوع تصبح لا تعمل جيداً وتكرر الموضوعات لكن إضافتنا اليوم لا توجد بها تلك المشكلة أيضا مشكلة تظهر مع التسميات أو الأقسام وتجعل المواضيع غير مرتبه لكن بإذن الله سنضع حل هذه المشكلة أيضا لنكون وصلنا لأكبر قدر من حلول المشاكل التي تواجه إضافة ترقيم الصفحات<br /><div style="text-align: right;"></div><a name="more"></a><br /><h3 style="text-align: center;">أولا طريقة إضافة ترقيم الصفحات</h3><div style="text-align: right;"></div><h4 style="text-align: right;"> الخطوة الأولى </h4>أدخل الى خانة التخطيط في إدارة مدونتك<br />قم بتحرير رسائل المدونة الإلكترونية<br />وفي خانة عدد الرسائل على الصفحة الرئيسية ضع رقم يناسبك وإعلم أنه سيستخدم في ترقيم الصفحات ايضا<br /><br /><h4 style="text-align: right;">الخطوة الثانية</h4><br /> أدخل الى تحرير قالبك وطبعا لا تنسى أخذ نسخة إحتياطية <br /><br />إبحث عن الوسم <b></body></b> وأضف فوقه الكود التالي<br /><br /><blockquote class="tr_bq"><script type='text/javascript'><br />var home_page="/";<br />var urlactivepage=location.href;<br />var postperpage=<span style="color: red;"><b>5</b></span>;<br />var numshowpage=<b><span style="color: blue;">8</span></b>;<br />var upPageWord ='<span style="color: magenta;">السابق</span>';<br />var downPageWord ='<span style="color: magenta;">التالي</span>';<br /></script><br /><script src='https://cnmu.googlecode.com/svn/trunk/pagenavar.js' type='text/javascript'></script></blockquote><br />رقم<span style="color: red;"><b> 5</b></span> هو عدد الرسائل في الصفحة إجعله نفس العدد الذي إخترته في الخطوة الاولى<br />رقم <span style="color: blue;"><b>8</b></span> هو عدد الصفحات الظاهر في الإضافة قم بالزيادة أو التقليل حسب عرض مساحة مدونتك<br />ويمكنك تغيير كلمتي<span style="color: magenta;"> السابق والتالي</span> بما يناسبك<br /><br />الخطوة الثالثة<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPGpFAmD-pS6fu9A_HIrhUm_CTeTRCMmB4PI6dqDeXURSjHfIc_TDcJ8-oF260im2NZeImwLKYz-niX-fXLrhOzETq2cYh7Y7oKPq0Iy9BUnMezOQvdUh1dCYmF9zr280yDxlnCYMhDiwG/s1600/tawse3.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPGpFAmD-pS6fu9A_HIrhUm_CTeTRCMmB4PI6dqDeXURSjHfIc_TDcJ8-oF260im2NZeImwLKYz-niX-fXLrhOzETq2cYh7Y7oKPq0Iy9BUnMezOQvdUh1dCYmF9zr280yDxlnCYMhDiwG/s1600/tawse3.png" /></a>قم بتوسيع عناصر الستايل بالضغط على سهم التوسيع<br /><br /> إبحث عن الوسم <b></b:skin></b> وأضف فوقه الكود التالي<br /><br /><blockquote class="tr_bq">/* -- number page navigation -- */<br />.showpageArea {<br />color:<span style="color: red;"><b>#787D7E</b></span>;<br />margin: 10px 5px 3px 5px;<br />padding: 0px;<br />float: right;<br />display: inline;<br />font-size:13px;<br />}<br />.showpageArea a {<br /><b><span style="color: #674ea7;">background: #DAD8D9;<br />background: -moz-linear-gradient(top,  #F0F0F0 , #DAD8D9 );<br />background: -webkit-linear-gradient(top,  #F0F0F0 ,#DAD8D9 );</span></b><br />padding: 4px 7px;<br />margin: 0px 5px 0px 0px;<br />text-decoration: none;<br />color:<b>#787D7E</b>;<br />display: inline;<br />float: right;<br /><span style="color: #990000;">border:1px solid #BEBEBE;</span><br />-webkit-border-radius:2px;<br />-moz-border-radius:2px;<br />border-radius:2px<br />}<br />.showpageNum {float:right;}<br />.showpageNum a {<br />font-size:13px;<br />font-weight: bold;<br /><span style="color: #674ea7;"><b>background: #DAD8D9;<br />background: -moz-linear-gradient(top,  #F0F0F0 , #DAD8D9 );<br />background: -webkit-linear-gradient(top,  #F0F0F0 ,#DAD8D9 );</b></span><br />padding: 4px 7px;<br />margin: 0px 5px 0px 0px;<br />text-decoration: none;<br />color:<span style="color: red;"><b>#787D7E</b></span>;<br />display: inline;<br />float: right;<br /><span style="color: #990000;">border:1px solid #BEBEBE;</span><br />-webkit-border-radius:2px;<br />-moz-border-radius:2px;<br />border-radius:2px<br />}<br />.showpageNum a:hover {<br /><span style="color: magenta;"><b>background: #D1E0E5;<br />background: -moz-linear-gradient(top,#EEF3F6,#D1E0E5);<br />background: -webkit-linear-gradient(top,#EEF3F6,#D1E0E5);</b></span><br />text-decoration: none;<br /><span style="color: #990000;">border:1px solid #BEBEBE;</span><br />-webkit-border-radius:2px;<br />-moz-border-radius:2px;<br />border-radius:2px<br />}<br />.showpagePoint {<br />font-size:13px;<br />font-weight: bold;<br />background: #4A4A4A;<br />padding: 4px 7px;<br />margin: 0px 5px 0px 0px;<br />text-decoration: none;<br />color: #FFFFFF;<br />display: inline;<br />float: right;<br /><span style="color: #990000;">border:1px solid #BEBEBE;</span><br />-webkit-border-radius:2px;<br />-moz-border-radius:2px;<br />border-radius:2px<br />}<br />.showpageOf {<br />font-weight: bold;<br /><span style="color: #674ea7;"><b>background: #DAD8D9;<br />background: -moz-linear-gradient(top,  #F0F0F0 , #DAD8D9 );<br />background: -webkit-linear-gradient(top,  #F0F0F0 ,#DAD8D9 );</b></span><br />padding: 4px 7px;<br />margin: 0px 5px 0px 0px;<br />text-decoration: none;<br />color:<span style="color: red;"><b>#787D7E</b></span>;<br />display: inline;<br />float: right;<br />border:1px solid #BEBEBE;<br />-webkit-border-radius:2px;<br />-moz-border-radius:2px;<br />border-radius:2px<br />}<br />.showpage a {<br /><span style="color: #674ea7;"><b>background: #DAD8D9;<br />background: -moz-linear-gradient(top,  #F0F0F0 , #DAD8D9 );<br />background: -webkit-linear-gradient(top,  #F0F0F0 ,#DAD8D9 );</b></span><br />padding: 4px 7px;<br />margin: 0px 5px 0px 0px;<br />text-decoration: none;<br />color:<span style="color: red;"><b>#787D7E</b></span>;<br />display: inline;<br />float: right;<br />border:1px solid #BEBEBE;<br />-webkit-border-radius:2px;<br />-moz-border-radius:2px;<br />border-radius:2px<br />}<br />.showpage a:hover {<br /><span style="color: magenta;"><b>background: #D1E0E5;<br />background: -moz-linear-gradient(top,#EEF3F6,#D1E0E5);<br />background: -webkit-linear-gradient(top,#EEF3F6,#D1E0E5);</b></span><br />text-decoration: none;<br />border:1px solid #BEBEBE;<br />-webkit-border-radius:2px;<br />-moz-border-radius:2px;<br />border-radius:2px<br />} </blockquote><br />هذا الكود <b><span style="color: red;">#787D7E</span></b> يخص لون الخط في الإضافة ستجد الاكواد متكرره يجب تعديلها كلها<br />هذا الكود<br /> <span style="color: #674ea7;"><b>background: #DAD8D9;<br />background: -moz-linear-gradient(top,  #F0F0F0 , #DAD8D9 );<br />background: -webkit-linear-gradient(top,  #F0F0F0 ,#DAD8D9 ); </b></span><br />هو لون خلفية الزر وهو تدرج يتكون من لونين الاول العلوي والثاني السفلي <br />هذا الكود <span style="color: #990000;">border:1px solid #BEBEBE</span>; هو خاص بحجم ولون الإطار حول الأرقام<br /><span style="color: magenta;"><b>background: #D1E0E5;<br />background: -moz-linear-gradient(top,#EEF3F6,#D1E0E5);<br />background: -webkit-linear-gradient(top,#EEF3F6,#D1E0E5);</b></span><br />هذا الكود هو تدرج آخر ولكنه الذي يظهر عند مرور الماوس<br />و border:1px solid #ccc; هو لون الإطار عند مرور الماوس<br /><br />اما هذا اللون <b>background: #4A4A4A</b>; هو خلفية الصفحة التي تكون موجود بها<br />وهذا هو لون الخط <span style="color: orange;"><b>color: #FFFFFF; </b></span><br />أما الرقم radius:2px والمتكرر في كل الأكواد تقريبا هذا إن قمت بزيادته سيصبح الزر اكثر إستدارة<br />لقد شرحت تقريبا أهم الأكواد التي يمكن التعديل عليها أو يمكنك إضافة الكود كما هو إن لم تستطيع تغيير الألوان<br /><a href="http://cnmu.blogspot.com/p/copy-color-picker.html" target="_blank">ومن هنــا يمكنك تحصيل اكواد الألوان </a><br /><br /><h3 style="text-align: center;">حل مشكلة الترقيم والتسميات</h3>تحدثنا في البداية عن وجود مشكلة بين الترقيم والتسميات عند دخول احد الاقسام تكون أعداد المواضيع بعكس المحدد في الترقيم وللتخلص من تلك المشكلة<br />نبحث عن الكود التالي وتذكر ان تكون مؤشر على خانة توسيع العناصر<br /><br /><blockquote class="tr_bq"><a expr:dir="data:blog.languageDirection" expr:href="data:label.url"><data:label.name/></a></blockquote><br />ونستبدله بهذا الكود<br /><br /><blockquote class="tr_bq"><script type='text/javascript'><br />  var lblname = "<data:label.name/>";<br />  lblname2 = encodeURIComponent(lblname);<br />  var feedlink = '/search/label/' + lblname2+'?&max-results=<span style="color: red;"><b>5</b></span>';<br />  document.write('<a href="' + feedlink + '">'+lblname+'</a>');<br /></script></blockquote><br /><div style="text-align: center;">رقم <span style="color: red;"><b>5</b></span> هو عدد المواضيع إختر نفس الرقم في المرحلة الأولى </div><div style="text-align: center;">ملحوظة قد يكون الكود متكرر أكثر من مرة يجب تغييرها جميعا<br /><span style="color: #674ea7;">وهذا سيكون مختص بآداة التسميات وإن لم تكن موجوده لديك لن تجد الكود </span><br />أما بالنسبة للتسميات التي تكون داخل الموضوع<br />فإبحث عن الكود التالي وإستبدله بنفس الكود كالسابق<br /><br /><blockquote class="tr_bq"><a expr:href="data:label.url" rel="tag"><data:label.name/></a></blockquote></div><div style="text-align: center;">تحياتي للجميع</div><br /></div>

ترقيم الصفحات بطريقة فعالة وحل جميع المشاكل

ترقيم الصفحات Page Navigation widget إضافة هامه لمدونات بلوجر وخصوصا عندما تصبح المدونة بها عدد كبير من المواضيع ويصعب التنقل بها فتأتي إض...

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

الخطة المثالية للتبادلات الإعلانية

mahmoud elbohy 0 معلومات, Seo 4:35 ص

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img border="0" src="http://2.bp.blogspot.com/-WI6ftcxiUmI/URjQA7EaBXI/AAAAAAAAAlQ/J9lzQdgSmBY/s1600/adex.jpg" /></div>أصبح التبادل الإعلاني أهم وسيلة لإشهار والتعريف بالمواقع والمدونات لكن هناك أخطاء يقع بها المتبادلون تجعل التبادل غير فعال بالشكل المطلوب ويحقق ربما ربع او نصف ما يمكن تحقيقه فعلياً فإن كنت ممن يستخدمون التبادل الإعلاني تحتاج الى قراءة الموضوع جيدا والتركيز لان بعد تطبيق خطتنا ستلاحظ تغيير اكبر في كفائة التبادلات لديك وستتحسن إحصائيات مدونتك بإذن الله<br />عند الرغبة في التبادل الإعلاني يتم النظر في شيئين <a href="http://cnmu.blogspot.com/2013/01/alexa.html" target="_blank">ترتيب اليكسا <b>Alexa</b></a> وهو الخاص بأعداد الزوار<br />وتقييم<a href="http://cnmu.blogspot.com/2013/01/Page-Rank.html" target="_blank"> بيج رانك <b>PageRank</b></a> وهو الخاص بشهرة الموقع وقوة وصول محركات البحث اليه <br />إن كنت ستختار المتبادل معهم بناء على ترتيب اليكسا يمكن أن يصبح رابط التبادل عند كلا الطرفين <b><a href="http://cnmu.blogspot.com/2013/02/Seo-Nofollow-Dofollow.html" target="_blank">nofollow</a></b><br />أما إن كان بناء عن تقييم بيج رانك يجب أن يكون الرابط عند الطرف صاحب التقييم الأفضل <b><a href="http://cnmu.blogspot.com/2013/02/Seo-Nofollow-Dofollow.html" target="_blank">dofollow</a></b><br />لماذا لانه وببساطه إن كان الامر هو تبادل زيارات لن تحتاج بشكل كبير وصول عناكب البحث فهدفك الزوار <br />أما مع البيج رانك تحتاج عناكب البحث لتعزز قوة وصول محركات البحث لك <br /><br /><a name="more"></a>ويجب عند التبادل مراعاة الشروط التالية لضمان جوده أعلى<br /><h4 style="text-align: right;">1- أن تكون المدونات المتبادل معها ذات محتوى جيد</h4>ولا أقصد حجم المحتوى ولكن أقصد ان لا تكون ذات محتوى مقرصن أو به غش<br />حتى وإن كانت إحصائياتهم كبيرة فهذا سيضيع مصداقيتك وسيؤثر على تقييمك<br /> وراعي ايضا أن لا تتبادل مع أحد يضع اشياء مخله<br />وتنافي الدين والقيم فالدال على الخير كفاعله والدال على الشر كفاعله فلا تجلع مدونتك تدل على الخبائث<br /><h4 style="text-align: right;"> 2- لا تخصص عدد كبير من التبادلات سواء كانت نصية او بنرات </h4>فكثرة الروابط الخارجية في صفحتك الرئيسية ليس جيداً وايضا يفقد الرغبه في السعي للتبادل معك نظرا لتوافر الأماكن دائماً<br />يعني مثال إن كان التبادل عبر البنرات يكون 6 بنرات على الأكثر او 8 روابط إن كان نصياً أو 4 بنرات و5 روابط إن كنت ستجمع بين الإثنين وهذه الأرقام ليست ملزمه لكن هو راي فقط<br />وارى أن الأفضل التبادل عبر البنرات لسبب قلة الروابط الخارجية وقوة لفتها لنظر الزائر<br />أيضا تجنب البنرات التحركة فهي عبئ دون جدوى فالبانر المتحرك قد يصل لضعفين وربما أكثر في الحجم عن البانر الثابت<br />وإن كانت الأرقام في عالم الأحجام بسيطه كـ 100 كب لكن بالنسبة للزائرون أصحاب الإتصالات الضعيفة هي عبئ<br /><h4 style="text-align: right;">3- عدم تلاقي التبادلات</h4>بمعني لا تتبادل مع أحد يتبادل مع من تتبادل معه ؟؟؟؟؟ جمله صعبه صح <b>^_^</b><br />هذا هو ملخص صورة الموضوع<br /><span style="color: red;"><b>A</b></span> يتبادل إعلانياً مع <b>B,C,<span style="color: magenta;">D</span>,<span style="color: blue;">E</span></b><br />لكن <b><span style="color: blue;">E</span></b> و<b><span style="color: magenta;">D</span></b> هم أيضا يتبادلون مع بعضهم<br />إذن يجب على <b><span style="color: red;">A</span></b> أن يفصل تبادله مع أحدهما لماذا؟<br />لانه لو فصل مع <span style="color: blue;"><b>E </b></span>مثلا مازال سينال من عنده زوار عن طريق <b><span style="color: magenta;">D</span></b> بنسبة 40 الى 60 %<br />من الزوار الذين يصلون لـ<span style="color: magenta;"><b>D</b></span> عن طريق <span style="color: blue;"><b>E </b></span>سيصلون الى <b><span style="color: red;">A</span></b><br />والعكس صحيح <span style="color: blue;"><b>E</b></span> سيحصل على زوار من<span style="color: red;"><b> A</b></span><br />لكن بتبادلهما مع بعض خسر<b> </b><span style="color: red;"><b>A</b> </span>و<b><span style="color: blue;"> E</span></b> مكان إعلاني يمكن ان يحصلا منه على 100% من الزوار<br />إذا<span style="color: red;"><b>A</b></span> تبادل مع شخص جديد <span style="color: #38761d;"><b>F</b></span> مثلا فهو ربح 100% من <span style="color: #38761d;"><b>F</b></span> بالإضافة الى 40 الى 60 % من <span style="color: blue;"><b>E</b></span><br />أما إن ظل متبادلا مع <span style="color: blue;"><b>E</b></span> هو يحصل فقط على 40% التي تكمل نسبة المئه بالمئه ولم يحصل على شئ من <span style="color: #38761d;"><b>F</b></span><br />ونفس الشئ <span style="color: blue;"><b>E</b></span> لو تبادل مع <b><span style="color: orange;">Z</span></b> سيحصل على 100% جديده<br />أرجو مراجعة الجزء السابق جيدا ربما يكون صعب قليلا لكنه هام<br />لانه الخطا الشائع الذي يقع فيه غالبية المتبادلون<br />تجد محمد وأحمد ومحمود يتبادلون سويا<br />محمد مع أحمد واحمد مع محمود ومحمود مع محمد<br />مع إنهم لو أدخلوا اطراف جديدة وإكتفى كل منهم بتبادل مع طرف واحد لتضاعفت نسب الزوار<br /><h4 style="text-align: right;">4- لا تجعل كل تبادلاتك من فئه واحده</h4>لو مجال مدونتك برامج فإجعل التبادلات واحد من نفس المجال والباقي مجالات متعددة فتعدد فئات الزوار يفيد في تحسين نسب الوصول لمدونتك<br /><h4 style="text-align: right;">5- لا تغير المتبادلين بإستمرار</h4>قد تجد شخص كل شهر يغير التبادلات الإعلانية ظننا منه أن هذا سيفيد ولكن بالعكس<br />أحيانا لكي تحصل على باك لينكس <b>BackLinks </b>من موقع يحتاج لأكثر من شهر فانت تاتي في نهاية الشهر وتلغي التبادل وتضيع فرصة حصولك على الباك لينكس وتبدأ تبادل جديد وتلغيه أيضا قبل الحصول على الباك لينكس وهكذا<br />فحاول أن تظل التبادلات لثلاث شهور مثلا ثم غيرها ويفضل أن لا تزيد عن 6 شهور<br />لكي يتم إعطاء الفرصة للتبادل مع آخرين والحصول على زوار جدد<br /><br /><span style="color: #674ea7;">إن راعيت ما سبق بإذن الله قوة التبادل الإعلاني لديك ستتضاعف وستتقدم مدونتك بشكل أسرع</span><br /><span style="color: #674ea7;">بالتوفيق للجميع بإذن الله </span><br /><br /></div>

الخطة المثالية للتبادلات الإعلانية

أصبح التبادل الإعلاني أهم وسيلة لإشهار والتعريف بالمواقع والمدونات لكن هناك أخطاء يقع بها المتبادلون تجعل التبادل غير فعال بالشكل المطلوب وي...

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

إضافة مواضيع عشوائية مع مصغرات Random Post

mahmoud elbohy 0 *, إضافات بلوجر, blogger widget 1:49 ص

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img border="0" src="http://3.bp.blogspot.com/-n967o9A0aQ4/URdoXH3yRzI/AAAAAAAAAko/9966MQ8g1tk/s1600/random-thum.gif" /></div>كنا عرضنا في موضوع سابق<a href="http://cnmu.blogspot.com/2013/01/Random-post-Button.html" target="_blank"> زر المواضيع العشوائية</a> واليوم نعرض إضافة لعرض مواضيع عشوائية لكن بعناوين المواضيع وصور مصغرة <b>Random Post With Thumbnail</b> الفرق بين الإضافتين أن الأولى كما سماها مبرمجها ضربة حظ فأنت لا تعلم الى أين يأخذك الزر أما هذه انت تعلم بالضبط اي موضوع ستشاهد وكلاهما يفيد في إبقاء الزائر وقت أطول نظراً لانهما يعرضان مواضيع مختلفة مع كل تحديث للصفحة<br />وطريقة الإضافة فقط ضع الكود التالي في آداة <b>HTML/JavaScript</b><br /><br /><a name="more"></a><br /><br /><blockquote class="tr_bq"><style>#random-posts img{float:<span style="color: blue;">left</span>;margin-<span style="color: red;">right</span>:10px;border:1px solid #999;background:#FFF;width:<span style="color: #674ea7;">36</span>px;height:<span style="color: #674ea7;">36</span>px;padding:3px}</style><br /><ul id='random-posts'><br /><script type='text/javaScript'><br />var rdp_numposts=<b><span style="color: #38761d;">5</span></b>;<br />var rdp_snippet_length=<span style="color: #b45f06;">150</span>;<br />var rdp_info='<span style="color: magenta;">yes</span>';<br />var rdp_comment='تعليق';<br />var rdp_disable='بدون تعليقات';<br />var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};<br /></script><br /><script type='text/javaScript'><br />function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3t-pap-l7ZHR4DeSLvugBcoHHdbIw8hTm65JLJLiHvrIIhV89D18ogfoYaQSHnN7oO8t_G5RIE_5kcySNfLgJesTHulesBlreA4D25aIYK0Zq8SI-_aUN7x6HcahCvG0tB7t-mgcTf-U/s1600/na_image.jpg"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};<br /></script><br /></ul></blockquote><br /><div style="text-align: center;">إن أردت جعل صور المصغرات على اليمين حول <span style="color: blue;"><b>left</b> </span>الى<b> <span style="color: red;">Right</span></b> و</div><div style="text-align: center;"><b><span style="color: red;">Right</span></b> الي<span style="color: blue;"> <b>left</b></span> </div><div style="text-align: center;">الرقم <b><span style="color: #38761d;">5</span></b> هو عدد المواضيع المعروضة في الإضافة</div><div style="text-align: center;"><b><span style="color: #674ea7;">150</span></b> هو طول العنوان المسموح بعرضه</div><div style="text-align: center;"><b><span style="color: magenta;">yes</span></b> حولها الى <b>No</b> إن أردت إخفاء التعليقات والتاريخ من الإضافة </div><div style="text-align: center;">أما <span style="color: #a64d79;"><b>36</b></span> هو طول وعرض الصور المصغرة</div><br /></div>

إضافة مواضيع عشوائية مع مصغرات Random Post

كنا عرضنا في موضوع سابق زر المواضيع العشوائية واليوم نعرض إضافة لعرض مواضيع عشوائية لكن بعناوين المواضيع وصور مصغرة Random Post With Thumb...

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

أكواد Meta Tag لتحسين السيو

mahmoud elbohy 0 معلومات, Seo 5:48 ص

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img border="0" src="http://2.bp.blogspot.com/-WE9O5mcS7uU/URZIm60-vDI/AAAAAAAAAkQ/58oPufBP-LU/s622/meta.jpg" /></div>تكلمنا سابقا في <a href="http://cnmu.blogspot.com/2013/02/Seo-Nofollow-Dofollow.html" target="_blank">هذا الموضوع  </a>عن معنى السيو <b>SEO</b> واليوم سنتكلم عن أكواد ميتا تاج <b>META TAG</b> وهي كالأضواء الملونة التي تلفت نظر محركات البحث لموقعك تقوم تلك الأكواد بتعريف الصفحة الرئيسية لموقعك وإعطاء إشارات عن طريق الكلمات الدلائلية ليتم توجيه الباحثين لموقعك وكلما توجه الى موقعك عدد أكبر من الزوار ومحركات البحث ستتحسن الأرشفه لديك وسيكون موقعك في بدايات نتائج البحث<br />ملحوظة قد يظن البعض ان إضافة مثل تلك الأكواد هو الحل لكل المشاكل والمصباح السحري الذي سيجعل موقعه بين أفضل المواقع<br />وهذا ظن خاطئ فكما قلت هي كالاضواء للجذب لكن إن وصل اليك محرك البحث أو الزائر ولم يجد ما جذبته اليه تلك الأكواد يصعب أن يعود لك مرة أخرى لذا يجب ان تكون الأكواد مطابقه لمحتوى موقعك ويكون محتواك حصري وجذاب لكي تضمن عودة الزوار وتكثيف الزيارات من عناكب الويب<br /><br /><a name="more"></a>ولإضافة الأكواد خذ نسخة إحتياطية من قالبك<br /> ثم أدخل الى تحرير القالب و إبحث في أول قالبك عن الوسم <<span class="start-tag">head</span>><br />ثم حدد كل ما بعده الى أن تصل للوسم <b:skin><br />وإحذف ما بينهما من أكواد<br /> ماعدا اكواد الخطوط أو الملفات إن كانت مضافة لديك أسفل  <<span class="start-tag">head</span>><br />كيف تعرف إن كانت هناك ملفات مضافة ببساطة ستجد أكواد بها روابط تحمل هذه الصفات js css @font-face<br />وفي الغالب لن تجد ولكن ننوه إحتياطي <br />ثم أضف الكود التالي تحت الوسم <<span class="start-tag">head</span>><br /><br /><blockquote class="tr_bq"><b:if cond='data:blog.url == data:blog.homepageUrl'><br /><meta content=' وصف المدونة' name='description'/><br /><meta content='كلمات , دلائلية' name='keywords'/><br /><meta content='رابط بانر' name='og:image'/><br /><meta content='global' name='distribution'/><br /><meta content='10 days' name='revisit'/><br /><meta content='10 days' name='revisit-after'/><br /><meta content='document' name='resource-type'/><br /><meta content='all' name='audience'/><br /><meta content='general' name='rating'/><br /><meta content='all' name='robots'/><br /><meta content='index, follow' name='robots'/><br /><meta content='إسمك بالإنجليزية' name='author'/><br /><meta content='ar' name='language'/><br /><meta content='بلدك بالإنجليزية' name='country'/><br /></b:if><br />    <b:include data='blog' name='all-head-content'/><br /><b:if cond='data:blog.url != data:blog.homepageUrl'><br /><title><data:blog.pageName/></title><br /><b:else/><br /><title><data:blog.pageTitle/></title><br /></b:if></blockquote><div style="text-align: center;"><br /></div><div style="text-align: center;">غير ما يلزم في الكود </div><div style="text-align: center;"></div><div style="text-align: center;">أولا ما الذي ينتج عند إضافة هذا الكود </div><div style="text-align: center;"><span style="color: blue;">الوصف والكلمات الدلائلية ستجتذب النتائج بحسب ما تكتب بها </span></div><div style="text-align: center;"><span style="color: blue;">ولكن لا تتذاكى وتكتب 500 كلمة لكي تصل لك محركات بحث بشكل أكبر هذا خطأ كما قلت إن لم تكن الكلمات تدل على المحتوى ستكون النتيجة عكسية </span></div><div style="text-align: center;"><span style="color: blue;">إستخدم كلمات في محتوى موقعك ولا تجعلها تتجاول 150 حرف وطبعا إجعل فاصلة بين كل كلمة والاخرى</span></div><div style="text-align: center;"><b><span style="color: #3d85c6;">وايضا إجعل الوصف جملة مفيده تدل على محتوى موقعك</span></b></div><div style="text-align: center;"><span style="color: #674ea7;">أيضا هناك بعض الزيادات كإسمك وإسم بلدك فائدتها بسيطه ولكن لا ضرر من إضافتها</span></div><div style="text-align: center;"><span style="color: #cc0000;">وهناك الجزء الخاص برابط البانر وهذا يفيد في المواقع الإجتماعية </span></div><div style="text-align: center;"><span style="color: #cc0000;">فعند نشر أى موضوع في المواقع الإجتماعية تظهر صورة معاينة وتكون أول صورة في الموضوع </span></div><div style="text-align: center;"><span style="color: #cc0000;">لكن عندما تنشر رابط الصفحة الرئيسية ستظهر صورة عشوائية أو لا تظهر صور نهائياً</span></div><div style="text-align: center;"><span style="color: #cc0000;">لكن مع الكود ستحل تلك المشكلة </span></div><div style="text-align: center;"><span style="color: #cc0000;">وبالنسبة للفيس بوك Facebook أدخل على هذا الرابط</span></div><div style="text-align: center;"><span style="color: #cc0000;"><a href="http://developers.facebook.com/tools/debug" rel="nofollow" target="_blank">http://developers.facebook.com/tools/debug</a></span></div><div style="text-align: center;"><span style="color: #cc0000;"> وضع رابط مدونتك ثم إضغط على زر Debug لتحديث المعلومات </span></div><div style="text-align: center;"><span style="color: #b45f06;">أيضا سيقوم الكود بأمر هام للغاية وهو حذف إسم المدونة من المواضيع</span></div><div style="text-align: center;"><span style="color: #b45f06;">عند البحث عن مواضيع ستجد إسم الموضوع بالشكل التالي</span></div><div style="text-align: center;"><span style="color: #38761d;"><u>كن مدون :</u> أكواد META TAG لتحسن السيو </span></div><div style="text-align: center;"><span style="color: #b45f06;">لكن بعد إضافة الكود سيكون إسم الموضوع هكذا</span></div><div style="text-align: center;"><span style="color: #38761d;"> أكواد META TAG لتحسن السيو</span></div><div style="text-align: center;"><span style="color: #b45f06;">هذا سياعد في الأرشفة ووصول محركات البحث  </span></div><div style="text-align: center;"><span style="color: #444444;"><b>ملحوظة أخيرة قد تستغرق محركات البحث بعض الوقت لإستقبال المعلومات الجديدة ربما أيام أو أسابيع بحسب عدد الزوار لديك وترددهم على المواضيع </b></span></div><div style="text-align: center;"><span style="color: #444444;"><b>فلا تضع الكود وتذهب للتجربة ثم لا تجد تغيير فتظن أن الكود لم يفعل شئ </b></span></div><div style="text-align: center;"><span style="color: #444444;"><b>ومع الوقت ستلاحظ التغير وستجد مستوى مدونتك تحسن لكن أكررها الأهم المحتوى الذي تقدمه هذه كلها إضافات للتعريف لكن لو فعلت كل هذا ومحتوى مدونتك ضعيف فلن يتغير شئ</b></span></div><div style="text-align: center;"><span style="color: #444444;"><b>تحياتي وبالتوفيق بإذن الله</b></span></div><div style="text-align: center;"><br /></div></div>

أكواد Meta Tag لتحسين السيو

تكلمنا سابقا في هذا الموضوع عن معنى السيو SEO واليوم سنتكلم عن أكواد ميتا تاج META TAG وهي كالأضواء الملونة التي تلفت نظر محركات البحث لم...

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

فهرس متعدد الألوان لمدونتك

mahmoud elbohy 0 *, إضافات بلوجر, blogger widget 8:19 ص

<div dir="rtl" style="text-align: right;" trbidi="on"><div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img border="0" src="http://3.bp.blogspot.com/-g1l02mkWl1U/URUfc3BkImI/AAAAAAAAAj4/4LzKun9lSlM/s1600/sitemap.jpg" /></div>إضافة فهرس المدونات إضافة شهيرة ولا تحتاج تعريف لكن دائما عند عرض إضافة مشهورة ومعروفة يجب ان يكون لدينا جديد وإلا لماذا نعرضها أساسا والجديد هو أن الفهرس منسق وبشكل جذاب وايضا يمكن تنسيقة باللون الذي يتناسب مع مدونتك وهو الأمر المفقود في غالبية الفهارس الموجوده وقبل التركيب شاهد هذه المعاينة الحية للإضافة <br /><br /></div><div style="text-align: center;"><a class="cnmubo" href="http://cnmu.blogspot.com/p/preview.html?url=http://test-cnmu.blogspot.com/p/sitemap.html" target="_blank">معاينــة </a></div><br /><h3 style="text-align: center;">طريقة تركيب الفهرس </h3><div style="text-align: center;">هذا الفهرس يمكن أن تضيفة الى مشاركة عادية أو الى صفحة ثابته وأفضل ان يتم إضافته الى صفحة ثابته</div><div style="text-align: center;"> والطريقة كالتالي أدخل الى الصفحات في مدونتك وأضف صفحة جديدة</div><br /><a name="more"></a><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://4.bp.blogspot.com/-vXFW-HkUqmo/URUfcius93I/AAAAAAAAAjw/Y1Cuk2GcE1I/s1600/sitemap+%25281%2529.jpg" /></div><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://2.bp.blogspot.com/-egG8Kl3Vn_k/URUfcqq7PPI/AAAAAAAAAj0/HIeKy_Xz2_g/s1600/sitemap+%25282%2529.jpg" /></div><br /><div style="text-align: center;">الكود</div><br /><blockquote class="tr_bq"><style type='text/css'><br />.gfg-root {<br />  width : 100%;<br />  height : auto;<br />  position : relative;<br />  overflow : hidden;<br />  text-align : right;<br />  font-family: tahoma;<br />  font-size: 12px;<br /><span style="color: blue;">  border: 1px solid #000;</span><br />}<br /><br />.gfg-subtitle {<br />  font-size: 19px;<br />  font-weight : bold;<br />  font-family:traditional arabic;<br /><span style="color: #38761d;">  color : #fff;</span><br /><span style="color: red;">  background-color: #000;</span><br />  line-height : 26px;<br />  overflow : hidden;<br />  white-space : nowrap;<br />  margin-bottom : 5px;<br />  padding-right:5px;<br />}<br /><br />.gfg-subtitle a {<br /><span style="color: #38761d;">  color : #fff;</span><br />}<br /><br />.gfg-entry {<br />  background-color : white;<br />  width : 100%;<br />  height : 6.9em;<br />  position : relative;<br />  overflow : hidden;<br />  text-align : right;  margin-top : 3px;<br />}<br /><br /><br />.gfg-listentry-odd {<br /><span style="color: magenta;">  background-color : #F0F1F2;</span><br />}<br /><br /></style><br /><script src="https://cnmu.googlecode.com/svn/trunk/sitemap.txt"><br /></script><br /><script src="<span style="color: purple;">http://cnmu.blogspot.com</span>/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"><br /></script></blockquote><div style="text-align: center;">شرح تنسيق الكود </div><div style="text-align: center;">أول شئ إستبدل رابط مدونتي برابط مدونتك <span style="color: purple;">http://cnmu.blogspot.com</span></div><div style="text-align: center;"><span style="color: blue;">  border: 1px solid <b>#000</b>; هذا لون الإطار الخارجي</span></div><div style="text-align: center;"><span style="color: red;">   background-color: <b>#000</b>; لون خلفية العنوان</span></div><div style="text-align: center;"><span style="color: #38761d;">  color : <b>#fff</b>; وهذا لون خط العنوان</span></div><div style="text-align: center;"><span style="color: magenta;">  background-color : <b>#F0F1F2</b>; لون خلفية روابط المواضيع</span></div><div style="text-align: center;">ويمكنك الحصول على أكواد الألوان <a href="http://cnmu.blogspot.com/p/copy-color-picker.html" target="_blank">من هنــا</a>  <span style="color: magenta;"><br /></span></div><span style="color: magenta;"><br /></span></div>

فهرس متعدد الألوان لمدونتك

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

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

متصفح فايرفوكس Firefox مع إضافات تهم المدونين

طريقة وضع كود أو نص داخل إطار تحديد الكل

المشاركات الشائعة بشكل مميز مصغرات فقط

جعل الصفحات الثابتة بعرض المدونة

سرع مدونتك بحذف الزيادات وإخفاء الأدوات

إنشاء صفحات لإعادة توجيه الروابط

إضافة المعلقين الأكثر تفاعلا مع مصغرات

قالب Android Phone لمدونات تقنيات الهواتف

ترقيم الصفحات بطريقة فعالة وحل جميع المشاكل

الخطة المثالية للتبادلات الإعلانية

إضافة مواضيع عشوائية مع مصغرات Random Post

أكواد Meta Tag لتحسين السيو

فهرس متعدد الألوان لمدونتك

اقسام الموقع

المشاركات

ألارشيف