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

التسميات: 0 التعليقات





فى هذا الموضوع اعرض كيفية اضافة اخر المواضيع من قسم معين من مدونتك بشكل احترافى جدا والان مع الشرح البسيط لذلك
اذهب الى لوحة التحكم >> التخطيط >> اضافة أداة >> javascript
ضع بها هذا الكود
<link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/a9gmt732muo2nhu/CSS.css" /> <script src="https://dl.dropboxusercontent.com/s/ne9acakkjcophw3/JavaScript.js"></script> <script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = true;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script> <script type="text/javascript" src="http://myebd3at.blogspot.com//feeds/posts/default/-/قوالب بلوجر?published&alt=json-in-script&callback=labelthumbs"></script>
♥ التغـيـــرات الممكنة على الكـــــود ♥
كود الوصف تحت اسم الموضوع
showpostsummary = true
كود التعليقات تحت اسم الموضوع
showcommentnum = false
كود عدد المواضيع التى ستظهر
var numposts = 3
كود اظهار كلمة المزيد >>
var displaymore = true
اذا كنت تريد إخفاء أى من هذه الإضافات فى الأداة فقم بتغيير قيم true بـ false
والعكس
قم بتغيير ( قوالب بلوجر ) باسم القسم المناسب لعرض اخر الموضوعات به
غير الرابط الأزرق برابط مدونتك
أكمل القراءة

اضافة عدد مشاهدات الموضوع لمدونات بلوجر

التسميات: 0 التعليقات

لاضافة عدد المشاهدات تابع الخطوات:



-انشاء حساب في موقع Firebase
للوصول على قاعدة بيانات مجانية وحفظ نسخة احتياطية من عدد مشاهدات الموضوع


-انشاء قاعدة البيانات
اسفل حسابك ستجد مربع انشاء قاعدة بيانات جديدة ضع اي اسم واضغط Create

سيصبح رابط قاعدة البيانات هكذا https://ahmed-alsaadi.firebaseio.com/

-وضع الاكواد
اذهب الى لوحة التحكم>>قالب ثم قم بعمل نسخة احتياطية للقالب
اضغط على توسيع قوالب عناصر واجهة المستخدم


ابحث عن ]]></b:skin>
ثم ضع فوقه الكود التالي:
كود PHP:
    /*-------- Post Views  ----------*/
    #views-container {
    width: 75px;
    float: right;
    }

    .mbtloading {
     background:  url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX9h4F20pI-xrzQ1uT3fvSIaiSxjge9DE4H_GTLI9PdbOyeUmLU9LvnihM01kP8VUL9bnxgvnK3DBDCt-1It_xQ-VH06zA9Elv6Ke_w3mhMu6FWLT4drK5oei5xCwyKTFWi4ij6v3FgvcP/s320/mbtloading.gif')  no-repeat left center;
    width: 16px;
    height: 16px;
    }

    .viewscount {
    float: right;
    color: #EE5D06;
    font: bold italic 14px arial;
    }

    .views-text {
    float: left;
    font: bold 12px arial;
    color: #333;
    }

    .views-icon{
     background:  url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyfu-AsryCHF44j1KQDE-PENLgFCHwRB_iejOgvgUB_SDVeQ9Th4rKAMWqALgMo_0pNfZIZdYQ5Zn_0CGRyF69T0fAPDE28LEd0ls3eiaVOGEsmkvWgZZor2xjPyRMIJYf3t5LW77N66Ll/s1600/postviews.png')  no-repeat left;
    border: 0px;
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    padding: 0px 2px;
    } 
لون العداد #EE5D06
float: right; مكان العداد


2-ابحث عن </body>
ثم ضع فوقه الكود التالي:
كود PHP:
<!-- Post Views Script by MBT -->
<script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace('loading', '');
      }, 10);
  </script><script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
<script>
$.each($('a[name]'), function(i, e) {
var elem = $(e).parent().find('#postviews').addClass('mbtloading');
var blogStats = new Firebase("https://ahmed-alsaadi.firebaseio.com/pages/id/" + $(e).attr('name'));
blogStats.once('value', function(snapshot) {
var data = snapshot.val();
var isnew = false;
if(data == null) {
data= {};
data.value = 0;
data.url = window.location.href;
data.id = $(e).attr('name');
isnew = true;
}
elem.removeClass('mbtloading').text(data.value);
data.value++;
if(window.location.pathname!='/')
{
if(isnew)
blogStats.set(data);
else
blogStats.child('value').set(data.value);
}
});
});
</script> 
غير رابط https://ahmed-alsaadi.firebaseio.com الى رابط قاعدة بيانات موقع Firebase

اخيرا ابحث عن <dataost.body/> ثم ضع فوقه الكود التالي لاظهار عدد المشاهدات (ضع العداد في اي مكان يناسبك)

كود PHP:
<!-- Post Views Counter by MBT-->
<div id='views-container'>
<span class='views-icon'/><div class='views-text'>الزيارات:</div>
<div class='mbtloading viewscount' id='postviews'/>
</div> 
الان اذهب الى مدونتك واختر اي موضوع واضغط F5 من الكيبورد وشاهد عدد الزيارت
أكمل القراءة

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

