أكتب إسم موقع أو شركة ..
‏إظهار الرسائل ذات التسميات اضافات بلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات اضافات بلوجر. إظهار كافة الرسائل

السبت، 8 يوليو 2017

أكواد إضافة اداة الزوار المدونة بثلاث أنواع

السلام عليكم ورحمة الله تعالى وبركاته

إن كل صاحب مدونة أو موقع أو منتدى يحب ويريد أن يرى ويعرف كم عدد الزوار الذين زارو الموقع، ومن أي بلد و ماهي المواد التي يتصفحونها أكثر على الموقع
 

اليوم أتيتكم ببعض أدوات معرفة الزوارمن موقع 24counter.com ، وهي:  1عبارة عن خريطة ،  2 تعلمك كم عدد الزوار في اليوم والشهر والعام، 3 عبارة عن إحصائيات بعلم البلدان.
ما عليك سوى إختيار الأداة ونسخ الكود ثم الذهاب إلى التخطيط > إضافة أداة > HTML/JavaScript ، ثم ألصق الكود وأعطي الأداة عنوانا

إليكم الأدوات والأكواد  :
  1.   خريطة : 

    كود (HTML) :
      <a title="free world map tracker" href="http://24counter.com/vmap/1458988348/">
    <img title="free world map counter" src="http://24counter.com/map/view.php?type=180&id=1458988348" border="1" alt="world map hits counter" /></a><br>
    <a href="http://24counter.com">map counter</a>
         
  2.  عدد الزوار في اليوم والشهر والعام 

    كود (HTML):
    <a target="_blank" href="http://24counter.com/cc_stats/1458988348/"><img alt="web counter" border="0" src="http://24counter.com/online/ccc.php?id=1458988348"></a><br>
    <a href="http://24counter.com">web counter</a>
        
  3.  إحصائيات بعلم البلدان
    كود (HTML):
    <a target="_blank" href="http://24counter.com/conline/1458988348/"><img alt="visitors by country counter" border="0" src="http://24counter.com/online/fcc.php?id=1458988348"></a><br><a target="_blank" href="http://24counter.com">flag counter</a>
        
    24counter.com
تابع القراءة

الثلاثاء، 6 يونيو 2017

إضافة خاصية روابط التدوينة قابلة للنسخ واللصق أسفل التدوينات


السلام عليكم ورحمة الله تعالى وبركاته
موضوعنا اليوم حول كيفية إضافة خاصية " روابط هذا الموضوع قابلة للنسخ واللصق " ، بحيث ستظهر تحت كل موضوع تكتبه ، وبها روابط الموضوع على ثلاث أنواع :
- الرابط الأصلي للموضوع
- HTML
 - BBCode

