Showing posts with label اضافات بلوجر. Show all posts
Showing posts with label اضافات بلوجر. Show all posts

Friday, 17 January 2014

كيفية إنشاء خريطة او فهرس لمدونتك البلوجر




 بسم الله الرحمن الرحيم

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

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


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

مثال مباشر لهذه الاداة  

 

 

 

 

 

 

 

 

 

 

 طريقة التركيب - كيفية إنشاء خريطة او فهرس  لمدونتك البلوجر

الخطوة 1. الدخول إلى لوحة معلومات Blogger  الخاص بك
الخطوة 2. اذهب إلى الصفحات> انقر فوق الزر صفحة جديدة
وحدد صفحة فارغة
كيفية إنشاء خريطة او فهرس  لمدونتك البلوجر
الخطوة 3. انقر فوق علامة التبويب HTML ولصق الكود التالي   داخل المربع الفارغ: 
_______________________________________________________________________________
<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script>
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link"><a href="http://www.ahmad-web.com/2014/01/add-sitemap-table-of-contents-to-blogger.html" style="font-size: 10px; text-decoration:none; color: #5146CD;">Get This Widget</a></div>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels"><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmtDzcPZ_ICVqhxYSlmJYiHGXOGp2sBQLyfUpOabaiZ5ElVOhirV1YF0U6u7Xs2AjzKMTpD4TrgDHXxy9jD59xTWfxgRyaAKo6hyphenhyphenNDfqUQ-rW9MZcAoTUYotO2XAMAugcyj_YDQJpRtWDF/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
//]]>
</s

cript>
<script src="http://www.ahmad-web.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script> 
____________________________________________________________________________

استبدل http://www.ahmad-web.com/ مع رابط مدونتك 

التخصيص:

- لتغيير اللون وحجم الخط استبدل  ما هو باللون الحمراء

- لتغيير لون الروابط، استبدال القيمة باللون الأخضر

 الخطوة 4. أخيرا، انقر على زر نشر وعرض الصفحة.





الكلمات الدلالية 

انشاء خريطة للبلوجر 2014
انشاء فهرس للبلوجر 2014

Friday, 3 January 2014

تغيير شكل التسميات الى شكل احترافي في بلوجر

السلام عليكم

لدينا اليوم موضوع مدهش لكم 

وهو تحويل التسميات الى شكل فلاش مدهش

نبدأ بالتركيب 

1/ نتوجه الى القالب ونبحث عن

 <b:section class='sidebar' id='sidebar' preferred='yes'> 

ثم نضع الكود التالي بعده

<b:widget id='Label5' locked='false' title='Libellés' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    &lt;object type="application/x-shockwave-flash" data="http://blogspot.leblogger.com/divers/tagcloud00.swf" width="300" height="200" allowscriptaccess="always" &gt;
        &lt;param name="movie" value="http://blogspot.leblogger.com/divers/tagcloud00.swf" /&gt;
        &lt;param name="bgcolor" value="#ffffff" /&gt;
        &lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=150&amp;tagcloud=&lt;tags&gt;
      <b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='10'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
        &lt;p&gt; Un &lt;a href='http://www.leblogger.com/2009/07/libelle-nuage-mots-cles-flash-blogger.html'&gt;Nuage en Flash&lt;/a&gt; par &lt;a href='http://www.leblogger.com/'&gt;Le Blogger&lt;/a&gt;&lt;/p&gt;
    &lt;/object&gt;
  </div>
  <b:include name='quickedit'/>
</b:includable>
</b:widget>

ونحفظ القالب 

ونتوه الى المعاينة الآن 


جميع الحقوق محفوظة لمدونة المبدع

للمزيد من الاضافات توجه الى

Wednesday, 1 January 2014

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


اليوم اقدم لكم اضافة المتابعة عبر المواقع الاجتماعية احترافية يمكنك اضافتها لمدونتك في ضرف ثواني فقط
htmlادا كل ماعليك فعله هو الدهاب  الى لوحة تحكم مدونتك بعد دالك الى تبويب قالب ثم تحرير
قم بالبحث عن


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

