Global Data

data:blog.title Developer my Blog
data:blog.pageType item
data:blog.url https://devblogsme.blogspot.com/2013/08/blog-post_71.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/08/blog-post_85.html
data:olderPageTitle Older Post
data:newerPageUrl https://devblogsme.blogspot.com/2013/08/blog-post_39.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 Friday, August 16, 2013
data:post.id 3747826046721852366
data:post.title إضافة المواقع الإجتماعية بشكل أكثر من رائع وفي أي مكان تريد, لمدونات بلوجر
data:post.body

Social Icon

ميني سوفت

السلام عليكم ورحمة الله وبركاته

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

ميني سوفت
سجل دخولك إلى المدون ثم افتح لوحة لوحة التحكم وإضغط على قالب

ميني سوفت
ثم إضغط تحرير HTML

ميني سوفت
ثم وسع القالب من عند هذا الوسم 
 الآن أبحث عن الوسم
 ]]></b:skin>
ثم ضع فوقه مباشرتاً هذا الكود
/*sus code by Mini-Soft */
 .Mini-Soft {
border-radius: 100%;
box-shadow: 0px 0px 1px #000;
padding:0;
border:0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.Mini-Soft:hover {
box-shadow: 0;
border-radius: 0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}
.Mini-Soft-center {
        text-align: center;
}
 /*sus code by Mini-Soft */

ميني سوفت
حتى يكون هذا 

ميني سوفت
أحفظ قالبك ثم أذهب الى التخطيط 
ميني سوفت
أختر إضافة آداة 
ميني سوفت
أختر HTML/JavaScript 
ميني سوفت
ثم أكتب في الخانة رقم واحد أسم الإضافة كما يحول لك
في الخانة رقم 2 ضع الكود التالي ثم إضغط حفظ
 <div class="Mini-Soft-center">
<a href="رابط الفيسبوك" target="_blank" title="Facebook"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0yeEuYxdonOnLi82X21Nhy_nLVi2LjGaMLWzo9bs9FIE2glUdA2Tfh0QEJbs_fskEyYFQF0Co8aZHjSp4GXdoXvkTwwYa9J5wgY-Mh4Rc7aICefmQS7pMWIm7-u4jeqRLrp5wbaDkVNo/s64-no/Facebook-MiniSoft.png" /></a>
<a href="رابط تويتر" target="_blank" title="Twitter"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrK9-JgGk5fmcplLW5GNPZ5niyCnJERjdtSZqYKkawc3g2NFcq6UjJ479Qxb9_L8g1-grmnwVlBvJ10D6vHgKRTYTJR1k8NsAqR2ABA1Fc6KRIOhft98VXpRN4u6GdqtM8PihhAHa6sGo/s64-no/Twitter-MiniSoft.png" /></a>
<a href=&quot;رابط يوتيوب" target="_blank" title="YouTube"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKMdWSmwwHjIcZOyBM7Vw2O3gfMUudARamclOHHnuVd-1aFO3F0XAANVVU7-HvVPGNNhiys_KHCOZbnDuA72dMxk71EvqjSnYEQb4DJMWdWOXKWp_8z1yvA9tFJbK2MbR657d0l5mGmxs/s64-no/YouTube-MiniSoft.png" /></a>
<a href="رابط الخلاصة" target="_blank" title="Feed"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYMkGrrZNpp3JgEAvk-8XnTLJxDguxc4ESklaUBRXNY_Do3-N8KUFsSfYj9OhaCEDNY3ziCKdmeihT78UuMuwMteid5yyFhXu7LX2_v0OgnmIhOYkKTR4fdMFKjWW9rSHy7zj9hNfFveU/s64-no/RSS-MiniSoft.png" /></a>
<a href="رابط جوجل بلس" target="_blank" title="Google+"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9ejYBZKxGx4M0jqth63Db7NilE5JkQmQYC4qYQqtgqpBT4983Tc8MLs8_8DBIp-t5RLtNp9daWUbIQa2kal74HuSOniFUas1EhfOp_UD2e5EYjkFSXgGk9yyG-z0pDjlyax5dSFlHfZU/s64-no/GooglePlus-MiniSoft.png" /></a>
</div>
ضع روابط الفيس وتيوتر ويوتيوب والخلاصة وجوجل واضغط حفظأما ما ظُلل بالاحمر فهو الكلمة التي تظهر عند وقوف مؤشر الفأرة على الايقوناتميني سوفت
لتبقى الآداة في النهاية بهذا الشكل الرائع
تم بحمد الله


data:post.snippet Social Icon السلام عليكم ورحمة الله وبركاته اليوم سوف نتطرق لموضوع جميل قد يحتاجه الجميع و هو إضافة المواقع الإجتماعية الخاصة بالمدونة وصاحب...
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/08/blog-post_71.html
data:post.timestamp 9:05 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/08/blog-post_71.html#comment-form
data:post.emailPostUrl
data:post.editUrl https://www.blogger.com/post-edit.g?blogID=4342262374491712998&postID=3747826046721852366&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%A7%D8%B6%D8%A7%D9%81%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;