السلام عليكم ورحمة الله وبركاته.. اليوم اقدم لكم طريقة اضافة كود اضفنا لمفضلة بلوجرفاذا الكود يسهل علي الدخول علي صفحتك لمدونة
والأشترك فية وايضا فية المتابعة عبر الأيميل لكي يسهل معرفة كل ما هو جديد في المدونة عبر الأيميل
الشرح
اولأ اذهب الي لوحة التحكم
1- ثم تخطيط
2- ثم اضافة اداة
3- ثم اضافة html
الكود
<style>وغير الأحمر بما يلزم
#btrixsocialcounters{
width:300px;
padding: 0 0 40px 0;
border: 1px solid #CCC;}
ul#btrixcounters {
list-style: none;
margin:0px;
overflow: hidden;
width:300px;
padding:10px 0 40px 0;
margin:10px 0 -60px 12px;
}
ul#btrixcounters li {
float:left;
margin:0px 0px 5px 0px;
width:auto;
padding:0px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
ul#btrixcounters li a {
display: block;
height: 54px;
margin-right: 10px;
padding-top: 85px;
text-align: center;
text-decoration: none;
width: 85px;
text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
font-weight: bold;
}
ul#btrixcounters li:hover {
opacity:0.6
}
ul#btrixcounters li:last-child a{
margin-right:0px;
}
ul#btrixcounters #counter-rss {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy0ocj3JfmfkjhdiMyJF99hWE5ngZZ_aaaTXtPUm1hEfEBBBaG3bQyp_fIrBEjrdXfsroiTX-OjVl_XkJINIbBmCdP0-o9PhdT-aMcIbgAjRswbyivP-qLzvoT-9FU6fIEMoHHhg381UMX/s1600/btrix-rss-counter.jpg') no-repeat
}
ul#btrixcounters #counter-rss a {
color:#cf6600
}
ul#btrixcounters #counter-facebook {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9cI7qSX_XHUmgdDW26hBNc9qbm1gmAklfYOFHMXBnmL6ANxU55nujeYbvqfk2E-47VWjPNTwHf9ZnAKDtB2BwvOVP7c_rC5H3hXrStMO3T2v3mnPkt78LivReoEWSwzqURYso9e5229_8/s1600/btrix-facebook-counter.jpg') no-repeat
}
ul#counters #counter-facebook a {
color:#3b4d8f
}
ul#btrixcounters #counter-twitter {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-xGOI77H-XeRxmyVO08C4v1zczNPbYQGAK8K6HELt3MioA4XRUDmCghuSPeZRKF7MI45WosLGFwKChg4CVf5XlTNN2_WrXqddDKkSZGozf_tuIcGfQB65jKOv7c1UWCKG9XfKfOgSMSN6/s1600/btrix-twitter-counter.jpg') no-repeat
}
ul#btrixcounters #counter-twitter a {
color:#276ab6
}
.textwidget {width: 300px;margin-top: -50px;}
input[type="submit"] {color: white;border: 0px;text-transform: uppercase;font-size: 11px;padding: 13px;float: left;font-weight: bold;background-color: #2DA1EB;margin-left: 100px;cursor: pointer;margin-top: 10px;}
</style>
<center>
<br />
<div id="btrixsocialcounters">
<ul id="btrixcounters">
<li class="first-item" id="counter-rss">
<a href="http://feeds.feedburner.com/rss">540</a></li>
<li id="counter-facebook">
<a href="http://www.facebook.com/اسم صفحة الفيس">2319</a></li>
<li id="counter-twitter">
<a href="https://twitter.com/اسم صفحة تويتر">5263</a></li>
</ul>
<div class="btrixtextwidget">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=rss', 'popupwindow', 'scrollbars=yes,width=350,height=520');return true" style=" padding: 3px; text-align: center;" target="popupwindow">
<h3>Enter your email address:</h3><br />
<input name="email" style="width: 180px;" type="text" /><br />
<input name="uri" type="hidden" value="blogger-new2013" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /></form></div><a href="http://blogger-new2013.blogspot.com/" style="margin-right: -50px;margin-top: 100px;font-size: 10px;">Add this</a>
</div>
ارجو ان اكون وفقت في الشرح
اعجبك الموضوع؟ مشاركتها مع أصدقائك:-
0 التعليقات:
POST A COMMENT