محترفي الويب يفتح باب التبادل الاعلاني

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

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

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

مدونة محترفي الويب.

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

شروط التبادل الاعلاني:

اولا: ان تضع بانر الخاص بمدونتي في مدونتك 

وهذا رابط البانر الخاص بنا: http://www3.0zz0.com/2014/02/02/14/929397712.png

رابط المدونة: http://www.th3-proweb.blogspot.com

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

وانتظر بضع دقائق وسوف يوضع البانر الخاص بك ومبروووك على التبادل الاعلاني.

ملاحظة هامة جدا:

اذا لم تعمل الشروط فسوف يحذف البانر الخاص بك.

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

Unknown

الأحد, فبراير 02, 2014

اقرأ المزيد

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

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

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

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

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

الشرح:

• ادخل الى مدونتك

• انشئ مشاركة جديدة

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

HTML كما هوموضح في الصورة.

الان اضغط على (Ctrl+F) وابحث عن طول وعرض الفيديو.

1. ابحث عن العرض:320 (ستجدها مرتين)
2. ابحث عن الطول: 266  (ستجدها مرتين)

الان قم باستبدالهم جميعا كالتالي:

استبدل الـــ (320) الى (620)

استبدل الـــ (266) الى (400) 

ملاحظة:

ستجد الطول والعرض مرتين (320) + (266) يجب استبدالهم جميعهم.

اذا لم يعجبك الحجم الذي وضعته انا فيمكنك استبداله بالحجم الذي ترغب به.

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

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

Unknown

الأربعاء, نوفمبر 20, 2013

اقرأ المزيد

طريقة حذف شريط التمرير السفلي لبلوجر Scroll Bar

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

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

Scroll Bar حتى يتناسب مع متصفحات الانترنيت.

الطريقة سهلة جدا نذهب مباشرة الى الشرح:

الشرح:

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

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

ثالثا اضغط على تحرير HTML كما في الصورة.

رابعا اضغط على CTRL+F وابحث عن الكود التالي:

]]></b:skin>

خامسا قم بلصق هذا الكود قبله مباشرة:

html {

          overflow-x: hidden;

        }

سادسا اضغط على حفظ وستلاحظ اختفاء Scroll Bar الشريط الممتد في الاسفل.

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

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

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

Unknown

الأحد, نوفمبر 17, 2013

اقرأ المزيد

كيفية ازالة شريط Navbar من بلوجر للمبتدئين

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

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

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

اعلم ان اغلبية المدونين المبتدئين يبحتون عن هذه الطريقة.

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

الشرح:

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

بـــــ Navbar كما هو مبين في الصورة.

بعد ذلك ستفتح لنا نافدة بها اشكال الــ Navbar نختار متوقف ثم حفظ كما في الصورة.

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

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

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

Unknown

الأربعاء, أغسطس 07, 2013

اقرأ المزيد

كيفية اضافة طائر تابعني على تويتر الى بلوجر 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

اقرأ المزيد

طريقة اضافة اشترك الان بقناة الـ Youtube

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

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

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

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

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

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

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

<a target="_blank" href="http://www.youtube.com/user/internetpf?sub_confirmation=1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk4R7qHpM7_q4LxchBsM8UkDE8TpDjq-NfntQ3kPK8QEIhABIyw9__VkKT1-dZzxh-hrFRgTOL0k4Nndq38yRpf3PF6TqMmciLg5_kpPKwWctT_WopIg0_Y6K80KG1FAWUc2mJB8BqxsY/s1600/REp87.png" /></a><a style="margin-left: 1em; margin-right: 1em;" href="http://www.youtube.com/subscription_center?add_user_id=O58fldVogtwlz7c2PTeWrg&feature=creators_cornier-//s.ytimg.com/yt/img/creators_corner/Subscribe_to_my_videos/YT_Subscribe_130x36_red.png"></a><br />

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

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

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

Unknown

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

اقرأ المزيد

طريقة اضافة تعليقات الفيس بوك الى بلوجر

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

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

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

الشرح:

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

تانبا قم بالتوجه الى تحرير HTML، بعد ذلك انقر على توسيع واجهة المستخدم. وابحث عن هذا الكود.

<div class='comments' id='comments'>

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

