بسم الله الرحمن الرحيم
بعد تكاثر الطلبات حول اضافات قالب Ayana tech
اتيت لكم بموضوع جمعت لكم فيه الاضافات كامله
-
- التواصل الاجتماعي بتأثيرات احترافيه
- اخر التعليقات بشكل جميل
- اشترك في القائمه البريديه بشكل احترافي
بسم الله نبدا
اولا قم بالذهاب الي تخطيط
2- اضافه اداه
3- اختر اداه HTml/javascript
واضف بها كود الاضافه التي تريدها
1- التواصل الاجتماعي
الكود
<style>
A:link {text-decoration: none; color: }.Mbt-Social-metro {
width: 960px;
float: right;
margin: 0;
padding: 1em 0; }
.Mbt-Social-metro ul {
margin: 0; padding: 0;}
.Mbt-Social-metro ul li {
list-style:none;
list-style-type: none;
padding: 0; text-transform: none;
margin:0;
float: right;
display: inline-block; width: 99%; }
.Mbt-Social-metro ul li a {
font-size:80%;
text-align : center;
color: #00ff33;
display:block; }
.Mbt-Social-metro ul li a:hover {
color: #000!important;
background-color: #00ff33;
text-decoration: none;
transition: 1s;
border-radius: 100%;
}
idc-scoail ul li a, ul li a:hover {
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.Mbt-Social-metro ul li .rss {
width: 201px;
background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center ;
background-size: 30px;
padding: 14px 49px;
border: 2px solid #00ff33;
border-radius: 8px; }
.Mbt-Social-metro ul li .twitter {margin-top: 5px;width: 201px; background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center;
background-size: 30px;
padding: 14px 49px;
border: 2px solid #00ff33;
border-radius: 8px;}
.Mbt-Social-metro ul li .facebook {margin-top: 5px;width: 201px; background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center;
background-size: 30px;
padding: 14px 49px;
border: 2px solid #00ff33;
border-radius: 8px;}
.Mbt-Social-metro ul li .google {margin-top: 5px;width: 201px; background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center;
background-size: 30px;
padding: 14px 49px;
border: 2px solid #00ff33;
border-radius: 8px; }
.Mbt-Social-metro ul li .linkedin {margin-top: 5px;width: 201px; background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center;
background-size: 30px;
padding: 14px 49px;
border: 2px solid #00ff33;
border-radius: 8px; }
</style>
<div class='Mbt-Social-metro'>
<ul>
<li><a class='rss' href='#'>اشترك معنا عبر الخلاصات</a></li>
<li><a class='twitter' href='#'>تابعتي على تويتر twitter</a></li>
<li><a class='facebook' href='#'>تواصل معي عبر فيس بوك</a></li>
<li><a class='google' href='#'>تابعني على جوجل بلس</a></li>
<li><a class='linkedin' href='#'>LinkedIn تواصل مع على </a></li>
</ul>
</div>
قم بتغير ما باللون # بروابط حساباتك الموضحه بالكود
2- اشترك في القائمه البريديه
الكود
<!--- Thesis Email Subscribe Widget --->
<style type="text/css">#sidebar-subscribe-box {
border-radius: 3px;
padding: 3px 0;
}
.sidebar-subscribe-box-wrapper {
color: #00ff33;
font-size: 14px;
line-height: 20px;
padding: 1px 20px 10px;
text-align: center;
text-transform: uppercase;
}
.sidebar-subscribe-box-form {
clear: both;
display: block;
margin: 10px 0;
}
form.sidebar-subscribe-box-form {
clear: both;
display: block;
margin: 10px 0 0;
width: auto;
}
.sidebar-subscribe-box-email-field {
background: #1B8802 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_kUFepkHt6-5Tawf6abKfZMReIo0f7V10KtuKJcWofVi6FNIIbU9f27KaUwpNU7wOkTQCMtw8uKpNt-eOrcaU4zC0pL0nTM8hpAieWbHlVXqibnn2jA3m5gegw4LRFuUIAysdPpsTXdf9/s1600/sprites.png) no-repeat 0 -27px;
width: 100%;
color: #fff;
outline: none;
border: 5px double #148D0A;
margin: 0 -13px -14px;
padding: 10px;
border-radius: 6px;
box-shadow: 0 1px 1px #000 inset, 0 -1px 50px #000 inset;
font-family: ge_dinar;
}
.sidebar-subscribe-box-email-button {
margin-top: 18px;
margin-right: -12px;
background: rgba(0, 153, 255, 0);
border: 3px solid #00ff33;
color: #00ff33;
cursor: pointer;
font-family: ge_dinar;
font-weight: 700;
font-size: 20px;
padding: 5px;
text-transform: uppercase;
width: 111%;
border-radius: 15px;
}
.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus {
background: #00ff33;
width: 70%;
transition: 1s;
color: #000;
padding: 5px;
}
.sidebar-subscribe-box-email-button:active {
-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
outline: 0;
}
iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table {
width: 100%;
}
embed {
border-radius: 3px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
background: #FFF;
border: 1px solid #ddd;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
margin: 0;
padding: 4px 4px 4px;
}
#footer-section {
background: #f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt7OWoqGku_OUlFpeb74U1kdp18csB9IBSIbacZDEIDSd8oo4iRmL96Zzn0ZfkgWTZaWTJtXitB-jqH1vg95f0V_L9sQC5ge_K-R0k2_3f4P6NsIv9crTC9K5qllTe5B_wPJUvFAUgJBPP/s0/bg-pattern.png) repeat top left;
border-top: 1px solid #aaa;
box-shadow: inset 0 4px 6px -3px #aaa;
font-size: 14px;
height: 100px;
margin: 10px -30px 5px;
padding: 0 30px;
text-align: center;
width: 100%;
}</style>
<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
<div class="sidebar-subscribe-box-form">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=user" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=user',
'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="jetara" /><input name="loc" type="hidden" value="en_US" />
<input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="أدخل بريدك الإلكتروني..." />
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="اشترك الآن" /></form>
</div>
المرجو تأكيد البريد الإلكتروني بعد الإشتراك</div>
</div>
<!--- Thesis Email Subscribe Widget --->
قم بتغير user باسم الفيدبارنر الخاص بك ستجدها مكرره مرتين بالكود
3- اخر التعليقات
الكود