تابع طريقة إضافة الخاصية :
  1. من لوحة تحكم مدونتك انقر على قالب ، قم بتحميل نسخة إحتياطية لقالبك 
  2. انقر على تحرير HTML وباستعمال Ctrl +F ، إبحث عن الوسم التالي ]]></b:skin> 
  3. الآن ضع الكود التالي فوقه مباشرة :
     #table {
        font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
        font-size: 13px;
        margin: 10px -12px;
        width: 580px;
        text-align: left;
        border-collapse: collapse;
       direction:ltr;
    }
    #table th {
        font-size: 13px;
        font-weight: normal;
        padding: 8px;
      
     background: #b9c9fe 
    url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOTyv4HhGTvXxmkdN4K7wV1fcMd8FTjyC5Oci99mmXgSUM9RsF8onQ7d5zNxa_QiFN96bhqrO5ruoc_TVJWwaZrDCnxDetkwlqPfbnOZiYASg5Yy581NtLJ4rXMXsWGDApBn7fpoHWxZCU/s1600/gradhead.png')
     repeat-x;
        border-top: 2px solid #d3ddff;
        border-bottom: 1px solid #fff;
        color: #039;

    }
    #table td {
        padding: 8px;
        border-bottom: 1px solid #fff;
        color: #4c4c4c;
        border-top: 1px solid #fff;
      
     background: #e8edff 
    url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0K1N7Y2O4G1eyFl7Jgx0NmznfM2T9pT-4fA2SC5NsuwJZc9_1BuTd7WZl2yJpKSHTjUqjCsi4psFH1aOJGOyfQI33HOLVoQbEcVBX5lkNBuTTlZ1wmaRWYJfUgqSZEpT8HEOmyBJ0kwqk/s1600/gradback.png')
     repeat-x;
    }
    #table tfoot tr td {
        background: #e8edff;
        font-size: 20px;
        color: #99c;
        text-align:center;
    }
    #table tbody tr:hover td {
      
     background: #d0dafd 
    url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjefRuMyPG3jFaG6pOQ2nnTg7LcW5TI26o5vFEgJsYYzIw3vYeWRUILByHtCjwaSjElPIh4qvPQ94jdq7A8omesm8fTef8mFGL9MzN-m3bgOv35fuiOd4MgJX543NEimS0o1DqS5rVg6XBN/s1600/gradhover.png')
     repeat-x;
        color: #339;
    }
    #table a:hover {
        text-decoration:underline;
    }
  4. إبحث عن <data:post.body/> ، ربما تجد ثلاث أكواد ، فنحن نريد الأخير ،
  5. ضع الكود الموالي فوقه تماما: 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table id='table' summary='روابط الموضوع'>
  <tfoot>
    <tr>
      <td colspan='2'>روابط التدوينة قابلة للنسخ واللصق</td>
    </tr>
  </tfoot>
<tr>
  <td>URL</td>

 <td><input expr:value='data:post.canonicalUrl' 
onclick='this.focus(); this.select();' readonly='readonly' style='width:
 560px;' type='text'/></td>
</tr><tr>
  <td>HTML</td>   
<td><input
 expr:value='&quot;&lt;a href=&amp;quot;&quot; + 
data:post.canonicalUrl + &quot;&amp;quot; 
title=&amp;quot;&quot; + data:post.title + 
&quot;&amp;quot;&gt;&quot; + data:post.title + 
&quot;&lt;/a&gt;&quot;' onclick='this.focus(); 
this.select();' readonly='readonly' style='width: 560px;' 
type='text'/></td>
</tr><tr>
  <td>BBCode</td>

 <td><input expr:value='&quot;[url=&quot; + 
data:post.canonicalUrl + &quot;]&quot; + data:post.title + 
&quot;[/url]&quot;' onclick='this.focus(); this.select();' 
readonly='readonly' style='width: 560px;' type='text'/></td>
</tr>
</table> </b:if>

قم بحفظ

ملاحظات :
- يمكنك التحكم في العرض الذي هو width : 580px
- حجم الخط font size:13px
- تجدهما في الكود الثاني
- يمكنك تغيير ما لون بالأحمر بما يناسبك 

إذا أعجبكم الموضوع من فضلكم شاركوه مع أصدقائكم على المواقع الإجتماعية ، وشكرا 


 لا نسمح بنسخ مواضيعنا بدون ذكر المصدر ، وذكر المصدر يكون عبارة على وضع رابط الموضوع قابل للضغط

تابع القراءة

الأربعاء، 24 مايو 2017

كيفية تغيير أيقونة مدونتك



في هذا الدرس الجديد من دورة البلوجر سوف أقربك من طريقة تغيير أيقونة مدونتك التي تظهر إلى جانب عنوانها في المتصفح ، وهي صورة صغيرة تضهر للزائر أعلى الصفحة مربعة بمقياس 20x20


الشرح


1- اختار الصورة المراد تنزلها على المدونة
2- تحويلة الى ايقونة 
3- ارفعها على موقع رفع صور
4- ضع داخل تحرير HTML
شرح الخطوات بتفصيل اتبع الاتي:

