الأربعاء، 30 أبريل 2014

كيف تحفظ نسخة احتياطية من مواضيع مدونتك بلوجر

زوار المطور.نت الكرام اليكم اليوم موضوع حصري ورائع لطريقة اخذ نسخة احتياطية لمواضيع مدونتك البلوجر في حال حدث ضرر لاسمح الله او قمت بحذف المواضيع عن طريقة الخطأ تستطيع تركيب هذه النسخة الاحتياطة , فهي ميزة مهمة لكل مدون لان شروحات قد تعب بها ومن الصعب علية ان يفقدها في لمح البصر بدون اطالة اتترككم مع الشرح .
كيف تحفظ نسخة احتياطية من مواضيع مدونتك بلوجر



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

طريقة استعادة مواضيع مدونتك المحذوفة


طريقه حصول على فأرة mouse مجانا يصلك الى بيتك

طريقه حصول على فأرة mouse مجانا يصلك الى بيتك

بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاتة تم افتتاح قسم المجانيات في المطور.نت لنصلكم بكل ما مجاني وجديد الى باب بيتكم مع اثبات الوصول , اليوم يمكنك طريقة  الحصول على فأرة مجاناً تصلك لباب بيتك , الفأرة يمكنك مشاهدتها في في الصورة في الاسفل وهو اثبات الوصول بدون اطالة اليكم الشرح بالفيديو .

رابط الموقع
http://www.mark-finn.co.uk/html/contactmat.html

الأحد، 27 أبريل 2014

قالب بلوجر احترافي متجاوب


مميزات القالب:

تصميم جميل ونظيف.
قالب متجاوب.
صديق لمحركات البحث SEO.
سريع جدا.
كود عرض مخصص.
ايقونات المشاركة الاجتماعية.
تخصيص التسميات، المشاركات الأكثر شعبية.
خطوط ويب احترافية.
نسخة معدلة من نظام التعليق.
تكويد CSS3 و HTML5.



الاثنين، 21 أبريل 2014

قالب gooplz الأخير احترافي وتقني 2014

قالب gooplz الأخير احترافي 2014



 قالب gooplz الأخير احترافي "Professional latter Template"


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


صورة  للقالب 
قالب gooplz الأخير احترافي 2014

قالب مدونة جو بلز gooplz 




تحميل القالب

شروط غير أجبارية للحصول على القالب ( قم بدعمنا )
ان تكون معجب بصفحتنا على الفيس بوك  من هنا 
ان تشترك في قناتنا على اليوتيوب من هنا 
 ان تكون من متابعي المدونة من هنا 

الجمعة، 18 أبريل 2014

كيفية انشاء محادثات ايفون نصية مزيفة

انتشرت قبل فترة الكثير من الصور لمحاداثات مزيفة غير موجودة اصلا بكثر على جميع مواقع التواصل الاجتماعي كالفيس بوك والتوتير والانستغرام , والسبب من منها تقديم النكت المضحكة بطريقة مختلفة قليلاً , وهذه الطريقة تثير انتباه الكثير من المشاهدين , لكن مع مدونة المطور.نت يمكنك ايضاً انشاء محادثات نصية واستخدامها في المجال الذي تريد كل ما عليك الذهاب الى الموقع ومتابعة الشرح بالفيديو بدون اطالة اليكم الشرح .

كيفية انشاء دردشة نصية مثل دردشة الايفون

كيفية انشاء محادثات ايفون نصية مزيفة

رابط الموقع
http://www.iphonetextgenerator.com/

طريقة تغيير حجم الصور تلقائيا ومرة واحدة في مدونات بلوجر

تغير حجم الصور الياً هي الطريقة التي يبحث عنها الكثيرين , والجميع يعرف اهمية تصغير حجم الصور بالنسبة للسيو ولزيادة سرعة مدونتك ولها اهمية كبيرة في تسلق محركات البحث , بدون اطالة للمزيد من السيو من هنا , ولكن تصغير حجم الصور يدوياً هو الاصعب فما بالك اذا كان الموقع يحتوي على مئات بل الاف الصور فتصغير الصور يدوياً قد يؤدي بك الى النهاية فستستغرق شهر كاامل الطريقة توفر عليك الكثير من الوقت والجهد .
المطور.نت
طريقة تغيير حجم الصور تلقائيا ومرة واحدة في مدونات بلوجر


