القائمة الرئيسية

الصفحات

اضافة معلومات عن التدوينة اسفل الموضوع بلوجو لسنة 2017

السلام عليكم .
سنتطرق اليوم لهذه الاضافةالرائعة، حيث  تعطي جمالية و احترافية اكثر لمدونتك، حيث ستوفر للقارئ رؤية شاملة عن الموضوع بعد انهائه من قرائة الموضوع، كما ان الاضافة داعمة لمحركات البحث وسيتمكن الزائر من ابداء رأيه في الموضوع الخاص بك، و ستعرض العديد من الاشياء من خلال هاته الاداة.
اضافة معلومات عن التدوينة اسفل الموضوع بلوجو لسنة 2017

المميزات:

  1. صورة الموضوع والعنوان.
  2. التسميات.
  3. تاريخ نشر الموضوع.
  4. كاتب الموضوع.
  5. ازرار التقييم على شكل ابتسامات.
  6. عدد التعليقات.
  7. أيقونات الخط رائع آخر تحديث.
  8. زر الإبلاغ عن خطأ.
  9. سكربت عدد الزيارات.
  10. زر طبع الموضوع.
  11. داعمة لمحركات البحث.

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

  • قم بتحرير القالب ثم ابحث عن الكود التالي </ head> بالاستعانة ب السيطرة + F، و ضع الكود التالي قبله (فوقه).

<الارتباط = أ href "الشبكي: //maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" يختلط = "أنماط" نوع = "نص / المغلق '/>
<ب: إذا "البيانات: blog.pageType ==" البند " '= كوند>
<نوع النمط =" نص / المغلق'>
@ الخط وجه {الخط بين أفراد الأسرة: 'العربية'؛ الخط الوزن: 400700، الخط على غرار: عادي ؛ SRC: رابط (https://cs-microsoft.com/static/fonts/segoe-ui/arabic/normal/latest.eot)؛ SRC: رابط (https://cs-microsoft.com/static/fonts/ segoe-UI / / العادي latest.eot؟ #iefix) شكل العربية / ( "جزءا لا يتجزأ من أوبن")، رابط (https://cs-microsoft.com/static/fonts/segoe-ui/arabic/normal/latest. WOFF) شكل ( "WOFF")، رابط (https://cs-microsoft.com/static/fonts/segoe-ui/arabic/normal/latest.ttf) شكل ( "تروتايب")، رابط (HTTPS: // cs-microsoft.com/static/fonts/segoe-ui/arabic/normal/latest.svg#web) شكل ( "SVG")}
.post تلو ar1web لى: الماضي والطفل {الحدود القاع: لا شيء؛ } {.post_byfix تعويم: الحق؛ خلفية: # FFFFFF. اللون: # 333333؛ عرض: 100٪؛ إخفاء الفائض؛ واضحة على حد سواء؛ هامش القاع: 10px؛ } .post-IMG {عرض: كتلة. تعويم: الحق؛ ! الحشو: 4PX من الأهمية بمكان؛ الهامش الأيمن: 2px من الأهمية بمكان؛ هامش قمة: 5px من الأهمية بمكان؛ إخفاء الفائض؛ العرض: 34٪؛} .post-قيمه img IMG {الموقف: النسبية؛ العرض: 220px؛ الطول: 190px؛} .post تلو ar1web {فيض: السيارات. النص الديكور: لا شيء؛ خلفية: # الاتحاد الفرنسي. هامش: 20px 0؛ الحدود: 1PX الصلبة # D0CFCF. مربع الظل: 0 -1px 0 # الاتحاد الفرنسي، 0 1PX 1PX رغبا (0،0،0،0.10)؛} .post تلو ar1web المجاهدين {هامش: 0؛ الحشو: 0؛ هامش قمة: 9px. } .post تلو ar1web لى {على غرار القائمة: لا شيء؛ الحشو: 5px 0؛ الحدود القاع: 1PX رغبا متقطع (233، 234، 237، 0.9)؛ تجاوز: السيارات؛} b.fa.fa المستخدم، b.fa.fa العلامة، b.fa.fa على مدار الساعة، س، b.fa.fa-تعليق-س، b.fa.fa العين {خلفية : # E9EAED. الحشو: 4PX 0؛ الهامش اليمين: 5px؛ اللون: # 969DAE. العرض: 22px؛ مواءمة النصوص: المركز؛ -webkit الحدود نصف قطرها: 3PX. -moz الحدود نصف قطرها: 3PX. الحدود بين دائرة نصف قطرها: 3PX. النص الظل: 0px 1PX # الاتحاد الفرنسي. }
a.onwan_ar1web {FONT-SIZE: 18px أهمية. خط الطول: 30px؛ اللون: # 2A2A2A من الأهمية بمكان؛ تجاوز النص: القطع. الخط بين أفراد الأسرة: الروبوت العربية خط النسخ، بلا الرقيق؛ } # بعد المعلومات-ar1web لذلك، .ar1webviewers، # بعد المعلومات-ar1web {لون: # 868585؛ الخط: 13px طبيعية عادية "العربية"، فيردانا، نوع تهامه. } .lb على غرار خصيصا .lb مثل: تحوم: بعد، .lb على غرار خصيصا .lb-كراهية: تحوم: بعد {المحتوى: 'موضوع رائع'؛ اللون: # 383637؛ الحشو اليمين: 10px؛ الموقف: النسبية. الخط: 12px طبيعية عادية "العربية"، فيردانا، نوع تهامه. }
.lb على غرار خصيصا .lb-كراهية: تحوم: بعد {المحتوى: "لا بأس به". } {span.ar1webmochahda الهامش اليمين: 3PX. } i.fa.fa-دائرة-س {FONT-SIZE: 6px؛ اللون: # EC2828. }
.ar1webviewers .loading {عرض: مضمنة كتلة، العرض: 20px؛ الطول: 20px؛ الخلفية: رابط شفافة ( 'http://2.bp.blogspot.com/-60aISBQLRY0/VFBMqzLfzGI/AAAAAAAABgM/GInmVTvEzkc/s1600/loader GIF. ') عدم تكرار 0 0؛ الرأسية محاذاة: المتوسطة} {span.ani_ar1web الموقف: مطلقة؛ اليمين: 35px؛ هامش: 6px السيارات. الحشو: 2px 8px؛ اللون: # F7F5F5. النص الظل: 0 -1px 0 رغبا (0، 0، 0، 0.25)؛ FONT-SIZE: 11px؛ الخط الوزن: 700. لون الخلفية: شفاف. خلفية صورة: -moz الخطية التدرج (# ED0509، # 8E0002)؛ خلفية صورة: -webkit الخطية التدرج (# ED0509، # 8E0002)؛ خلفية صورة: الخطي التدرج (# ED0509، # 8E0002)؛ الخلفية تكرار: تكرار-X؛ -webkit مربع الظل: 0 1PX 2px رغبا (0، 0، 0، 0.25)؛ -moz مربع الظل: 0 1PX 2px رغبا (0، 0، 0، 0.25)؛ مربع الظل: 0 1PX 2px رغبا (0، 0، 0، 0.25)؛ -webkit الحدود القاع من اليمين دائرة نصف قطرها: 3PX. -webkit الحدود القاع من اليسار دائرة نصف قطرها: 3PX. -moz الحدود، دائرة نصف قطرها bottomright: 3PX. -moz الحدود، دائرة نصف قطرها bottomleft: 3PX. الحدود من الأسفل من اليمين دائرة نصف قطرها: 3PX. الحدود أسفل يسار نصف قطرها: 3PX. ض مؤشر: 1؛} .post-قيمه img IMG: تحوم {التعتيم: 0.85. } {a.reportar1web تعويم: الحق؛ عرض: 100٪؛ خلفية: # EC595B. ! اللون: # الاتحاد الفرنسي أهمية. مواءمة النصوص: المركز؛ الحشو: 5px 0؛ هامش: 10px 0؛ المؤشر: المؤشر. الحدود: 1PX الصلبة # EF4749. } a.reportar1web: تحوم {خلفية: # 444؛ ! اللون: # الاتحاد الفرنسي أهمية. الحدود: 1PX الصلبة # 333؛ } # بعد المعلومات-ar1web و: تحوم، a.onwan_ar1web {لون: # 0088b2 من الأهمية بمكان؛ } .lb على غرار خصيصا .lb مثل أيقونة، .lb على غرار خصيصا .lb-كره-رمز {FONT-SIZE: 18px أهمية. } .lb على غرار خصيصا .lb مثل، .lb على غرار خصيصا .lb-كراهية {لون الخلفية: # FFFFFF أهمية.! الحدود: #DEDEDE الصلبة 1PX المهم.! إخفاء الفائض؛ } .likebtn-المجمع {هامش اليسار: 20px؛ الموقف: النسبية. تعويم: الحق؛ هامش قمة: 10px؛ } {.printfriendly تعويم: الأيسر. اليسار: 10px؛ الخلفية: شفاف؛ اللون: # 777؛ النص الديكور: لا شيء؛ الحشو: 3PX 0 3PX 5px؛ الخط بين أفراد الأسرة: 'فتح بلا'؛ حجم الخط: 12px؛ الخط الوزن: 400؛} {span.print الموقف: المطلق؛ هامش: 165px 0؛ اليمين: 28px؛ FONT-SIZE: 18px؛ ض مؤشر: 999. اللون: # F3F3F3. خلفية: رغبا (0، 0، 0، 0.75)؛ الحشو: 0 5px 0؛ خط الطول: 1.6؛ } span.print: تحوم: بعد {أسفل: 0px؛ خلفية: لا شيء تكرار التمرير 0٪ 0٪ # الاتحاد الفرنسي. اللون: # 383637؛ المحتوى: 'اطبع الموضوع'؛ العرض محجوب؛ اليسار: -100px. الحشو: 6px 14px؛ الموقف: مطلقة؛ الخط: عادي عادي 12px العربية، فيردانا، نوع تهامه. }
</ النمط>
</ ب: إذا>
  • ابحث عن هذا الكود <البيانات: post.body /> ستجده متكرر الثاني هو المقصود ثم ضع الكود الآتي أسفله، و إن لم يظهر جرب الكود الذي بعده حتى يظهر معك

<ب: إذا "البيانات: blog.pageType ==" البند " '= كوند>
<div معرف =' بعد معلومات-ar1web '>
<div الطبقة =' بعد كل ar1web '>
<div الطبقة =" مرحلة ما بعد img الصورة>
<ب: إذا = كوند "البيانات: post.thumbnailUrl">
<تمتد الطبقة = 'ani_ar1web'> عن الموضوع </ SPAN>
<div الطبقة = 'واضح' />
<فئة = 'printfriendly "أ href =' http://www.printfriendly.com "عند _ النقر = 'window.print ()؛ عودة كاذبة؛"> <تمتد الطبقة = "طباعة"> <ط الطبقة =' كرة القدم اتحاد كرة القدم الطباعة "/> </ SPAN> </ أ>
<= IMG الفئة 'الوظائف ar1web "EXPR: بديل =' البيانات: post.title" EXPR: SRC = "البيانات: post.thumbnailUrl" EXPR: عنوان = 'البيانات: post.title' />
<ب: آخر />
<IMG بديل = "لا صورة '= الفئة' الوظائف ar1web" EXPR: عنوان = 'البيانات: post.title "SRC =" HTTP: //4.bp.blogspot.com/-44trijSlV2Y/UgU0J6RU87I/AAAAAAAAASU/ Nppm2hzUboU / S1600 / no_image.jpg "/>
</ ب: إذا>
<a class='reportar1web' href='#' rel='nofollow' target='_blank'> <ب الطبقة = 'كرة القدم اتحاد كرة القدم-معلومات-دائرة "/> إبلاغ عن خطأ </A>
</ div>
<UL>
<لى> <ب /> <a class='onwan_ar1web' expr:href='data:post.url'> <البيانات: post.title / > </A>
<div الطبقة = "واضحة" />
<تمتد الطبقة = 'likebtn-المجمع' = البيانات bg_c '# e9eaed "البيانات brdr_c =" # وما يليها FFFF "، btn_size البيانات = '25 'بيانات f_family =' نوع تهامه" بيانات f_size = '15 '، icon_d البيانات =' sml3-ش-= counter_l_c البيانات البيانات counter_d_c = "# 969dae '' # 969dae '' data- icon_l = 'sml3-ح "بيانات لانغ =' ع '، loader_show البيانات =' صحيح '، show_like_label البيانات =' كاذبة '، موضوع البيانات =" مخصص "/>
<script> (وظيفة (د، ه، ق) { إذا (d.getElementById ( "likebtn_wjs")) العودة؛ و= d.createElement (ه)؛ م = d.getElementsByTagName (ه) [0]؛ a.async = 1؛ a.id = "likebtn_wjs"؛ و. SRC = ق. m.parentNode.insertBefore (أ، م)}) (الوثيقة، "السيناريو"، "// w.likebtn.com/js/w/widget.js")؛ </ script>
</ لى>
<لى> <ب الطبقة = 'كرة القدم اتحاد كرة القدم للمستخدم' /> <تمتد الطبقة = 'بعد البلاغ-بصيغة بطاقة "> <ب: إذا = كوند" البيانات: post.authorProfileUrl "> <' الجبهة الوطنية '= تمتد الطبقة يشير itemscope =' يشير itemscope "تشير itemtype =" HTTP: //schema.org/Person "> <ميتا EXPR: = المحتوى" البيانات: post.authorProfileUrl "itemprop و= 'رابط' /> <وEXPR: = أ href" البيانات: post.authorProfileUrl "يختلط = 'المؤلف عنوان =' بروفيل الكاتب "> <SPAN> <البيانات: post.author /> </ SPAN> </A> </ SPAN> <ب: آخر /> < 'الجبهة الوطنية' = تمتد الطبقة يشير itemscope = ' يشير itemscope "تشير itemtype =" HTTP: //schema.org/Person "> <SPAN> <البيانات: post.author/> </ SPAN> </ ثانية عموم> </ ب: إذا> </ SPAN> </ لى>
<li> و<ب الطبقة = 'كرة القدم اتحاد كرة القدم العلامة "/> <تمتد الطبقة =' بعد تسميات">
<ب: إذا كانت البيانات = كوند ': post.labels ">
<ب: القيم حلقة = 'البيانات: post.labels' = فار" التسمية ">
<a expr:href='data:label.url' rel='tag'> <البيانات: label.name/ > </A> <ب: إذا "البيانات: label.isLast =" صحيح " '= كوند>،
</ ب: إذا>
</ ب: حلقة>
</ ب: إذا>
</ SPAN> </ لى >
<li> و
<ب: إذا "البيانات: top.showTimestamp '= كوند>
<ب: إذا" البيانات: post.url' = كوند>
: "البيانات: post.canonicalUrl '= المحتوى <ميتا EXPR' رابط 'itemprop و= />
<فئة ب = 'كرة القدم اتحاد كرة القدم على مدار الساعة، س "/> <تمتد الطبقة =' الوقت من المعلومات">
<فئة = 'الطابع الزمني الارتباط "EXPR: = أ href" البيانات: post.url "يختلط =' المرجعية "عنوان = 'رابط دائم"> <ابر الطبقة =' نشرت المحدثة "EXPR: عنوان = 'البيانات: post.timestampISO8601" itemprop و=' datePublished "> <البيانات: post.timestamp /> </ ابر> </A>
< / SPAN>
</ ب: إذا>
</ ب: إذا>
</ لى>
<li> و
<ب: إذا "البيانات: post.allowComments '= كوند>
<ب الطبقة =' كرة القدم اتحاد كرة القدم-تعليق-س" /> <= تمتد الطبقة "تعليق اينفو">
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <ب: إذا كانت البيانات = كوند ': post.numComments == 0 '> 0 اضف تعليق </ ب: إذا> <ب: إذا = كوند "د عطا: post.numComments == 1 "> تعليق واحد </ ب: إذا> <ب: إذا = كوند" البيانات: post.numComments <1 "> <البيانات: post.numComments /> تعليقات </ ب: إذا>
< / أ>
</ SPAN>
</ ب: إذا>
</ لى>
<li> و
<div الطبقة = 'ar1webviewers "EXPR: معرف =" obs- "+ البيانات: post.id"> <ب الطبقة =' كرة القدم اتحاد كرة القدم العين "/> <تمتد الطبقة =" التحميل "/> & نبسب؛ مشاهدة </ div>
</ لى>
</ UL>
</ div>
</ div>
<div يشير itemscope = '' تشير itemtype = 'HTTP: / /data-vocabulary.org/Review '>
<div = نمط "الموقف: ثابت؛ ض مؤشر: -500، التعتيم: 0؛ أعلى: 0px؛ يسار: 0px؛">
<div يشير itemscope =' 'تشير itemtype = "HTTP : //data-vocabulary.org/Review-aggregate '>
تقييمات المشاركة: <SPAN itemprop و=' itemreviewed "> <البيانات: post.title /> </ SPAN>
<SPAN itemprop و= 'تقييم' يشير itemscope = '' تشير itemtype = "http://data-vocabulary.org/Rating"> <SPAN itemprop و= 'متوسط'> 9 </ SPAN> على <تمتد itemprop و= 'أفضل'> 10 </ SPAN> مرتكز على <تمتد "الأصوات" itemprop و= > 10 </ SPAN> تقييمات. <SPAN itemprop و= 'عدد'> 9 </ SPAN> تقييمات القراء.
</ SPAN>
</ div>
</ div>
<div الطبقة = 'واضح' />
</ div>
</ ب: إذا>

  •  ابحث عن هذا الكود </ body> وضع الكود التالي فوقه:

<ب: إذا "البيانات: blog.pageType =" المؤشر " '= كوند>
<النصي SRC =" HTTP: //cdn.firebase.com/v0/firebase.js "نوع =" نص / جافا سكريبت "/>
< النصي نوع = "نص / جافا سكريبت">
// <! [CDATA [
$ (الوثيقة) .ready (وظيفة () {$ ( '. بعد قيمه img img الصورة). ATTR (' SRC "، وظيفة (ط، SRC) {العودة src.replace ( 'S72-ج'، 'S400')؛})؛})؛
$ (وظيفة () {فار و= $ ( "ar1webviewers.")؛ a.each (وظيفة () {فار ن = $ (هذا) .attr ( "ID")، ه = جديد Firebase ( "HTTPS: // FIVEFOUR.firebaseio.com/"+n)؛e.once("value"،function(n){var ط = n.val ()؛ == فارغة ط ط = 1:! "/" = window.location .pathname && ط ++، e.set (ط)، a.children ( "فترة") removeClass ( "تحميل") أتش تي أم أل (ط)})})})؛.
//]]>
</ script>
</ ب: إذا>

  •  سنحتاج في هذه الخطوة لإنشاء استضافة بيانات لعدد المشاهدات خاصة بك .

  1. 1 * ادخل على موقع Firebase إن لم يكن لديك حساب قم بإنشائه ثم سيوجهك للواجهة. 
  2. 2 * أنشئ تطبيق جديد بأي إسم كان ثم اضغط CREATE NEW APP.
  3. 3 * غير اسم FIVEFOUR في الكود بالخطوة 3 بالإسم الذي أنشأته.









author-img
هيثم شاب في العشرينات ، يهتم بمراجعة جديد التقنية و توصيل أفضل صورة للزائر ، بحيث نختصر عليك الكثير من عمليات البحث ، و لذك بتوفير المعلومات الكاملة .

تعليقات