الخطوة الاولي


1- اختار الصورة 
2- ادخل على هذا الموقع لتحويل الصورة الى ايقونة صالحه للعمل فى المدونة
الموقع من هنا
بعد الدخول الى الموقع اتبع الاتي:-
3- اضغط على كلمة اختار ملف واختار مكان الصورة
4- اضغط على add another image
5- انتظر قليلا حتي يتم تحويل الصيغة
6- اضغط على download
ثم فك الضغط الملف بعد تحميله ونختار الصورة اللى مكتوب اسمها favicon
كما بالصور



الخطوة التانية


1- اذهب الى موقع رفع الصور
2- ارفع الصورة على الموقع واعمل نسخ للرابط الصورة فى ملف text على سطح المكتب لاستعماله لاحقاً
3- موقع رفع الصور من هنا




الخطوة الثالثة


1- انسخ الكود التالى
2- ادخل الى قالب وتحرير HTML
3- ابحث على الوسم  </head>  واضيف الكود فوق الوسم 
4- غير الرابط الاحمر برابط الصورة


<link href="هنا ضع رابط الصورة " rel="shortcut icon" type="image/vnd.microsoft.icon"></link>

تابع القراءة

الاثنين، 22 مايو 2017

طريقة تعطيل AD-BLOCK لزيادة الربح من أدسنس



 درس اليوم مهم للغاية لمن يعاني من عدم ظهور إعلانات مدونته لدى الزوار الذين يستخدمون أداة "AdBlock" مما ينتج عنه قلة الأرباح، و سنتعرف على طريقة فعالة لإيقاف تشغيل هذه الأداةالخاصة بمنع الإعلانات من الظهور في المواقع و المدونات. 


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

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

لنشرع الآن في تركيب هذه الإضافة على مدونة البلوجر 

I* الطريقة الأولى : عرض نافذة تطلب من الزائر توقيف adblock فقط

عندما يقوم أحد الزوار (من اللذين يستخدمون adblock لحجب الإعلانات طبعا) بالدخول لموقعك أو مدونتك  سنتبثق له نافدة تخبره أنه لن يمكنه ولوج الموقع حتى يضغط على "ok" وتطلب منه تعطيل أداة منع الإعلانات.

1- أدخل إلى لوحة التحكم الخاصة بمدونتك على البلوجر، ثم اضغط على قالب كما هو مبين فى الصورة التالية :
2- ثم أنقر على "تحرير Html" كما في الصورة التالية :

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

3- بعد ذلك اضغط على Ctrl + F للبحث عن هذا السطر التالي : 
]]></b:skin>


4- ثم ألصق الكود التالي فوقه مباشرة : 
#afkarpro_noadblocker { display:none; }

5- الآن اضغط على Ctrl + F للبحث عن هذا السطر التالي :
</head>

6- و قم بلصق الكود التالي فوقه :
<script type="text/javascript"> 
if (document.getElementById("swp_noadblocker") != undefined)    { 
    }    else    {
        alert("عزيزي الزائر انت تستخدم اضافة منع الاعلانات adblocking  حرصا منا على الحفاظ على العملاء والمعلنين تم حظرها بالتالي اظغط على ok من اجل الولوج الى الموقع ,شكرا على تفهمكم !\r\n\r\nاضغط على OK للولوج للموقع\r\n\r\nPowered by afkarpro.blogspot.com...");
        setTimeout("nag()",12000);
    }
</script>

7- الآن اضغط على Ctrl + F للبحث عن هذا السطر التالي : 
</body>
8- و قم بلصق الكود التالي فوقه :
<script src="http://yourjavascript.com/52313854424/advertisement.js"></script>


9- بعد ذلك قم بحفظ القالب.

النتيجة مبينة في الصورة أسفله : 


II* الطريقة الثانية : إجبار الزائر بتوقيف adblock