طريقة ظغط تصغير حجم الصور تلقائيا ومرة واحدة في مدونات بلوجر


الذهاب الى قالب >> تحرير >> ابحث عن ]]></b:skin>
وفوقة / قبلة ضع الكود الاتي 

.post-body img {width: 500px!important;height: auto!important; }

الان يمكنك تخصيص حجم الصور بالحجم الذي تريد ثم احفظ التغيرات . والسلام عليكم في شرح اخر ارجو ذكر المصدر عند نسخ المواضيع . 
الثلاثاء، 15 أبريل 2014

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


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

بسم الله الرحمن الرحيم لابد بأنك مصمم فوتوشوب ولاتستغني عن فيكتور ويعتبر المصمم الناجح اساسة على الفيكتور وبسبب هذه الاهمية وبطلب من الاخوة متابعي المدونة المطور.نت اليكم مجموعة فيكتورات فوتوشوب احترافية 2014 , الفيكتورات فوتوشوب جميلة وجديدة 2014 , حيث معظم التصاميم الناجحة تستخدم الفكتور الكم مجموعتين فيكتور 2014 في التصميم بدون اطالة .

لتحميل الفيكتور
من هنا


فيكتور,  فوتوشوب ,  اطفال ,  رياضي , قلوب , زخرف فوتوشوب 2014 , فكيتور رجال , 

الأربعاء، 9 أبريل 2014

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

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

بعد طلب من الاخوة متابعي المطور.نت بعرض طريقة وضع اعلانات ادسنس منبثقة جانبي مدونة البلوجر تم الاستجابة لهم ونشر الطريقة واليكم بعد الحاح من الكثير من الاصدقاء طريقة وضع اعلان ادسنس وسط الصفحة , الطريقة رائعة لزيادة الارباح في جوجل ادسنس لكن احب ان انوه الى ان الطريقة غير شرعية عند استخدامها لفترات طويلة وتسبب تعليق حسابك مؤقتا .

روابط ذات صلة
طريقة وضع اعلانات ادسنس منبثقة جانبي مدونة البلوجر

طريقة التركيب
الذهاب الى التخطيط > اضافة اداة > ضع الكود الاتي
<style>
#topbar {
height:30px;
width:auto;
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#adsground {
height:auto;
margin:0 auto;
width: 0px;
background:#fff;
border-bottom:2px #005094 solid;
border-right:2px #005094 solid;
border-left:2px #005094 solid;
text-align:center;
padding:4px;
}
#headlineatas {
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:-30px;
left:-30px;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("headlineatas").style.display = 'none';
}
</script>
<div id="headlineatas">
<div id="topbar">
</div>
<div id="adsground">
<p align="left"><h3></h3></p>
<script type="text/javascript">
$(document).ready(function(){
$('div#b_icon1').hide();
$('div#b_icon2').hide();
$('div#b_icon3').hide();
$("div#h_icon1").mouseover(function() {
$('div#h_icon1').hide();
$('div#b_icon1').show();
});
$("div#h_icon2").mouseover(function() {
$('div#h_icon2').hide();
$('div#b_icon2').show();
});
$("div#h_icon3").mouseover(function() {
$('div#h_icon3').hide();
$('div#b_icon3').show();
});
$('div#b_icon1').click(function(){
$('#bannerfloat03').html('');
});
});
</script>
<div style="left: 500px; top: 300px; width: 338px; height: 280px; position: absolute" id="bannerfloatADS">
كود خاص بك هنا
<div style="left: 250px; top: 70px; width: 40px; height: 0px; position: absolute" id="h_icon2"><img alt="" src="https://cdn3.iconfinder.com/data/icons/freeapplication/png/24x24/Close.png" /></div>
<div style="top: 220px; width: 20px; height: 60px; display: none; position: absolute; leftt: 70px" id="b_icon2"><span onmouseup="document.getElementById('bannerfloatADS').style.display='none'"><img alt="" width="6" height="3" src="http://2.bp.blogspot.com/-MMPpCZmtMOk/Ta7bZ-q_ysI/AAAAAAAAAfo/iRHsnr_ZxVE/s1600/close.png" /></span></div></div>
<p>
<br/></p></div></div>

الثلاثاء، 8 أبريل 2014

طريقة وضع اعلانات ادسنس منبثقة جانبي مدونة البلوجر

طريقة وضع اعلانات ادسنس منبثقة جانبي مدونة البلوجر

بعد طلب من الكثير من الاصدقاء اليكم طريقة رائعة لزيادة ارباحك في ادسنس بطريقة شرعية وغير مخالفة لسياسية جوجل ادسنس وهي اعلانات ادسنس المنبثقة على جانبي المدونة , يمكنك وضعها في اليمين او في اليسار كما تريد الاضافة تعمل على جميع المدونات , يمكنك استخدام الاضافة بشي اخر من الاضافات بامكانك اضافة صندوق الفيس بوك مكان الكود , ولكن الجميع يريد طريقة وضع اعلان ادسنس المنبثق كما في مدونة المطور.نت , يمكنك معاينة الاضافة في المطور.نت في جانبي المدونة , وتاكد بان الاضافة او الطريقة غير مخالفة لجوجل ادسنس وغير مخالفة لسياسية جوجل ولن تعرض حسابك للخطر .

روابط ذات صلة

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


الاعلانات متناسبة مع المقاييس
سكاي سكريبر عريض (160×600)
سكاي سكريبر (120×600)

طريقة التركيب !!
 الذهاب الى التخطيط > اضافة اداة >> هناك كودين لاضافة اعلان ادسنس منبثق على جانبي المدونة الاول للاضافة في الجهة اليمنى والثاني للاضافة في الجهة اليسرى بدأ بالجهة اليمنى

تحميل الاكواد 


طريقة وضع اعلانات ادسنس على الجهة اليمنى  جانبي المدونة


<div class='clear'>
</div>
<span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=6978282028189964955&widgetType=HTML&widgetId=HTML20&action=editWidget§ionId=main' onclick='return _WidgetManager._PopupConfig(document.getElementById("html20"));' target='configHTML20' title='تحرير'> <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'>
</div>
<div id='rsidebar-wrapper'>
<div class='sidebar section' id='sidebarleft'>
<div class='widget HTML' id='HTML15'>
<div class='widget-content'>
<div class="angular_advertisement angadver_bottom angadver_right">
 <a href="#">  </a>  </div>
<div class="angular_advertisement" style="right: 0px; top: 0px; position: fixed;">
 كود ادسنس هنا  <div dir="rtl" style="text-align: right;" trbidi="on">
<strong><a href="http://goo.gl/f6b7gk
" id="linkwithin_logolink_2" style="border-bottom-color: currentColor; border-bottom-style: none; border-bottom-width: medium; color: #cccccc; font-size-adjust: none; font-stretch: normal; font: 10px/normal arial; text-decoration: none;" target="_blank"><b>Get theis</b></a></strong></div>
</div>
</div>
</div>
</div>
</div>

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


<div class="angular_advertisement" style="left: 0px; top: 0px; position: fixed;">
 كود ادسنس هنا  <div dir="rtl" style="text-align: right;" trbidi="on">
<strong><a href="http://goo.gl/f6b7gk
" id="linkwithin_logolink_2" style="border-bottom-color: currentColor; border-bottom-style: none; border-bottom-width: medium; color: #cccccc; font-size-adjust: none; font-stretch: normal; font: 10px/normal arial; text-decoration: none;" target="_blank"><b>Get theis</b></a></strong></div>
<div class='clear'>
</div>
<span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=6978282028189964955&widgetType=HTML&widgetId=HTML15&action=editWidget§ionId=sidebarleft' onclick='return _WidgetManager._PopupConfig(document.getElementById("html15"));' target='configHTML15' title='تحرير'> <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span></span></div>


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

