اعلان

صفحة خطأ ):
الصفحة التي تبحث/ي عنها غير موجودة

يمكنك محاولة كتابة كلمة البحث مضبوطه أو الضغط على الزر التالي للعودة للرئيسية

الرئيسية

7‏/4‏/2013

قائمه الموقع الاجتماعيه بشكل جدا 2013


اهلا بيك اخوانى فى مدونة بلوجر توب 
الاضافة الموقع الاجتماعه هيا من افضل الاضافات فى مدونتك والحصور على نشر تدوناتك هذا الاضافة  تؤدى الى تحسين محتوى مدونتك بشكل سليم الاضافة مميزة بنشر تدوناتك وعداد 
نشر من احد الزوار مثل الفيس بك وتويتر وموقع فيديورنر وهومن افضل الموقع لجلب محتويات مدونتك عن طريق rss وجوجل بلس

شاهدو هذا الاضافة 


اضافة جميله جداا وتساعد فى اشهار محتويات مدونتك

وهي ان تصميمها بسيط وليس مبالغ فيه فلا تسبب شذوذ عن الإطار العام لمدونتك أيضا هي سهلة التنسيق وستتوائم مع مدونتك ومظهرها بسهولة بإذن الله أيضا هي سهلة التركيب فالكود الخاص بها ستضيفة الى آداة HTML/JavaScript




طريقة التركيب

.1 اذهب للوحة التحكم
2. تخطيط
3.عناصر الصفحة
4. اضف اداة
6.اختار  Html/Javascript

 هذا هو الكود



