حل مشكلة المحتوي المكرر

شرح اضافة زر متابعة بلوجر

سوف اتناول في هذا الشرح اضافة من اروع اضافات بلوجربل ومن اهمها.

لان زر الاشتراك يعمل علي زيادة عدد المتابعين للمدونة ويعطي شكل احترافي للمدونة ويعمل علي ربط الزائر بالمدونة ويعطيه انطباع الارتباط بهذه المدونة وليست مجرد زيارة واحدة لغرض محدد.

سوف استخدم سكريبت اضافة زر الاشتراك في بلوجروهذا الكود سهل وبسيط ويمكن اضافته في التنسيق في اداة جديده.

كود اضافة زر الاشتراك في مدونة بلوجر به ثلاث ازرار مخصصة لاخذ الزائر مباشرةً الي صفحة الفيس بوك وتويتر وقناة اليوتيوب الخاصة بالمدونة .

عليك ان تقوم باضافة روابط مواقع التواصل الاجتماعي وسوف تعمل الاداة بشكل تلقائي.

يكمن اهمية هذه الاداة فأنها تربط مدونتك بمواقع التواصل الاجتماعي ويعطي للزائر انطباع المدون الاحترافي وصانع محتوي الفيديوايضاً.

وربط المدونة بالقناة امر ضروري ليتعرف الزائر علي قناتك علي اليوتيوب ومشاهدة المحتوي الخاص بك وزيادة عدد المشتركين علي قناتك عن طريق المدونة.

مميزات زر الاشتراك علي مدونة بلوجر

1- يعمل علي جميع القوالب والمدونات.

2- بسيط وسهل التعديل عليه.

3- مظهره جميل واحترافي.

4- يحتوي علي اربعة ازرار(زرمتابعة مدونة بلوجر|زرمتابعة صفحة الفيس بوك|زر متابعة قناة اليوتيوب|زر متابعة تويتر).

5- لايؤثر علي سرعة المدونة اثناء التحميل.

6- قابلية تعديل اللغة ليناسب لغة المدونة الخاصة بك.

7- سهل التركيب علي المدونة.

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

1- قم بنسخ الكود ادناه وتوجة الي لوحة تحكم بلوجر.

2- قم بالضغط علي تبويب التنسيق سوف يأخذك الي صفحة التنسيق كما موضح بالشكل.

3- قم بالضغط علي اضافة اداة  من القائمة الجانبية وسوف تظهر لك نافذه اختارمنها HTML|Javasript كما موضح بالشكل ادناة.

4- قم بلصق الكود داخل خانة المحتوي كما موضح بالشكل ادناه واترك خانة العنوان فارغاً كما هو.

5- قبل عملية الحفظ عليك القيام ببعض الامور.

6- قم بوضع ID الخاص بالمدونتك في خانة "ضع الرقم التعريفي لموقعك"- ايضا قم بوضع روابط مواقع التواصل الاجتماعي في خانات(ضع رابط تويتر هنا|ضع رابط صفحة الفيس هنا|ضع رابط قناة اليوتيوب هنا) - ايضا ضع رابط الصورة في خانة "ضع رابط اللوجو او الصوره هنا"

7- ثم اضغط علي حفظ في اسفل النافذه.

ملحوظة: سوف اشرح لكم في الفيديو كيفية اضافة رابط اللوجو وايضاً كيفية اضافة الرقم التعريفي للمدونة.

سكريبت اضافة متابعة مدونة بلوجر.

<style> .about_blog { padding: 0; overflow: hidden;background: #fff; } .about-Pro7web-info h4{background:transparent;position:relative;padding:0;margin:0;border:0;text-align:center;font-size:120%} .about-Pro7web-img{position:relative;max-height:140px;overflow:hidden} .about-Pro7web-img img {max-width:100%;width:100%;transition:all .6s;} .about-Pro7web-img:hover img{transform:scale(1.2) rotate(-10deg)} .about-Pro7web-img:before{content:'';background:rgba(0,0,0,0.3);position:absolute;top:0;right:0;left:0;bottom:0;z-index:2;transition:all .3s} .about-Pro7web-img:hover:before{background:rgba(0,0,0,0.6);} .aboutfloat-img{width:55%;position:absolute;top:35%;bottom:35%;right:22.5%;z-index:3} .about-Pro7web-float{text-align:center;display:table;width:100%;height:100%} .about-Pro7web-float a{color: #fff; padding: 8px 14px; z-index: 2; display: table-cell; width: 100%; font-size: 100%; text-transform: uppercase; vertical-align: middle; transition: all .3s; border: 2px solid #FFFFFF; font-weight: bold; background: rgba(0,0,0,0.5); text-shadow: 0 2px 0 rgba(0,0,0,0.15); box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 0 2px 0 -1px rgba(0,0,0,0.13), 0 3px 0 -1px rgba(19, 18, 18, 0.38), 0 3px 13px -1px rgba(0, 0, 0, 0.08); border-radius: 2px;} .about-Pro7web-float:hover a{background:#fff; color: #444!important;} .about-Pro7web-float a i{font-weight:normal;margin-left:5px} .about-Pro7web-wrpicon{display:block;margin:0 auto;position:relative;} .extender{text-align:center;font-size:16px; margin: 15px!important;} .extender .about-Pro7web-icon{display: inline-block!important; border: 0!important; margin: 0!important; padding: 0!important; width: 32%!important;} .extender .about-Pro7web-icon a{background: #ccc; display: inline-block; font-weight: 400; color: #fff; line-height: 32px; border-radius: 3px; font-size: 12px; width: 100%; border: 1px solid rgba(0,0,0,0.21); border-bottom-color: rgba(0, 0, 0, 0.27); text-shadow: 0 1px 0 rgba(0,0,0,0.15); box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 0 2px 0 -1px rgba(0, 0, 0, 0), 0 3px 0 -1px rgba(0,0,0,0.08), 0 3px 13px -1px rgba(0, 0, 0, 0.08);} .extender .about-Pro7web-icon i{font-family:fontawesome;margin:10px 3px 0 0} .about-Pro7web-icon.fbl a{background:#3b5998} .about-Pro7web-icon.twitt a{background:#19bfe5} .about-Pro7web-icon.crcl a{background:#d64136} .about-Pro7web-icon.fbl a:hover,.about-Pro7web-icon.twitt a:hover,.about-Pro7web-icon.crcl a:hover{background:#313B42} .extender .about-Pro7web-icon:hover a,.extender .about-Pro7web-icon a:hover{color:#fff;} .about-Pro7web-info{margin:10px 0 0 0;font-size:13px;text-align:center;} .about-Pro7web-info p{margin:5px 0;font: 12px Droid Arabic Naskh; color: #444;} .about-Pro7web-info h4{margin-bottom:10px;font-size:16px;text-transform:uppercase;color:#444;font-weight:700} .about-Pro7web-info h4 span {position:relative;display:inline-block;padding:0 10px;margin:0 auto;} .about-Pro7web-info h4:before,.about-Pro7web-info h4:after {position:absolute;top:51%;overflow:hidden;width:50%;height:1px;content:'\a0';background-color:rgba(0, 0, 0, 0.08)} .about-Pro7web-info h4:before {margin-right:-50%;text-align:left;} </style> <div class="about_blog"> <div class="inner_wrapper"> <div class="about-Pro7web-img"> <img alt="elshoro7at" class="img-responsive" height="auto" src="ضع رابط اللوجو او الصور هنا" width="300" /> <div class="aboutfloat-img"> <span class="about-Pro7web-float"><a href="https://www.blogger.com/follow.g?view=FOLLOW&blogID=ضع الرقم التعريفي لموقعك" rel="nofollow" target="_blank"><i class="fa fa-user"></i> متابعة بالبريد الإلكتروني </a></span></div> </div> </div> <div class="about-Pro7web-info"> <h4> كن متابعا لنا </h4> يصل كل جديد </div> <div class="about-Pro7web-wrpicon"> <ul class="extender"> <li class="about-Pro7web-icon fbl"><a href="ضع رابط صفة الفيس هنا" rel="nofollow" target="_blank"><i class="fa fa-facebook fa-fw"></i> صفحتنا</a></li> <li class="about-Pro7web-icon twitt"><a href="ضع رابط تويتر هنا" rel="nofollow" target="_blank"><i class="fa fa-twitter fa-fw"></i> تابعنا</a></li> <li class="about-Pro7web-icon crcl"><a href="ضع رابط قناة اليوتيوب هنا" rel="nofollow" target="_blank"><i class="fa fa-youtube fa-fw"></i> يوتيوب</a></li> </ul> </div> </div>

لمشاهدة الفيديو الخاص بشرح اضافة متابعة بلوجر اضغط هنا

بهذا انهينا شرح اليوم عن كيفية اضافة متابعة بلوجر|واضافة زر الاشعارات مدونة بلوجر.

بعد الانتهاء من هذا المقال لا تنسي الاشتراك في المدونة ليصلك مزيد من المواضيع الهامة.