[الإنفوجرافيك] أضخم لغات البرمجة المتخصصة في تصميم الويب

[الإنفوجرافيك] أضخم لغات البرمجة المتخصصة في تصميم الويب

بعد تطور الانترنت بدأت اللغات البرمجية بالتطور المستمر ومع انتشار الواسع للانترنت بدات اللغات البرمجية بالازدهار التي تتيح للمبرمج خدمات رائعة ومميزة لارضاء الزبون او المستخدم الى افضل الدرجات , وهذا يؤدي الى المنافسة قد عادت من جديد لتدق ابوابها , المعركة بين اللغات البرمجية سواء القديم منها ام الحديث , ونجحت مجموعات برمجية ولغات في  الفوز في المعركة وهي لغات PHP, Ruby, Python التي تعد اشهر وافضل 3 لغات برمجية .

ستجد في هذا الإنفوجرافيك مقارنة بين اللغات البرمجية الثلاث والمنافسة بينهما وايهما الافضل , ومهاي اللغة المفضلة بين الجمهور وايها اسهل للتعلم بدون اطالة اتترككم مع الإنفوجرافيك .
nd أضخم لغات البرمجة المتخصصة في تصميم الويب   انفوغرافيك
الأحد، 6 أبريل 2014

[الإنفوجرافيك] خطوات انشاء موقع إلكتروني على أسس سليمة


[الإنفوجرافيك] خطوات انشاء موقع إلكتروني على أسس سليمة

شبكة الانترنت بعد  التطور الذي حصل لها أو ما اسمية بالعاصفة التكنولوجية اصبح يجمع أكثر من مليار سخص يتصفح الانترنت وخاصاً بعد دخول الهواتف الذكية واللوحية والشبكات الاجتماعية , اتجه الكثير الى تصميم المواقع الالكترونية فاصبح الامر تحدي بالنسبة اليهم في تحقيق اهدافة سواء جلب الزاور او الربح من الانترنت او التسويق الالكتروني للسلع والمنتجات , فعليك اختيار شكل الموقع ونوعة ومجالات والمواضيع التي تنشرها بدقة كبيرة , اليكم في هذا الإنفوجرافيك خطوات بناء موقع الكتروني بشكل سليم وبسهولة 2014 بالنسبة للمبتدئين

نصائح بناء موقع إلكتروني ناجح على أسس سليمة 2014

[الإنفوجرافيك] خطوات انشاء موقع إلكتروني على أسس سليمة
المصدر : ارقام ديجيتال

السبت، 5 أبريل 2014

تم فتح باب طلبات تعريب قوالب بلوجر مجانا

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


قرر فريق عمل مدونة المطور.نت فتح باب استقبال طلبات تعريب قوالب بلوجر باحترافية تامة + تطوير القالب باهم الاضافات وتطوير من ناحية الشكلية ومن ناحية السيو من شاهد قالب اجبني ويريد تعريبة فهنا المكان المناسب  وبدون اي مقابل مجاناً  , علمنا بان هذه الخدمة كانت مدفوعة في حسابي في خمسات ولك لمتابعي المدونة  مجاناً  وذلك وفق شروط بسيطة , وارجو عدم حذف حقوق التعريب , ويحق لي قبول او رفض او تأجيل طلبات التعريب .

امثلة قوالب تم تعريبها :
http://goo.gl/Hn4vHI
http://goo.gl/Ty1T6Y

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


بعد قيامك بالشروط : 
ارسل لنا الى البريد الالكتروني ahmadjor90@gmail.com رابط تحميل قالب بلوجر المراد تحميلة , وسيتم تعريب قوالب بلوجر في اقل من 24 وتطويرة وسيتم ارسالة لك . 
قم بالتعليق برابط المنشور في الفيس بوك وكلمة تم ( ضروري ) 

الخميس، 3 أبريل 2014

قائمة احترافيه CSS3 مواقع التواصل الاجتماعي بلوجر 2014

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

قائمة احترافيه CSS3 تحت الهيدر للموقع مع خاصيه الهوفر

