Global Data

data:blog.title Developer my Blog
data:blog.pageType item
data:blog.url https://devblogsme.blogspot.com/2013/07/blog-post_30.html
data:blog.homepageUrl https://devblogsme.blogspot.com/
data:blog.pageTitle Developer my Blog: صندوق إقتباس أكثر من رائع لمدونات بلوجر
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/07/blog-post_89.html
data:olderPageTitle Older Post
data:newerPageUrl https://devblogsme.blogspot.com/2013/07/yahoo.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 Tuesday, July 30, 2013
data:post.id 7247051284937023197
data:post.title صندوق إقتباس أكثر من رائع لمدونات بلوجر
data:post.body

صندوق إقتباس أكثر من رائع لمدونات بلوجر

ميني سوفت


السلام عليكم ورحمة الله وبركاته
اليوم أضع لكم صندوق أقتباس رائع بل و أكثر من رائع ويمكنك تخصيصه كما يحلو لك
هذا هو شكل الصندوق

ميني سوفت
كود

blockquote {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8_e4FwzWlgU3WQyFqCN-OEhPuQ-eOojH8AZLWIHJ3Dk-SoDnE9oZEhqYzalHp-dtw0LIMYI-8Zjzt96wR2lyUFg43aa-MZZOQNgAbMWZh57hsBeqzpIWXTOPfCwyN_Wv67V5Myzm_Txs/s1600/blockquote-bg-img.png") no-repeat scroll 28px 11px #BFEEFF;
    border-left: 3px dotted #FAFAFA;
    font-family: 'Courier New',Courier,monospace;
    font-style: italic;
    margin: 16px 19px 0;
    padding: 15px 5px 10px 28px;
}
لتخصيص الصنوق كما يحلو لك .. ما ظلل بالازرق هو رابط الصورة علامة التنصيص.. ما ظلل بالوردي لون الخلفية.. ما ظلل بالاحمر لون حدود الصندوق .. ما ظلل بالاخضر هو نوع الخط ويمكنك تغييره من خلال البحث عن كلمة font-family: وأخذ نوع الخط الذي يليها
 أما عن طريقة تركيب الكود فهو مشروح في هذا الموضوع على هذا الرابط 

إلى هنا ينتهي درسنا .. اترككم في رعاية الله 
data:post.snippet صندوق إقتباس أكثر من رائع لمدونات بلوجر السلام عليكم ورحمة الله وبركاته اليوم أضع لكم صندوق أقتباس رائع بل و أكثر من رائع ويمكنك تخصيصه كما ...
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/07/blog-post_30.html
data:post.timestamp 5:01 PM
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/07/blog-post_30.html#comment-form
data:post.emailPostUrl
data:post.editUrl https://www.blogger.com/post-edit.g?blogID=4342262374491712998&postID=7247051284937023197&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 شروحات بلوجر
data:label.url https://devblogsme.blogspot.com/search/label/%D8%B4%D8%B1%D9%88%D8%AD%D8%A7%D8%AA%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1
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;
Copyright GeekThis - All Rights Reserved