romaissa
11-01-2013, بتوقيت غرينيتش 08:07 AM
http://img30.imageshack.us/img30/488/51273469.png
( كيف أصمم واجهة interface احترافية لمدونتي )
http://4.bp.blogspot.com/-4Iy1wCdV5PY/UV95DvWUyAI/AAAAAAAAAHs/SYaqXv6ly9s/s320/2.png
( شاهد واجهة interface مدونتي (http://fadae-ma3rifa.blogspot.com/)كمعاينة )
طريقة عمللواجهة interface لمدونات بلوجر سهلة جدا
شرح طريقة بالفيديو هنا (http://www.youtube.com/watch?v=Q20DFrziCoM)
أولا عليك إنشاء مدونة blog جديدة في بلوجر (حبذا لو كانت بنفس حسابك الذي تستخدمه)
ثم توجه في مدونتك الجديدة إلى:
تصميم > تحرير html > الرجوع إلى النموذج القديم (تجده أسفل الصفحة)
سيطلب منك التأكيد على خيارك قم بالموافقة
سيظهر لك الآن صندوق أكواد شبيه بالصندوق القديم لكنك ستلاحظ غياب بعض العناصر التي تعودنا عليها
مثل (توسيع القالب template - تنزيل نسخة احتياطية - عناصر الصفحة ... )
قم بحذف الأكواد التي في الصندوق جميعا ..
http://2.bp.blogspot.com/-kcDo5jcNkyw/UV95E5WkWtI/AAAAAAAAAH4/MF7oDcw4I9U/s320/3.png
ثم ألصق به الكود code التالي
رمز Code:
<!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='http://2.bp.blogspot.com/-v5aVkhPYhn8/USpkkXQVgzI/AAAAAAAAAh0/5LTIyDCfwR8/s1600/taquafati-home.png'/> </a> <br/> </div> <div id='taquafati-home'> <a href='http://taquafati.blogspot.com/'</a><img src='http://3.bp.blogspot.com/-nvYNpVJ7GVQ/UTVHVuuPIrI/AAAAAAAAA1c/WPosN4QiSAI/s1600/login-taquafati.png'/></a> </div> <div id='taquafati-fc'> <a href='http://www.facebook.com/taquafati'</a><img src='http://1.bp.blogspot.com/-AytjwDsUNK0/USpkj73vL0I/AAAAAAAAAhk/EWj_H17mrRQ/s1600/facebook-on-taquafati.png'/></a> </div> <div id='taquafati-tw'> <a href='https://twitter.com/Taquafati'</a><img src='http://4.bp.blogspot.com/-sgJ8Jlxnn-c/USpkk6-rGgI/AAAAAAAAAh8/GsLHARxFGAw/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='http://4.bp.blogspot.com/-7YCA9nw0WM8/USpkkFupG1I/AAAAAAAAAho/cLAuhU8FZP8/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>
قم بتغيير رابط صورة الواجهة interface التالي برابط صورة الواجهة interface التي تريد ظهورها
رمز Code:
http://2.bp.blogspot.com/-v5aVkhPYhn8/USpkkXQVgzI/AAAAAAAAAh0/5LTIyDCfwR8/s1600/taquafati-home.png
وغيّر رابط مدونتي (http://taquafati.blogspot.com/)برابط مدونتك التي تريد أن يتوجه لها الزائر من الواجهة interface
رمز Code:
<a href='http://taquafati.blogspot.com'>
يمكنك تغيير لون الخلفية الذي وضعته ليلائم واجهة interface مدونتي (http://taquafati.blogspot.com)
قم بحفظ تغييرات القالب template وشاهد واجهة interface مدونتك الجديدة
أرونا إبداعاتكم في تصميم واجهات مدوناتكم .. ولا تنسو المشاركة في مدونتي (http://taquafati.blogspot.com)
تنبيه:
لا أسمح ولا أبيح إزالة حقوق تصميم الكود code أو نقل الموضوع بدون ذكر المصدر
أي سؤال ضع تعليقك هنا (http://e7tarif.blogspot.com/2014/04/Designed-interface-for-your-blog.html)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
( كيف أصمم واجهة interface احترافية لمدونتي )
http://4.bp.blogspot.com/-4Iy1wCdV5PY/UV95DvWUyAI/AAAAAAAAAHs/SYaqXv6ly9s/s320/2.png
( شاهد واجهة interface مدونتي (http://fadae-ma3rifa.blogspot.com/)كمعاينة )
طريقة عمللواجهة interface لمدونات بلوجر سهلة جدا
شرح طريقة بالفيديو هنا (http://www.youtube.com/watch?v=Q20DFrziCoM)
أولا عليك إنشاء مدونة blog جديدة في بلوجر (حبذا لو كانت بنفس حسابك الذي تستخدمه)
ثم توجه في مدونتك الجديدة إلى:
تصميم > تحرير html > الرجوع إلى النموذج القديم (تجده أسفل الصفحة)
سيطلب منك التأكيد على خيارك قم بالموافقة
سيظهر لك الآن صندوق أكواد شبيه بالصندوق القديم لكنك ستلاحظ غياب بعض العناصر التي تعودنا عليها
مثل (توسيع القالب template - تنزيل نسخة احتياطية - عناصر الصفحة ... )
قم بحذف الأكواد التي في الصندوق جميعا ..
http://2.bp.blogspot.com/-kcDo5jcNkyw/UV95E5WkWtI/AAAAAAAAAH4/MF7oDcw4I9U/s320/3.png
ثم ألصق به الكود code التالي
رمز Code:
<!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='http://2.bp.blogspot.com/-v5aVkhPYhn8/USpkkXQVgzI/AAAAAAAAAh0/5LTIyDCfwR8/s1600/taquafati-home.png'/> </a> <br/> </div> <div id='taquafati-home'> <a href='http://taquafati.blogspot.com/'</a><img src='http://3.bp.blogspot.com/-nvYNpVJ7GVQ/UTVHVuuPIrI/AAAAAAAAA1c/WPosN4QiSAI/s1600/login-taquafati.png'/></a> </div> <div id='taquafati-fc'> <a href='http://www.facebook.com/taquafati'</a><img src='http://1.bp.blogspot.com/-AytjwDsUNK0/USpkj73vL0I/AAAAAAAAAhk/EWj_H17mrRQ/s1600/facebook-on-taquafati.png'/></a> </div> <div id='taquafati-tw'> <a href='https://twitter.com/Taquafati'</a><img src='http://4.bp.blogspot.com/-sgJ8Jlxnn-c/USpkk6-rGgI/AAAAAAAAAh8/GsLHARxFGAw/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='http://4.bp.blogspot.com/-7YCA9nw0WM8/USpkkFupG1I/AAAAAAAAAho/cLAuhU8FZP8/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>
قم بتغيير رابط صورة الواجهة interface التالي برابط صورة الواجهة interface التي تريد ظهورها
رمز Code:
http://2.bp.blogspot.com/-v5aVkhPYhn8/USpkkXQVgzI/AAAAAAAAAh0/5LTIyDCfwR8/s1600/taquafati-home.png
وغيّر رابط مدونتي (http://taquafati.blogspot.com/)برابط مدونتك التي تريد أن يتوجه لها الزائر من الواجهة interface
رمز Code:
<a href='http://taquafati.blogspot.com'>
يمكنك تغيير لون الخلفية الذي وضعته ليلائم واجهة interface مدونتي (http://taquafati.blogspot.com)
قم بحفظ تغييرات القالب template وشاهد واجهة interface مدونتك الجديدة
أرونا إبداعاتكم في تصميم واجهات مدوناتكم .. ولا تنسو المشاركة في مدونتي (http://taquafati.blogspot.com)
تنبيه:
لا أسمح ولا أبيح إزالة حقوق تصميم الكود code أو نقل الموضوع بدون ذكر المصدر
أي سؤال ضع تعليقك هنا (http://e7tarif.blogspot.com/2014/04/Designed-interface-for-your-blog.html)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©