تحميل قالب أزرار مجانا - قالب بلوجر متعدد الاستخدام
بسم الله الرحمن الرحيم والصلاة والسلام علي اشرف المرسلين سيدنا ومولانا محمد عليه افضل الصلاة واسلام اما بعد السلام عليكم ورحمة الله
ازرار
كل ما يحتاجه المدون في قالب واحد بتصميم متناسق ومتجاوب مع جميع الشاشات يتميز ببساطته في التصميم وتوافقه مع المعايير القياسية للسيو
- مميزات القالب :
جميع التعديلات من لوحة التحكم (التخطيط)
سلايدرشو متحرك تلقائي متوافق مع جميع الاجهزة
تصميم أنيق وجميل
يحتوي على صفحة تحميل أنيقة
متوافق مع المعايير القياسية للسيو
قالب سريع ومتوافق مع جميع الأجهزة والمتصفحات
يدعم اضافة قائمة منسدلة من التخطيط
زر البحث بشكل احترافي ومميز
و المزيد...
- بعض اكواد القالب
- لاضافة عن الكاتب في الفوتر
<p><img alt="author" src="https://goo.gl/mzxWLE" srcset="https://goo.gl/mzxWLE" class="avatar avatar-85 photo" height="85" width="85">مرحبًا انا سهيل ، مطور ويب ومُصمم واعمل كصانع مُحتوى. من المغرب ولدي خبرة في البلوجر. <br></p> <br><br> <div id="footer-social-icons"> <a href="URL-HERE" title="Facebook" target="_blank" rel="nofollow"><i class="fa fa-facebook"></i></a> <a href="URL-HERE" title="Twitter" target="_blank" rel="nofollow"><i class="fa fa-twitter"></i></a> <a href="URL-HERE" title="Google Plus" target="_blank" rel="nofollow"><i class="fa fa-google-plus"></i></a> <a href="URL-HERE" title="Instagram" target="_blank" rel="nofollow"><i class="fa fa-instagram"></i></a> </div> <style> #footer-social-icons a { background: #fff; color: #333; display: inline-block; text-align: center; font-size: 18px; width: 50px; font-family:'Droid Arabic Kufi'; height: 50px; line-height: 50px; margin: 0 1px 6px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } #footer-social-icons a:hover{ background: #00bcd4; color:#fff; } p { font-family: 'Droid Arabic Kufi';font-size: 12px; } </style> <style> .avatar-85 { border: 3px solid #fff; border-radius: 85px; margin-left: 10px; } .avatar { float: right; } </style>
- لاضافة النشره البريدية في الفوتر
<style> #Templatesyard-sbox-v2 { padding: 0; padding-bottom: 5px; font-family: inherit; display: block; margin: 0; border-radius: 1px; border:1px solid rgba(21, 76, 164, 0.05); background: #353f54; } #Templatesyard-sbox-v2 p { font-size: 11px; font-family: 'Droid Arabic Kufi'; color: #fff; line-height: 22px; padding: 5px 10px 5px; text-align: center; width: 80%; margin: 5px auto 20px; border-bottom: 0px solid #ebebeb; border-radius: 20px; } #Templatesyard-sbox-v2 .rssform { padding: 0; margin: 0 auto; display: block; } #Templatesyard-sbox-v2 .rssform input { padding: 8px; margin: 20px auto 15px; font-family: 'Droid Arabic Kufi'; font-size: 10px; color: #000; text-align: center; display: block; font-weight: normal; width: 90%; height: 38px; text-transform: uppercase; outline: none !important; border: 1px solid #ebebeb; border-radius: 1px; background-color: #f8f8f8; box-sizing: border-box !important; } #Templatesyard-sbox-v2 .rssform .button:hover { opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; } #Templatesyard-sbox-v2 .rssform .button { background: #00bcd4; color: white!important; margin-top: 15px; font-family: 'Droid Arabic Kufi'; font-size: 10px; outline: none !important; transition: all .3s ease-in-out; padding: 5px 2px !important; float: none; text-transform: uppercase; font-size: 12px; font-weight: normal; cursor: pointer; } #Templatesyard-sbox-v2 form { margin-bottom: 10px !important; } </style> <div id="Templatesyard-sbox-v2"> <p>إشترك معنا ليصلك آحدث الأخبار والمقالات الخاصة بموقعنا</p> <div class="rssform"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Templatesyard', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type="text" name="email" placeholder="ادخل بريدك الإلكتروني..."> <input type="hidden" value="Templatesyard" name="uri"> <input type="hidden" name="loc" value="en_US"> <input value="إنضم إلينا الآن" class="button" type="submit"> </form> </div> </div>
- لاضافة حكمة في السايدبار
<style> @font-face { font-family: 'Droid Arabic Kufi'; src: url('https://googledrive.com/host/0B1EkoAU4dJXCMWkyY1ZTT1ZfRzg/'); } .shouro7at-quotebox{ font-family: 'Droid Arabic Kufi'; color: #fff; direction: rtl; width: 300px;font-size: 9px; height: auto; background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url('https://blogger.googleusercontent.com/img/proxy/AVvXsEhPAdAvdzuV1r3gytiut73-bW72QtRzEHmvLSC5zkqjL1HABNCQlpROZcAn3NI_hNhgdULHcwfbvFAFiNLd_WYXDACqbM8eK2ldumRqRyVt3X0ozfWWOATGWw6SBKa57zQIXOmQhiE9xvykE_EveSBYc2DVP51T7oen2vrP6g=s0-d') no-repeat; border-radius: 5px; padding: 5px 0; background-size: 150%; background-position: 17% 0%;} .shouro7at-quotebox h1 { display: none; padding: 43px 0px; text-align: center; line-height: 43px; font-size: 16px;} .shouro7at-quotebox img { width: 40px; margin: -6px; } .shouro7at-quotebox h3 { font-family: 'Droid Arabic Kufi'; padding: 2px 0; font-size: 22px; font-weight: 700; color: #382918; margin: 8px 20%; background: rgba(255, 255, 255, 0.81); border-radius: 5px;text-align: center; } .shouro7at-quotebox:hover{ background-size: 170%; background-position: 50% 5%; } .shouro7at-quotebox:hover > center {display:none;} .shouro7at-quotebox:hover > h3 {display:none;} .shouro7at-quotebox:hover > h1 {display:block;} i.fa.fa-quote-left { font-size: 50px; position: absolute; left: 15px; bottom: 5px; color: rgba(255, 255, 255, 0.32); } i.fa.fa-quote-right { font-size: 50px; position: absolute; right: 15px; top: 5px; color: rgba(255, 255, 255, 0.32); } </style> <div class="shouro7at-quotebox"> <h1><i class="fa fa-quote-right"></i>عملك سيشغل وقتاً كبيراً من حياتك ، وأفضل طريقة كي ترضي نفسك أن تقوم بما تعتقد أنه عملٌ عظيم <i class="fa fa-quote-left"></i></h1> <center><h3>حكمة اليوم !</h3> <img src="https://blogger.googleusercontent.com/img/proxy/AVvXsEiFKvA9HvfMyqszZFeF-5zklUG2OshPxM-FY1uwfQzAcY6DipwrmU5ey5yhbqSdGVrGqNbpDJEIMdjZryTvG7hO7dElKWLOG0jl7d9x5vJFQfpZP-Ww2qp2z_TQMdNQzG0dEWFTtMkVYvQLivu2gWrhxbM5_qIZaThWXcq_n8kHJqH9=s0-d"></center> </div>
- الى هنا انتهى الموضوع ، نأمل ان تكون استفدت