اضافة زر تحميل المزيد من المواضيع لمدونات بلوجر

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

يمكنكم معاينة الاضافة من هنا على مدونتي لاكن اضافة التي في التدوينة تختلف في الشكل قليلا لاكن افضل من التي في المعاينة

نبدا بشرح على بركة الله

إبحث على </head> ونضع الكود التالي فوقه مباشرة

<b:if cond='data:view.isMultipleItems'>
<style type="text/css">
/*<![CDATA[*/
.blog-pager{margin:9px auto;text-align:center}
.js-load{font-size:15px;font-weight:600;width:auto;height:42px;line-height:42px;background:#23233f;color:#fff;border:none;border-radius:3px;margin:0 0 4px;padding:0 20px;display:inline-block;position:relative;-webkit-transition:padding .25s ease-in-out,width .25s ease-in-out;transition:padding .25s ease-in-out,width .25s ease-in-out;text-align:center;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}
.js-error{font-size:15px;font-weight:600;width:auto;height:42px;line-height:42px;background:#f00808;color:#fff;border:none;border-radius:3px;margin:0 0 4px;padding:0 20px;display:inline-block;position:relative;text-align:center;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}
.js-load.done:before,.js-load:before{background:0 0;width:0}
.js-load.loading{padding-left:43px}
.js-load.loading:before{background:#fff url(data:image/gif;base64,R0lGODlhEAAQAPMPAOzs7K+vr2ZmZpqamtfX13FxccPDw4aGhvX19bi4uI+Pj3t7e8zMzKSkpGhoaP///yH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQFCgAPACwAAAAAEAAQAAAEcfDJh2gbdeoHFkCCAFCbBAgL4ojIqAFjIiQrnEmIMoPOMHymDEDnILhwQByCcTjiNAmFz1CiIK5RhYJaul6thMAtqEEkCgpnyzgJLAzmBAzAoLA5I8CBwDAA5E8TCAMBDwZUAHAlAAEjhxIEYyUEBFURACH5BAUKAA8ALAAAAAAPABAAAARd8Mn5QpOITiWXBAWjSQeyOMAiEKNkLIUhcNMQI8VhCUKWSQPBATAhEFu01oPRCARYyodh0GhAox/D6DdhKAZbwC+hYCAMDID6KNY0AATzVRPQxiVzjCFzfxyVaiMRACH5BAUKAA8ALAAAAAAQAA8AAARa8Mn5TKJYNqkWQkcmOQPSIYOIVALTMRNASMHBgEqSHAKQCD1NIRUzAAWzCaGxUgouEoLOAMh8royAVsR9wLqURqLZNQQICAL6qpIkAHAEgIwxzOAPOfeLz1MiACH5BAUKAA8ALAAAAAAQABAAAARc8MkpDb0yoDeUHAT2HAHnNdgmFUQXogggJY2sBIbhIVahBqSH6kFYiB4liqyG2BgYDFGjUHCAcgbZpSHoHiihC2AMUAESluOEkH2M1UIJgtAcHgmyJtwtt8P1GBEAIfkEBQoACAAsAAAAABAADgAABEUQyYlCoFgOKQTP3NYhBSgFXmeQ2FAQiHBYXhVPg7Bh9UrtmMMEgDD4gh1ByXLJlD5DDEGWOU6mHSJCa0pmuBQCUAIGRQAAIfkEBQoADgAsAAAAABAAEAAABGvQyekIodghJlOQAZAhAZckTrKIGdAAJ1CgFMGIiWEFR7UoEgQhQUBMEICB48CSADgUhMJg1ACuVYphMFAkrtiMYbEoNKIYwMGAQTYdTwkwCDAiqgVB0lHIZhgCSg5QaBMLAhcjaQJsGY5+EQAh+QQFCgAPACwAAAAAEAAQAAAEW/DJ+QCgWBJpDM/cxXiGAkoJMj4Kg1nIwxCW0UjKLQF01hQDDOKCabgmiCSI0WgEk8oMQ3E4BE6TASOK3TwaMVCgsXggbodTQZB4XHkgxJpIjDsEF8cxPjiEKREAIfkEBQoADgAsAQABAA8ADwAABFbQSSAJkUzqWi9p2+ZdzeUgpwZQDhM4wJBICICGwfFu95aYoSAhQMwENZ+B7EgrBWus2sKx2wgEiYRiOlP4BIHFwuCYhQBXSgFxODIEl8LasQCqNINjBAAh+QQFCgAPACwAAAAAEAAQAAAEXfDJ+RCiWN4HgCQbBlwdZ4QU4nVI4mGbZRGMlBgZbDR4jhkvHwWQKAongICy9lkQMK6hQiDoTRSFhMYhOHgWBkZD8TAsGhLD03Y41HrByQLRfgwcPsf3ICHnNko5EQAh+QQFCgAOACwAAAEAEAAPAAAEWtDJ6RCSgGppJdla922ZBpTGCE5MQlxUSalOU9wNyOzEIfwKkMHgQpwMBZnEsHK8JojGgSlZ1BALBcORGDgHAQlDZhgoCIUtTHNwmB2B9oZgdSiCNeUmkQBFAAAh+QQFCgAPACwAAAEAEAAPAAAEWPDJSR+qeCJQAcfARQlCUokI8RGk8E2AWgUC04nSomcP4QMDR6EQyPgYHwRDgbFVBpKXJNFwPg6PomLgMzQkAYOEIBEzAg0Alldgoh8GJkjegCKKvLIYEwEAIfkEBQoADwAsAAABAA8ADwAABFrwSVKAvPgSsbKXg8B8UvcAguAByGka44WwmOEQWSslh6IknhkAEFgYgbmhpUUYeHCywKPgYSSgTmAjMGQYTrDTpEBISBuWh059aDzMD0ZgfXG/pY8vKR7DRAAAOw==) no-repeat center center;width:30px;height:30px;margin:6px;border-radius:2px;display:inline-block;z-index:0;content:'';position:absolute;left:0;top:0;overflow:hidden;-webkit-transition:width .5s ease-in-out;transition:width .5s ease-in-out}
/*]]>*/
</style>
</b:if>