htmljavascriptبعد  دالك قم بالدهاب الى تخطيط و اضف الكود التالي في اداة
و مبروك عليك الاضافة

اضافة الترجمة الى مدونات بلوجر ممتازة

السلام لدينا اليوم اضافة جديدة ممتازة وهي الترجمة 

الى جميع اللغات 

للمعاينة 

طريقة التركيب

1/ نتوجه الى الادارة

2/ نتوجه الى التخطيط

3/ نضيف اداة جديدة html/javascript

4/ نضيف الكود التالي ونحفظ 

<div style="text-align:center;"><a href='http://www.leblogger.com' style='display:none;'>blogger</a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;" title="American"><img style="cursor:pointer; cursor:hand;" alt="English" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib8HzlWtQ_6y2bv_1NAdvzVjGfBoY_Ge1SlW_rCCNzD10x-67RYy4IpxcMezGcbjPebtB2Hit0uDXOY1FbkrMFXkouD__9fnUABu-HMsu9m3g5eI9wtMUnT1yTwTFv9lJKe3JC_z10lMdL/s1600/usa.png" title="Translate this page to American"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;" title="English"><img style="cursor:pointer; cursor:hand;" alt="English" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUOJRvMgtjgLzlDL3ErLqDkcNAaXLSpC47h_X0COC29fGtx-JvMgEy84wxtQD6fkNeHWTSPOajOe50sV9DdaxxeFGDUd_DOgyqpBvA5h4i_RJ_Vnbglbcqql02LgkunpbD1g-e1PalnqdN/s1600/england.png" title="Translate this page to English"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ces&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="español" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyXBW-Nk8D9QoOaxfTIik5R1BBucZLLhDvtciX8EjDiE1CAlLCdMLxYBqHtXdRMLjRTOOcg7PXcBOR8jMRzbLq0ZKBKy2_D68ZIta88RElqA66fAsu7PyQIBwnBJzCdJ21vtg0yV32UUxH/s1600/espagne.png" title="traducir esta página al español"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cit&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Italiano" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJFVJ90ChDMdky44xXPZ4rxcOi9KZDgubiQdkZV8FuR1OnF8kMeRjhr8EnNDs6UAjovHJm98lDrb3fUEilSux2kSjwDcie4j6OKyOriuXzCqQi-TZpGXbwb6QDaCfY94HX25jiHz269ysa/s1600/italie.png" title="Traduci questa pagina in Italiano"/></a><a href='http://www.leblogger.com' style='display:none;'>blogger</a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cde&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="deutsch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheu9MwgxVMtEy61yvvZQ1I8QBW7u1Tb9OVJ7kvskH7WtpImIJDKrUkeAt2Xg7sBXpcdI05NwPdzVvioNNDWkusjTagtr8qTkqB25Qpx0VPysgUOfAQvJ_OgAnRzECrrwMa2LKIWr-8YY3Q/s1600/allemagne.png" title="diese Seite auf deutsch"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cpt&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Português" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhne01S5leAzYOrFIW66RWCWzkLsxwpAD3Hm7bwJfgji74FhFjk19JJxFwuy-tVJibHu1oMukEZ_9Ve3Nq_Aq0bKf1ZQHtuTlVNuPHsibCGKhYZ9N4CEaWM4o74NEjAVtEK2jepvMXqOPFU/s1600/portugal.png" title="Traduzir esta página em Português"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cda&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="
Oversæt denne side til dansk" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVojMntJN6gcZyTC_u_2P7W6F_FX3jRKuPVsbf-XBJD3bExSBabt4RdEPJeXnLu21Kk5tL6U-FgJqjs6CJuQR6dKse5mWCj6D3Kyc7HokHHWEAHBs7idYaiSYWGYkyDoyrY2I4gsy9UgG5/s1600/danemark.png" title="Dansk"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Csv&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Översätt webbplatsen på svenska" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyQlOVgf8wUq7A19GV95qxrDKhjY1O-XpaOxwxjyuu5A_q33MS0NBBLaXY4K_jHF8IJit6RH0XtJ02o7dJFRKCD1r75mb8i3xxLOQ0hE2enbAqcmN23kssru0CYrNj0ZHn4np4KjQV9jox/s1600/suede.png" title="Översätt webbplatsen på svenska"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Car&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="العربية" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidnHWbxGy7dKUEse2zirHqlIAa_YrFUJGuggtqar6If3y86h4FDcUjnD0fmua_rvMIgxVEIcwLgQAV19UutxT_zve50pmT5-zuQDj-k_r3cqtZiE4MEH8y3mWo6RqTati029dZDo8J70To/s1600/arabie.png" title="ترجمة هذه الصفحة إلى العربية"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Czh-CN&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="中文" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcOPld-P_4sKkQEJRmde8mTYSFD_NsP-pMkeKxvy_2jJrFeZK6E_3jC-HJuQ8Vlhk8ZR5HEQOucMBcwwyV_GpTsaUDUGuoad3E3gNGrldm-nQV8HAkc19CqY5DFYU7MMeZ6zqEnRRVmGh9/s1600/chine.png" title="翻译此页成中文"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cru&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Русский" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuTGrOUoJrEvlQazj82vAIuNnQ2UwrZm9BHOdof9cNz-nAE6mwBJ2oGrvTfpmb9_efLJW48ZgfdLRVWIf20KzCnLA8157-DkWRc0WsYEwGj2VJF5GPMw6szt5q_W7xqaDmGS8UvfgFO9WD/s1600/russie.png" title="Перевести эту страницу на русский"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cja&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="日本語" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk-98-SzmrIPpHhIDwhTEORbEN1THSUnuP-6GPWuV6KZMRVcaNMZzVlz6YUgdRr4LzHHXcJ8XIdItqsLDLidh1GunguFHE5gk3KIenMSiO73cjCl3fp0zU0Hrg1E51Y5PEJTfRKEiZzcEZ/s1600/japon.png" title="このページを日本語に翻訳"/></a><a href='http://www.leblogger.com' style='display:none;'>blogger</a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cko&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="한국어" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq2V9DDGgkvAj6tI6hLlnpa7C-twKR7M2hmIFTj_JEVvByC6A1rUDzI5e2ekTq9AOxDHPXff32ls9rAh3JJCeeBwzuRR3f9ecImPJWFECEJkg4EspbZIO2z5nk_y2owO7NE7rKyy6iRLhD/s1600/core.png" title="이 페이지 번역가 한국"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Csr&hl=fr&ie=UTF8'); return false;" title="English"><img style="cursor:pointer; cursor:hand;" alt="Српски" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiKMRzDanlvMdSKPcKWUyEDz3iBkEWO96Y-7ZtkMxwCHHbLbcB-MF2iDwODHrIUEwgyGFwm-iAvFS2Bd89URrPY-i9wF5hFF13DCjLhYsj5gmBtnxxr70QS1T6Ta2uENu6i5t3niBPJgsf/s1600/serbie.png" title="
Транслате тхис паге ин Сербиан"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cnl&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Nederlands" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS_MPirF62aNqckMdEhlXjyZe094QXU2gcOtDPE8B2hYO6DUNU3cTQcH4OC63_699IXmZ-qa2Dc3yj0XRlahU7WtWQLtPdFo0AKdEsRplPd23Wy72c6ahYNHRxDxvHjhPm0diPOJLekMAK/s1600/paysbas.png" title="Vertaal deze pagina in het Nederlands"/><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cfi&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Suomen" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHKtWDuYPUAxOMP1auOxV-gTtsRwN-4RS0ufvghMac4ouNteikUmqzb50AG9I9QcU_wFRW1UV6p0M-FNiCo8ti0WImeBClqgmqSyC1MT1t3RTQavOXYtDBZzD6jVFdqaz2s8PWP3AgaPWA/s1600/finland.png" title="Käännä tämä sivu osaksi Suomen"/></a></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ctr&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Türkçe" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkwfHc64QSt8L_bvbDPAW1Zy29ae98a_T2DoJSk4JT_j7UpsiY8zqWVvflwm_-7qHSQ5Nk3RLcjgOv1PmWV9O6ENsdXeAJUNLv2fuMLJQRE_aPgFyzQ6cqe14VQOjFAeX-wCyIIqWkTXSU/s1600/turkey.png" title="Çevirisini Bu sayfa türk"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cpl&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Polska" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXu204xq_x1Nq2v9U5HMKCphi1ujOGlZFqESKB72ZccEyVaPmZyKdrdCydplrxRsjc4zsrl98y_bK54hT7Q6C3o8jrihRNK7zTop3Lx5LLoby9mYOYgbxPT52161saLEnTG3W1Bx1hnS2L/s1600/poland.png" title="Przet&#322;umacz t&#281; stron&#281; na j&#281;zyk Polski"/></a><div style="font-size: x-small; text-align: center;"><a target="_blank">بدعم من </a><a href="http://www.the-creativ.blogspot.com" target="_blank">مدونة المبدع</a></div></div>

