مضاد الفيروسات الفعال Ad-Aware , الحماية الكاملة من الفيروسات

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

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

من فيروس win32 و فيروس الاوتورن وغيرها من الفيروسات المشهورة! كما انه مجاني ويتميز

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

كل هذا و اكثر تكتشفه عن الاستخدام..:

-معلومات عن البرنامج:

أسم البرنامج: .Ad-Aware

أصدرا البرنامج:  2012 او 10.2.21

موقع الشركه: من هنا

حجم البرنامج: 4 م.ب.

ترخيص البرنامج: مجاني.

توافق البرنامج: كل نسخ الويندوز. 

-تحميل البرنامج:

تم الرفع على الميديا فاير للتحميل اضغط ع الصورة: 

-شرح تفعيل البرنامج:

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

(ام اقم بشرح التثبيت لتشابه الطريقة تقريباً مع باقي البرامج) 

اولا:

 

ثانياً:

 

ثالثاً:

 

رابعاً: الان اذهب إلى الايميل الذي ادخلته في البرنامج ستصلك رساله عليه ادخلها وطبق كما في الصوره:

خامساً:

 

سادساً:

انتظر ريثما ينتهي التحميل: 

 

ومبرووك عليك تم تفعيل البرنامج بنجاح!

 -في الختام:

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

الضغط على ازرار المواقع الاجتماعية ادناه كما يمكنك الاشتراك

في النشرة البريدية للمدونة ليصل لك كل جديد إلى ايميلك

او اشترك في قناتنا ع اليتيوب لتكون مطلعا على

جديد الشروحات ويمكنك متابعتنا 

على تويتر ايضا اما الان

فأستودعكم الله الذي لا تضيع ودائعه.

اضافة صندوق متابعة تويتر منزلق جنب الموقع بشكل رائع

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

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

منزلق في جنب المدونة اضافه جميله:)

 طبعا تم ترجمة الموضوع  من قِبل مدونة ارشيف بلوجر ,المصدر 

فارجو ان تنال الاضافة اعجابكم الان مع كيفية التركيب.

1. اذهب للوحة تحكم مدونتك .
2. القالب.
3. تحرير HTML'
4. متابعه و اشر على توسيع القوالب.
5. اضغط Ctrl+F من لوحة المفاتيح.
6. ابحث عن الوسم التالي:

</body>

7.واستبدله بالكود التالي:

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=1.7.2'></script>
<script type="text/javascript">
jQuery(document).ready(function() {jQuery(".tehtbox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-235"}, "medium");}, 400);});
</script>
<style>
.tehtbox{background:url(http://lh5.googleusercontent.com/-q9_zbB_3388/UCOvETdEQpI/AAAAAAAAA4o/F0CfR3hxuk0/s100/Twitter.png) no-repeat scroll left center transparent!important;float:right;height:250px;width:230px;z-index:99999;position:fixed;right:-235px;top:20%;padding:0 5px 0 40px}
.tehtbox div{margin-right:-8px;border:3px solid #00bef6;background:#fafafa;padding:0}
.tehtbox a{font-size:10px;margin-left:40px}
</style>
<div class="tehtbox">
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script>
<div id="twitterfanbox">
<script type="text/javascript">fanbox_init("bloggerarchive");</script>
<a href='http://www.blogger-archive.com/2012/12/add-twitter-fan-box-to-blogger.html'>Get Twitter Fan Box Widget</a>
</div> 
</div>
</body>

عدل الكتابه الحمراء بسمك في تويتر

فقط! و اي استفسار يمكنك وضعه في تعليق.

تحياتي.

صندوق اعجابات الفيس بوك مع تأثير التضليل الجميل عليه

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

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

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

من قِبل مدونة ارشيف بلوجر ,المصدر 

فارجو ان تنال الاضافة اعجابكم الان مع كيفية التركيب.
مثال للاضافه:

1. اذهب للوحة تحكم مدونتك .
2. القالب.
3. تحرير HTML'
4. متابعه و اشر على توسيع القوالب.
5. اضغط Ctrl+F من لوحة المفاتيح.
6. ابحث عن الوسم التالي:

  ]]></b:skin>

7.واستبدله بالكود التالي:

#FBox{background-color:#f6f6f6;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ccc;height:230px;position:relative;margin-bottom:10px;width:292px;padding:0 10px 15px 0;}
#FBox:before,#FBox:after{background:#f7f7f7;border:1px solid #aaa;border-top:none;bottom:-3px;content:"";height:1px;left:2px;position:absolute;right:2px}
#FBox:after{bottom:-5px;box-shadow:0 0 2px #aaa;left:4px;right:4px}
#FBox {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray;-webkit-filter: grayscale(1);}
#FBox:hover {filter: none;-webkit-filter: grayscale(0);}
]]></b:skin>