التسميات: 0 التعليقات
بسم الله الرحمن الرحيـم

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

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

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

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

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

وبدأت بالبحث عن الكود ولم أجد الكود الصحيح

للمعاينة : هنا



طريـــقة اضافته سهلة جدا ..

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


</head>

ثم أضيفوا فوقه مباشرة " قبله " هذا الكود


كود بلغة HTML:
<script src=  
 "https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"   
 type="text/javascript"></script>
ثم احفظوا التغيرات على القالب وتوجهوا إلى "عناصر الصفحة" وأضيفوا أداة html في أي مكان لا يهم وألصقوا بها الكود التالي


كود بلغة HTML:
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover( function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHhXG8yj1g7pclgLhHQouI4JEgvJWQtL4XrqHi0-o2Ja4Gs_XXWGeSWia4zYb6PYdPtTDcgMpmq145X-vmeYwpqe-tSGmbIHEzmRFMx3fh7K3-l0lJkSxN6t_n9Tys8XvZA6Dg-ZKste2x/s150/w2b_facebookbadge.pn")  no-repeat scroll left center transparent !important;display:  block;float: right;height: 270px;padding: 0 5px 0 46px;width:  245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fomnidal&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270"  scrolling="no" frameborder="0" scrolling="no" style="border: medium  none; overflow: hidden; height: 270px; width:  245px;background:#fff;"></iframe><span>By <a href="http://www.way2blogging.org/">Way2blogging</a> / <a href="http://www.way2blogging.org/2011/06/add-static-facebook-pop-out-like-box.html">+Get This!</a></span></div></div>
وغيروا اسم omnidal في الكود باسم صفحاتكم على الفيسبوك

الإضافة لا تشتغل إلا مع الصفحات pages وليست الصفحات الشخصية التي لا يكون بها معجبين بل أصدقاء ..

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

وان أعجبكم هذا الدرس فاضغطوا على Like ليراه أصدقائكم أيضا

ولاتنسوا الاشتراك بالقائمة البريدية كي يصلكم جديد المدونة
أكمل القراءة

إختبر سرعة موقعك بطريقة بسيطة وإحترافية (حصريا) Test Website Speed

التسميات: 0 التعليقات
بسم الله الرحمان الرحيم والصلاة والسلام على رسولنا الكريم ، السلام عليكم ورحمة الله تعالى وبركاته. في هذه المقالة إن شاء الله سوف أشاركك طريقة رائعة لتختبر بها سرعة موقعك ليكتشف سرعة الموقع هل هى بطيئة أم سريعة ؟ لأنه في الحقيقة وبصراحة سرعة الموقع لها أهمية جيد كبيرة للزوار الذين يتصفحونه . أنا شخصيا أحب المواقع السريعة والتي تستجيب بسرعة. إذن بدون أن أطيل عليك أتركك مع الشرح التوضيحي.
website test speed إختبار سرعة الموقع المواقع
أول شيئ أدخل لموقع Pingdom ثم ضع رابط موقعك كما هو مبين في الصورة أسفله وإضغط على .Test Now
 
 بعد الضغط على Test Now ستلاحظ العديد من النتائح ومن أهمها Load Time والتي تعطيك الوقت الذي يستهلك موقعك لكي يتم تحميله بشكل كامل وفي عبارة Page Size ستجد الحجم الكلي للصفخة كما تلاحظ في الصورة أسفله أنا في مدونة المهووس للمعلوميات لدي 2.7 MB هو حجم الصفحة أي صفحة البداية ومدة التحميل 3.05 ثانية. ويمكنك التعرف أكثر عن بعض المعلومات بشكل دقيق وذلك بالنزول للأسفل ستجد جميع الأشياء الموجودة في موقعك مثل صور وأدوات إلخ...
أكمل القراءة

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

التسميات: 0 التعليقات
بلوجر

أهلا وسهلاً بكم من جديد على

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

طريقه التركيب 1
اولاً تعرف كيف تضيف اكواد الـ HTML/JavaScript


أذا كنت تعرف لا حاجة للشرح المصور

لوحة التحكم بلوجر >عناصر الصفحة > إضافة أداة > HTML/JavaScript

ضع الكود ادناااه 


قم بتبديل التالي
https://www.facebook.com/additions
رابط 
الاتجاه
Follow us at Facebook
العنوان عند وضع الماوس
أكمل القراءة

قالب اتقان . قالب بلوجر تقني

التسميات: 0 التعليقات
قالب بلوجر 
 
تحميل القالب  ///  معاينه القالب

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

قالب بلوجر أزرق و أبيض - بصمة تقنية

التسميات: 0 التعليقات
قالب بلوجر 
 
تحميل القالب  ///  معاينه القالب

قالب بلوجر بلون أبيض و أزرق بعمود على اليسار . به أزرار المشاركة و بنرين للاعلانات و قائمتين في الهيدر . صورة كاملة
أكمل القراءة

كافة الحقوق محفوظة 2013 © مدونة يوسف ويب