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

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

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

شاهد ايضا

كما ترون فى الصورة التوضيحية للنجوم انها حقا تعطى شكلا جميلا لمواضيعك مما يوضح للزوار مواضيعك الاكثر اهتمام فى الفتره الحاليه وتجعلهم يقضون وقت اطول داخل المدونة

مميزات اضافة النجوم للمشاركات

1- تصنف المواضيع الخاصة بك فى مدونة بلوجر على حسب الاهتمام مما يعطى 5 نجوم، للموضوع الاكثر انتشار
2- تصنيف 4 نجوم، هذا يدل على ان هذا هو الموضوع الاقل اهمية من ال 5 نجوم،
3- 3- نجوم تدل على الموضوع الاقل اهمية فى مدونتك من الموضوع ال 4 نجوم
وكذلك فى النجوم التاليه
4- تعتبر اضافة النجوم للمشاركات مهمه جدا فى عام 2017،
5- تعطى شكلا مبهرا لمدونتك لتكسب انت محبة زوار موقعك

كيفية تركيب النجوم للمشاركات

1- توجه الى مدونتك على بلوجر الصفحة الرئيسية
2- اضغط على كلمة قالب، من القائمة الجانبيه لمدونتك
3- تحرير html
4- سيظهر لك قالب مدونتك انقر بزر الماوس على اى مكان داخل القالب
5- اضغط على مفتاح ctrl + f فى لوحة المفاتيح
6- سيظهر لك مربع البحث اكتب فى داخل المربع ( ⇐ head ⇒ ) وهو فى اول القالب لا يحتاج لكتابه هو اول وسم بعد html فى القالب من الجهه الفوقيه
7- ثم ضع الكود التالى تحته مباشرة

8- بعد اضافتك للكود ستحتاج ايضا للبحث عن هذا الوسم

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

/* Popular Post */
.PopularPosts ul{background:#fff;list-style:none;margin:0;padding:5px 5px 0;overflow:hidden;border-top:none}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:0;list-style:none;color:#64707a}
.PopularPosts ul li img{background:#fafafa;display:block;margin:0 10px 0 0;width:60px;height:60px;overflow:hidden;float:left;}
.PopularPosts ul li{position:relative;background-color:#fff;margin:0;padding:.7em 0!important;border:0;position:relative;border-bottom:1px dotted rgba(0,0,0,0.2)}
.PopularPosts ul li:before{font-family:fontawesome;content:'\f005\f005';display:inline-block;position:absolute;color:#f39c12;text-align:center;bottom:0;right:0;margin:9px 0;font-size:11px;padding:0;font-weight:normal;line-height:normal;transition:all .3s}
.PopularPosts ul li:nth-child(1):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f005';}
.PopularPosts ul li:nth-child(2):before{font-family:fontawesome;content:'\f006\f005\f005\f005\f005';opacity:.9}
.PopularPosts ul li:nth-child(3):before{font-family:fontawesome;content:'\f006\f006\f005\f005\f005';opacity:.85}
.PopularPosts ul li:nth-child(4):before{font-family:fontawesome;content:'\f006\f006\f006\f005\f005';opacity:.8}
.PopularPosts ul li:nth-child(5):before{font-family:fontawesome;content:'\f006\f006\f006\f006\f005';opacity:.75}
.PopularPosts ul li:hover:before{opacity:1}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#333;font-size:13px;}
.PopularPosts ul li a:hover{color:#2476e0;}
.PopularPosts .item-thumbnail{margin:0;}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{font-weight:700;padding-bottom:.2em;padding:0 5px}

10- اضغط حفظ القالب وتوجه الى مدونتك لترى النجوم
.
.
افعل كما ترى فى الشرح بالظبط عشان متغلطش فى حاجه وياريت بعد ماتعمل حفظ متخرجش من القالب الخاص بمدونتك الا بعد ان ترى المدونه ؟
.
ليه انا بقولك كده ؟
عشان لو كنت ركبت خطوه غلط كل اللى هتعمله فقط هتغط على مفتاح (ctrl + z ) بلوحة المفاتيح هتلاقى قدامك ان خطوه من اللى عملتها اتمسحت لو عايز تمسح كمان خطوه اضغط عليهم كمان مره وللتقدم خطوه للامام اضغط على مفتاح (ctrl + y) "
.
كده نكون خلصنا الموضوع يارب اكون قدرت افيدكم
لا تبخل علينا بتعليقك الذى سيزين موقعنا

اضافات بلوجر شروحات بلوجر نصائح المدون

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

شاهد ايضا

مميزات اضافة النجوم للمشاركات

كيفية تركيب النجوم للمشاركات

hisham mustafa

انا هشام اسمي هشام عايش هشام نايم هشام باكل هشام بشرب هشام

اترك تعليقك Hide comment