7.الان اضغط حفظ.

8.الان اضغط على تخطيط و اضف اداة "HTML/Javascript"

9.الصق الكواد التالي:

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

<div id='FBox'>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/BloggerArchive0&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23F7F7F7&amp;stream=false&amp;header=false&amp;" style="border:none; overflow:hidden; width:292px; height:238px;" ></iframe>
</div>

اخيرا ارجو ان يستفيد الجميع من الموضوع

و اي استفسار يمكنك وضعه في تعليق

وساقوم بالاجابه عنه في اقرب وقت

ممكن ان شاء الله.

تحيااتي.

كيفية اضافة صندوقي التحذير و التنبيه للووردبريس و بلوجر

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

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

في المدونة وستفيدك في عمل الشروحات و الكثير من الاستخدامات الاخرى

تم ترجمة الموضوع من  قِبل مدونة ارشيف بلوجر ,المصدر 

فارجو ان تنال الاضافة اعجابكم الان مع كيفية التركيب.

1. اذهب للوحة تحكم مدونتك .
2. القالب.
3. تحرير HTML'
4. متابعه و اشر على توسيع القوالب.
5. اضغط Ctrl+F من لوحة المفاتيح.
6. ابحث عن الوسم التالي:

  ]]></b:skin>

7. قم بلصق الكود التالي فوقه مباشره:

#ErrorYellow{ margin-right: 55px; background-image: url(http://lh6.googleusercontent.com/-STlIUwa6Dkg/UFsfPdrxhJI/AAAAAAAABPc/XNigxZmpvdE/s32/YellowWarning.png); border: 1px solid #FFCF0F; background-color: #FFFFDE; border-radius:3px; font-size:15px; background-repeat:no-repeat; padding-left:40px; border-radius:9px; min-height:32px; width:auto; background-position:3px; margin:10px; padding-top:5px; color:#222; }                                                                                  #ErrorRed{ margin-right: 55px; background-image: url(http://lh3.googleusercontent.com/-SCexRoopeJw/UFsfPWIOXYI/AAAAAAAABPg/D4_aPGnQysI/s32/RedWarning.png); border: 1px solid #FF0F0F; background-color: #FFDEDE; border-radius:3px; font-size:15px; background-repeat:no-repeat; padding-left:40px; border-radius:9px; min-height:32px; width:auto; background-position:3px; margin:10px; padding-top:5px; color:#222; }

8. اضغط حفظ.

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

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

 اذا اردت استخدام صندوق التحذير مثل هذا:

 مثال: استغفر الله استغفر الله .....                                                                                                               

فانسخ الكود التالي و ضعه في المكان المناسب في صندوق كتابة التدوينية بوضعية HTML

          <div id="ErrorRed"> اكتب ما تريد هنا </div>

اما اذا اردت استخدام صندوق التنبيه مثل هذا:

تنبيه! سبحان الله سبحان الله سبحان الله

فانسخ الكود التالي وضعه في المكان المناسب في صندوق كتابة التدوينية بوضعية HTML

          <div id="ErrorYellow"> اكتب ما تريد هنا </div>

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

تحياتي.

الشرح الكامل لكيفية قياس سرعة موقعك عبر اداة " Google page speed "

 

السلام عليكم! 

اطلقت جوجل مؤخراً خدمة هامة لاصحاب المواقع و هي خدمة لقياس سرعة الموقع

يقوم الموقع بفحص موقعك وتحليله على شكل اجزاء ثم يريك اسباب بطئ موقعك 

لتقوم انت بمعالجتها.

High priority: وهي العناصر الاساسية في بطئ  موقعك.

Medium priority : وهي العناصر ذات التأثير المتوسط على سرعة موقعك.

Low priority : و هي العناصر ذات التأثير البسيط على سرعة موقعك.

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

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

ولا تنسى الضغط على ازرار المواقع الاجتماعيه ادناه  اي استفسار يمكنك و ضعه وستتم 

الإجابه عنه في اسرعه وقت ممكن.

تحياتي.

