كود جعل الروابط مشعة كألوان الطيف لمدونة بلوجر

اقدم لكم اليوم كود لجعل روابط مدونة بلوجر كألوان الطيف

يجعلها مشعة عند مرور الماوس عليها

اضافة التقييم بالنجوم لمواضيع المدونة ( بلوجر )

اقدم لكم اليوم

طريقة اضافة التقييم بالنجوم لمدونة بلوجر

شرح اضافة الميتاتاج لمدونة بلوجر

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

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

اولا : ما هو الميتاتاج ؟؟

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

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

اقدم لكم كود يجعل الروابط في مدونة بلوجر

تفتح في صفحة مستقة

كود ترقيم الصفحات في مدونات بلوجر

اقدم لكم اليوم كود خاص بترقيم مدونات بلوجر 

 حيث يضيف كلمة السابق والتالي وارقام الصفحات قبل الفوتر 

 شرح التثبيت

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

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

هيا لنبدأ :

إضافة زر أعجبني (like) لتدوينة بلوجر

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

في مدونة بلوجر

اولا : سجل دخول الى المدونة

ثم اذهب الى تصميم .. ثم تحرير html

ثم اضغط على توسيع عناصر القالب

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

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

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

فالكثيرين يلجأون الى الأكواد والأيقونات

رغم ان بلوجر قد اضافت هذه الميزة في المحرر

شرح اضافة 3 أعمدة في الفوتر لمدونات بلوجر

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

ادخل الى مدونتك على بلوجر
http://www.blogger.com


ثم لوحة لتحكم ثم تحرير HTML

وقم بتوسيع القالب

اضغط على CTRL+F

وابحث عن  

</body>

<div id='lower'> <div id='lower-wrapper'> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar1' preferred='yes'> </b:section> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar2' preferred='yes'> </b:section> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar3' preferred='yes'> </b:section> </div> <div style='clear: both;'/> </div> </div>

  ثم ابحث عن 

]]></b:skin> 

/* -----   LOWER SECTION   ----- */
#lower {
       margin:auto;
       padding: 0px 0px 10px 0px;
       width: 100%;
       background:#dde9f3;
} 
#lower-wrapper {
       margin:auto;
       padding: 20px 0px 20px 0px;
       width: 960px;

}

#lowerbar-wrapper {
     border:1px solid #DEDEDE;
       background:#fff;
       float: right;
       margin: 0px 5px auto;
       padding-bottom: 20px;
       width: 32%;
       text-align: justify;
       font-size:100%;
       line-height: 1.6em;
       word-wrap: break-word; 
       overflow: hidden;
}

       .lowerbar {margin: 0; padding: 0;}
       .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}

.lowerbar h2 {
      margin: 0px 0px 10px 0px;
       padding: 3px 0px 3px 0px;
       text-align: right;
       color:#0084ce;
        text-transform:uppercase;
      font: bold 13px Tahoma, Verdana;
       border-bottom:3px solid #0084ce;
}

.lowerbar ul {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      list-style-type: none;
}

.lowerbar li {
      margin: 0px 0px 2px 0px;
      padding: 0px 0px 1px 0px;
      border-bottom: 1px dotted #ccc;
}