<style>
/*BT-Style Social Subscribe Widget By Bloggertricks.biz*/
.button {
    font: 15px Calibri, Arial, sans-serif;
/* A semi-transparent text shadow */
    text-shadow: 1px 1px 0 rgba(255,255,255,0.4);
/* Overriding the default underline styling of the links */
    text-decoration: none !important;    white-space: nowrap;
    display: inline-block;    vertical-align: baseline;    position: relative;
    cursor: pointer;    padding: 10px 20px;    background-repeat: no-repeat;
/* The following two rules are fallbacks, in case
the browser does not support multiple backgrounds. */
    background-position: bottom left;    background-image: url('http://4.bp.blogspot.com/-FvZU_8tLgFc/T9DDIjhSn9I/AAAAAAAAA1Y/TGXuHSyRQYk/s1600/
bloggertricksdotbiz+bg.png'); /* Multiple backgrounds version. The background images
are defined individually in color classes */
    background-position: bottom left, top right, 0 0, 0 0;
    background-clip: border-box; /* Applying a default border raidus of 8px */
    -moz-border-radius: 8px;    -webkit-border-radius: 8px;    border-radius: 8px;
/* A 1px highlight inside of the button */    -moz-box-shadow: 0 0 1px #fff inset;
    -webkit-box-shadow: 0 0 1px #fff inset;    box-shadow: 0 0 1px #fff inset;
/* Animating the background positions with CSS3 *//* Currently works only in
Safari/Chrome */    -webkit-transition: background-position 1s;
    -moz-transition: background-position 1s;    transition: background-position 1s;
}
.button:hover {/* The first rule is a fallback, in case the browser
does not support multiple backgrounds*/
    background-position: top left;background-position: top left, bottom right, 0 0, 0 0;
}
.button:active {/* Moving the button 1px to the bottom when clicked */
    bottom: -1px;}
.button.small {    font-size: 13px;}
.gray.button {    color: #525252 !important;  border: 1px solid #a5a5a5 !important;
    background-color: #a9adb1; background-image: url('http://4.bp.blogspot.com/-FvZU_8tLgFc/T9DDIjhSn9I/AAAAAAAAA1Y/TGXuHSyRQYk/s1600/
bloggertricksdotbiz+bg.png'), url('http://4.bp.blogspot.com/-FvZU_8tLgFc/T9DDIjhSn9I/AAAAAAAAA1Y/TGXuHSyRQYk/s1600/
bloggertricksdotbiz+bg.png'), -moz-radial-gradient(center bottom, circle,
 rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient
(#c5c7ca, #92989c);    background-image: url('http://4.bp.blogspot.com/-FvZU_8tLgFc/T9DDIjhSn9I/AAAAAAAAA1Y/TGXuHSyRQYk/s1600/
bloggertricksdotbiz+bg.png'), url('http://4.bp.blogspot.com/-FvZU_8tLgFc/T9DDIjhSn9I/AAAAAAAAA1Y/TGXuHSyRQYk/s1600/
bloggertricksdotbiz+bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%,
0% 100%, from(#c5c7ca), to(#92989c));float:right;margin-top:-5px;margin-right:-15px;
}
.gray.button:hover {  background-color: #b6bbc0; background-image: url('http://4.bp.
blogspot.com/-FvZU_8tLgFc/T9DDIjhSn9I/AAAAAAAAA1Y/TGXuHSyRQYk/s1600/
bloggertricksdotbiz+bg.png'), url('http://4.bp.blogspot.com/-FvZU_8tLgFc/T9DDIjhSn9I/
AAAAAAAAA1Y/TGXuHSyRQYk/s1600/bloggertricksdotbiz+bg.png'), -moz-radial-
gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz
-linear-gradient(#d1d3d6, #9fa5a9);    background-image: url('http://4.bp.blogspot.com/-FvZU_8tLgFc/T9DDIjhSn9I/AAAAAAAAA1Y/TGXuHSyRQYk/s1600/
bloggertricksdotbiz+bg.png'), url('http://4.bp.blogspot.com/-FvZU_8tLgFc/T9DDIjhSn9I/AAAAAAAAA1Y/TGXuHSyRQYk/s1600/
bloggertricksdotbiz+bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%,
 0% 100%, from(#d1d3d6), to(#9fa5a9));}
.body{background: url(http://2.bp.blogspot.com/-XzosgGcgKqE/T8EFgeTWfaI/AAAAAAAAAwM/7_T2_q1_otg/s1600/bg.png) no-repeat;
width:300;height:360;padding:22px;
}
.rss-bt {
    background: url(http://2.bp.blogspot.com/-xAXd4oWpb10/T8EKW-t6O5I/AAAAAAAAAwo/NJiMcpIxWJ4/s1600/RSS.png) no-repeat;
    height: 68px;
    padding-left:65px;
    margin-top: 5px;
margin-left:-15px;
}
.twitter-bt {
    background: url(http://1.bp.blogspot.com/-EFJqz8i6sgk/T8EkMn3CrDI/AAAAAAAAAw8/CDqeAVNZg6o/s1600/
TWITTER.png) no-repeat; height: 68px;
 padding-left:65px;
    margin-top: 15px;
margin-left:-15px;
}
.facebook-bt {
    background: url(http://4.bp.blogspot.com/-nvI9B_2aOmg/T8EkFHxwNMI/AAAAAAAAAw0/PFY6CDYQ9ns/s1600/
FACEBOOK.png) no-repeat;
height: 68px;
    padding-left:65px;
    margin-top: 25px;
margin-left:-15px;
}
.gplus-bt{
    background: url(http://2.bp.blogspot.com/-GjvZzVI8-FA/T8EtFoANsaI/AAAAAAAAAxY/HdxCuCcpxtM/s1600/gpluss.png) no-repeat;
height: 68px;
    padding-left:65px;
    margin-top: 15px;
margin-left:-15px;
}
.follower-rss, .follower-twitter, .follower-facebook, .follower-gplus {
    font-family: Georgia,  sans-serif, Times;
    font-size: 1.1em;
        font-style:italic;
        color:#289728;
 padding-top:10px;
}
.follower-rss span {
    font-size: 1.9em;
    font-weight: bold;
        font-style:italic;
        color:#FFB93C;
}
.follower-twitter span {
    font-size: 1.9em;
    font-weight: bold;
        font-style:italic;
        color:#6DB6E6;
}
.follower-facebook span {
    font-size: 1.9em;
    font-weight: bold;
        font-style:italic;
        color:#3889BA;
}
.follower-gplus span {
    font-size: 1.9em;
    font-weight: bold;
        font-style:italic;
        color:#3889BA;
}
</style>
<div class="body">
<div class="rss-bt">
<div class="follower-rss"> <span>515</span>readers
<a href="عنوان فيدبورنر " class="button small gray">
Subscribe</a></div> </div>
<div class="twitter-bt"><div class="follower-twitter"><span>1058</span>followers
 <a href="رابط تويتر الخاص بك" class="button small gray">Follow</a></div>                        
</div>                
<div class="facebook-bt">                  
<div class="follower-facebook"><span>260</span>fans
<a href="رابط الفيسبوك الخاص بك" class="button small gray">Like Us</a>                           </div>            
</div>
<div class="gplus-bt">                  
<div class="follower-gplus"><span>360</span>followers <a href=" جوجل" class="button small gray">
Add Me</a></div>                  
</div><span style=" float:right; padding:5px; margin-right:-10px;"><a href="http://www.bloggertricks.biz/2012/06/bt-style-social-subscribe-with-css3.html">|Grab This|</a></span></div>

ليست هناك تعليقات:

يمنع نشر التعليقات ذات الروابط الدعائية أو تعليقات بإسلوب غير لائق أو التى تحتوى على معلومات شخصية كالبريد الإلكترونى
أعتذر عن الرد على طلبات التوزيع لضيق الوقت أو التبادل الإعلانى

لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى"

جميع الحقوق محفوظة لــ بلوجر توب ©