كود اضافة تأثير تحرك الصوره عند تحريك المؤشر فوقها في ملخص التدوينيه

 

السلام عليكم

مرحبا بكم في هذا الموضوع سأشرح كيفية اضافة تأثير يعمل عند تحريك 

مؤشر الفأرة على الصورة التي تكون في تلخيص التدوينية (في الصفحة الرائيسيه)

و الاضافة تعمل كما في الصورة اعلاه :) 

الان لكيفية تركيب هذه الاضافة:

• اذهب للوحة تحكم مدونتك.
• اضغط على القالب.
• اضغط على زر تحرير Html
• اشر على توسيع القوالب.
• اضغط Ctrl+F و ابحث عن الوسم التالي:

]]></b:skin>

و الصق فوقه الكود التالي:

#PopularPosts1 {    max-width: 300px}

#PopularPosts1 dd {    float: left;    border-bottom: none;    margin: 8px 8px 0 8px;    background: none;    display: block;    padding: 0}

#PopularPosts1 img {    -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    transition: all 0.5s ease;    padding: 4px;    background: #eee;    background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));    background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);    -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);    box-shadow: 0 0 3px rgba(0,0,0,.7);}

#PopularPosts1 img:hover {    -moz-transform: scale(1.2) rotate(-350deg);    -webkit-transform: scale(1.2) rotate(-350deg);    -o-transform: scale(1.2) rotate(-350deg);    -ms-transform: scale(1.2) rotate(-350deg);    transform: scale(1.2) rotate(-350deg);    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);    box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}

•  اضغط حفظ.

فقط! اتمنى ان تكون استفدت و اي استفسار يمكنك وضعه في تعليق:)

و سوف اجيب في اسرع وقت ممكن

تحياتي.

المصدر: اوول بلوجر تولز

شريط قوائم رائع جداً يشبه شريط قوائم موقع " Apple "

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

 اهلا وسهلا بكم في موضوع جديد وهذه المرة عن القوائم العلويه

هي شئ مهم تساعد الزائر على الوصول للاقسام او الصفحات بشكل اسرع

طبعا تم ترجمة الموضوع من قِبل مدونة ارشيف بلوجر ,المصدر 

فارجو ان تنال الاضافة اعجابكم الان مع كيفية التركيب.

1. اذهب للوحة تحكم مدونتك .
2. القالب.
3. تحرير HTML'
4. متابعه و اشر على توسيع القوالب.
5. اضغط Ctrl+F من لوحة المفاتيح.
6. ابحث عن الوسم التالي:

  ]]></b:skin>

7. قم بلصق الكود التالي قبله مباشره:

/* Flying Css3 menu www.bloggertrix.com*/

#flyingmenubt,#flyingmenubt ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    height:500px;}
#flyingmenubt {
    font-family: "Lucida Sans Unicode",Verdana,Arial,sans-serif;
    font-size: 13px;
    height: 36px;
    list-style: none outside none;
    margin: 40px auto;
    text-shadow: 0 -1px 3px #202020;
    width: 980px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -moz-box-shadow: 0px 3px 3px #cecece;
    -webkit-box-shadow: 0px 3px 3px #cecece;
    box-shadow: 0 3px 4px #8b8b8b;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);
    background-color:#5f5f5f;
}
#flyingmenubt ul {
    left: -9999px;
    position: absolute;
    top: -9999px;
    z-index: 2;
}
#flyingmenubt li {
    border-bottom: 1px solid #575757;
    border-left: 1px solid #929292;
    border-right: 1px solid #5d5d5d;
    border-top: 1px solid #797979;
    display: block;
    float: left;
    height: 34px;
    position: relative;
    width: 105px;
}
#flyingmenubt li:first-child {
    border-left: 0 none;
    margin-left: 5px;
}
#flyingmenubt li a {
    color: #FFFFFF;
    display: block;
    line-height: 34px;
    outline: medium none;
    text-align: center;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);
    background-color:#5f5f5f;
}

/* keyframes #animation1 */
@-webkit-keyframes animation1 {
    0% {-webkit-transform: scale(1);}
    30% {-webkit-transform: scale(1.3);}
    100% {-webkit-transform: scale(1);}}
@-moz-keyframes animation1 {
    0% {-moz-transform: scale(1);}
    30% {-moz-transform: scale(1.3);}
    100% {-moz-transform: scale(1);}}