جميع الحقوق محفوظة لمدونة المبدع

للمزيد من الاضافات توجه ال 


Saturday, 21 December 2013

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

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

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



انها أداة جميلة تحتوي على زر النشر في الفيسبوك و التويتر و جوجل بلس
لاضافة الأداة
HTML  من  لوحة التحكم ادهب الى  قالب ثم  تحرير 
 خذ نسخه احتياطيه لـقالب المدونه قبل إجراء أية تغييرات 
 قم بالبحث عن الكود التالي

والصق الكود التالي بعده قبله تماما

ثم قم بابحث عن الكود التالي
اذا لم تجد الكود السابق فقم بالبحث عن الكود التالي

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


و مبروك عليك الاضافة

Thursday, 19 December 2013

إضافة زر المعاينة أو التحميل لمدونتك بشكل إحترافى

السلام عليكم ورحمة الله وبركاتة 
العديد يبحث عن طريقة للإضافة زر التحميل أو المعاينة سأشرح لكم طريقة تركيب زر إحترافى وجزاب يمكنكم إستخدامه للمعاينة أو التحميل وشرح تركيبة وإستخدام الزر سهل للغاية غير أنه مطلوب جداً لانه يظهر مدونتك أكثر جازبية والآن مع شرح تركيب الزر وإستخدامه .
لوحة تحكم بلوجر الرئيسية > قالب > تحرير > إبحث عن هذا الكود ]]></b:skin> وضع فوقة مباشرة الكود التالى
.wg-demobt a {margin-top:0px;margin-right: 10px;-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;box-shadow:inset 0px 1px 0px 0px #ffffff;/*-www.widgetgenerators.blogspot.com-*/background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9780e), color-stop(1, #f9ead4) );background:-moz-linear-gradient( center top, #f9780e 5%, #f9ead4 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9780e', endColorstr='#f9ead4');/*-www.widgetgenerators.blogspot.com-*/background-color:#f9780e;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #f9780e;display:inline-block;color:#000000;font-family:arial;font-size:15px;font-weight:bold;padding:6px 24px;text-decoration:none;text-shadow:1px 1px 0px #ffffff;}.wg-demobt a:hover{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9ead4), color-stop(1, #f9780e) );background:-moz-linear-gradient( center top, #f9ead4 5%, #f9780e 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9ead4', endColorstr='#f9780e');background-color:#f9ead4;}.wg-demobt a:active {position:relative;top:1px;}
الآن قم بحفظ القالب وإذهب لعمل تدوينة جديدة وطبق الآتى 
وإستخدم الرابط الآتى إضغط على محرر HTML
<div class="wg-demobt"> <a href="الرابط">معاينة</a> </div>
وعدل على الرابط بما يناسبك

Thursday, 12 December 2013

اضف كود الجزيرة الرياضية 8+ مجانا لمدونة

السلام عليكم

لدنا شرح حصري اليوم 

 

وهو كيفية اضافة قناة الجزيرة الرياضية +8 مجانا 

وهذه الطريقة هي عبارة عن كود يوضع في صفحة فارغة في مدونتك بلوجر

الخطوات

1/ توجه الى ادارة المدونة

2/ توجه الى صفحات 

3/ انشاء صفحة جديدة / فارغة

4/ نغير الوضع من تأليف الى HTML 

نضيف الكود التالي ونحفظ

<div dir="rtl" style="text-align: right;" trbidi="on">
<h4 style="text-align: center;">
قنوات الجزيرة الرياضية المباشرة على مدونة المبدع&nbsp;</h4>
<h4 style="text-align: center;">

</h4>
<div id="logo">
<a href="http://the-creativ.blogspot.com/" rel="home" title="مدونة المبدع"><img alt="مدونة المبدع" src="http://www14.0zz0.com/2013/12/09/17/500451198.gif" /></a>
</div>
<h4 style="text-align: center;">
&nbsp;</h4>
<h3 style="text-align: center;">
هذه الصفحة بدعم العضو الدائم<span style="color: #660000;"> <a href="https://www.facebook.com/prince.habib.gfx?ref=tn_tnmn">HABIB CONSTANTINE GFX</a></span></h3>
<br />
<br />
<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">مشاهدة قناة الجزيرة الرياضية +8 بث مباشر بدون تقطيع aljazeera sport 8 live
الجزيرة الرياضية 8 بث مباشر بدون تقطيع جودة عالية الجزيرة الرياضية بلاس 8 اون لاين لايف ستريم الجزيرة الرياضية بث حى على الهواء</span></b></div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="76" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgevViXlHO-v9ezmBno_qkFvUerocmplmp7nFIFbBB7AeWGMLa_EN4ChPwsFAq_vo2PCDLxCbvCTaiFqSsHNbRmo8vaqRPEPmfeFhh-pVKZlkc1c9MENPG7PBjGtYwHSwRDHW8vdoGLZTQ/s320/al-jazeera-sport8.png" width="320" /></div>
<br /></div>
<div style="text-align: center;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><iframe class="" frameborder="0" height="500" id="blockrandom" name="iframe" scrolling="no" src="http://samakora.blogspot.com/2013/08/document_5802.html" width="650"></iframe>
</span></b></div>
<div style="text-align: center;">
<br /></div>
</div>
</div>

نتوجه الى الصفحة التي اضفناها 

وتكون النتيجة مبشرة


جميع الحقوق محفوظة لمدونة المبدع

Sunday, 8 December 2013

الاكواد التي يحتاجها صاحب كل مدونة 1 أكواد النصوص


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




أولاً :أكواد النصوص  

كود تحديد اتجاه النص  


<p dir="rtl" align="right">اكتب هنا النص الذي سيظهر من اليمين إلى اليسار</p>

كود التحكم فى حجم الخط ولونه ونوعه

<CENTER><FONT COLOR="#كود اللون المرغوب" FACE="اسم الخط المرغوب" SIZE="4">اكتب هنا ما تريد</FONT></CENTER>

أكواد الألوان موجودة هـــــــــنـــــا 

كود نص يتحرك لأعلى


<marquee behavior="scroll" direction="up" height="140" scrollamount="1" scrolldelay="60" onMouseOver="this.stop()" onMouseOut="this.start()"><center><br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 1
<br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 2
<br>مدونة  شكري للمعلوميات 3

<br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 4
<br>......</center>

</marquee>




كود نص يتمدد وينكمش


<table align="center" width="98%"><tr><td>
<HTML>
<HEAD>
e="JavaScript">
var sizes = ne

<script langua
gw Array("0px", "1px", "2px", "3px", "4px");
cument.all.ela

sizes.pos = 0;
function elast() {
var el = d
ostic;
if (null == el.direction)
   el.direction = 1;
.pos))
   el.direction *= -1;
   el.style.letterSpacing = si

