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

زوار ومتابعي المدونة الكرام 

اسعد الله أوقاتكم بكل خير ومحبة 

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

للمعاينة أنقر هنا

- طريقة التركيب :

1- ادخل إلى مدونتك ثم اختر لوحة التحكم .

2- من لوحة التحكم اختر تخطيط .

3- من تخطيط اختر إضافة أداة : HTML/JavaScript

4- ضع الكود التالي في صتدوق الأداة ثم احفظ .

  <style>/*homeblog7.blogspot.com CSS starts*/
.post-body a, a:visited {
  text-decoration: none;
  position: relative;
  color: #3498DB;
}
.post-body a:after, a:visited:after {
  content: '';
  height: 2px;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0%;
  background: #19B5FE;
  transition: 0.2s;
  margin-top:2px
}
.post-body a:hover:after, a:visited:hover:after {
  width: 100%;
}
.post-body a.block, a:visited.block {
  display: block;
  padding: 0.5em;
}
.post-body a.block:hover, a:visited.block:hover {
  background: #fff;
}/*homeblog7.blogspot.com CSS ends*/
</style>