الخميس، 15 أغسطس 2013

شرح كيفية التسجيل في موقع Yllix المنافس ل أدسنس بالصور

أتيتكم اليوم بشرح للموقع العملاق
YLLIX

اقدم لكم اليوم شركة اعلانات رائعة فهي تتمتع بعدة امتيازات من بينها انها تدعم
CPM, CPC, CPA
CPM الدفع على الالف ضهور
CPC الدفع على الكليك
CPA الدفع للقيام بشيئ
Cost Per Action
popup كما انها تدعم النوافذ المنبثقة
اذن يمكنك بكل سهولة الوصول للحد الادنى للدفع كل يوم نعم كل يوم لان الحد الادنى للدفع في الشركة 1 دولار
وهي تدفع على
Paypal,Payza,Bank Wire



الشركة توفر لك إمكانية الربح من دعوة الأصدقاء ـ 1 $ لكل شخص

الدفع يكون اوتوماتيكي كل اسبوع

شرح التسجيل فى الموقع
أضغط هنا للتسجيل



Get your ylliX publisher account now
املئ الخنات التالية ثم اتبع التسجيل






تحتاج هاتف ستصلك عليه رسالة لتفعيل حسابك

وايضا معلومات عن طريقةالدفع

لمشاهدة الاعلانات





صورة من داخل الموقع






شرح ادراج إعلانات yllix في مدونتك


.










ضع الكود في مدونتك

إثبات الدفع

إثبات الدفع الأول


إثبات الدفع الثاني










شرح,

قالب: قالب موقع محترفي الحماية الرائع معرب

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

قالب: قالب موقع محترفي الحماية الرائع معرب!

 

 

 

الأربعاء، 14 أغسطس 2013

أضافة:صندق اخترافي للتبادل الاعلاني مثل مدونتنا

السلام عليكم

اليوم مع اضافة رائعة وهي صندق اخترافي للتبادل الاعلاني مثل مدونتنا  


