تعديل على قالب بلوجر

التعديلات بعد تركيب قالب Essence قالب بلوجر معرب


1- قبل تركيب القالب الأفضل عمل نسخة احتياطية وتابع هذه الدرس لعمل نسخة احتياطية مع أدوات التخطيط.
2- بعد عمل نسخة احتياطية استخدم قالب التنظيف من هنا.
3- ارفع القالب

التعديلات في التخطيط

لعمل أيقونات التواصل الاجتماعي في الإعلاء ضع الكلمات التالية في عنوان الموقع 
facebook, twitter, gplus, linkedin, youtube   
لتشغيل السلايد شو ضع تسمية

اكواد الإضافات في القائمة الجانبية 

1- كود من نحن
<div class="about-widget-wrap"><div class="about-widget-image">
<center><img src="https://avatars.hsoubcdn.com/b88abbe6dbbeb97c939e7efbec592c22?s=256" alt="About Me" original="https://avatars.hsoubcdn.com/b88abbe6dbbeb97c939e7efbec592c22?s=256" style="
        border-radius: 100%;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(235, 235, 235);
    margin:0;
    padding: 5px;
    width: 180px;
" /></center>
</div>

<div style="text-align: justify">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.<a href="#" style="text-decoration: underline;text-decoration: none;color: #000;font-weight: bold;margin: 0 3px;">المزيد من هنا</a></div>
<style>
.about-widget-image {
    max-height: 260px;
overflow:hidden;
margin-bottom: 15px;
}

</style>
</div>


استبدل https://avatars.hsoubcdn.com/b88abbe6dbbeb97c939e7efbec592c22?s=256 برابط صورتك
و استبدل # برابط صفحة من نحن او حسابك في الفيس بوك

2 كود أيقونات التواصل
<div class="icons-social">
<ul id="social">
<li><a class="youtube" href="#" title="instagram"></a></li>
<li><a class="gplus" href="#" title="gplus"></a></li>
<li><a class="twitter" href="#" title="twitter"></a></li>
<li><a class="facebook" href="#" title="facebook"></a></li>
</ul></div>

<style>
ul#social {
    text-align: center;
}
.icons-social li {
    display: inline-block;
padding: 0;
text-align: left;
;
}

.icons-social #social a {
display: block;
height: 42px;
width: 42px;
color: #2b2b2b;
text-align: center;
font-size: 20px;
}
.icons-social #social a:before {
display: inline-block;
font: normal normal normal 22px/1 FontAwesome;
font-size: inherit;
font-style: normal;
font-weight: 400;
line-height: 44px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icons-social .facebook:before {
content: "\f09a";
}

.icons-social .twitter:before {
content: "\f099";
}

.icons-social .gplus:before {
content: "\f0d5";
}


.icons-social .instagram:before {
content: "\f16d";
}

.icons-social .youtube:before {
content: "\f16a";
}



</style>

3- كود النشرة البريدية
<style>
#Templatesyard-sbox-v2 {
  padding: 0;
  padding-bottom: 5px;
  font-family: inherit;
  display: block;
  margin: 0;
  border-radius: 1px;
}

#Templatesyard-sbox-v2 p {
  font-size: 15px;
  color: #000;
  line-height: 27px;
  padding: 5px 10px 5px;
  text-align: center;
  width: 80%;
  margin: 5px auto 20px;
}
#Templatesyard-sbox-v2 .rssform {
  padding: 0;
  margin: 0 auto;
  display: block;
}
#Templatesyard-sbox-v2 .rssform input {
  padding: 8px;
  margin: 20px auto 15px;
  font-size: 13px;
  color: #000;
  text-align: center;
  display: block;
  font-family: inherit;
  font-weight: normal;
  width: 90%;
  height: 38px;
  text-transform: uppercase;
  outline: none !important;
  border: 1px solid #ebebeb;
  border-radius: 1px;
  background-color: #FCFCFC;
  box-sizing: border-box !important;
}
#Templatesyard-sbox-v2 .rssform .button:hover {
 background:#10b765;
}
#Templatesyard-sbox-v2 .rssform .button {
  background: #2b2b2b;
  color: white!important;
  margin-top: 15px;
  outline: none !important;
  transition: all .3s ease-in-out;
  padding: 5px 2px !important;
  float: none;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  cursor: pointer;
  font-family: Montserrat;
border-radius:20px;
}




#Templatesyard-sbox-v2 form {
  margin-bottom: 10px !important;
}
</style>
<div id="Templatesyard-sbox-v2">
            
                 <p>الحصول على أحدث المواضيع مباشرة عبر البريد الالكتروني مجانا!</p>
   <div class="rssform">
            <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="text" name="Name" placeholder="أدخل أسمك
" vk_14173="subscribed" vk_169e0="subscribed" vk_1c14d="subscribed" />
            <input type="text" name="email" placeholder="أدخل بريدك الالكتروني..." vk_14173="subscribed" vk_169e0="subscribed" vk_1c14d="subscribed" />
            <input type="hidden" value="Templatesyard" name="uri" />
            <input type="hidden" name="loc" value="en_US" />
            <input value="الاشتراك" class="button" type="submit" />
            </form>
            </div>
     
  
            </div>
استبدل mailverify باسم خلاصتك في فييدبنر

هنا نكون قد انتهينا من تركيب القالب.

تعليقات

إرسال تعليق