عندما يقوم أحد الزوار (من اللذين يستخدمون adblock لحجب الإعلانات طبعا) بالدخول لموقعك أو مدونتك  ستظهر له رسالة تخبره بضرورة تعطيل أداة منع الإعلانات إن هو أراد الولوج للموقع.. 

1- أدخل إلى لوحة التحكم الخاصة بمدونتك على البلوجر، 
    ثم اضغط على تخطيط 
    و أضف HTML/JavaScript.

2- قم بنسخ و لصق الكود التالي داخل الأداة :
<style>#gf81{position:fixed !important;position:absolute;top:0px;top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");left:0px;width:102%;height:102%;background-color:#fff;opacity:.95;filter:alpha(opacity=95);display:block;padding:20% 0}#gf81 *{text-align:center;margin:0 auto;display:block;filter:none;font:bold 14px Verdana,Arial,sans-serif;text-decoration:none}#gf81 ~ *{display:none}</style>
<div id="gf81"><div>المرجو تعطيل مانع الإعلانات من فضلك<br />Please Disable your Ad Blocker<br />Veuillez Désactiver votre bloqueur de publicité<br />Por favor, Desactive el bloqueador de anuncios <br /><br /><a href="http://bit.ly/1Q4VDuC">[ ? ]</a></div></div>
<script>window.document.getElementById("gf81").parentNode.removeChild(window.document.getElementById("gf81"));(function(l,m){function n(a){a&&gf81.nextFunction()}var h=l.document,p=["i","s","u"];n.prototype={rand:function(a){return Math.floor(Math.random()*a)},getElementBy:function(a,b){return a?h.getElementById(a):h.getElementsByTagName(b)},getStyle:function(a){var b=h.defaultView;return b&&b.getComputedStyle?b.getComputedStyle(a,null):a.currentStyle},deferExecution:function(a){setTimeout(a,2E3)},insert:function(a,b){var e=h.createElement("div"),d=h.body,c=d.childNodes.length,g=d.style,f=0,k=0;if("gf81"==b){e.setAttribute("id",b);g.margin=g.padding=0;g.height="100%";for(c=this.rand(c);f<c;f++)1==d.childNodes[f].nodeType&&(k=Math.max(k,parseFloat(this.getStyle(d.childNodes[f]).zIndex)||0));k&&(e.style.zIndex=k+1);c++}e.innerHTML=a;d.insertBefore(e,d.childNodes[c-1])},displayMessage:function(a){var b=this;a="abisuq".charAt(b.rand(5));b.insert("<"+a+'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOCuzt1JY5KD7Exaf1CWyxs4t-WPYO0pCHrVRpPotNiWmEPedKymqo_v2bZip7Hw00izRrTNnp3eOUlLBKHEHhy2eMcfSK3xygU2IGjeH-F7ee_FQGERZuGVZeFrIId5xzpkQ7wmpSY9R9/s1600/Anti-Ad-Blocker--afkarpro.blogspot.com.png" height="150" width="432" alt="" /> <br/> <a href="http://bit.ly/1Q4VDuC">[ ... ؟ ]</a>'+("</"+a+">"),"gf81");h.addEventListener&&b.deferExecution(function(){b.getElementBy("gf81").addEventListener("DOMNodeRemoved",function(){b.displayMessage()},!1)})},i:function(){for(var a="ad_anchor,ad_island,adv-x39,main_ads,my-adsFPT,pauseAd,pulse360_1,ad,ads,adsense".split(","),b=a.length,e="",d=this,c=0,g="abisuq".charAt(d.rand(5));c<b;c++)d.getElementBy(a[c])||(e+="<"+g+' id="'+a[c]+'"></'+g+">");d.insert(e);d.deferExecution(function(){for(c=0;c<b;c++)if(null==d.getElementBy(a[c]).offsetParent||"none"==d.getStyle(d.getElementBy(a[c])).display)return d.displayMessage("#"+a[c]+"("+c+")");d.nextFunction()})},s:function(){var a={'pagead2.googlesyndic':'google_ad_client','js.adscale.de/getads':'adscale_slot_id','get.mirando.de/miran':'adPlaceId'},b=this,e=b.getElementBy(0,"script"),d=e.length-1,c,g,f,k;h.write=null;for(h.writeln=null;0<=d;--d)if(c=e[d].src.substr(7,20),a[c]!==m){f=h.createElement("script");f.type="text/javascript";f.src=e[d].src;g=a[c];l[g]=m;f.onload=f.onreadystatechange=function(){k=this;l[g]!==m||k.readyState&&"loaded"!==k.readyState&&"complete"!==k.readyState||(l[g]=f.onload=f.onreadystatechange=null,e[0].parentNode.removeChild(f))};e[0].parentNode.insertBefore(f,e[0]);b.deferExecution(function(){if(l[g]===m)return b.displayMessage(f.src);b.nextFunction()});return}b.nextFunction()},u:function(){var a="-ad-button-,/_img/ad_,/adboxes/ad,/aff_banners/ad,/dfp/dc.js,/finads.,/partnerads_,/125x400/ad,/950_250.,_480_80_".split(","),b=this,e=b.getElementBy(0,"img"),d,c;e[0]!==m&&e[0].src!==m&&(d=new Image,d.onload=function(){c=this;c.onload=null;c.onerror=function(){p=null;b.displayMessage(c.src)};c.src=e[0].src+"#"+a.join("")},d.src=e[0].src);b.deferExecution(function(){b.nextFunction()})},nextFunction:function(){var a=p[0];a!==m&&(p.shift(),this[a]())}};l.gf81=gf81=new n;h.addEventListener?l.addEventListener("load",n,!1):l.attachEvent("onload",n)})(window);</script>


