4 0 4
نعتذر , لا نستطيع ايجاد الصفحة المطلوبة الصفحة الرئيسية

الثلاثاء، 17 مايو، 2016


موضوع اليوم على مدونة عالم المدون هو اداة النشرية البريدة والمتابعة معنا بشكل منزلق  باحترافى وكما قد عرضنا من قبل إضافة أداة المتابعة فى بلوجر منبثقه  و يوم أمس اضافة اداة النشرة البريدية بشكل منزلق اليوم ناتيكم بشكل جديد لأضافة واستخدام اخر ويمكنك معاينة فى مدونتنا .

شرح التركيب


1- قم بالبحث فى قالب مدونتك عن الوسم ]]></b:skin>  ثم قم بوضع الكود التالى فوق.

#subscribe-css{position:relative;padding:20px 0;overflow:hidden;}
.subscribe-wrapper{color:#fff;font-size:16px;line-height:normal;margin:0;text-align:center;text-transform:none;font-weight:400;width:100%}
.subscribe-form{clear:both;display:block;overflow:hidden}
form.subscribe-form{clear:both;display:block;margin:0;width:auto;overflow:hidden}
.subscribe-css-email-field{background: rgba(226, 32, 32, 0.84);color: #FFF;margin: 10px 0;padding: 15px 20px;width: 62%;border: 0;border-radius: 3px;height: 51px;font-family: Electrolize,ge_dinar_tworegular;}
.subscribe-css-email-button{  background: rgba(226, 32, 32, 0.84);color: #fff;cursor: pointer;font-weight: 100;padding: 14px 30px;margin-right: 10px;text-transform: none;font-size: 15px;border: 0;border-radius: 3px;transition: all .6s;font-family: Electrolize,ge_dinar_tworegular;}
.subscribe-css-email-button:hover{  background: rgba(255, 255, 255, 1);color: #C5252B;}
#subscribe-css p.subscribe-note{margin:16px;text-align:center;color:rgba(255,255,255,.6);font-size:180%;font-weight:400;line-height:normal;}
#subscribe-css p.subscribe-note span {color: #fff;position:relative;overflow:hidden;font-weight:100;transition:all .5s}
#subscribe-css p.subscribe-note span.itatu {font-weight:400;font-style:italic;color:rgba(255,255,255,.6);text-transform:lowercase}
#subscribe-css p.subscribe-note span.itatu:before,#subscribe-css p.subscribe-note span.itatu:after{display:none}
#subscribe-css p.subscribe-note span:before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;margin:10px 0 0;  background: #fff;transition:all .5s}
#subscribe-css:hover p.subscribe-note span:before{width:100%;}
#arlinafollowSubscribe{background-color: rgba(25, 44, 87, 0.87);width:320px;color:#fff;position:fixed;z-index:999;right:10px;bottom:0}
.arlinafollowButton{color: #fff;font-size: 13px;line-height: 28px;padding: 0 10px;position: absolute;top: -28px;right: 0;display: block;border-radius: 2px 2px 0 0;height: 28px;font-weight: 100;font-family: Electrolize,ge_dinar_tworegular;background: rgba(226, 32, 32, 0.84);}
.arlinafollowButton span{background:url("https://4.bp.blogspot.com/-fc3-0J--iW8/VyPNjRmxJtI/AAAAAAAAD7U/emRRY6ntYEg3IaL-mev9XxE9M1OKh50fACLcB/s1600/follow-blogger.png") no-repeat scroll 0 3px transparent;padding-left:15px}
.arlinafollowButton:hover,.arlinafollowButton:focus,.followActive,.followActive:hover{color:#fff}
.arlinafollowButton:hover span,.followActive span{background-position:0 -37px!important}
.followactive{background-color:#333}
.arlinafollowForm{padding:15px;margin:auto;text-align:center;font-size:12px}
.arlinafollowForm p{font-family: Electrolize,ge_dinar_tworegular;font-size: 18px;margin-top: 25px;margin-bottom: -20px;}
.arlinaFollowFooter{text-align:center;font-size:11px;padding:7px 0;margin:0 0 -15px;border-top:1px solid #3c3c3c}
.arlinaFollowFooter a{color:#aaa;background:none;text-decoration:none}
.arlinaFollowFooter a:hover{color:#fff;background:none}
a.arlinafollowButton.followActive {font-weight: 100;font-family: Electrolize,ge_dinar_tworegular;background: rgba(226, 32, 32, 0.84);}
div#arfhli {padding: 25px;}
p.subste {margin-bottom: 14px;margin-top: -34px;}

2- قم بالبحث عن الوسم <head> ثم قم بوضع الكود التالى أسفل منه .

<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700|Electrolize' rel='stylesheet' type='text/css'/>
<link href='http://cdn.jsdelivr.net/darfonts/0.1/dinone-dintwo-sstext-ssthree/stylesheet.css' rel='stylesheet'/>

3- الأن مع الكود  الأخير يمكنك وضعه فى أداة جديده من التخطيط أو يمكنك وضعه فوق الوسم </body> كما تريد .

<script type="text/javascript">
/*<![CDATA[*/
!function(e){e(document).ready(function(){e.extend(e.easing,{easeOutCubic:function(e,o,t,a,n){return a*((o=o/n-1)*o*o+1)+t}});var o=e("#arlinafollowSubscribe"),t="-"+o.outerHeight()+"px";o.hide().css({bottom:"-510px"}),setTimeout(function(){o.show().animate({bottom:t})},500),e(".arlinafollowButton").click(function(a){o.hasClass("followOpened")?(e(this).removeClass("followActive"),o.removeClass("followOpened").stop().animate({bottom:t},{duration:300,easing:"easeOutCubic"})):(e(this).addClass("followActive"),o.addClass("followOpened").stop().animate({bottom:"0"},{duration:500,easing:"easeOutCubic"})),a.preventDefault()})})}(jQuery);
/*]]>*/
</script>
<div id="arlinafollowSubscribe" style="bottom: -971px;">
<div class="arlinafollowForm">
<a class="arlinafollowButton" href="#" title="تجدونا هنا"><b style="color: #FFFFFF;">تجدونا هنا</b></a>
<br /><div id='subscribe-css'>
<p class='subscribe-note'><span>إشترك الأن</span></p>
<div class='subscribe-wrapper'>
<div class='subscribe-form'>
<form action='http://feedburner.google.com/fb/a/wdbloog?uri=blogspot/Lycvc' class='subscribe-form' method='post' onsubmit='window.open (&apos;http://feedburner.google.com/fb/a/wdbloog?uri=blogspot/Lycvc&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='wdbloog'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='ضع ايميلك هنا'/><input class='subscribe-css-email-button' title='' type='submit' value='إشترك'/></form>
</div>
</div>
</div><br />
<div id='arfhli'>
<p class='subste'><span style="color: #FFF;" >إنضم إلينا</span></p>
    <br />
    <a href="http://www.Blogger.com/follow-blog.g?blogID=6374904803198916040" title="join this site" onclick="window.open(this.href, 'dmfollow', 'toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521');return false;" style="text-align:center;font-weight:bold;text-decoration:none;"><img src="https://2.bp.blogspot.com/-j4yxBtNjph4/VyUof2U7_HI/AAAAAAAATxA/q3M3k33hTk8c3KPbBGctm3_kTYRrEKlAwCLcB/s1600/wdbloog.png" alt="Join on this site" /></a>
    <br />
<p>للحصول على كل جديد المدونة</p>
</div>
</div>
</div>

4- فى هذه الكود الأخير سوف تجد ثلاث روابط الأول http://feedburner.google.com/fb/a/mailverify?uri=wdbloog فى اخره يوجد wdbloog قم بتغييره بمعرف الخلاصة الخاص بك
الرابط الثانى نفس الأمر
window.open ('http://feedburner.google.com/fb/a/mailverify?uri=wdbloog&apos
الرابط الثالث ايضا غيره وسوف تجده هكذا value='wdbloog'

ولمعرف معرف الخلاصة الخاص بك شاهد هذا الموضوع إضافة أداة النشرة البريدية وعمل الخلاصة RSS

5- وفى الكود الأخير ايضا يوجد يوجد هذا الرابط يوجد فى اخر معرف بلوجر
 http://www.Blogger.com/follow-blog.g?blogID=6374904803198916040

ولتعرف معرف بلوجر الخاص بك تابع هذا الشرح  إضافة أداة المتابعة فى بلوجر منبثقه


6- بعد تغيير وضع معرف الخلاصة الخاص بك ومعرف بلوجر احفظ العمل ومبروك عليك الأضافة .


وهذا كل شئ فى موضوع اليوم اذا واجهتك اى مشكلة فى تركيب الإضافة او تريد التعديل على اى شئ ، فباب التعليقات مفتوح لا تتردد ! وادعمنا بمشاركة التدوينة ليستفيد منها الجميع :)
شارك التدوينه
تنبية هام

هناك 14 تعليقًا :

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

    ردحذف
    الردود
    1. القالب ليس متوفر لدي الان اخى

      حذف
    2. اخي يتوفر لدي قالب اوصل لكنه مربوط بكود جافا اسكريبت يمنع استخدام القالب الا بعد وضع رقم يرسله لك المطور بعد شراءه .
      هذه مدونتي وانا استخدمه www.sudatechno.com

      حذف
    3. حسنا اخى الكريم ارسل لى القالب حتى افك تشفير الكود

      حذف
  2. السلام عليكم
    أخي سيد كمال
    القوالب التي علي بيكاليكا مدفوع ولا يحق لأي شخص محاكاتها
    ونشرها وأنا أشكر عالم مدون علي حذفه موضوع قالب كن مدون
    وشكرا علي الموضوع ياطيب

    ردحذف
    الردود
    1. وعليكم السلام اخى
      بخصوص قالب كن مدون كانت غلط منى انى انشره ولكن قمت بحذفه بعد المعرفة
      بالتوفيق لك

      حذف
  3. ممكن كبف اضافة تنبية هام تحت الموضيع لذكر المصدر

    ردحذف
    الردود
    1. الموضوع القادمة ان شاء الله

      حذف
  4. السلام عليكم اخي الكريم اريد منك تصميم منتدى او جو مراسلتي ع الخاص ع ragazzoly@gmail.com

    ردحذف
    الردود
    1. للاسف اخى الكريم انا اعمل على بلوجر فقط
      اذا تريد اى شئ فىبلوجر انا فى الخدمة

      حذف
  5. أخي ممكن كود شكل الاقتباس اللذي تستعمله

    ردحذف
  6. راجع هذا الموضوع
    https://wdbloog.blogspot.com/2016/04/blog-post.html

    ردحذف

شارك بتعليق على

مواقع صديقة سوف تفيدك
brief useful MAX SEO TOOLS ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا
ALL RIGHTS RESERVED, 2016 WDBLOOG , POWERED BY BLOGGER , DESIGN BY WDBLOOG