diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..2508865 --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2023 Coding Team ( codingtuto ) + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/README.md b/README.md index e382213..6ffc784 100644 --- a/README.md +++ b/README.md @@ -1,62 +1,73 @@ -# Demonstration Version 1.1 -![Logo](https://telegra.ph/file/68047095b7d4afd5f9f7e.jpg) -# Demonstration Version 1.2 -![Logo](https://telegra.ph/file/91c098c67f50a418bb3f9.jpg) -# Coding-UI -Coding UI a un design élégant et épuré, il s'agit d'un thème entièrement réactif et hautement optimisé avec d'excellentes fonctionnalités de référencement, il peut ajuster automatiquement sa largeur en fonction de la taille de l'écran des utilisateurs ou du type d'appareil. L'optimisation pour la vitesse et le référencement, la barre latérale droite, le style galerie, les coins arrondis, un design exclusif pour Blogger, les publicités prêtes, les colonnes de pied de page, le curseur, les icônes de signet social, le menu déroulant, commentaires filetés bien conçus et page d'erreur 404 personnalisée. +## Coding UI - Next Generation Blogger template + +![HTML](https://img.shields.io/badge/HTML-Code-orange) ![CSS](https://img.shields.io/badge/CSS-Code-blue) ![JavaScript](https://img.shields.io/badge/JavaScript-Code-yellow) ![XML](https://img.shields.io/badge/XML-Code-green) [![Contributors](https://img.shields.io/github/contributors/codingtuto/Coding-UI)](https://github.com/codingtuto/Coding-UI/graphs/contributors) [![Forks](https://img.shields.io/github/forks/codingtuto/Coding-UI)](https://github.com/codingtuto/Coding-UI/network/members) [![Stars](https://img.shields.io/github/stars/codingtuto/Coding-UI)](https://github.com/codingtuto/Coding-UI/stargazers) + +# Coding-UI [![Langue](https://img.shields.io/badge/Langue-Français%20(French)-blue.svg)](README_FR.md) + +Coding UI est un thème au design élégant et épuré, entièrement réactif et hautement optimisé avec d'excellentes fonctionnalités de référencement. Il peut ajuster automatiquement sa largeur en fonction de la taille de l'écran des utilisateurs ou du type d'appareil. L'optimisation pour la vitesse et le référencement, la barre latérale droite, le style galerie, les coins arrondis, un design exclusif pour Blogger, les publicités prêtes, les colonnes de pied de page, le curseur, les icônes de signet social, le menu déroulant, les commentaires filetés bien conçus et la page d'erreur 404 personnalisée. + +👉 Coding Ui Blogger Template a un design élégant et épuré, il est entièrement réactif et hautement optimisé avec d'excellentes fonctionnalités de référencement. + +👉 Il s'agit d'un thème Blogger entièrement gratuit, open source (licence MIT) et personnalisable/premium pour tout site web de style d'actualités et de magazine. + +👉 Ce modèle est gratuit pour une utilisation commerciale et personnelle. + +👉 Le design minimaliste et le support du mode sombre de Coding UI Blogger Template facilitent l'engagement des lecteurs avec le site. + ## Fonctionnalités - 100% réactif - Mode Jour/Nuit - Responsive -- justement automatique des images +- Ajustement automatique des images - Section vidéo - Curseur d'images - Barre de recherche - Bouton de partage social - Prend en charge la police impressionnante -- S'abonner au Newsletter -- Article connexe intégré +- S'abonner à la Newsletter +- Articles connexes intégrés - Aucune connaissance en codage requise -- Voir les fonctionnalites 1.2 -#### Technologies utilisées +- Mode nuit automatique +- Ajouter aux favoris +- Et encore plus.... -```http - Pour blogger -``` +# Coding-UI [![Language](https://img.shields.io/badge/Language-English-blue.svg)](README.md) -| XML | CSS | JavaScript | -| :-------- | :------- | :------------------------- | -| `20% | `50%` | **30%**| +Coding UI has a sleek and clean design. It is a fully responsive and highly optimized theme with excellent SEO features. It can automatically adjust its width based on users' screen size or device type. Optimization for speed and SEO, right sidebar, gallery style, rounded corners, exclusive design for Blogger, ready-made ads, footer columns, slider, social bookmark icons, dropdown menu, well-designed threaded comments, and custom 404 error page. -### Mode Jour V1.1 -![Logo](https://telegra.ph/file/68047095b7d4afd5f9f7e.jpg) -### Mode Nuit V1.1 -![Logo](https://telegra.ph/file/8af257d16dfb785e9d62c.jpg) -### Mode Jour V1.2 -![Logo](https://telegra.ph/file/91c098c67f50a418bb3f9.jpg) -### Mode Nuit V1.2 -![Logo](https://telegra.ph/file/28176a87e32b405313bdb.jpg) +👉 Coding Ui Blogger Template has a sleek and clean design, it is fully responsive and highly optimized with excellent SEO features. -## Contributeurs -- [Aliou](https://t.me/A_liou) -- [Agent X](https://www.github.com/codingtuto) -- [Smart Dev](https://www.github.com/) -- [Tech Blogger](https://www.github.com/) +👉 It is a completely free, open source (MIT License) and customizable/premium blogger template for any niche news and magazine style website. -## Utilisée par +👉 This template is free for commercial and personal use. -Ce projet à éte utilisée par les compagnie suivantes: +👉 Coding UI Blogger Template's minimal design and Dark Mode Support make it easy for readers to engage with the site. -- Mac Technologie -- 1000 codeurs -- Gallery Travel -- Archives pro -- Termux Formation Blog -- Popy Tech -- Moussa blogging -- Blogger agency -- [Ajouter votre entreprise](https://www.github.com/) +## Fearures +- 100% responsive +- Day/Night mode +- Responsive +- Automatic image adjustment +- Video section +- Image slider +- Search bar +- Social sharing button +- Supports Font Awesome +- Subscribe to Newsletter +- Integrated related articles +- No coding knowledge required +- Auto dark mode +- Add to favorites +- And more..... -## License +## Demo +# Version 1.4 +![Logo](https://blogger.googleusercontent.com/img/a/AVvXsEj746uQ8EbPhLERNk5KmIs8umrpe-B5bX-sbWxAwe3JJyfGnvhoRTESJhAx23C_EoZ38cawLjx6joCCXwFqy2GsdutMpQbs4STvlL04LrUy9ZTRrqUHQoBW28fxx79dkV-o9-tew_DMzcGLtSyTrLGzNb2UyiVGT6tkZxM6DxFxDVZtQvfcnM-2ctZf_w=w480-h480-p-k-no-nu) +# Version 1.3 +![Logo](https://telegra.ph/file/b69df0de59adb00f78998.jpg) +# Version 1.2 +![Logo](https://telegra.ph/file/91c098c67f50a418bb3f9.jpg) +# Version 1.1 +![Logo](https://telegra.ph/file/68047095b7d4afd5f9f7e.jpg) -[MIT](https://choosealicense.com/licenses/mit/) +[Back To Top / Retour en haut](#readme) diff --git a/V4/coding uiV.1.4 (French version).xml b/V4/coding uiV.1.4 (French version).xml new file mode 100644 index 0000000..a6660a5 --- /dev/null +++ b/V4/coding uiV.1.4 (French version).xml @@ -0,0 +1,8 @@ + _____ + |_ _| + | | _ __ _ __ _ __ ___ __ _ _ __ ___ ___ ___ + | | | '_ \ | '_ \| '__/ _ \ / _` | '__/ _ \/ __/ __| + _| |_| | | | | |_) | | | (_) | (_| | | | __/\__ \__ \ + |_____|_| |_| | .__/|_| \___/ \__, |_| \___||___/___/ + | | __/ | + |_| |___/ diff --git a/V4/coding uiV1.4(English version).xml b/V4/coding uiV1.4(English version).xml new file mode 100644 index 0000000..7932ac1 --- /dev/null +++ b/V4/coding uiV1.4(English version).xml @@ -0,0 +1,5358 @@ + + + + + + + + + + + + + <head> + + Title that appears in search results + + + + <data:blog.title/> + + + + <data:messages.search/>: <data:view.search.query/> + + + + <data:blog.pageName/> - <data:blog.title/> + + + + Blog archive in: <data:blog.pageName/> + + + Blog - <data:blog.title/> + + + + + Error 404: Not Found! + + + + It will omit the blog title when the character count exceeds 57 + + <data:blog.pageName/> + + <data:blog.pageName/> - <data:blog.title/> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Replace Add_your_image_url_here with your image url + + + + + + + + + + + + + <style>/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +*/ + +/* + THEME DETAILS: + . + Name : Coding UI + Demo site : not avialable + Powered by : jagodesain + For : blogger.com +*/ + +/* Variable */ +:root{ +/* var: Font */ +--fontSize: $(fontSize) ; +--fontHead: 'Noto Sans', sans-serif ; +--fontBody: 'Noto Sans', sans-serif ; +--fontBody-alt: 'Fira Sans', sans-serif ; +--fontCode: 'Fira Mono', sans-serif ; + +--head-H1: 2rem ; +--head-H2: 1.8rem ; +--head-H3: 1.7rem ; +--head-H4: 1.6rem ; +--head-H5: 1.5rem ; +--head-H6: 1.4rem ; +--head-fontWg: 400 ; +} +.nB{ + +/* var: Light-mode */ +--lightLink: $(themeLink) ; +--lightC: $(themeC) ; +--lightC-alt: $(themeC.alt)cc ; /* cc mean's opacity 80% */ +--lightBg: $(themeBg) ; +--lightBg-alt: $(themeBg.alt) ; +--lightBg-sec: $(themeBg.sec) ; +--lightBg-pop: rgb(14 20 27 / 30%) ; +--lightBd-color: $(themeBd.color) ; + +/* var: Dark-mode */ +--darkLink: $(darkLink) ; +--darkC: $(darkC) ; +--darkC-alt: $(darkC.alt)B3 ; /* B3 mean's opacity 70% */ +--darkBg: $(darkBg) ; +--darkBg-alt: $(darkBg.alt) ; +--darkBg-sec: $(darkBg.sec) ; +--darkBg-pop: rgb(14 20 27 / 90%) ; +--darkBd-color: $(darkBd.color) ; + +/* var: Theme */ +--themeLink: var(--lightLink) ; +--themeC: var(--lightC) ; +--themeC-alt: var(--lightC-alt) ; +--themeBg: var(--lightBg) ; +--themeBg-alt: var(--lightBg-alt) ; +--themeBg-sec: var(--lightBg-sec) ; +--themeBg-pop: var(--lightBg-pop) ; +--themeBd-color: var(--lightBd-color) ; + +/* var: Basic, button, input */ +--vHeight: 100vh ; +--selectC: #fffdfc ; +--selectBg: var(--themeLink) ; +--placeHolder: var(--themeC-alt) ; + +--buttonC: $(buttonC) ; +--buttonBg: $(buttonBg) ; +--buttonBd-line: $(buttonBd.line) ; +--buttonBd-color: $(buttonBd.color) ; +--buttonBd-radius: $(buttonBd.radius) ; +--button-maxWidth: $(button.maxWidth) ; + +--inputC: currentColor ; +--inputBg: var(--themeBg) ; +--inputBd-line: 1px ; +--inputBd-color: var(--themeBd-color) ; +--inputBd-radius: 4px ; + +/* var: Icons */ +--iconWidth: 35px ; +--iconHeight: 35px ; + +/* var: Pop-up */ +--closeHeight-phone: 60px ; + +/* var: Header */ +--headerText-after: '' ; +--headerWidth-expand: var(--sideWidth-expand) ; +--headerHeight: $(headerHeight) ; +--headerHeight-min: -$(headerHeight) ; +--headerHeight-phone: $(headerHeight.phone) ; +--header-font: 1.143em ; +--header-fontWg: 500 ; +--headerC: $(headerC) ; +--headerBg: $(headerBg) ; +--headerBd-line: $(headerBd.line) ; +--headerBd-radiusBL: $(headerBd.radiusBL) ; +--headerBd-radiusBR: $(headerBd.radiusBR) ; +--headerBd-color: $(headerBd.color) ; +--headerLogo-maxWidth: $(logo.maxWidth) ; +--headerLogo-maxHeight: $(logo.maxHeight) ; + +/* var: Sidenav */ +--sideWidth: $(sideWidth.collapse) ; +--sideWidth-collapse: var(--sideWidth) ; +--sideWidth-expand: $(sideWidth.expand) ; +--sideWidth-max: $(sideWidth.max) ; +--sideMargin-phone: $(sideMargin) ; +--sideC: $(sideC) ; +--sideBg: $(sideBg) ; +--sideBd-line: $(sideBd.line) ; +--sideBd-radiusTL: $(sideBd.radiusTL) ; +--sideBd-radiusTR: $(sideBd.radiusTR) ; +--sideBd-radiusBR: $(sideBd.radiusBR) ; +--sideBd-radiusBL: $(sideBd.radiusBL) ; +--sideBd-color: $(sideBd.color) ; + +/* var: Sidebar */ +--sidebarWidth: $(sidebarWidth) ; +--sidebarPadding: $(sidebarPadding) ; +--sidebarC: $(sidebarC) ; +--sidebarBg: $(sidebarBg) ; +--sidebarBd-line: $(sidebarBd.line) ; +--sidebarBd-radius: $(sidebarBd.radius) ; +--sidebarBd-color: $(sidebarBd.color) ; + +/* var: Content */ +--content-maxWidth: $(content.maxWidth) ; +--contentPost-maxWidth: $(contentPost.maxWidth) ; +--contentPage-maxWidth: $(contentPage.maxWidth) ; +--contentPop-maxWidth: $(contentPop.maxWidth) ; +--contentPadding: $(contentPadding) ; +--contentPadding-minus: -$(contentPadding) ; +--contentPadding-box: $(contentPadding.box) ; +--contentSpace: $(contentSpace) ; +--contentC: $(contentC) ; +--contentBg: $(contentBg) ; +--contentBg-alt: $(contentBg.alt) ; +--contentBg-sec: $(contentBg.sec) ; +--contentBd-line: $(contentBd.line) ; +--contentBd-radius: $(contentBd.radius) ; +--contentBd-radiusA: $(contentBd.radiusA) ; +--contentBd-color: $(contentBd.color) ; + +/* var: Footer */ +--footerC: $(footerC) ; +--footerBg: $(footerBg) ; +--footerBd-line: $(footerBd.line) ; +--footerBd-radiusTL: $(footerBd.radiusTL) ; +--footerBd-radiusTR: $(footerBd.radiusTR) ; +--footerBd-color: $(footerBd.color) ; + +/* var: Post style */ +--postPadding: $(postPadding) ; +--postPadding-phone: $(postPadding.phone) ; +--postPadding-content: $(postPadding.content) ; +--postC: $(postC) ; +--postBg: $(postBg) ; +--postBd-line: $(postBd.line) ; +--postBd-radius: $(postBd.radius) ; +--postBd-color: $(postBd.color) ; +--postBs-color: $(postBs.color) ; +--postBs-hoverColor: $(postBs.hoverColor) ; + +/* var: Post font */ +--postTitle-font: 2.6rem ; +--postTitle-fontPhone: 2rem ; +--postTitle-fontWg: 400 ; +--postTitle-fontItems: 1.2em ; +--postTitle-fontItemsPhone: 1.1em ; +--postDescription-font: 1.13rem ; +--postDescription-fontPhone: 1.072rem ; +--postBody-font: 1.143rem ; +--postBody-fontPhone: 1.072rem ; + +/* var: Post typo */ +--postBreak: 3em ; +--postImageBd-radius: 2px; +--lineHeight: 1.7 ; +--lineSpacing: 1.8em ; +--tableBg-color: rgb(246 246 246 / 80%) ; + +/* var: Post thumbnail */ +--thumbnailRatio: 56.25% ; /* According to aspect-ratio 16:9 (divide 9 by 16 = 0.5625) */ +--thumbnailRatio-box: 100% ; + +/* var: Post syntax */ +--synC: #2f3337 ; +--synBg: #f8f9fa ; +--synOrange: #b75501 ; +--synBlue: #015692 ; +--synGreen: #54790d ; +--synRed: #f15a5a ; +--synGray: #656e77 ; +--synGold: #72621d ; +--synPurple: #803378 ; +--synBd-line: 1px ; +--synBd-radius: 4px ; +--synBd-color: #d2d3d7 ; + +/* var: Post component */ +--noteAfter: '\002A' ; +--warnAfter: '\0021' ; +--noteC: $(noteC) ; +--noteBg: $(noteBg) ; +--warnC: $(warnC) ; +--warnBg: $(warnBg) ; /*#fef5fa*/ +--stepC: $(stepC) ; +--stepHover: $(stepHover) ; + +/* var: Widget */ +--widgetTitle-font: 1.072rem ; +--widgetTitle-fontWg: 400 ; +--widgetTitle-afterD: inline-block ; +--widgetTitle-afterWd: 10px ; +--widgetTitle-afterC: var(--themeBd-color) ; +--widgetTitle-space: 20px ; + +/* var: Widget notify */ +--notifHeight: $(notifHeight) ; +--notifLink: $(notifLink) ; +--notifC: $(notifC) ; +--notifBg: $(notifBg) ; + +/* var: Widget slider */ +--sliderBd-radius: 4px ; +--sliderRatio: 43.75% ; + +/* var: Widget featuredPosts */ +--thumbnailSize: 300px ; + +/* var: Widget mobileMenu */ +--mobileHeight: $(mobileHeight) ; +--mobileMargin: $(mobileMargin) ; +--mobileC: $(mobileC) ; +--mobileBg: $(mobileBg) ; +--mobileBd-line: $(mobileBd.line) ; +--mobileBd-radiusTL: $(mobileBd.radiusTL) ; +--mobileBd-radiusTR: $(mobileBd.radiusTR) ; +--mobileBd-radiusBR: $(mobileBd.radiusBR) ; +--mobileBd-radiusBL: $(mobileBd.radiusBL) ; +--mobileBd-color: $(mobileBd.color) ; + +/* var: Widget ToC */ +--tocWidth: $(tocWidth) ; +--tocWidth-minus: -$(tocWidth) ; +--tocMargin: $(tocMargin) ; +--tocC: $(tocC) ; +--tocBg: $(tocBg) ; +--tocBd-line: $(tocBd.line) ; +--tocBd-radiusTL: $(tocBd.radiusTL) ; +--tocBd-radiusTR: $(tocBd.radiusTR) ; +--tocBd-radiusBR: $(tocBd.radiusBR) ; +--tocBd-radiusBL: $(tocBd.radiusBL) ; +--tocBd-color: $(tocBd.color) ; + +/* var: Transition */ +--tDuration: .1s ease ; +--tShowHide: opacity var(--tDuration), visibility var(--tDuration) ; + +/* var: Bookmark */ +--addBookmark: 'Save' ; +--removeBookmark: 'Saved' ; +--bookmarkTextLenght: 90px ; + +/* var: Custom text */ +--free: 'Free!' ; +--new: 'New!' ; +--breadcrumbs: '\005C' ; +--noImage: 'Null' ; +--labelComa: 'and' ; +--closeButton: 'Close' ; +--pageNext: 'Next' ; +--pagePrev: 'Back' ; +--latestUpdate: '\21BB' ; +--reply: 'Reply' ; +--replies: 'Write a reply...' ; +--readtimeBefore: '\00B7' ; +--readtimeAfter: 'min read' ; +--copyLink: 'or copy link' ; +--copied: 'Copied!' ; +--tableToc: 'Contents' ; +} + /*]]> + + + + + + *{width:50%} body#layout .mainL{width:25%} body#layout .mainR{width:75%} body#layout .blogB{width:60%} body#layout .sideB{width:40%} body#layout #HTML91 .widget-content, body#layout #HTML92 .widget-content, body#layout #HTML93 .widget-content, body#layout #HTML95 .widget-content, body#layout #HTML99 .widget-content{background-color:#f0f8ff !important} +/* notif */ body#layout #notif-widget{padding:0!important} body#layout #notif-widget .widget{margin-top:0!important} body#layout #notif-widget h4, body#layout #notif-widget .layout-widget-description{display:none !important} +]]> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Paste your ad code right under this tag + +
+ + + + +
+ Paste your ad code right under this tag + +
+ + + + +
+ Paste your ad code right under this tag + +
+ + + + +
+ Paste your ad code right under this tag + + +
+ + + + +
+ + + + + Additional attributes of breadcrumbs + + + + +

+ + All stories +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Replace the number 0 below with 1 or 2 to show more than 2 labels + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + Change data:view.isPage to data:view.isSingleItem if you want to show post title in breadcrumbs + +
+ +
+ + + + + + + + If there is a youtube video in the post + + + + + + + + + + Otherwise, the first picture will be taken + + + + + + + + + + + + + +
+ + +
+