<div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Add Comments via Facebook'> <img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbP69ZB5nNsGPWI6sCiVxFAoxtg9OQg-ae_qh-KMNWS72BjTiDESJB8rqnwdrREEgxR1UQP58Vl5wO0vJ78HXvNh6FDkxJyoxfmeKuSta3u_ZS2ekDnBxDLZR_hrCCznx_9ZSONhurS04/s1600/FACEBOOK.png'/> <fb:comments-count expr:href='data:post.url'/> Comments </div> <div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Add Comments via Blogger'> <img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpbVJ-_r0u6C3ppkJ2TMQZ1Ir3dmx4pcMryCPR7NDo93sw8vlScFCxFheUbAa04k8zVeO4GUD2DVCDNYGbEQlor72o_7UsKPUreifd8s-SK_anA3YAMJpL8mI3Y0MExS_wXQLZ76oU_5Y/s1600/BLOGGER.png'/> <data:post.numComments/> Comments </div><div class='clear'/> </div> <div class='comakauttafb-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/> <fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='680'/> </b:if> </div> <div class='comments comakauttafb-page' id='blogger-comments-page'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <meta content='potter182' property='fb:admins'/> <script type='text/javascript'> function commentToggle(selectTab) { $(&quot;.comakauttafb-tab&quot;).addClass(&quot;inactive-select-tab&quot;); $(selectTab).removeClass(&quot;inactive-select-tab&quot;); $(&quot;.comakauttafb-page&quot;).hide(); $(selectTab + &quot;-page&quot;).show(); } </script> <style type='text/css'>.comakauttafb-page, .comakauttafb-tab {-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-left:5px solid #ccc; border-top:3px solid #ccc; border-bottom:3px solid #ccc; border-right:5px solid #ccc}.comakauttafb-page {background:transparent;);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 1px #fff;color:#000;float:left;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5s ease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out}.comakauttafb-tab-icon {height:16px;width:16px;margin-right:5px;}.comakauttafb-tab:hover {background:rgba(219,219,219,.8);}.inactive-select-tab {background:rgba(255,255,255,.4);}.inactive-select-tab, .comakauttafb-tab:hover {box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000}</style>

- See more at: http://www.computer-door.com/2013/03/blog-post_3507.html#sthash.0kcoPHTh.psEOYWVq.dpuf

<div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Add Comments via Facebook'> <img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbP69ZB5nNsGPWI6sCiVxFAoxtg9OQg-ae_qh-KMNWS72BjTiDESJB8rqnwdrREEgxR1UQP58Vl5wO0vJ78HXvNh6FDkxJyoxfmeKuSta3u_ZS2ekDnBxDLZR_hrCCznx_9ZSONhurS04/s1600/FACEBOOK.png'/> <fb:comments-count expr:href='data:post.url'/> Comments </div> <div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Add Comments via Blogger'> <img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpbVJ-_r0u6C3ppkJ2TMQZ1Ir3dmx4pcMryCPR7NDo93sw8vlScFCxFheUbAa04k8zVeO4GUD2DVCDNYGbEQlor72o_7UsKPUreifd8s-SK_anA3YAMJpL8mI3Y0MExS_wXQLZ76oU_5Y/s1600/BLOGGER.png'/> <data:post.numComments/> Comments </div><div class='clear'/> </div> <div class='comakauttafb-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/> <fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='680'/> </b:if> </div> <div class='comments comakauttafb-page' id='blogger-comments-page'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <meta content='potter182' property='fb:admins'/> <script type='text/javascript'> function commentToggle(selectTab) { $(&quot;.comakauttafb-tab&quot;).addClass(&quot;inactive-select-tab&quot;); $(selectTab).removeClass(&quot;inactive-select-tab&quot;); $(&quot;.comakauttafb-page&quot;).hide(); $(selectTab + &quot;-page&quot;).show(); } </script> <style type='text/css'>.comakauttafb-page, .comakauttafb-tab {-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-left:5px solid #ccc; border-top:3px solid #ccc; border-bottom:3px solid #ccc; border-right:5px solid #ccc}.comakauttafb-page {background:transparent;);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 1px #fff;color:#000;float:left;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5s ease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out}.comakauttafb-tab-icon {height:16px;width:16px;margin-right:5px;}.comakauttafb-tab:hover {background:rgba(219,219,219,.8);}.inactive-select-tab {background:rgba(255,255,255,.4);}.inactive-select-tab, .comakauttafb-tab:hover {box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000}</style>

- See more at: http://www.computer-door.com/2013/03/blog-post_3507.html#sthash.0kcoPHTh.psEOYWVq.dpuf

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

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

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