3- ثم قم بحفظ الأداة.

النتيجة مبينة في الصورة أسفله :  

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

الخميس، 18 مايو 2017

كيفية إرسال ملف سيث مآب Sitemap وبملفين مختلفين



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

الملف الأول:

  1. أولا أدخل إلى موقع خدمات مشرفي المواقع  ثم على اليمين انقر على فهرس Google ثم في الأسفل انقر على  ملفات Sitemap  
  2. الآن في الأعلى على اليسار انقر على المستطيل الأحمر المكتوب عليه إضافة/إختبار ملف SITEMAP، كما في الصورة أسفله
  3. أدخل إلى الموقع التالي ctrlq.org/blogger/
  4. أدخل رابط مدونتك وانقر Generate Sitemap في الأسفل
  5. فتخرج لك هذه الصفحة وإنسخ ما عمم باللون الأزرق 
  6. إرجع إلى موقع خدمات مشرفي المواقع وألصق ما نسخته في الخانة الفارغة تحت المستطيل الأحمر ثم انقر إرسال،  انظر إلى الصورة ، ثم انقر على تحديثالصفحة 
  7. خلاص ، الآن إنتهينا ونجحت العملية و كما ترى لقد تم الإرسال وهي الآن على قيد الإنتظار :)

الملف الثاني:

 كما في المرة الأولى ، انقر على ملف Sitemap ثم إضافة/إختبار ملف SITEMAP ، ثم ضع sitemap.xml في الخانة الفارغة وانقر إرسال
ثم قم بتحديث الصفحة  

وانتهى

هذه بعض ملفات سيث ماب Sitemap لمن أراد إستعالهما:


atom.xml?redirect=false&start-index=1&max-results=500
sitemap.xml
feeds/posts/default
 atom.xml

أتمنى أنكم استفدتم ، من فضلكم شاركوا الموضوع !

  لا نسمح بنسخ مواضيعنا بدون ذكر المصدر، وذكر المصدر يكون عبارة على وضع رابط الموضوع قابل للضغط

تابع القراءة
جميع الحقوق محفوظة لــ: Ibda3-Blogger 2022-2013 ©