الثلاثاء، 30 أغسطس 2016

طريقة عمل لوجو او شعار لمدونتك

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

مدونة modicomb هذة الطريقة انا اخزت الفكرة من علي اليوتيوب 

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

تشاهدون الفيديو بامتعان .






----------------------------------------------------------------------------------------------
_______________________________________________________________

ملحوظات :-
  • انا قمت باستخدام الفوتوشوب cc2014
  • الفوتوشوب قمت بعمل تعريب له و اضافات
------------------------------------------------------------------------------------------------
________________________________________________________________

الفيديو:-


Share:

السبت، 11 يونيو 2016

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




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

يعتبر موقع الفيسبوك facebook من أشهر مواقع شبكات ألتواصل ألأجتماعي ، لذلك يجد أصحاب الشركات وألمواقع في ذلك فرصة كبيرة لإشهار منتجاتهم أو مواقعهم خاصة بعد ان وفرألموقع خدمة إنشاء صفحات لتيسير هذا ألأمر
ونحن كأصحاب مدونات لابد لنا من إستغلال هذه الخدمة لإشهار مدوناتنا وزيادة البيج رانك Pagerank باستقطاب الزوار والمعجبين بالصفحة ، ولتفعيل هذه الخدمة ندخل الى ألموقع التالي
إنشاء صفحة    لتظهر لنا ألصفحة ألتالية


نضغط منها على المربع ( علامة تجارية أو منتج ) ليتحول تلقائيا الى ألشكل ألتالي


نختار من الفئة ( موقع ألكتروني ) ثم نكتب اسم المدونة ونضغط على ( ألشروع في ألعمل ) لننتقل الى الصفحة ألتالية :


نكتب الكلمتين المطلوبتين ثم نضغط على ( تقديم ) لننتقل بعدها الى الصفحة التالية :


اذا كان لدينا حساب قديم على الفيسبوك سوف نختار ألأختيار ألأول ( سبق لي عمل حساب بالفيسبوك ) وإنشاء الصفحة على نفس الحساب ، أما اذا لم يكن لدينا حساب فسوف نختار ألأختيار ألثاني ( ليس لدي حساب فيسبوك ) لينقلنا الى صفحة خطوات إنشاء حساب على الفيسبوك ، ويمكننا ايضا إنشاء حساب مستقل للمدونة بالأختيار الثاني
الفكرة هي إنشاء الصفحة وبما انني لدي حساب قديم لذلك أخترت للأختصار ألخيار ألأول
بذلك قد قمنا بإنشاء صفحة ألمدونة على الفيسبوك وعلينا ألآن الدخول اليها وإجراء التحديثات فيها مثل إضافة صورة للبروفايل وأقتراح أصدقاء
وبعد ألأنتهاء من التعديلات أللازمة للصفحة علينا معرفة كيفية ربطها بالمدونة وذلك بوضع شارة للصفحة في المدونة
وللقيام بهذه ألخطوة ندخل إلى صفحة ألشارات
لنجد شارة المدونة وبجانبها ألكود


وأن شئنا التعديل على ألشارة قبل نسخ ألكود نضغط على كلمة ( تعديل الشارة ) لتفح لنا نافذه نعدل عليها مانشاء ونعاين الشارة لإختيار مايناسب قالب ألمدونة ثم نضغط حفظ



ننسخ الكود ثم نقوم بإضافته في المدونة من
لوحة التحكم ألرئيسية > تصميم > إضافة أداة > أداة جافا سكربت
لتكون النتيجة النهائية بهذا الشكل


Share:

الثلاثاء، 26 أبريل 2016

[قوالب بلوجر] أكثر من 40 قالب بلوجر احترافي لسنة 2017/2016 للتحميل مجانا!


 كلنا نعلم أن قوالب بلوجر أصبحت مؤخرا مطلوبة بشكل كبير نظرا لكثرة المدونات سواء التقنية أو الإخبارية، أو حتى الرياضية، لذلك فإنني قد وفرت لك في هاته التدوينة أكثر القوالب احترافية على الإطلاق لسنة 2015، منها ما هومعرب ومنها ما تم تكويده من الصفر. حيث وجب عليك أن تعرف أخي الكريم، أن الزائر حينما يدخل لتدوينتك، ويجد قالبا جميلا، فسوف يبقى في مدونتك لمدة أطول وسيتصفح المزيد من الأقسام في موقعك، وبهذا سوف تستطيع تقوية أرشفة موقعك بشكل كبير.. وللقوالب الاحترافية فوائد جمة لا يمكنني أن أسردها بأكملها في هاته التدوينة تفاديا للإطالة!
