باذن الله اليوم سوف نشرح كيفية اضافة قائمة اشتراك في ثلث مواقع مهمة و هي تويتر فايسبوك و خلاصات المدونة تتميز هته القائمة بلون رصاصي جميل و استايل هادئ يشجع المرأ على الضغط عليها و هاته صورة الاضافة
لتركيب الاضافة اختر التخطيط اضافة اداة من توع HTML/javascripte و اضف الكود التالي:
غير الكلمات العريضة بما يناسبك و احفظ الاداة
لتركيب الاضافة اختر التخطيط اضافة اداة من توع HTML/javascripte و اضف الكود التالي:
<div id="MBLSocialWidget"
style=" background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghwB5IwcGwV8qJHN9wBM0txRa8MSMB-LtTztjXDgYdcjyCUQ-uG_seY7XL_dPNIzJ923ybqHs7o6HV1LzrgQ-XU-MOsqgA1qqA1GISUDud1UPCfJnj3hsOM8emrHonl-bi1T6rBfQHhXY/s1600/HP-Laptop-Luster.png);
border-radius: 3px; border: 4px solid #CCC;
font-family: 'News Cycle', Arial; font-size:
12px; overflow: hidden; width: 300px;">
<div class="MBLsocialbox" id="srss"
style="float: left;
width: 95px;">
<h2 style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8cpca73L8aKGqkyR_2jiUAZ8K5GguKpySychHNLpJFCdoS36lUSprZp3bf45-PczB57W2CDLdubTGS4MplonwL0Cu3h3SCAVWvcnVR_X3w-Gyjd1Tq5OLoN7_61JeSS7j2ew5d_7fqcc/s1600/Social+Buttons.png);
background-position: 0px -108px;
background-repeat: no-repeat no-repeat;
border: 0px;
font-size: 11px;
font-style: inherit;
font-weight: inherit;
height: 17px;
margin: 0px 0px 5px;
outline: 0px; padding: 0px 0px 0px 16px;
vertical-align: baseline;
visibility: visible;">Subscribers</h2>
<a href="http://feeds.feedburner.com/Feed-Username" rel="nofollow"
style="border: 0px;
color: #333333;
font-family: Helvetica, Arial;
font-size: 22px;
font-weight: bold;
margin: 0px;
outline: 0px; padding: 0px;
text-decoration: none;
text-shadow: rgb(221, 221, 221) 0px 1px 1px;
vertical-align: baseline;" target="_blank">9,000+</a><br />
<ul style="border: 0px;
font-family: inherit;
font-style: inherit;
list-style: none;
margin: 3px 0px 0px;
padding: 0px;
vertical-align: baseline;">
<li id="rssfeed" style="border: 0px;
float: left;
font-family: inherit;
font-style: inherit;
margin: 0px;
outline: 0px;
padding: 0px;
vertical-align: baseline;">
<a href="http://feeds.feedburner.com/Feed-Username" rel="nofollow"
style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8cpca73L8aKGqkyR_2jiUAZ8K5GguKpySychHNLpJFCdoS36lUSprZp3bf45-PczB57W2CDLdubTGS4MplonwL0Cu3h3SCAVWvcnVR_X3w-Gyjd1Tq5OLoN7_61JeSS7j2ew5d_7fqcc/s1600/Social+Buttons.png);
background-position: -254px -83px;
background-repeat: no-repeat no-repeat;
border: 0px;
color: #333333;
cursor: pointer;
display: block;
font-family: Helvetica, Arial;
font-size: 22px;
font-weight: bold;
height: 20px;
margin: 0px 2px 0px 0px;
outline: 0px; padding: 0px;
text-decoration: none;
text-indent: -99999px;
text-shadow: rgb(221, 221, 221) 0px 1px 1px;
vertical-align: baseline;
width: 42px;" target="_blank">Feed</a></li>
<li id="rssemail" style="border: 0px;
float: left;
font-family: inherit;
font-style: inherit;
margin: 0px;
outline: 0px;
padding: 0px;
vertical-align: baseline;">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=Feed-Username&loc=en_US" rel="nofollow"
style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8cpca73L8aKGqkyR_2jiUAZ8K5GguKpySychHNLpJFCdoS36lUSprZp3bf45-PczB57W2CDLdubTGS4MplonwL0Cu3h3SCAVWvcnVR_X3w-Gyjd1Tq5OLoN7_61JeSS7j2ew5d_7fqcc/s1600/Social+Buttons.png);
background-position: -298px -83px;
background-repeat: no-repeat no-repeat;
border: 0px;
color: #333333;
cursor: pointer;
display: block;
font-family: Helvetica, Arial; font-size: 22px;
font-weight: bold;
height: 20px;
margin: 0px;
outline: 0px;
padding: 0px;
text-decoration: none;
text-indent: -99999px;
text-shadow: rgb(221, 221, 221) 0px 1px 1px;
vertical-align: baseline;
width: 42px;" target="_blank">Email</a></li></ul></div>
<div class="MBLsocialbox" id="stwitter" style="float: left;
padding: 0px 10px;
width: 95px;">
<h2 style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8cpca73L8aKGqkyR_2jiUAZ8K5GguKpySychHNLpJFCdoS36lUSprZp3bf45-PczB57W2CDLdubTGS4MplonwL0Cu3h3SCAVWvcnVR_X3w-Gyjd1Tq5OLoN7_61JeSS7j2ew5d_7fqcc/s1600/Social+Buttons.png);
background-position: 0px -123px;
background-repeat: no-repeat no-repeat;
border: 0px; font-size: 11px;
font-style: inherit;
font-weight: inherit;
height: 17px;
margin: 0px 0px 5px;
outline: 0px;
padding: 0px 0px 0px 15px;
vertical-align: baseline;
visibility: visible;">Followers</h2>
<a href="http://twitter.com/Twitter-Username" rel="nofollow"
style="border: 0px;
color: #333333;
font-family: Helvetica, Arial;
font-size: 22px;
font-weight: bold;
margin: 0px;
outline: 0px;
padding: 0px;
text-decoration: none;
text-shadow: rgb(221, 221, 221) 0px 1px 1px;
vertical-align: baseline;" target="_blank">5,400</a><br />
<div class="sbtn" style="margin-top: 3px;">
<iframe allowtransparency="true" class="twitter-follow-button" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1340179658.html#_=1344197884900&id=twitter-widget-20&lang=en&screen_name=Twitter-Username&show_count=false&show_screen_name=false&size=m"
style="border-width: 0px;
font-family: inherit;
font-style: inherit;
height: 20px;
margin: 0px;
outline: 0px;
padding: 0px;
vertical-align: baseline;
width: 60px;" title="Twitter Follow Button"></iframe></div></div>
<div class="MBLsocialbox" id="sfb" style="float: left;
width: 90px;">
<h2 style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8cpca73L8aKGqkyR_2jiUAZ8K5GguKpySychHNLpJFCdoS36lUSprZp3bf45-PczB57W2CDLdubTGS4MplonwL0Cu3h3SCAVWvcnVR_X3w-Gyjd1Tq5OLoN7_61JeSS7j2ew5d_7fqcc/s1600/Social+Buttons.png);
background-position: 0px -138px;
background-repeat:
no-repeat no-repeat;
border: 0px;
font-size: 11px;
font-style: inherit;
font-weight: inherit;
height: 17px;
margin: 0px 0px 5px;
outline: 0px;
padding: 0px 0px 0px 16px;
vertical-align: baseline;
visibility: visible;">Fans</h2>
<a href="http://www.facebook.com/MyBloggerLab" rel="nofollow"
style="border: 0px;
color: #333333;
font-family: Helvetica, Arial;
font-size: 22px;
font-weight: bold;
margin: 0px;
outline: 0px;
padding: 0px;
text-decoration: none;
text-shadow: rgb(221, 221, 221) 0px 1px 1px;
vertical-align: baseline;" target="_blank">1,800</a><br />
<div class="sbtn" style="margin-top: 3px;">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FMyBloggerLab&layout=button_count&show_faces=false&width=90&action=like&colorscheme=light&height=21"
style="border-style: none;
font-family: inherit;
font-style: inherit;
height: 21px;
margin: 0px 0px 10px;
outline: 0px;
overflow: hidden;
padding: 0px; vertical-align: baseline;
width: 90px;"></iframe></div></div></div></div>
0 التعليقات: