إضافة أزرار التحميل والمعاينة بشكل منسدل رائعه جدا" لمدونات بلوجر
كما وعدناكم في موقع ميديا تك بتقديم كل ما هو جديد وحصري بقدم لكم اليوم
إضافة أكثر من رائعه ستجعل مشاركاتكم مختلفه عن المدونات والمواقع وتجذب الزائر
للمدونة فكل مميز لا يضع الا الشئ المميز مثله اليوم جئت لكم بإضافة ازرار التحميل والمعاينة
 |
| إضافة أزرار التحميل والمعاينة بشكل منسدل رائعه جدا لمدونات بلوجر |
وبشكل إحترافي و بها جمالية منفردة كل ما عليك ان تقوم بتطبيق الخطوات و ستصبح الاضافة جاهزة للاستخدام
شرح تركيب الاضافة
- أذهب الى المدونة التي تريد التعديل عليها
- وثم توجه الى المظهر ولا تنسى أن تحتفظ بنسخه إحتياطيه
- ثم أضغط على تعديل HTML
- ثم أضغط ctrl + f
- ثم أبحث عن إلواسم <head>
- وضع الكود التالي اسفل من
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
ثم أبحث عن الواسم ]]></b:skin> و نضع الكود التالي فوقه مباشرة
.overlayalert {
height: 0%;
width: 100%;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: rgb(0,0,0);
background-color: #141e30;
overflow-y: hidden;
transition: 0.5s;
}
.overlay-contentalert {
position: relative;
top: 25%;
width: 100%;
text-align: center;
margin-top: 30px;
}
.overlayalert a {
padding: 8px;
text-decoration: none;
font-size: 36px;
color: #818181;
display: block;
transition: 0.3s;
}
.overlayalert a:hover, .overlay a:focus {
color: #f1f1f1;
}
.overlayalert .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
}
@media screen and (max-height: 450px) {
.overlayalert {overflow-y: auto;}
.overlayalert a {font-size: 20px}
.overlayalert .closebtn {
font-size: 40px;
top: 15px;
right: 35px;
}
}
.balerts{
text-align:center;
padding:10px;
}
.balerts span{
font-size:20px;
cursor:pointer;
background:#962c59;
padding:17px;
border-radius:7px;
color:white;
}
.balerts span:hover
{
background:#0ba9f4;
color: #ffffff;
}
ثم أبحث عن إلواسم
</body> وضع الكود التالي فوقه مباشرة
<script>
function openNav() {
document.getElementById("myalert").style.height = "100%";
}
function closeNav() {
document.getElementById("myalert").style.height = "0%";
}
</script>
و عند كتابة موضوع و إضافة الازرار ندخل الى المشاركة و نضع الكود التالي مع تغير الروابط
تحميل الكود من هنا
استبدل ال # برابط إل معاينه والثاني برابط التحميل
تعليقات
إرسال تعليق