Global Data

data:blog.title Developer my Blog
data:blog.pageType item
data:blog.url https://devblogsme.blogspot.com/2013/12/html-xml.html
data:blog.homepageUrl https://devblogsme.blogspot.com/
data:blog.pageTitle Developer my Blog: أكواد مهمة جداً لكل مدون للإستخدام في HTML أو XML
data:blog.encoding UTF-8
data:blog.languageDirection ltr
data:blog.feedLinks
data:blog.enabledCommentProfileImages true
data:blog.blogId 4342262374491712998
data:blog.metaDescription
data:blog.canonicalHomepageUrl http://devblogsme.blogspot.com/
data:blog.plusone
data:blog.isMobileRequest false

Blog

data:feedLinks
data:olderPageUrl https://devblogsme.blogspot.com/2013/12/atom.html
data:olderPageTitle Older Post
data:newerPageUrl https://devblogsme.blogspot.com/2013/12/css-css3.html
data:newerPageTitle Newer Post
data:commentLabel comments
data:authorLabel Posted by
data:timestampLabel at
data:postLabelsLabel Labels:
data:backlinksLabel
data:numPosts 1

data:posts

data:post.dateHeader Saturday, December 14, 2013
data:post.id 2464848080703637879
data:post.title أكواد مهمة جداً لكل مدون للإستخدام في HTML أو XML
data:post.body
ميني سوفت


بسم الله , الحمد لله ..

بالطبع الكثير منا رأى قالب المدونة وكم هو ملئ بالأكواد او صفحات HTML ولذلك اليوم سوف نقوم بعرض أهم الأكواد المستخدمة سواء في صفحات HTML او صفحات XML وهي أكواد مهمة جداً لكل مدون يمتلك مدونة على بلوجر ..

نبدأ في سرد كل كود وماهية استخدامه ..

إذا كنت تريد إضافة صورة فقط فسوف يكون الكود كالتالي ..
<img src='رابط الصورة'/>
الذي يظهر على الصفحة الصورة فقط وعند الضغط عليها لا يحدث اي شئ.
******

إذا كنت تريد إضافة رابط في مدونتك من خلال تخطيط  HTML/JavaScript او من داخل القالب فسوف يكون الكود كالتالي ..
<a href="رابط الموقع">Mini Soft</a>
الذي يظهر على الصفحة هو عبارة Mini Soft وعند الضغط عليها يتم التحويل الى صفحة تويتر وهذا الكود هام جداً.
******
إذا كنت تريد إضافة صورة وعند الضغط عليها يتم فتح رابط جديد فسوف يكون الكود هكذا ..
<a href='رابط الموقع'><img src='رابط الصورة'/></a>
الذي يظهر على الصفحة الصورة وعند الضغط عليها يتم فتح الموقع.
******

الآن نفترض أنك تريد فتح الموقع عند الضغط عليه في صفحة جديدة فسوف يكون الكود هكذا ..
<a href='رابط الموقع' target='_blank'></a>
عند الضغط على الرابط سوف تبقى الصفحة كما هي ويتم فتح الرابط في صفحة جديدة والكود صالح للعمل سواء على رابط او صورة تحتوي على موقع.
******

إذا كنت تريد أن تقف بالفأرة على رابط او صورة فيظهر تلميح لمحتوى الرابط او الصورة فسوف يكون الكود هكذا ..
<a href='رابط الموقع' target='_blank' title='نبذة عن الموقع'></a> 
******

أكواد أخرى شائعة الإستخدام :

إذا كنت تريد أن يكون النص عريض فسوف يكون الكود كالتالي ..
<b>Mini Soft</b>
******

إذا كنت تريد أن يكون النص مائل فسوف يكون الكود كالتالي ..
 <i>Mini Soft</i>
******

إذا كنت تريد أن يكون تحت النص خط فسوف يكون الكود كالتالي ..
<u>Mini Soft</u>
 ******
إذا كنت تريد توسيط رابط او كلمة فسوف يكون الكود كالتالي ..
<center>mini soft</center>
******
وبهذا ينتهي موضوعنا لهذا اليوم 
ارجوا ان تكونوا استفدتم ولو بالقليل 
data:post.snippet بسم الله , الحمد لله .. بالطبع الكثير منا رأى قالب المدونة وكم هو ملئ بالأكواد او صفحات HTML ولذلك اليوم سوف نقوم بعرض أهم الأكواد المستخدمة...
data:post.author Rafat
data:post.authorAboutMe
data:post.authorProfileUrl https://www.blogger.com/profile/06073862446924648651
data:post.authorPhoto.url
data:post.url https://devblogsme.blogspot.com/2013/12/html-xml.html
data:post.timestamp 9:28 AM
data:post.allowComments true
data:post.numComments 0
data:post.embedCommentForm true
data:post.allowNewComments true
data:post.commentPagingRequired false
data:post.showBacklinks False
data:post.numBacklinks 0
data:post.addCommentUrl https://devblogsme.blogspot.com/2013/12/html-xml.html#comment-form
data:post.emailPostUrl
data:post.editUrl https://www.blogger.com/post-edit.g?blogID=4342262374491712998&postID=2464848080703637879&from=pencil
data:post.feedLinks
data:post.isFirstPost true
data:post.isDateStart true
data:post.includeAd False
data:post.createLinkLabel
data:post.createLinkUrl
data:post.commentSource 0
data:post.showThreadedComments
data:post.commentJso
data:post.commentMsgs
data:post.commentConfig
data:post.communityId 0
data:post.commentHtml
data:post.commentLabelFull No comments
data:post.noNewCommentsText
data:post.iframeCommentSrc
data:post.addCommentOnclick

data:post.labels

data:label.name blogger
data:label.url https://devblogsme.blogspot.com/search/label/blogger
data:label.isLast False
data:label.name HTML
data:label.url https://devblogsme.blogspot.com/search/label/HTML
data:label.isLast False
data:label.name HTML 5
data:label.url https://devblogsme.blogspot.com/search/label/HTML%205
data:label.isLast True

data:post.comments

Header

data:title Developer my Blog
data:description Developer My Blog Blogger
data:useImage true
data:imagePlacement REPLACE
data:mobile false
data:sourceUrl https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7uYZLkLKUs5PSMZKpe50x67DU4iR593_V6GeibF2YJlWGGDVVC9MHW2XZJ0J6gNkEu6SJ-ueI8vVnMmDoWnlWSHDcywcVk6dSZFNV-XMHsrnXwyMBFPoEfboXMk8iueJMwVxpdPwVl3c/s1600-r/magone-logo.png
data:backgroundPositionStyleStr left
data:height 30px;
data:width 162px;
data:widthStyleStr width: 162px;