#flyingmenubt li > a:hover {

    -moz-animation-name: animation1;
    -moz-animation-duration: 0.7s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-name: animation1;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
}
#flyingmenubt li:hover > a {
    z-index: 4;
}
#flyingmenubt li:hover ul.subs {
    left: 0;
    top: 34px;
    width: 150px;
}
#flyingmenubt ul li {
    background: none repeat scroll 0 0 #838383;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    opacity: 0;
    width: 100%;
    /*-webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;*/
}

/* keyframes #animation2 */
@-webkit-keyframes animation2 {
    0% {margin-left:185px;}
    100% {margin-left:0px;opacity:1;}
}
@-moz-keyframes animation2 {
    0% {margin-left:185px;}
    100% { margin-left:0px;opacity:1;}
}
#flyingmenubt li:hover ul li {
    /* css3 animation */
    -moz-animation-name: animation2;
    -moz-animation-duration: 0.3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-name: animation2;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    /*-webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;*/
}
/* animation delays */
#flyingmenubt li:hover ul li:nth-child(1) {
    -moz-animation-delay: 0;
    -webkit-animation-delay: 0;
}
#flyingmenubt li:hover ul li:nth-child(2) {
    -moz-animation-delay: 0.05s;
    -webkit-animation-delay: 0.05s;
}
#flyingmenubt li:hover ul li:nth-child(3) {
    -moz-animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
}
#flyingmenubt li:hover ul li:nth-child(4) {
    -moz-animation-delay: 0.15s;
    -webkit-animation-delay: 0.15s;
}
#flyingmenubt li:hover ul li:nth-child(5) {
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
}
#flyingmenubt li:hover ul li:nth-child(6) {
    -moz-animation-delay: 0.25s;
    -webkit-animation-delay: 0.25s;
}
#flyingmenubt li:hover ul li:nth-child(7) {
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}
#flyingmenubt li:hover ul li:nth-child(8) {
    -moz-animation-delay: 0.35s;
    -webkit-animation-delay: 0.35s;
}

7.الان اضغط حفظ.

8.الان اضغط على تخطيط و اضف اداة "HTML/Javascript"

9.الصق الكود التالي:

الشريط ذا الكتابه البيضاء:

  طبعا في الكود تم استبدال الكتابه الانجليزيه إلى العربيه

فيجب عليك تعديل الروابط فقط .

<ul id="flyingmenubt">
    <li><a href="http://www.blogger-archive.com//">الرائيسيه</a></li>
    <li><a class="hsubs" href="#">القائمة 1</a>
        <ul class="subs">
            <li><a href="#">تعديل 1</a></li>
            <li><a href="#">تعديل 2</a></li>
            <li><a href="#"> تعديل 3</a></li>
            <li><a href="#"> تعديل 4</a></li>
            <li><a href="#"> تعديل 5</a></li>
        </ul>
    </li>
    <li><a class="hsubs" href="http://www.blogger-archive.com//">القائمة 2</a>
        <ul class="subs">
            <li><a href="#"> تعديل 2-1</a></li>
            <li><a href="#"> تعديل 2-2</a></li>
            <li><a href="#"> تعديل 2-3</a></li>
            <li><a href="#"> تعديل 2-4</a></li>
            <li><a href="#"> تعديل 2-5</a></li>
            <li><a href="#"> تعديل 2-6</a></li>
            <li><a href="#"> تعديل 2-7</a></li>
            <li><a href="#">تعديل 2-8</a></li>
        </ul>
    </li>
    <li><a class="hsubs" href="#">القائمة 3</a>
        <ul class="subs">
            <li><a href="#">تعديل 3-1</a></li>
            <li><a href="#">تعديل 3-2</a></li>
            <li><a href="#">تعديل 3-3</a></li>
            <li><a href="#">تعديل 3-4</a></li>
            <li><a href="#">تعديل 3-5</a></li>
        </ul>
    </li>
    <li><a href="#">قائمة 4</a></li>
    <li><a href="#">قائمة 5</a></li>
    <li><a href="#">قائمة 6</a></li>
    <li><a href="http://www.blogger-archive.com/">رجوع</a></li>
</ul>

 الكتابه الزرقاء اسم الزر 

و الحمراء الرابط.

اخيرا ارجو ان يستفيد الجميع من الموضوع

و اي استفسار يمكنك وضعه في تعليق

وساقوم بالاجابه عنه في اقرب وقت

ممكن ان شاء الله.

تحيااتي.