إضافة أداة التسجيل مثل المنتدى صندوق اشتراك منبثق لبلوجر

السلام عليكم

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

مثال حي إنظر إلى أسفل المدونة 

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

طريقة التركيب

.1 اذهب للوحة التحكم

2. تخطيط 

3.عناصر الصفحة

4. اضف اداة

6.اختار  Html/Javascript

 هذا هو الكود

<b:if cond='data:blog.pagetype == &quot;item&quot;'><a   href='http://www.chahidna.com'>-<b:if cond='data:blog.pagetype == &quot;item&quot;'><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/AVvXsEg1sKn6SWyYmr-DTQ5_DAS3lp9oJnmnO0nO-VYpQTJwRLtMD83FDlqpFrp2iokujx_kNYjlWwDfInS-IEkXBS078tDaXxaqCRfEKemvffMUQ5qAgH-9Bk0tBlO-reJlxM8aroudkA14N9WX/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/AVvXsEgA-ewJKNU3AZD-82VKx39kZCdFcRLay1t74a5M7SH6vlvcwkxyr7gBtdtpBmlGG5z2Rmy8PFbAsfUTh9bnQ4pDOUnzP_23d5K6owztI6-nyiLutvFxv8yy3fS44dtJ4OloyMNx-E4eZXYS/s1600/close+message.png"  /></a>

    <center><b>مرحباً  بك زائرنا الكريم</b> - اذا اردت ان يصل اليك جديد الموقع دائما قم  بالتسجيل هنا.<br />قائمة البريد لأصدقائنا<a  href="http://feedburner.google.com/fb/a/mailverify?uri=chahidna&loc=en_US"  target="_blank"><b>Rss Feed</b></a>  !</center></div></b:if>

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

بعد التغيير احفظ الاداه

واى استفسار اضف ردك