بعد الانتهاء من تصميم هذه الاداء وتطويرها اقدمها لكم على مدونة المطور.نت , الاضافة يظهر فيها صناديق مواقع التواصل الاجتماعي , قائمة جميلة بتقنية css بمدونات بلوجر 2014 , يمكنك اضافة تحت الهيدر


معاينة الاضافة  !!

قائمة احترافيه CSS3 تحت الهيدر للموقع مع خاصيه الهوفر

طريقة التركيب  !!
الذهاب الى بلوجر >> التخطيط >> اضافة اداة وضع فيها الكود الاتي
 <ul class="ul_hm">
<li>
<a class="BeHsociallinks" target="_new" href="Facebook Link">
<div id="BeHsocialfb" style="background-position: 0px 0px;">Facebook</div>
</a>
<a class="BeHsociallinks" target="_new" href="Twitter Link">
<div id="BeHsocialtwit" style="background-position: -86px 0px;">Twitter</div>
</a>
<a class="BeHsociallinks" target="_new" href="LinkedIn link">
<div id="BeHsociallink" style="background-position: -172px 0px;">Linkedin</div>
</a>
<a class="BeHsociallinks" target="_new" href="YouTube link">
<div id="BeHsocialytube" style="background-position: -258px 0px;">You Tube</div>
</a>
<a class="BeHsociallinks" href="Blog link">
<div id="BeHsocialblog" style="background-position: -344px 0px;">Blog</div>
</li>
</ul>

<style>

.subscribebutton .mj_btnbg {
    color: #141414;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    text-transform: uppercase;
}
.ul_hm li div {
    background-image: url("http://4.bp.blogspot.com/-IB_6BjHRw-0/UcqtiIlloZI/AAAAAAAAKpU/m73qfl-Dv50/s1600/social_icon_sprite.png");
    float: left;
    height: 83px;
    margin-right: 3px;
    width: 83px;
}

.BeHsociallinks {
    font-size: 0;
}
#BeHsocialfb:hover {
    background-position: 0 -86px !important;
}
#BeHsocialtwit:hover {
    background-position: -86px -86px !important;
}
#BeHsociallink:hover {
    background-position: -172px -86px !important;
}
#BeHsocialytube:hover {
    background-position: -258px -86px !important;
}
#BeHsocialblog:hover {
    background-position: -344px -86px !important;
}

ul li {list-style: none outside none;}
</style> 

كيفية انشاء بريد الكتروني مؤقت وهمي

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

‫كيفية عمل بريد الكتروني مؤقت و التوصل بالرسائل اليه‬‎

هل تريد انشاء بريد الكتروني مؤقت تنتهي صلاحيته بعد فترة من انشائة من خلال موقع مهمل البريد الموقت الطريقة رائعة جداً ومجربة من تقديم الاخ محمد اسلام الشيخ 

ماهو البريد الالكتروني المؤقت ؟ 

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

ماذا نستفيد من البريد الالكتروني المؤقت ؟

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

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

رابط الموقع من هنا 
http://www.mohmal.com/

فرجة ممتعة

الأربعاء، 2 أبريل 2014

اضافة اداة البحث عائمة متحركة لمدونات البلوجر 2014

بسم الله الرحمن الرحيم 
اضافة اداة البحث عائمة متحركة لمدونات البلوجر 2014

اليكم اليوم اضافة بلوجر احترافية وهي كود اداة البحث منيثقة , وهي اضافة جميلة تمكن الزائر من البحث من مدونتك بسهولة فهي اضافة اداة البحث متحركة 2014 , وعائمة في مدونات الببلوجر فهي سهلة الوصول والبحث الاضافة تتحرك مع الزائر مما ادى السهولة وصول الزائر اليها بدون اطالة

طريقة التركيب  !!
الذهاب الى البلوجر >> التخطيط > اضافة اداة
وقم باضافة الكود الاتي

<!-- Noop Google search box -->
    <div class='noop-searchbox' id='noop-searchbox'>
      <form action='/search' id='noop-searchform' method='get'>
        <input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}' type='text' value='Search...'/>
        <button id='sbutton' type='submit'>
          <span id='simg'/>
        </span></button>
      </form>
    </div>