خطوات التركيب بالمدونة :

  • بعد التسجيل بمدونتك ودخول لوحة التحكم 
  • اضغط على تخطيط 
  • بعد ذلك نضغط اضافة اداة  HTML/JavaScript
  • ثم نضع الكود التالى 
    <style>
    #advertise{
      margin: auto;
    }
     .adss { list-style:none; margin-top:5px auto; margin: 0 1px 2px 1px; display:inline-block; text-align: center; }
     .adss a { display:block; width:75px; height:75px; padding-right:0px; padding-top: 3px; position:relative; text-decoration:none; }
     .adss a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
     .adss img { max-height: 75px; max-width: 75px; }
     #adsanime:hover { opacity:0.2; }
     #adsanime a strong {
        -webkit-transition-property: opacity;
         -webkit-transition-duration: 500ms;
         -moz-transition-property: opacity;
          -moz-transition-duration: 500ms; }
     #adsanime a strong {
       opacity:0;
        -webkit-transition-property: opacity, top;
         -webkit-transition-duration: 300ms;
          -moz-transition-property: opacity, top;
           -moz-transition-duration: 300ms; }
     #adsanime {
        opacity:0.5;
         -webkit-transition-property: opacity, top;
          -webkit-transition-duration: 300ms;
           -moz-transition-property: opacity, top;
            -moz-transition-duration: 300ms; }
     #adsanime:hover { opacity:1; }
     #adsanime:hover a strong { opacity:1; top:-10px; }
    </style>
    <center>
    <div class="adss" id="adsanime">
    <a
    href="/">
       <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOTkgsfqWt4b93Ev8Yk_9mjvaU2L9M4y6Rl_i9exjZecPT3-IgET3KK_L6b1Z0XA5jaNY8heK0U_gjWhrrG3WJDtxbKiQolWsV6RDxyLzfsjJZYNgsBDTcI6_JF9PmX5bAv9BNNq6mJKou/s1600/adschange_125-125.jpg" />
       <strong>مدونة الوسيط</strong></a>
        </div>
    <div class="adss" id="adsanime">
    <a
     href="http://alwaseet-mediator.blogspot.com//">
       <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOTkgsfqWt4b93Ev8Yk_9mjvaU2L9M4y6Rl_i9exjZecPT3-IgET3KK_L6b1Z0XA5jaNY8heK0U_gjWhrrG3WJDtxbKiQolWsV6RDxyLzfsjJZYNgsBDTcI6_JF9PmX5bAv9BNNq6mJKou/s1600/adschange_125-125.jpg" />
       <strong> مدونة الوسيط</strong>
        </a
    ></div>
    <div class="adss" id="adsanime">
    <a
    href="http://alwaseet-mediator.blogspot.com//">
       <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOTkgsfqWt4b93Ev8Yk_9mjvaU2L9M4y6Rl_i9exjZecPT3-IgET3KK_L6b1Z0XA5jaNY8heK0U_gjWhrrG3WJDtxbKiQolWsV6RDxyLzfsjJZYNgsBDTcI6_JF9PmX5bAv9BNNq6mJKou/s1600/adschange_125-125.jpg" />
       <strong>مدونة الوسيط</strong></a>
        </div>
    <div class="adss" id="adsanime">
    <a
    href="http://alwaseet-mediator.blogspot.com//">
       <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOTkgsfqWt4b93Ev8Yk_9mjvaU2L9M4y6Rl_i9exjZecPT3-IgET3KK_L6b1Z0XA5jaNY8heK0U_gjWhrrG3WJDtxbKiQolWsV6RDxyLzfsjJZYNgsBDTcI6_JF9PmX5bAv9BNNq6mJKou/s1600/adschange_125-125.jpg" />
       <strong>مدونة الوسيط</strong></a>
        </div>
    <div class="adss" id="adsanime">
    <a
     href="http://alwaseet-mediator.blogspot.com//">
       <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOTkgsfqWt4b93Ev8Yk_9mjvaU2L9M4y6Rl_i9exjZecPT3-IgET3KK_L6b1Z0XA5jaNY8heK0U_gjWhrrG3WJDtxbKiQolWsV6RDxyLzfsjJZYNgsBDTcI6_JF9PmX5bAv9BNNq6mJKou/s1600/adschange_125-125.jpg" />
       <strong>مدونة الوسيط</strong>
        </a
    ></div>
    <div class="adss" id="adsanime">
    <a
     href="http://alwaseet-mediator.blogspot.com//">
       <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOTkgsfqWt4b93Ev8Yk_9mjvaU2L9M4y6Rl_i9exjZecPT3-IgET3KK_L6b1Z0XA5jaNY8heK0U_gjWhrrG3WJDtxbKiQolWsV6RDxyLzfsjJZYNgsBDTcI6_JF9PmX5bAv9BNNq6mJKou/s1600/adschange_125-125.jpg" />
       <strong>مدونة الوسيطا</strong>
        </a
    ></div>
    <div class="adss" id="adsanime">
    <a href="http://alwaseet-mediator.blogspot.com//">
       <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOTkgsfqWt4b93Ev8Yk_9mjvaU2L9M4y6Rl_i9exjZecPT3-IgET3KK_L6b1Z0XA5jaNY8heK0U_gjWhrrG3WJDtxbKiQolWsV6RDxyLzfsjJZYNgsBDTcI6_JF9PmX5bAv9BNNq6mJKou/s1600/adschange_125-125.jpg" />
       <strong>مدونة الوسيط</strong></a>
        </div>
    <div class="adss" id="adsanime">
    <a
    href="http://alwaseet-mediator.blogspot.com//">
       <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOTkgsfqWt4b93Ev8Yk_9mjvaU2L9M4y6Rl_i9exjZecPT3-IgET3KK_L6b1Z0XA5jaNY8heK0U_gjWhrrG3WJDtxbKiQolWsV6RDxyLzfsjJZYNgsBDTcI6_JF9PmX5bAv9BNNq6mJKou/s1600/adschange_125-125.jpg" />
       <strong>مدونة الوسيط</strong></a>
        </div>
    <div class="adss" id="adsanime">
    <a
    href="http://alwaseet-mediator.blogspot.com//">
       <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOTkgsfqWt4b93Ev8Yk_9mjvaU2L9M4y6Rl_i9exjZecPT3-IgET3KK_L6b1Z0XA5jaNY8heK0U_gjWhrrG3WJDtxbKiQolWsV6RDxyLzfsjJZYNgsBDTcI6_JF9PmX5bAv9BNNq6mJKou/s1600/adschange_125-125.jpg" />
       <strong>مدونة الوسيط</strong></a>
        </div>
    </center>
    <a href="/"></a>

    قم بتغير الأتي:

    • مدونة الوسيط:اسم المدونة المراد التبادل معها

      • رابط مدونة الوسيط:رابك المدونة المراد التبادل معها.

        والسلام ختام


أضافة:صندوق تعليقات Disqus الاحترافي كما بالمدونة

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

نبدأ:

Click Here

- الخطوة الاولي :

disqus- اضافات بلوجر 2013

2- الخطوة الثانية :
Disqus- اضافات بلوجر 2013


3- الخطوة الثالثة :
Disqus - اضافات بلوجر 2013

4- الخطوة الرابعة :
Disqus - اضافات بلوجر 2013
5- الخطوة الخامسة :
Disqus - اضافات بلوجر
6- الخطوة السادسة :
Disqus - اضافات بلوجر
7- الخطوة السابعة :
Disqus - اضافات بلوجر
8- الخطوة الثامنة :
Disqus - اضافات بلوجر
9- الخطوة الاخيرة :
اذهب الي اي موضوع بالمدونة وتأكد بنفسك من اضافة صندوق التعليقات . 
Disqus - اضافات بلوجر 2013