<div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Add Comments via Facebook'> <img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbP69ZB5nNsGPWI6sCiVxFAoxtg9OQg-ae_qh-KMNWS72BjTiDESJB8rqnwdrREEgxR1UQP58Vl5wO0vJ78HXvNh6FDkxJyoxfmeKuSta3u_ZS2ekDnBxDLZR_hrCCznx_9ZSONhurS04/s1600/FACEBOOK.png'/> <fb:comments-count expr:href='data:post.url'/> Comments </div> <div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Add Comments via Blogger'> <img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpbVJ-_r0u6C3ppkJ2TMQZ1Ir3dmx4pcMryCPR7NDo93sw8vlScFCxFheUbAa04k8zVeO4GUD2DVCDNYGbEQlor72o_7UsKPUreifd8s-SK_anA3YAMJpL8mI3Y0MExS_wXQLZ76oU_5Y/s1600/BLOGGER.png'/> <data:post.numComments/> Comments </div><div class='clear'/> </div> <div class='comakauttafb-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/> <fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='680'/> </b:if> </div> <div class='comments comakauttafb-page' id='blogger-comments-page'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <meta content='potter182' property='fb:admins'/> <script type='text/javascript'> function commentToggle(selectTab) { $(&quot;.comakauttafb-tab&quot;).addClass(&quot;inactive-select-tab&quot;); $(selectTab).removeClass(&quot;inactive-select-tab&quot;); $(&quot;.comakauttafb-page&quot;).hide(); $(selectTab + &quot;-page&quot;).show(); } </script> <style type='text/css'>.comakauttafb-page, .comakauttafb-tab {-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-left:5px solid #ccc; border-top:3px solid #ccc; border-bottom:3px solid #ccc; border-right:5px solid #ccc}.comakauttafb-page {background:transparent;);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 1px #fff;color:#000;float:left;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5s ease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out}.comakauttafb-tab-icon {height:16px;width:16px;margin-right:5px;}.comakauttafb-tab:hover {background:rgba(219,219,219,.8);}.inactive-select-tab {background:rgba(255,255,255,.4);}.inactive-select-tab, .comakauttafb-tab:hover {box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000}</style>

- See more at: http://www.computer-door.com/2013/03/blog-post_3507.html#sthash.0kcoPHTh.dpuf

<div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Add Comments via Facebook'> <img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbP69ZB5nNsGPWI6sCiVxFAoxtg9OQg-ae_qh-KMNWS72BjTiDESJB8rqnwdrREEgxR1UQP58Vl5wO0vJ78HXvNh6FDkxJyoxfmeKuSta3u_ZS2ekDnBxDLZR_hrCCznx_9ZSONhurS04/s1600/FACEBOOK.png'/> <fb:comments-count expr:href='data:post.url'/> Comments </div> <div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Add Comments via Blogger'> <img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpbVJ-_r0u6C3ppkJ2TMQZ1Ir3dmx4pcMryCPR7NDo93sw8vlScFCxFheUbAa04k8zVeO4GUD2DVCDNYGbEQlor72o_7UsKPUreifd8s-SK_anA3YAMJpL8mI3Y0MExS_wXQLZ76oU_5Y/s1600/BLOGGER.png'/> <data:post.numComments/> Comments </div><div class='clear'/> </div> <div class='comakauttafb-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/> <fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='680'/> </b:if> </div> <div class='comments comakauttafb-page' id='blogger-comments-page'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <meta content='potter182' property='fb:admins'/> <script type='text/javascript'> function commentToggle(selectTab) { $(&quot;.comakauttafb-tab&quot;).addClass(&quot;inactive-select-tab&quot;); $(selectTab).removeClass(&quot;inactive-select-tab&quot;); $(&quot;.comakauttafb-page&quot;).hide(); $(selectTab + &quot;-page&quot;).show(); } </script> <style type='text/css'>.comakauttafb-page, .comakauttafb-tab {-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-left:5px solid #ccc; border-top:3px solid #ccc; border-bottom:3px solid #ccc; border-right:5px solid #ccc}.comakauttafb-page {background:transparent;);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 1px #fff;color:#000;float:left;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5s ease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out}.comakauttafb-tab-icon {height:16px;width:16px;margin-right:5px;}.comakauttafb-tab:hover {background:rgba(219,219,219,.8);}.inactive-select-tab {background:rgba(255,255,255,.4);}.inactive-select-tab, .comakauttafb-tab:hover {box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000}</style>

- See more at: http://www.computer-door.com/2013/03/blog-post_3507.html#sthash.0kcoPHTh.dpuf

Unknown

السبت, يونيو 22, 2013

اقرأ المزيد