ففي هذه التدوينة قد جمعت لك أكثر من 40 قالب بلوجر احترافي تجاوبي مصصم بتقنية الفلات ديزاين، هتهالقوالب قمت بجمعها من مدونات عربية عديدة رائدة في هذا المجال!
وحتى لا يقال علي أنني أنقل أو أي شيء من هذا القبيل فقد قمت بوضع جميع المصادر أسفله، حتى أكون قد احترمت شروط الآخرين ولم أغش في عملي!
المهم لنبدأ في تجميعتنا!

#1 قالب مدونة برو أيوب الأحمر: 


#2 قالب اكسبرس نيوز:

قالب اكسبرس نيوز


#3 قالب إخباري إحترافي شبيه بقالب صحيفة:


#4  قالب BlogZin Responsive معرب:


#5  قالب Portfolio معرب:


#6 قالب Straight معرب:


#7 قالب breeze معرب:


#8 قالب Gaps معرب:


#9 قالب movie mag لعرض الافلام معرب:


#10 قالب Belastic Responsive الاحترافي المعرب:


#11 قالب مدونة عمرو ويب السابق:


#12 قالب نور القمر لبلوجر تصميم وتكويد عمرو محمد:


#13 قالب مدونة عمرو ويب الاخضر المدفوع مجانا:


#14 قالب مدونة تحت الانشاء:


#15 قالب مدونة جلال البعداني المدفوع مجانا:


#16 قالب مدونة عمرو ويب النسخة الاولى: 


#17 تحميل أفضل قالب تقني على البلوجر 2015:


#18 قالب مدفوع احترافي لمدونة في طور الإنشاء او التعديل على البلوجر Metro 25:


#19 قالب بلوجر معرب واحترافي جاهز 2015:


#20 قالب صحيفة الإخبارية المعدلة على البلوجر :



#21 قالب عرض القوالب على البلوجر إحترافي و معرب:


#22 قالب صفيحة SAHIFA للبلوجر من أكثر القوالب مبيعا في العالم!:


#23 قالب "اللي مني مزعلني" مجانا من بلوجرام - النسخة 1.6:


#24 قالب مجلة إبداع المدفوع:


#24 قالب مدونة إبداع المدفوع: 


#24 قالب إبداع كلاسيك المدفوع:


#25 قالب الإبداع Creative معرب:


#26 قالب realmag معرب :


#27 قالب إلهام التدوين مجانا نسخة V1:


#28 قالب حكاية النسخة الثانية:


#29 قالب مُدون متجاوب:


#30 قالب Lycoris النسخة الثالثة معربة:


#31 قالب معرض حسام:


#32 قالب حدود للمدونات الشخصية:


#33 قالب لعرض القوالب والثيمات:


#34 قالب تدوينة للمدونات الشخصية:


#35 قالب Minima V2.1 معرب:


#36 قالب فكرة مين ؟ :


#37 قالب Alissa لمدونة قيد الإنشاء 2014:


#38 قالب الفراشة الإحترافي (للمدونات النسائية):


#39 قالب Ravia معرب وتجاوبي:


#40 قالب مدونة TrucGeek المدفوع :


#41 قالب فلات تقني احترافي للبلوجر:

Share:

الخميس، 3 مارس 2016

إضافة شاحنة صفحة الفيسبوك إلى المدونه

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

Add Truck Facebook page to code

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

نبدء بدون اطالة
طريقة اضافة الاداة 
  1. ادهب الى 
  2.  لوحة التحكم
  3.  التخطيط
  4.  إضافة أداة
  5. Html/javascript



مع استبدال 
www.facebook.com/miftehbloger
برابط صفحتك


مبروك عليك 
انتهى الشرح بفضل الله
Share:

الاثنين، 1 فبراير 2016

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

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

    1. لإضافة هذا الشكل ما عليك سوى تتبع الخطوات ،
    2. توجه إلى لوحة التحكم ثم قالب ثم تحرير HTML
    3. إبحث عن من خلال الضغط على Ctrl+F
       نسخ هذا الكود 

</HEAD>
    4. ضع الكود الثالي قبله مباشرة
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>

       5. إضغط حفظ  تم توجه إلى تخطيط ، إضافة أداة >>> HTML/Javascript


