اضافة ازرار معاينة/ تحميل لبلوجر

اضافة ازرار معاينة/ تحميل لبلوجر

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





السلام عليكم متابعينا 
كيفية اضافة ازارا معاينة/ تحميل بطريقة css 3 ؟
اولا هي اضافة رائعة لاصحاب المدونات التي تهتم برفع القوالب او رفع اي شي يتطلب رابط تحميل او معاينة واليوم سنضع هذه الازرار بكل سهولة وبدون خبرات فقط اتبع الشرح

كيف تشتغل هذه الازرار في مدونتي ؟

كل ما عليك هو وضع كود في المظهر /html

الخاص بمدوتك


الشرح




. ادخل علي مظهر / تحرير html


. ابحث عن كلمة </style>.ضع اعلاها هذه الكود

.btn{list-style:none;text-align:center;margin:10px!important;padding:10px!important;font-size:14px;clear:both;display:inline-block;text-decoration:none!important;color:#FFF!important}
.btn ul {margin:0;padding:0}
.btn li{display:inline;margin:5px;padding:0;list-style:none;}
.demo,.download{padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:Open Sans,sans-serif;text-align:center;text-transform:uppercase;border-radius:3px;opacity:.95;border:0;letter-spacing:2px;transition:all .2s ease-out}
.demo {background-color:#3498DB;}
.download {background-color:#1ABC84;}
.demo:hover {background-color:#60B8F4;color:#fff;border-bottom:2px solid #3498DB; opacity:1;}
.download:hover {background-color:#49DDAA;color:#fff;border-bottom:2px solid #1ABC84;opacity:1;}
.demo:before {content:&#39;\f135&#39;;display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
.download:before {content:&#39;\f019&#39;;display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}

. الان احفظ القالب
,,,,,

الان اثناء كتابة موضوع في مدونتك ضع هذا الكود في الhtml


<div style="text-align: center;"><ul class="btn"><li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li><li><a class="download" href=" YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li></ul></div>
وقم بنشر الموضوع وسيتم وضع الازرار بطريقة صحيحة وان واجهتك اي مشاكل لاتتردد في كتابتها في تعليق

ارسال تعليق

أحدث أقدم