0 صندوق اشتراك منبثق يظهر للزائر

عودة من جديد ..

اضافة اليوم , سهلة , مفيدة جداً , قابلة للتخصيص , وقليل وجودها في المدونات العربية ان لم يكن معدوم أصلاً .,
الإضافة هي عبارة عن مربع اشتراك متحرك يظهر للزوار ويمكن قفله ! تماما مثل اعلانات المتصفح او بعض النوافذ المنبثقة

معاينة

إضافة جميلة جداً وقابلة للتنسيق .. أكمل الموضوع للحصول على الكود





كود الإضافة :

<b:if cond='data:blog.pagetype == &quot;item&quot;'>

<a href='http://www.spiceupyourblog.com'><img alt='best blogger tips' src='http://3.bp.blogspot.com/_rkg-zitsnuq/tq5ev0u0eii/aaaaaaaacik/xo2efadbfre/s1600/best+blogger+tips.png'/></a><style>

#info{

border: 1px solid;

margin: 10px 0px;

padding:15px 10px 15px 50px;

background-repeat: no-repeat;

background-position: 10px center;

position:relative;

color: #00529B;

background-color: #BDE5F8;

background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYe0f9xkj8MOe3D4PuDYEfhsYzeve0cOlWeEYZchpx9YqtPrRd2ERqOvQwyrNAvVTa6x49Pb5C_r5AbIPNeDHNf6_4VmLpb6PJB0icgELvQxM0ACfKC9_SkZUgg9o7zEVDI1r2yuVR9Y40/s1600/rss-mini.png');

}

</style><script src="http://code.jquery.com/jquery-1.2.3.min.js" type="text/javascript">

</script>

<script type="text/javascript">

$(document).ready(function(){

$(".close").click(function(){

$("#info").animate({left:"+=10px"}).animate({left:"-500px"});

});

$("#info").fadeOut(500).fadeIn(500).fadeOut(400).fadeIn(400)

.fadeOut(400).fadeIn(400);

});

</script>

<div id="info">

<a class="close" href="#close" style="float: right;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSyW7ICelWgjeXM0j1hxHVuYJTFNEYLSB3swUv-a1r5tDl74IvlPJ31UqamcY57RaUk6qbQmyGfum3AriC1XJFzj2MTYtLQfWUZiFkcRSfUMTk_blr8gG9jbozySTDQq9VynkCUj-M2X1Q/s1600/close+message.png" /></a>

<center><b>مرحباً بك زائرنا الكريم</b> - اذا اردت ان يصل اليك جديد الموقع دائما قم بالتسجيل هنا.<br />قائمة البريد لأصدقائنا<a href="http://feeds2.feedburner.com/gamraii" target="_blank"><b>Rss Feed</b></a> !</center></div>

</b:if>

طبعاً بامكانك تغيير صورة الفيد برنر الى فيس بوك أو تويتر وتغيير محتوى الصندوق .


صورة التويتر

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZZzUCcwjrTVOZ4ARoSfABGLu56Q4rJI0wuLslj2hyphenhyphenSHS-OIF31zDaGBdmXVCgLIkD1br_j5i0IWgETea6kCl7VTE5FZiiEkb36oDhCvl86gE5x0byPEomEtv7ADDQnd6hOUjyPG2lArME/s1600/twitter-mini.png



صورة الفيس بوك .

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyVIkQQm2T0goS9BMfcaXSGyZQf8XyzSF5zETM1N3JtICkbk3eU40bm4913M73yE19eOGSwZCYDh-Gi8eKRVVvGFX3S0Ta9_WNWfvChZZXahP-yuf02aClMiDLwdzo7ucoNQr0ksDxHIjV/s1600/fb-mini.png

انتهى

دمتم بود .

حصري لمنتديات بلوجر بالعربي

بقلم يونس لمدون

شاب مغربي اكتب حول تطوير مدونات بلوجر وتحسين التدوين العربي تقنيا وفنيا ، اتابع اخبار الشبكات الاجتماعية وكل ما له علاقة بتطوير التدوين

هل اعجبك هذا الموضوع ؟	إشترك عبر خدمة RSS تابعني عبر الفيس بوك تابعني على تويتر اشترك عبر البريد الالكتروني