<style type='text/css'>
#makingdifferentpopup{
position: fixed;
top:100px;
z-index:9999;
display:none;
padding:0px;
right:600px;
border:10px solid rgba(82, 82, 82, 0.7);
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
width:400px;
height:360px;
overflow:hidden;
}
#makingdifferentpopup span{
font-size:20px !important;
font-weight:bold !important;
}
#makingdifferentpopup h1{
background:#6d84b4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE_DgmVfiGk5jIU1KWN0W4_CKzrxs4_7ZLha66YV0ma5X1ZCxY2ydqYAEaGVhZOzlHWrbVb_y-iuOdkeqxGLwgs769kNm92lK6kN1UtujCGMN91L6lmWxJd00gLzghyphenhyphen6cHXvMjwzxkwX8K/s1600/%255Bwww.gj37765.blogspot.com%255Dh1.png) 98% no-repeat;
border:1px solid #3b5998 !important;
color:#FFFFFF !important;
font-size:20px !important;
font-weight:700 !important;
padding:5px !important;
margin:0 !important;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif !important;
overflow:hidden !important;
}
.htmlarea{
font-size:12px !important;
font-weight:normal !important;
height:265px !important;
padding:1px !important;
background:#fff !important;
border-bottom:2px solid #ddd;
overflow:hidden !important;
}
#mdfooter{
text-align:left;
background:#F2F2F2 !important;
height:56px !important;
padding:10px 10px 10px 10px !important;
overflow:hidden !important;
}
#mdclose{
float:right;
background-color:#eee !important;
border:1px solid #ccc !important;
color:#111 !important;
font-weight:bold !important;
padding:5px 8px 5px 8px !important;
text-decoration:none !important;
display:inline-block !important;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif !important;
outline:none !important;
position:relative !important;
font-size:18px !important;
margin:1px !important;
}
#mdclose:active{
top:1px;
left:1px;
}
.grabthis{
bottom:80px;
font:8px "lucida grande",tahoma,verdana,arial,sans-serif;
position:absolute;
right:6px;
text-align:right;
z-index: 99999;
}
.grabthis a{
color: #000;
text-decoration:none;
}
.grabthis a:hover{
text-decoration:underline;
}
</style>
<script type='text/javascript'>
jQuery(document).ready(function() {
function makingdifferent_ppopup()  {var sec = 10
var timer = setInterval(function() {
   $("#mdfooter span").text(sec--);
   if (sec == 0) {
      $("#makingdifferentpopup").fadeOut("slow");
      clearInterval(timer);
   }
},1000);
  var mdwh = jQuery(window).height();
  var mdpph = jQuery("#makingdifferentpopup").height();
  var mdfromTop = jQuery(window).scrollTop()+50;
 jQuery("#makingdifferentpopup").css({"top":mdfromTop});}
jQuery(window).fadeIn(makingdifferent_ppopup)
.resize(makingdifferent_ppopup)
 //alert(jQuery.cookie('sreqshown'));
 //var mdww = jQuery(window).width();
 //var mdppw = jQuery("#makingdifferentpopup").width();
 //var mdleftm = (mdww-mdppw)/2;
   var mdleftm = 500;
 //var mdwh = jQuery(window).height();
 //var mdpph = jQuery("#makingdifferentpopup").height();
 //var mdfromTop = (jQuery(window).scrollTop()+mdwh-mdpph) / 2;
 jQuery("#makingdifferentpopup").animate({opacity: "1", left: "0" , left:  mdleftm}, 0).show();
     jQuery("#mdclose").click(function() {
jQuery("#makingdifferentpopup").animate({opacity: "0", left: "-5000000"}, 1000).show();});});
</script>
<div id="makingdifferentpopup">
<h1>إنظم إلينا على الفايس بوك</h1>
<div class="htmlarea">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/scorline2&amp;width=400&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23fff&amp;stream=false&amp;header=false&amp;height=250" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:250px;" allowtransparency="true"></iframe>
<div class="grabthis">
By <a href="http://www.hukmat.blogspot.com/" target="_blank">Hukmat</a> / <a href="http://www.hukmat.blogspot.com" target="_blank">+Get This!</a>
</div>
</div>
<div id="mdfooter">Please wait..<span>10</span> Seconds<a href="#" id="mdclose" onclick="return false;">إلغاء</a>
</div>
</div>
<!-- End popup -->

ملحوضة : ما عليك سوى تغيير Scorline2   بإسم الخاص بصفحتك
Share: