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

حصريات
فوتوشوب
شروحات
إضافات
قوالب

الصفحة غير موجودة ، 404

الصفحة أو الكلمة التى تبحث عنها غير موجوده على المدونة أو تم حذفها

يمكنك التبليغ عن رابط لا يعمل من هذا الصفحة التبليغ عن رابط لا يعمل

ويمكنك طلب ما تريده من هذه الصفحة الدعم الفنى

أو يمكنك العودة للصفحة الرئيسية أو البحث عن الصفحةو من جديد

العودة للرئيسية

الثلاثاء، 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 تعليقًا:

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

القالب ليس متوفر لدي الان اخى

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

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

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

الموضوع القادمة ان شاء الله

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

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

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

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

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

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

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع
الأبتساماتأخفاء الأبتسامات

Mohon Aktifkan Javascript!Enable JavaScript

إتصل بنا

الإسم الكريم البريد الإلكتروني مهم الرسالة مهم
جميع الحقوق محفوظة لـ عالم المدون | قوالب بلوجر,اضافات بلوجر, دروس وشروحات بلوجر