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



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

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

  • ابحث عن الكود  ]]></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 التعليقات لموضوع "إضافة واجهة ترحيب لمدونات بلوجر "

الكاتب
avatar
الكاتب
avatar

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

الكاتب
avatar

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

الكاتب
avatar

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

الكاتب
avatar

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

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


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