<style type="text/css">
#sbutton {
background: -moz-linear-gradient(center top , #4D90FE 0%, #4787ED 100%) repeat scroll 0pt 0pt transparent;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#4787ed));
background: -webkit-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: -o-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: -ms-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: linear-gradient(top, #4d90fe 0%,#4787ed 100%);background-color: #4d90fe;
border: 1px solid #3079ED;
border-radius: 2px 2px 2px 2px;
color: #FFFFFF;
height: 27px;
min-width: 76px;
padding: 0 21px;padding-bottom: 2px;
}
#sbutton:hover{ background-color: #357AE8;
background-image: -moz-linear-gradient(center top , #4D90FE, #357AE8);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#357ae8));
background: -webkit-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: -o-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: -ms-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: linear-gradient(top, #4d90fe 0%,#357ae8 100%);
border: 1px solid #2F5BB7;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
#simg {
background: url("http://4.bp.blogspot.com/-gAHYfEEtPjg/T0t5-AtLCmI/AAAAAAAAAJ8/w87kGhEAYyQ/s1600/searchicon.png") no-repeat scroll 0 0 transparent;
display: inline-block;
height: 14px;
margin: 0;
width: 17px;z-index:101;
}#s:hover {box-shadow: 0 1px 2px #C1C1C1 inset;}
#s {border: 1px solid #BCBCBC;border-radius: 4px 4px 4px 4px;font: italic 14px times New Roman;padding: 4px 2px;width: 146px; -moz-transition: width 0.2s ease-in 0s; -webkit-transition: width 0.2s ease-in; -o-transition: width 0.2s ease-in;}
#s:focus {width: 200px;}
.noop-searchbox {
display: block;
position: fixed;
right: 0;
top: 1%;
max-width: 300px;min-width: 238px;
z-index: 100;
}
</style>
<!-- Noop Google search box -->

أحدث قوالب بلوجر قالب متعدد الاستخدام حديث




مميزات القالب

القالب خفيف وسريع

القالب متجاوب ومتوافق مع الأجهزة الذكية

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



ابحث عن الكود التالي
<i class='entypo-home'/>
</div>
<div class='nav-text'>
الرئيسية</div>
</a>
</li>
<li>
  <a href='#'>
<div class='nav-icon'>
<i class='entypo-user-add'/>
</div>
<div class='nav-text'>
عني</div>
</a>
</li>
<li>
  <a href='#'>
<div class='nav-icon'>
<i class='entypo-publish'/>
</div>
<div class='nav-text'>
الفهرس</div>
</a>
</li>
<li>
  <a href='#'>
<div class='nav-icon'>
<i class='entypo-layout'/>
</div>
<div class='nav-text'>
تبادل إعلاني</div>
</a>
</li>
<li>
  <a href='#'>
  <div class='nav-icon'>
<i class='entypo-signal'/>
</div>
<div class='nav-text'>
اشترك</div>
</a>
</li&tt;
<li style='background-color: #ff3333;'>
  <a href='#'>
<div class='nav-icon'>
<i class='entypo-users'/>
</div>
<div class='nav-text'>
راسلنا</div>
</a>
</li>
</ul>
</nav>
استبدل الكلمات العربية بما يتناسب معك وفوق كل كلمة بسطرين هناك رمز # إستبدله بالرابط المناسب

يحتوي القالب على قائمة متجاوبة تظهر على الأجهزة الذكية والأجهزة ذات أبعاد الشاشة الصغيرة

طريقة تعديلها ابحث عن هذا الكود
    <li><a href='#'>تقنية</a></li>
            <li><a href='#'>اخبار</a></li>
            <li><a href='#'>إضافات</a></li>
            <li><a href='#'>أجهزة ذكية</a></li>
          <li><a href='#'>معلومات</a></li>    
غير كل كلمة عربية وبجوارها رمز # إستبدله بالرابط
تم اضافة أكواد ميتا تاج في بداية القالب ستجدها بالعربية عدل ما يلزم بها ويمكنك الإستعانة بهذا الموضوع لإتقان تعديلها



أخر التعليقات لمدونات البلوجر 2014 بشكل جذاب ورائع

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

كود أخر التعليقات بلوجر جديد وحصري 2014


طريقة التركيب !!
اذهب الى بلوجر>>> التخطيط >>> اضافة اداة
قم باضافة الكود الاتي

<script style=text/javascript src="http://netoopscodes.googlecode.com/svn/branches/Js files/recent_comments_netoopsblog_min.js"></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://www.ahmad-web.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>
    <a style="display:none" href=http://www.ahmad-web.com/>Recent Comments Widget</a><style type=text/css>
    .rcw-comments a {text-transform: capitalize;}
    .rcw-comments {border-bottom: 1px solid #666; padding-top: 6px!important; padding-bottom: 6px!important;}

    </style>

الثلاثاء، 1 أبريل 2014

كيفية الحصول على تنبيهات فيسبوك مباشرة إلى سطح المكتب

بسم الله الرحمن الرحيم
 كيفية الحصول على تنبيهات فيسبوك مباشرة إلى سطح المكتب

اليكم اليوم شرح عن اضافة لمتصفح الكروم تمكنك طريقة استقبال اشعار الفيس بوك حتى لو كان المتصفح مغلقاً 2014 , مباشراً الى سطح مكتب الاضافة تعمل فقط على متصفحات الكروم , تتيح Fruumo Notifier الحصول على شعارات الفيس بوك المختلفة اعجابات وتعليقات ودعوات بدون دخول الى المتصفح والفيس بوك ستصلك الى سطح المكتبة ليصلك اخر الجديد


كل ماعليك هو تركيب الاضافة على متصفحك الكروم

رابط الاضافة من هنا

أداة إتصل بنا المنبثقة لمدونات البلوجر


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

اليكم اليوم اضافة بلوجر قد تكون شاهدتها في مدونة احمد ويب وهي اضافة أداة إتصل بنا الخاصة ببلوجر المنبثقة من الأسفل , الاضافة مهمة جداً لكل مدون بلوجر او صاحب الموقع تتيح للزائر التواصل مع صاحب الموقع او المدونة عبر بريدة الالكتروني بكل سهولة ومباشرة .

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


طريقة تركيب الاضافة 
 لتركيب هذه الاضافة اولاً عليكم اضافة اداة اتصل بنا من التخطيط وضعها في اي مكان
قم بالذهاب الى قالب >> تحرير وابحث عن ]]></b:skin> وضع فوقة الكود الاتي
.ContactForm, .ContactForm .title {
 display: none;
}
.floating-ct {
 position: fixed;
 width: 250px;
 right: 0;
 bottom: 0;
 z-index: 999;
}
.floating-ct-head a {
 padding: 5px 10px;
 background:#0F83A0;
 font-family:tahoma;
 text-size:14px;
 color: white;
 font-weight: bold;
 display: inline-block;
 *display: block;
 zoom: 1;
}
.floating-ct-body {
 height:335px;
 background: white;
 border:5px solid #0F83A0;
 padding: 10px;
 display: none;
}
.floating-ct-head {
 text-align: right;
}
.floating-ct-body .ContactForm {
 margin: 0;
 display: block!important;
بعدها قم بالبحث عن وسم  </body> وضع فوقة / قبلة الكود الاتي

<script type='text/javascript'>
//<![CDATA[
/*Floating Contact Form by BloggerItems.com*/
$('body').append('<div class="floating-ct"><div class="floating-ct-head"><a href="#no-move">إتصل بنا</a></div><div class="floating-ct-body"></div></div>');
$('.ContactForm').appendTo('.floating-ct-body');
var slide_up_ct = false;
$('.floating-ct-head a').click(function(){
 if (!slide_up_ct) {
 slide_up_ct = true;
 $('.floating-ct-body').slideDown();
 } else {
 slide_up_ct = false;
 $('.floating-ct-body').slideUp();
 }
});
//]]>
</script>

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