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

وقبل الولوج إلي الشرح يمكنك معاينة السلايد علي الموقع التالي .

أولا قم بالبحث عن الوسم ]]> ثم قم بوضع الأكواد التالية فوقة مباشرة.



#recenpo .widget-content{font-family:inherit }.recentsp-Webponto .Webponto-post{float:right;overflow:hidden;margin:0;padding:0}.Webponto-post .recent-box{float:right;width:41%;position:relative;margin-bottom:11px}.Webponto-post .recent-box:first-child{width:58%;margin-left:11px}.Webponto-post .recent-box:first-child .magp-thumb img{background-size:cover;width:100%;height:499px}.magp-thumb img{background-size:cover;width:100%;height:244px}.recent-box .mag-content{position:absolute;bottom:2%;padding:0 17px;right:0}.recent-box .mag-content .postwriter,.recent-box .mag-content .magp-date{display:inline-block}.Webponto-post .post-title .magp-title{font-weight:700;text-shadow:1px 1.732px 0 rgba(0,0,0,0.086);color:#fff;font-size:18px;-webkit-transform:matrix(1.04943167426545,0,0,1,0,0);-moz-transform:matrix(1.04943167426545,0,0,1,0,0);-ms-transform:matrix(1.04943167426545,0,0,1,0,0);transform:matrix(1.04943167426545,0,0,1,0,0);margin:0 10px}.Webponto-post .mag-bottom .psummary{color:#c4c4c4;font-family:inherit ;line-height:21px;margin-bottom:2px;font-size:15px}.Webponto-post .recent-box .magp-thumb a:before{content:'';position:absolute;width:100%;height:100%;background:-moz-linear-gradient(top,rgba(31,31,31,0.26) 0%,rgba(31,31,31,0.59) 100%);background:-webkit-linear-gradient(top,rgba(31,31,31,0.26) 0%,rgba(31,31,31,0.59) 100%);background:linear-gradient(to bottom,rgba(31,31,31,0.14) 0%,rgba(31,31,31,0.39) 100%);background:-o-linear-gradient(to bottom,rgba(31,31,31,0.14) 0%,rgba(31,31,31,0.39) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#421f1f1f',endColorstr='#961f1f1f',GradientType=0)}.Webponto-post .post-title .magp-title:before{content:'';background:#ff8400;display:inline-block;width:10px;height:10px;margin-left:10px}.Webponto-post .magp-date .post-date{color:#dedede;font-size:14px}.Webponto-post .magp-date .post-date:before,.Webponto-post .postwriter .writer-p:before{content:'\f073';display:inline-block;font-family:fontawesome;margin-left:5px;color:#ff8400}.Webponto-post .postwriter .writer-p{color:#dedede;font-size:14px}.Webponto-post .postwriter{margin-left:10px}.Webponto-post .postwriter .writer-p:before{content:'\f007'}@media screen and (max-width : 768px) {.recentsp-Webponto{float:right;display:none}}

ثانيا: قم بالبحث عن الوسم ثم قم بوضع الأكواد التالية فوقة مباشرة.


ثالثا ومع الكود الأخير وهو الكود المسؤل عن إظهار السلايد في المكان الذي تريدة ويمكنك وضعة في اي مكان تريد ان يظهر به السلايد .


3/فنون

وهناك ثلاث خيارات لعرض السلايدر.

  1.  استبدال "فنون" بإحدى التسميات الموجوده في مدونتك لعرض التدوينات منها فقط . 
  2. استبدال "فنون" ب "recentpost" لعرض آخر الموضوعات . 
  3. استبدال "فنون" ب "randompost" لعرض موضوعات عشوائية .

إلي هنا أكون قد انتهيت من الشرح وإن واجهتك اي مشكلة يمكنك تركها في التعليقات والله الموفق.

Axact

Axact

Vestibulum bibendum felis sit amet dolor auctor molestie. In dignissim eget nibh id dapibus. Fusce et suscipit orci. Aliquam sit amet urna lorem. Duis eu imperdiet nunc, non imperdiet libero.

Post A Comment:

0 comments: