كيفية اضافة طائر تابعني على تويتر الى بلوجر 2013.

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

الحمد لله رب العالمين... والصلاة والسلام على اشرف المرسلين سيدنا محمد وعلى اله، وصحبه ومن اتبع هديه الى يوم الدين.

اهلا وسهلا بمتتبعي وزوار مدونة محترفي الويب.

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

مميزات هذه الاضافة:

تتميز بشكل جداب.

 تجعل زائر مدونتك يضغط عليه.

لن اطيل عليكم نذهب الى طريقة تركيب هذه الاضافة.

الشرح:

اولا قم بالتوجه الى لوحة التحكم الخاصة بك.

قم بالنقر على التخطيط.

اختر اضافة اداة.

قم باختيار HTML/JavaScript.

بعد ذلك قم بلصق هذا الكود.

<div style='position: fixed; bottom: 5%; right: 0%;'/><a href='http://BloggerAdsenSeO.blogspot.com'><a href="http://www.twitter.com/AchrafErrif" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Ak95IzVNXHPyOYjME6A_fBeex7fcLlN12FW8iy_7zt63wssVEousatW0PcM-thnaFK4MBOa_SKILFJ7ZimmRpafl-S92lm27O6ixZWu8xIryMZAwmY5l2Pd8cCo2DpKZ-Uz6m5xosnU/s1600/follow+on+twitter+float.png" /></a></div></a>

بعد ذلك اضغط على حفظ.

قم بتغيير ما باللون الاحمر باسم صفحتك على تويتر.

ومبرك على الاضافة.

انتهى درس اليوم الى اللقاء الى درس اخر وشكرا.

في انتضار رضكم حول الموضوع.

Unknown

الأحد, يوليو 21, 2013

اقرأ المزيد

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

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

السلام عليكم ورحمة الله تعالى وبركاته، اهلا وسهلا من جديد يزوار مدونة محترفي الويب.

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

تتميز هذه الاضافة بشكل جداب وانيق تجعل من الزائر  يشترك في هذه الاضافة، وتتميز هذه الاضافة بتقنية CSS.

لن اطيل عليكم نذهب الى الشرح.

الشرح:

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

بعد ذلك قم باختيار اضافة اداة جديدة كما في الصورة.

بعدها قم باختيار HTML/JavaScript كما في الصورة.

قم بالصاق هذا الكود داخل المربع

<style> .post-body{padding:8px 0 10px} </style>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 500;
summary_img = 390;
img_thumb_height = 120;
img_thumb_width = 180;
</script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'></script>


<script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
<style type="text/css">
#gpplikebox{
background-color:#F90101;
display:block;
padding:0;
z-index:99999;
position:fixed;
}
.gpplbadge{
background-color:#F90101;
display: block;
height:150px;
top:50%;
margin-top:-75px;
position:absolute;
left:-47px;
width:47px;
background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFQdWsDh5J03G39F2IWwK5GXw7IysSfcINq863N4fd38_MJfYq38H21yozOhT_I9MIjnDzTnrtUXxU_HtnRNS1s3n1gL8DB97zYdiCABU9Ivu6XjSqd7zfuZKo8Elo3vtHKcPTjA_MHTvw/s1600/gplus-right.png");
background-repeat:
no-repeat;
overflow:hidden;
-webkit-border-top-left-radius:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-bottomleft:8px;
border-top-left-radius:8px;
border-bottom-left-radius:8px;
}
</style>
<script type="text/javascript">
(function(md){
md(document).ready(function(){
var $dur = "medium";
// Duration of Animation

md("#gpplikebox").css({right: -250, "top" : 100 })
md("#gpplikebox").hover(function () {
md(this).stop().animate({
right: 0
}, $dur);
}, function () {
md(this).stop().animate({
right: -250
}, $dur);
});
md("#gpplikebox").show();
});
})(jQuery);
</script>
<div id="gpplikebox" style="display:none;">
<div class="gpplbadge"></div>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUDijjdcyiuKoLZAkIFec3HfzH-MG6UQLkmGbCDfxvDmYDgEbboTgyyC2xi6JoINIMy_SwwdRULfYRwFG8vfXSmrcHS5lfjLVOoH-pABsOIVd4rohWJ4dIHSGi6r3mI59Fo6-5G2204pC6/s128/bloggers-hero.blogspot.com.png'/>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/116331828356166283363" data-source="blogger:blog:followers" data-width="245">
</div>
<script type="text/javascript">
      (function() {
        window.___gcfg = {'lang': 'en'};
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
      })();
    </script>

بعد الصاق هذا الكود انقر على حفظ.

ومبروك على الاضافة.

انتهى درس اليوم الى اللقاء الى درس اخر وشكرا.

في انتضار رضكم حول الموضوع.

Unknown

الثلاثاء, يوليو 16, 2013

اقرأ المزيد

طريقة اضافة زر المشاركة في الفيس بوك لمدونة البلوجر

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

السلام عليكم ورحمة الله تعالى وبركاته، اهلا وسهلا بزوار مدونة محترفي الويب.

في درس هذا اليوم ساقوم بشرح لكم طريقة اضافة زر المشاركة في الفيس بوك لمدونة البلوجر.

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

وبالتالي ستحصل على زوار كثر والكثير من الباك لينكس. لن اطيل عليكم نبدا الشرح على بركة الله.

الشرح:

اولا قم بالتوجه الى لوحة التحكم الخاصة بك ثم قالب ثم تحرير HTML.

ملحوظة:

لاتنسى ان تاخد نسخة احتياطية من القالب الخاص بك.

تانيا ابحث عن هذا الكود <data:post.body/> بعد ذلك ضع هذا الكود بعده مباشرة.

   <a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">مشاركة</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

ومبروك الاضافة.

انتهى درس اليوم الى اللقاء الى درس اخر وشكرا.

في انتضار رضكم حول الموضوع.

Unknown

الاثنين, يوليو 15, 2013

اقرأ المزيد

طريقة اضافة القران الكريم الى بلوجر 2013 ؟

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

السلام عليكم ورحمة الله تعالى وبركاته، اهلا وسهلا بزوار ومتتبعي مدونة محترفي الويب.

في درس هذا اليوم ساقدم لكم طريقة اضافة اداة القران الكريم الى مدونتك بصوت تسعة مقرئين.

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

الشرح:

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

للاشارة فقط يمكنك اضافة الاداة في اي مكان يعجبك.

بعد ذلك نختار HTML/JavaScript، كما في الصورة.

ثم قم بلصق هذا الكود داخل الاداة وانقر على حفظ.

<br />
<p align="center">
<a href="javascript: void(0)" onclick="window.open('http://html-code.webs.com/html/kor2an/Alafasi.htm', 'windowname1', 'width=300, height=400'); return false;"> <img src="http://4.bp.blogspot.com/-Oh6hqs42Hk4/TvuanRj56_I/AAAAAAAADg8/Zph3eRENz7I/s1600/kor2an.png" border="0" /></a> </p>

بهذا اكون قد انهيت درس اليوم اتمنى ان افيدك والى اللقاء الى درس اخر وشكرا.

في انتضار رضكم حول الموضوع.

Unknown

الخميس, يوليو 11, 2013

اقرأ المزيد

ماهي شروط قبول جوجل ادسنس لمدونتك 2013 ؟

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

السلام عليكم ورحمة الله تعالى وبركاته، اهلا وسهلا بزوار ومتبعي مدونة محترفي الويب.

في درس اليوم. ساقوم بشرح لكم الشروط الازمة لقبول جوجل ادسنس لمدونتك.

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

التي تطبقها جوجل ادسنس، لهذا ساقوم بشرح لكم الشروط الازمة لقبول جوجل ادسنس مدونتك لن اطيل عليك نذهب مباشرة الى

شرح هذه الشروط.

الشرح:

1- الشروط التي يجب ان تتوفر عليها مدونتك.

+ ان تتوفر مدونتك على 20 او 25 موضوع.

+ ان تكون المواضيع حصرية وغير منقولة كما يفعل البعض.

+ ان تتوفر على قالب خفيف وسريع التصفح.

+ يجب ان تكون هناك تصنيفات لمواضيع مدونتك.

+ ان تكون المواضيع عبارة عن صور، فيديوهات، ثم نصوص.

+ يجب على الاقل ان يكون عمر مدونتك 3 اشهر او اكثر.

+ يجب ان تكون مواضيع مدونتك غير مخالفة لادسنس.

+ ان تتوفر مدونتك على راسلني او اتصل بي.

2- الشروط التي يجب ان تتوفر عليها لتقديم الطلب لجوجل ادسنس.

+ ان يكون سنك 18 سنة وما فوق.

+ ان تكون الحروف الاولى من اسمك كبيرة Capital، وان يكون صحيحان.

+ ان يكون الرمز البريدي صحيحا ايضا.

انتهى درس اليوم الى اللقاء الى درس اخر وشكرا.

في انتضار رضكم حول الموضوع.

Unknown

الخميس, يوليو 11, 2013

اقرأ المزيد

طريقة اضافة تعليقات +Google بدل تعليقات بلوجر

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

السلام عليكم ورحمة الله تعالى وبركاته، اهلا وسهلا بزوار ومتتبعي مدونة محترفي الويب.

في درس هذا اليوم ساقوم بشرح لكم طريقة اضافة تعليقات +Google بدلا من تعليقات بلوجر، الطريقة سهلة جدا ماعليك هو متابعة 

الشرح جيدا من البداية الى النهاية.

ملحوظة:

عند اختيار تعليقات +Google سيتم حذف تاب (tab) التعليقات من مدونتك ولكن ستظل التعليقات، اي انه سيحذف تاب التعليقات

وفي نفس الوقت لن يحذفها بل ستظهر في الشكل الجديد لـ +Google

نذهب الى التطبيق.

الشرح:

اولا: قم بالتوجه الى لوحة التحكم الخاصة بك في بلوجر.

تانيا: قم باختيار +Google كما هو موضح في الصورة.

ثالتا: قم بوضع علامة على استخدام تعليقات +Google على هذه المدونة.

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

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

انتهى درس اليوم الى اللقاء الى درس اخر وشكرا.

في انتضار رضكم حول الموضوع.

Unknown

الاثنين, يوليو 08, 2013

اقرأ المزيد

طريقة تغيير خط مدونتك الى اي خط ينال اعجابك

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

السلام عليكم ورحمة الله تعالى وبركاته، اهلا وسهلا بزوار مدونة محترفي الويب.

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

الطريقة سهلة جدا، ماعليك هو متابعة الشرح من البداية الى النهاية.

الشرح:

+ قم بالبحث عن هذا الكود:

]]></b:skin>

+ قم باضافة هذا الكود قبله مباشرة:

1. @font-face {
2. font-family: 'DroidKufi-Bold';
3. src: url('http://dl.dropbox.com/u/22531314/webfont/fonts/DroidKufi-Bold.eot');
4. src: url('http://dl.dropbox.com/u/22531314/webfont/fonts/DroidKufi-Bold.eot?') format('embedded-opentype'),
5. url('http://dl.dropbox.com/u/22531314/webfont/fonts/DroidKufi-Bold.woff') format('woff'),
6. url('http://dl.dropbox.com/u/22531314/webfont/fonts/DroidKufi-Bold.ttf') format('truetype');}

قم باستبدال الخط المكتوب بالازرق باسم خطك، ثم الرابط الخاص بخطك في الروابط الحمراء.

اما بالنسبة للامر الذي ستستبدل به الخط القديم الى الخط الجديد ان يكون على الشكل التالي.

font-family: 'DroidKufi-Bold';

ومبرووك على الخط الجديد

انتهى درس اليوم الى اللقاء الى درس اخر وشكرا.

في انتضار رضكم حول الموضوع.

Unknown

الاثنين, يوليو 08, 2013

اقرأ المزيد