<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 : Median UI Demo site : median-ui.jagodesain.com Powered by : jagodesain.com For : blogger.com Released by : protemplates.org ============================================================================ NOTE: This theme is premium (paid). You can only get it by purchasing officially. If you get it for free through any method, that mean's you get it illegally. ============================================================================ */ /* 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