lundi 28 août 2017

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

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


في البداية يمكنك معاينة السلايد شو على الموقع التالي :

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

أولا قم بتحرير القالب ثم Ctrl+f و ابحث عن وسم ]]>  و ضع الكود التالي قبله :

.randompost{padding:1% 0}.randompost ul li{float:right;width:25%;padding:0;box-sizing:border-box;position:relative}.randomimg{overflow:hidden;background:#333;transition:all 1s ease;-moz-transition:all .8s ease;-ms-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease}.randomimg:hover{background:#33b242}.randompost ul li:nth-child(1){height:420px;width:50%}.randompost ul li:nth-child(2){height:209.5px;width:50%}.randompost ul li:nth-child(1) .randomimg,.randompost ul li:nth-child(1) .rcp-thumb{height:420px}.randompost ul li:nth-child(1) .randomimg{margin-left:1px}.randompost ul li:nth-child(4) .randomimg{margin-top:1px}.randompost ul li:nth-child(3) .randomimg{margin-top:1px;margin-left:1px}.rcp-thumb{width:100%;height:209.5px;position:relative;display:block;overflow:hidden;opacity:.3!important;transition:all 1s ease;-moz-transition:all .8s ease;-ms-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease;transform:scale(1.5);-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px)}.columns:hover .rcp-thumb{transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-webkit-filter:blur(1px);-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px);filter:blur(2px)}.rcp-thumb:after{content:no-close-quote;position:absolute;left:0;bottom:0;width:100%;height:135px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQR-5hCu-Vapp1q9ApMIM_pBllwMxP8kS9f5Z6w1mrmvhJJmWoRf_aZmXVNepxdwL5y5pwJ3W5pV0h4BW6jSvCiNI-mNZc1aUcmH9MZtv5CluuFeZK1HA-4q5L1hy6Rtb_xiD8v0DXWIU/s1600-r/metabg.png) repeat-x;opacity:.8;background-size:100% 100%;overflow:hidden}.featured-overlay{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(40,35,40,0.05)}.re-tag .tag{position:absolute;top:15px;right:15px;background-color:#243748;color:#fefefe;text-transform:uppercase;font-weight:400;z-index:5;height:25px;line-height:25px;padding:0 5px;font-size:11px}.post-panel{position:absolute;bottom:0;right:0;width:100%;padding:15px;z-index:2;box-sizing:border-box}h3.rcp-title{font-size:16px;position:relative;margin-bottom:8px}.rcp-title a{color:#fefefe;font-weight:500;position:relative;line-height:1.4em;text-shadow:0 1px 1px rgba(0,0,0,0.5)}.re-ps{font-size:12px;color:#ccc;font-weight:400}.re-ps .recent-date i{margin-left:5px}

الاَن قم بالبحث عن وسم او /head وضع الكود التالي قبله ( فوقه)

المرحلة الاخيرة هي كود اضهار السلايد شو و يكون عادة تحت القائمة العلوية و قبل المواضيع

لذا يمكنك تجربة وضع قبل وسم main-wrapper او post-wrapper و شوف النتيجة





random-posts




الاَن احفظ القالب و شاهد النتيجة .

ملاحظات :

اذا كان قالب الذي حملته يحوي على سلايد شو و هو متوقف و لا يظهر مثلا بسبب ازالة حقوق المصمم فهنا يجب عليك ازالة كافة سكربتات  السلايد القديم و css الخاص به و عادة ابحث في القالب عن وسم Carousel او owlcarousel و قم بجذف كامل السكربت الشبيه بالذي اضفناه في الاعلى و نفس الشيء بالنسبة ل css الذي وضعناه قبل b:skin قم بجذفها و استبدالها .
تأكد  ايضا من وجود كلمة random في صندوق inrto-sec من التخطيط

Aucun commentaire:

Enregistrer un commentaire