كيفية معرفة عدد الزوار والمتصلين الان في موقعك او مدونتك مع الموقع المميز Histats

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

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

فيبحث عن عدد الزوار

وهناك العديد من المواقع التي تدعم خذه الخدمة ولكن الملفت هو موقع Histats






















بعد نسخ الكود قم بلصقه في أداة HTML/JavaScript وأزح الأداة المكان الذي تريد عرض العداد عليه.


منقول للفائدة

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

السلام عليكم و رحمة الله تعالى و بركاته, إخواني الأعزاء محبي مدونات البلوجر,

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

  • توجه إلى لوحة التحكم في مدونتك و اختر منها » تصميم ثم » إضافة أداة و من النافذة المنبثقة اختر أداة HTML/Javascript.

  • انسخ الكود التالي و الصقه داخل الأداة. 


     

    ديل على الكود :

    • waseet : غيره برابط التغذية (الخلاصات) الخاص بك.
    • prof_blogger : غيره باسم المستخدم الخاص بك على تويتر.
    • modawanatmohamed : غيره باسم الصفحة الخاصة بك على الفايسبوك.

     


<style type='text/css'>
.a51 a{
    color: #6e6e6e;
    font: bold 13px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.a51 a:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2)
    -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.a51 a:active {
    color: #000;
    border-color: #444;
}
.a51bar{ width:280px; float: right; margin-right:3px; margin-top:5px; padding:0;}
.a51bar .emailsub{border-bottom: 0px solid #e6e6e6; padding:0px 0 15px 0; float: right; width: 100%; font-family: Helvetica, Arial;}
.a51bar .emailsub .emailupdatesform{width: 100%; float: left; padding:0px;}
.a51bar .emailsub .emailupdatesform input.emailupdatesinput{background: #F3F3F3;  float: right; border: 1px solid #dcdcdc; padding: 0px 8px; color: #989898; font-size: 15px;  width: 130px; height:30px;   border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;}
.a51bar .emailsub .emailupdatesform input.emailupdatesinput:hover{
border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2)
    -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.a51bar .emailsub .emailupdatesform input.joinemailupdates:hover{ border-color: #666;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2)
    -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); cursor:pointer;
}
.a51bar .emailsub .emailupdatesform input.joinemailupdates{
border: solid 1px #dcdcdc;
    background: #F3F3F3;
   font-family:Helvetica, Arial;
text-transform: none; color: #989898; height: 25px; padding: 0 10px; margin:0 5px 0 0; font-weight:bold; font-size:15px; height:30px;
  border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.a51bar .emailsub .emailupdatesform input.emailupdatesinput{background: #F3F3F3;  float: right; border: 1px solid #dcdcdc; padding: 0px 8px; color: #989898; font-size: 15px;  width: 145px; height:28px;   border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;}
.a51bar .emailsub .emailupdatesform input.joinemailupdates{
border: solid 1px #dcdcdc;
    background: #F3F3F3;
   font-family:Helvetica, Arial;
text-transform: none; color: #989898; height: 25px; padding: 0 0px; margin:0 5px 0 0; font-weight:bold; font-size:15px; height:30px;
  border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
</style>
<!--[if IE 8]> <style>
.a51bar .emailsub .emailupdatesform input.emailupdatesinput{background: #F3F3F3;  float: right; border: 1px solid #dcdcdc; padding: 5px 10px; color: #0A0101; font-size: 13px;  width: 130px; height:18px;   border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;}
.a51bar .emailsub .emailupdatesform input.joinemailupdates{
border: solid 1px #dcdcdc;
    background: #F3F3F3;
   font-family:Helvetica, Arial;
text-transform: none; color: #0A0101; height: 25px; padding: 0 5px; margin:0 5px 0 0; font-weight:bold; font-size:15px; height:30px;
  border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
</style> <![endif]-->
<div class="a51" style="padding:0pt 5px 0pt 0pt;">
<table><tbody><tr>
<td>
<a   href="http://www.feeds.feedburner.com/hamedblog" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ80S4s4GKn7hUrQ0R5fb5ElEdUPvcdHAFDchFLb4_EZlHZqNxzcLDGgxRzpfWXRJsZ4TTcPSHqFIVO-xYM8XXsi4Q5Ktm9_woOzDGgG2ieqBUZ1-eDF9FZFNIaWM_D2jNletTCEa31iQ/s1600/rss.png" border="0" /></a>
</td>
<td>
<a style="margin-right:5px;"href="http://www.twitter.com/prof_blogger" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb3n7kKCgyQOFBqcGisxXRfN4bks-DEoMPrXCfiecOFaFfRYmF_rZfLsCQvpk8YtqqxfWWktEEu3v_cRTTsvAzWwTtuXEuuzjlz-GJtZeM_9DHRWEtROVIyrf9lsuSXWsy19l_ThTDcM4/s1600/twitter.png" border="0" /></a>
</td>
<td>
<a style="margin-right:5px;"href="http://www.facebook.com/modawanatmohamed" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinyM3FbezyEbC4cjkXrJfC2dX3C-HjDMuVMpktAMuNqjjLhT8WW5AU4oDCDSrRUk-G43KHENUpYIfchUy8z1xMHbdwjfcqwUQerLxjWVnd8WaOKngekp_kU9kGVLFukb-zDIoGm0orC9Q/s1600/facebook.png" border="0" /></a>
</td>
</tr></tbody></table>
<div class="a51bar">
<div class="emailsub">
<div class="emailupdatesform">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=waseet', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="emailupdatesinput" name="email" value="بريدك الإلكتروني..." onblur="if (this.value == &#39;&#39;) {this.value = &#39; بريدك الإلكتروني...&#39;;}" onfocus="if (this.value == &#39;بريدك الإلكتروني...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="hamedblog" name="uri" type="hidden" /><input value="اشترك معنا لآن" class="joinemailupdates" type="submit" /></form></div></div>

</div></div>




 

شرح:طريقة أضافة صندوق الاعجاب بالفيس بوك كما بالمدونة

شرح:طريقة أضافة صندوق الاعجاب بالفيس بوك كما بالمدونة


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

السلام عليكم ورحمنه وبركاته اليوم ومع درس من الدروس المعقدة نقدمها اليوم بمنتهة السهولة 

وهو

طريقة أضافة صندوق الاعجاب بالفيس بوك كما بالمدونة

نبدأ مع الشرح

لإضافة هذا الصندوق إلى مدونتك المرجو تتبع الخطوات التالية :
  • اذهب إلى لوحة التحكم الخاصة بمدونتك ثم تصميم بعد ذلك اضغط على إضافة أداة HTML/Javascript
  • الآن انسخ الكود التالي و ضعه داخل الأداة
<center><style>.helperbloggerFB {
width: 300px;
height: 150px;
border-radius: 3px;
position: relative;
background-color:#f4f4f4;
padding:5px 10px 15px 0;
}
.helperbloggerFB, .helperbloggerFB:before, .helperbloggerFB:after {
background: #f4f4f4;
border: 1px solid #ccc;
}
.helperbloggerFB:before, .helperbloggerFB:after {
content: "";
position: absolute;
bottom: -3px;
left: 2px;
right: 2px;
height: 1px;
border-top: none;
}
.helperbloggerFB:after {
left: 4px;
right: 4px;
bottom: -5px;
box-shadow: 0 0 2px #ccc;
}
</style>
<div class="helperbloggerFB">
<div style="height:155px;overflow:hidden">
<fb:like-box href="https://www.facebook.com/waseet" data-width="300" data-height="179" data-show-faces="true" data-border-color="#f4f4f4" data-stream="false" data-header="false" class=" fb_iframe_widget "><span><iframe id="f5741c08" name="fdd6ca2ec" scrolling="no" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; overflow-x: hidden; overflow-y: hidden; height: 179px; width: 300px; " class="fb_ltr" src="http://www.facebook.com/plugins/likebox.php?border_color=%23f4f4f4&amp;channel=https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%23cb%3Df2babfba84%26origin%3Dhttp%253A%252F%252Fwww.btsnts.com%252Ff1ae6f85bc%26relation%3Dparent.parent%26transport%3Dpostmessage&amp;colorscheme=light&amp;header=false&amp;height=179&amp;href=https%3A%2F%2Fwww.facebook.com%2Fwaseet&amp;locale=en_US&amp;sdk=joey&amp;show_faces=true&amp;stream=false&amp;width=300"></iframe></span></fb:like-box>
</div>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script></center>

صورة لللاضافة

 

شرح,تبادل اعلاني2013,تبادلات اعلانية 2013 ,اريد تبادل اعلاني,تبادل اعلاني مجاني,قوالب بلوجر معربة,قوالب احترافية,قوالب جديدة,قوالب 2013,قوالب Blogger,دروس بلوجر,دروس 2013,دروس بلوجر 2013,أضافات Blogger,أضافات بلوجر 2013,كيفية,بالصور,تبادل اعلاني,برنامج تبادل اعلاني,دعم منتديات,VB,دعم منتديات VB,منتديات أحلي منتدي,دعم منتديات احلي منتدي,اكواد,HTML,Css,Java,أشهار منتديات احلي منتدي,تبادل اعلاني مجاني,