( كيف أصمم واجهة احترافية لمدونتي )
( شاهد واجهة مدونتي كمعاينة )
طريقة عمللواجهة لمدونات بلوجر سهلة جدا
أولا عليك إنشاء مدونة جديدة في بلوجر (حبذا لو كانت بنفس حسابك الذي تستخدمه)
ثم توجه في مدونتك الجديدة إلى:
تصميم > تحرير html > الرجوع إلى النموذج القديم (تجده أسفل الصفحة)
سيطلب منك التأكيد على خيارك قم بالموافقة
سيظهر لك الآن صندوق أكواد شبيه بالصندوق القديم لكنك ستلاحظ غياب بعض العناصر التي تعودنا عليها
مثل (توسيع القالب - تنزيل نسخة احتياطية - عناصر الصفحة ... )
قم بحذف الأكواد التي في الصندوق جميعا ..
ثم ألصق به الكود التالي
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="rtl">
<head>
<style type="text/css"> /* ----------------------------------------------- Blogger Template Style
By : taquafati
URL : http://taquafati.blogspot.com/ ----------------------------------------------- */
#navbar-iframe { display: none !important; }
body { background: #f2f1ee; font: 14px Tahoma; color:#000000; }
#outer-wrapper { float: right; margin: -90px; }
#taquafati-home {position: relative;right: 570px;top: -20px; }
.widget-content {position: relative;right: 150px;top:30px; }
#taquafati-fc {float: center;position: relative;right: 400px; top: 30px;}
#taquafati-tw {float: center;position: relative;right: 600px;top: -16px; }
#taquafati-blog{float: center;position: relative;right: 800px;top: -62px; }
<!-- --><style type="text/css">@import url(http://www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css);div.b-mobile {display:none;}</style>
</head> <body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script><div id="navbar-iframe-container"></div><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<div id='outer-wrapper'> <div class='main section' id='main'><div class='widget Image' id='Image1'> <div class='widget-content'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3ichTIJxnY_TfamUdptTonwjz6eD3OKXnixf0gJOxKG8lQFTRayvvtXYWAnbGqRv_XkWbcsYw-hvXv87_K2AHfo8h-WdyCJFWwOtmEtwXpE7xVqDGa1LPBUhaAq22exdytwCH2SjrxQ/s1600/taquafati-home.png'/> </a> <br/> </div>
<div id='taquafati-home'><a href='http://taquafati.blogspot.com/'</a><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3tG3S8qtQWLV98AI7_zTTRvRflb39FTkpd05uN74vFGbGIBjyH5eWBz0SBYJ3c00ObBzYskrTm8lvMxI3r3muVWOII6KuFwb1ljDz_mSeJHcgB5q3Ig4vJdYfndj6xM7hBO6OnAblxA/s1600/login-taquafati.png'/></a> </div>
<div id='taquafati-fc'><a href='http://www.facebook.com/taquafati'</a><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOEvV6euj-mWzZvaQBKXNtn5U0ZPtk8_-bbalOP7FP-BwyvWPAQcS6PnvdLSFMxfOhZ-LrWa9UA376FbW4N3wyPkJg3lVZqHvYjRHXznmBU7AKMu-0QscV0qw74f5cuhLfrd-YkyyCvg/s1600/facebook-on-taquafati.png'/></a> </div>
<div id='taquafati-tw'><a href='https://twitter.com/Taquafati'</a><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIr_WSv8yNVFFsRDBTGc3LVrvLLf5utMdBru-Q6_LSqkqgRm28KL7hnar5DjKBlXpk0OtiqJTeJlDw05UU_wJbQLcYnNxnIxr6LxlBdunU8fY_HG6r3Md78_wQUoXuY6nnmjWLUjvSdw/s1600/twitter-on-taquafati.png'/></a> </div>
<div id='taquafati-blog'><a href='http://www.blogger.com/follow-blog.g?blogID=7153910075701629429'</a><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiiOys34e8-EHYdRp7wgRPKedgmYFV_GrcZYfdVANZXXNUO6ygOrC2i2C9CJ6_mvvPD76rJwp95A0PmKf2qtvkTTCIFvJS4dvZLcy9dr1WMD0aecW33py5aR9YeRtKPwqgaaptNJbPYA/s1600/taquafati-off.png'/></a> </div>
<script type="text/javascript" src="//www.blogger.com/static/v1/common/js/1851061575-csitail.js"></script><script type="text/javascript">BLOG_initCsi('classic_blogspot');</script></body> </html>
قم بتغيير رابط صورة الواجهة التالي برابط صورة الواجهة التي تريد ظهورها
وغيّر رابط مدونتي برابط مدونتك التي تريد أن يتوجه لها الزائر من الواجهة
يمكنك تغيير لون الخلفية الذي وضعته ليلائم واجهة مدونتي
قم بحفظ تغييرات القالب وشاهد واجهة مدونتك الجديدة
أرونا إبداعاتكم في تصميم واجهات مدوناتكم .. ولا تنسو المشاركة في مدونتي
تنبيه:
لا أسمح ولا أبيح إزالة حقوق تصميم الكود أو نقل الموضوع بدون ذكر المصدر
أي سؤال ضع تعليقك في تعليقات بلوجر و ليس الفيسبوك
يمكنك تغيير لون الخلفية الذي وضعته ليلائم واجهة مدونتي
قم بحفظ تغييرات القالب وشاهد واجهة مدونتك الجديدة
أرونا إبداعاتكم في تصميم واجهات مدوناتكم .. ولا تنسو المشاركة في مدونتي
تنبيه:
لا أسمح ولا أبيح إزالة حقوق تصميم الكود أو نقل الموضوع بدون ذكر المصدر
أي سؤال ضع تعليقك في تعليقات بلوجر و ليس الفيسبوك
Posts
0 comments:
Post a Comment