إضافة واجهة ترحيب لمدونات بلوجر

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

يمكن معاينة الاضافة من هنا

والان اليكم طريقة التركيب مع الشرح الوافي :

ابحث عن الكود ]]></b:skin> لنضيف قبله الكود التالي :

100%{
opacity: 1;
text-shadow: 0px 0px 1px #fff;
transform: scale(1);
}
}
@keyframes fadeInRotate{/* By em - http://th3dreamweb.blogspot.com/*/
0%{
opacity: 0;
transform: scale(0) rotate(360deg);
}
100%{
opacity: 1;
transform: scale(1) rotate(0deg);
}
}

ابحث عن الكود التالي </head> لنضيف هذا الكود فوقه

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.js' type='text/javascript'/>
<script src='https://ar1web-com.googlecode.com/svn/trunk/jquery.easing.1.3.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$curtainopen = false;
$(&quot;.sp-circle-link&quot;).click(function(){
$(this).blur();
if ($curtainopen == false){
$(this).stop().animate({bottom: &#39;0px&#39; }, {queue:false, duration:350, easing:&#39;easeOutBounce&#39;});
$(&quot;.sp-container&quot;).stop().animate({top:&#39;-2200px&#39;}, 2000 );
$curtainopen = true;
}else{
$(this).stop().animate({bottom: &#39;0px&#39; }, {queue:false, duration:350, easing:&#39;easeOutBounce&#39;});
$(&quot;.sp-container&quot;).stop().animate({top:&#39;-2200px&#39;}, 2000 );
$curtainopen = false;
}
return false;
});
});
</script>
</b:if>

واخيرا ابحث عن هذا الكود <body> لنضيف الكود التالي اسفله

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
.sp-container {display:block}
</style>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='sp-container'>
<div class='sp-content'>
<h2 class='frame-1'>إنتظر</h2>
<h2 class='frame-2'>3</h2>
<h2 class='frame-3'>2</h2>
<h2 class='frame-4'>1</h2>
<h2 class='frame-5'>
<span>مرحبا بك</span>
<span>بمدونة </span>
<span>حلم ويب</span>
</h2>
<a class='sp-link' href='http://th3dreamweb.blogspot.com/'>http://th3dreamweb.blogspot.com/</a>
<a class='sp-circle-link' href='#'>إفتح</a>
</div>
</div></b:if>

الى هنا تكون تدوينتنا انتهت

نلتقي في تدوينة جديدة

في أمان الله

الموضوع من قسم:

تنويه : القوالب والإضافات الصور في هذا الموضوع على هذا الموقع مستمده أحيانا من مجموعة متنوعة من المصادر الإعلامية الأخرى. حقوق الطبع محفوظة بالكامل من قبل المصدر. إذا كان هناك مشكلة في هذا الصدد، يمكنك الاتصال بنا من هنا.

6 التعليقات لموضوع "إضافة واجهة ترحيب لمدونات بلوجر "

الكاتب

test 24 نوفمبر 2015 في 9:32 ص

mrc khoya ;)

رد · حذف

khalid chahboun 24 نوفمبر 2015 في 9:33 ص

شكرا لك اضافة رائعة

Unknown 25 نوفمبر 2015 في 5:18 ص

thanks

لا شكر على واجب

abdelhadicool 1 ديسمبر 2015 في 7:42 ص

إ لى الامام أستاذ

Unknown 1 ديسمبر 2015 في 8:14 ص

بدعمكم انشاء الله

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1 أن يكون التعليق خاص بمحتوى التدوينة
2 أن لا تضع أي روابط خارجية

الابتسامات الابتسامات