else if ((sizes.pos > sizes.length - 4) || (0 == size
szes[sizes.pos += el.direction];
}
setInterval('elast()', 100)
</script>
</HEAD>
<BODY>
</HTML></td></tr></table>

<h1 align="center" id="elastic"><font size="3">مدونة  شكري للمعلوميات</font></hi>

</BODY>


كود نص متأرجح يميناً ويسارا

<marquee scrolldelay="60" scrollamount="3" width="400" direction="left" behavior="alternate" bgcolor="#FF0000">مدونة  شكري للمعلوميات</marquee>

كود إظهار نصوص بها روابط بالتناوب


<div style="position:relative;center:0px;top:0px">

<span id="highlighter" style="position:absolute;left:0;top:0;font-size:18px;font-family:Verdana;background-color:yellow;clip:rect(0px 0px auto 0px)"></span>

</div>
<script type="text/javascript">
var tickercontents=new Array()
r.blogspot.com/">text</a>'
tickercontents[1]='اكتب هنا نص عادي رقم 1 دون روابط <a href="الرابط ا

tickercontents[0]='مدونة كن داعيا للخير <a href="http://conda3ianllkh
iلذي سيوضع فوق النص التالي">text</a>'
tickercontents[2]='اكتب هنا نص عادي رقم 2 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>'
s
var highlightspeed=10 //10 pixels at a time.

////Do not edit pass this line////////////////

var curre

tickercontents[3]='اكتب هنا نص عادي رقم 0 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>'
var tickdelay=3000 //delay btw messag
entmessage=0
var clipwidth=0

function changetickercontent(){
crosstick.style.clip="rect(0px 0px auto 0px)"
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}

function highlightmsg(){
var msgwidth=crosstick.offsetWidth
1) currentmessage=0
else

if (clipwidth<msgwidth){
clipwidth+=highlightspeed
crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)"
beginclip=setTimeout("highlightmsg()",20)
}
else{
clipwidth=0
clearTimeout(beginclip)
if (currentmessage==tickercontents.length
- currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
}

function start_ticking(){
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla

crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeou
t's sake
changetickercontent()
}

if (document.all || document.getElementById)
window.onload=start_ticking


</script>


كود نص متحرك


<div align="center">

<table border="0" width="100%" style="border-collapse: collapse">

<tr><td class="alt1" colspan="3"><b>
ee direction="right" width="10

<font size="4" color="000000">
<marq
u0%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5">مدونة  شكري للمعلوميات </marquee></font></b></td>

</tr></table></div>


كود نص يضئ بالتدريج


<h2>

<script language="JavaScript1.2">

message="مدونة  شكري للمعلوميات"

va


va
rr neonbasecolor="gray"
w"
var flashspeed=100  //i

var neontextcolor="yell
on milliseconds

t below this line/////

var n=0
if (doc

///No need to ed
iument.all||document.getElementById){
ecolor+'">')
for (m=0;m<message.length;m++)
docume

document.write('<font color="'+neonba
snt.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
rossref(number){
var cros

document.write('</font>')
}
else
document.write(message)

function 
csobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)

return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
asecolor
crossref(m).style.col

for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neon
bor=neonbasecolor
}

//cycle through and change individual letters to neon color
rInterval(flashing)
setTimeout("begin

crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
cle
aneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)

flashing=setInterval("neon()",flashspeed)
}
beginneon()


</script>
</h2>

</font></p>


كود نص يضئ بألوان مختلفة

<b>

<font size="5">

<script>

*** عدل هنا

var text

// ******
*="مدونة شكري للمعلوميات" 
الالوان

// ********** لا تعدل شي

var speed=80 // سرعه تغير
  هنا


if (document.all||document.getElementById){
pan>')
var storetext=document.getElementById? document.get

document.write('<span id="highlight">' + text + '</
sElementById("highlight") : document.all.highlight
}
else
document.write(text)
F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+he

var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC",
"x[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
ment.

seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (doc
uall||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
</font></b>

</font></p>