<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Customization &#8211; Documentation</title>
	<atom:link href="https://docs.themeshine.com/category/blogger/customization-blogger/feed/" rel="self" type="application/rss+xml" />
	<link>https://docs.themeshine.com</link>
	<description>Get to Know ThemeShine themes</description>
	<lastBuildDate>Thu, 08 May 2025 14:13:26 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7</generator>
	<item>
		<title>Changing the Fonts or Color Palette</title>
		<link>https://docs.themeshine.com/change-fonts-or-colors-in-blogger/</link>
		
		<dc:creator><![CDATA[Admin]]></dc:creator>
		<pubDate>Sat, 22 Dec 2018 21:07:37 +0000</pubDate>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Customization]]></category>
		<guid isPermaLink="false">http://docs.themeshine.com/?p=494</guid>

					<description><![CDATA[Blogger Customizer is a great tool that will help you customize the look of your blog. It provides several options to change the fonts and color palette with just a few clicks. As you play around with the Blogger Customizer, you&#8217;ll be able to see a real-time preview on the right side and see the [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Blogger Customizer is a great tool that will help you customize the look of your blog. It provides several options to change the fonts and color palette with just a few clicks. As you play around with the Blogger Customizer, you&#8217;ll be able to see a real-time preview on the right side and see the blog update based on the choices you’ve made. </p>



<h3 class="wp-block-heading">How to Change Fonts and Colors in Blogger</h3>



<p>To access the Blogger Customizer, go to <strong>Theme</strong> > click the <strong>Customize</strong> button text.</p>



<div class="wp-block-image"><figure class="aligncenter"><img decoding="async" src="https://docs.themeshine.com/wp-content/uploads/2018/12/customize-blogger-theme.png" alt="customize theme in Blogger" class="wp-image-475"/></figure></div>



<p>On the next page, select <strong>Advanced</strong> and click on the drop-down just below it to choose the area you&#8217;d like to customize.</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img fetchpriority="high" decoding="async" width="1279" height="699" src="https://docs.themeshine.com/wp-content/uploads/2018/12/blogger-customizer-fonts-colors.png" alt="Customize Fonts and Colors in Blogger" class="wp-image-1287" srcset="https://docs.themeshine.com/wp-content/uploads/2018/12/blogger-customizer-fonts-colors.png 1279w, https://docs.themeshine.com/wp-content/uploads/2018/12/blogger-customizer-fonts-colors-300x164.png 300w, https://docs.themeshine.com/wp-content/uploads/2018/12/blogger-customizer-fonts-colors-1024x560.png 1024w, https://docs.themeshine.com/wp-content/uploads/2018/12/blogger-customizer-fonts-colors-768x420.png 768w" sizes="(max-width: 1279px) 100vw, 1279px" /></figure></div>



<p>When you finished choosing the fonts and colors you want to use, click the <strong>Save</strong> button on the bottom right side of your page.</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img decoding="async" width="1279" height="699" src="https://docs.themeshine.com/wp-content/uploads/2018/12/blogger-customizer-options.png" alt="blogger theme options" class="wp-image-1288" srcset="https://docs.themeshine.com/wp-content/uploads/2018/12/blogger-customizer-options.png 1279w, https://docs.themeshine.com/wp-content/uploads/2018/12/blogger-customizer-options-300x164.png 300w, https://docs.themeshine.com/wp-content/uploads/2018/12/blogger-customizer-options-1024x560.png 1024w, https://docs.themeshine.com/wp-content/uploads/2018/12/blogger-customizer-options-768x420.png 768w" sizes="(max-width: 1279px) 100vw, 1279px" /></figure></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to Add Custom CSS</title>
		<link>https://docs.themeshine.com/add-custom-css-in-blogger/</link>
		
		<dc:creator><![CDATA[Admin]]></dc:creator>
		<pubDate>Sat, 22 Dec 2018 19:50:49 +0000</pubDate>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Customization]]></category>
		<guid isPermaLink="false">http://docs.themeshine.com/?p=474</guid>

					<description><![CDATA[CSS or Cascading Style Sheets is a style sheet language used by most websites to create great looking pages,&#160;including aspects such as the layout, fonts and colors. The Blogger Theme Designer allows you to add custom CSS codes to modify the appearance of your site, overriding the default template codes. Warning:&#160;This feature is for advanced [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>CSS or Cascading Style Sheets is a style sheet language used by most websites to create great looking pages,&nbsp;including aspects such as the layout, fonts and colors. The Blogger Theme Designer allows you to add custom CSS codes to modify the appearance of your site, overriding the default template codes.</p>



<p><strong>Warning</strong>:&nbsp;This feature is for advanced users only. If you aren&#8217;t familiar with CSS, we strongly advise you consult a front-end web developer. We can&#8217;t provide support for CSS related questions.</p>



<h3 class="wp-block-heading">To add custom CSS:</h3>



<p>1. Go to &#8220;Theme&#8221; and click on the &#8220;Customize&#8221; button.</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img decoding="async" width="741" height="462" src="https://docs.themeshine.com/wp-content/uploads/2018/12/customize-blogger-theme.png" alt="customize theme in blogger" class="wp-image-1278" srcset="https://docs.themeshine.com/wp-content/uploads/2018/12/customize-blogger-theme.png 741w, https://docs.themeshine.com/wp-content/uploads/2018/12/customize-blogger-theme-300x187.png 300w" sizes="(max-width: 741px) 100vw, 741px" /></figure></div>



<p>2. Select the &#8220;Advanced&#8221; option which will reveal further customization options. To add your custom CSS, click the dropdown just below it and select &#8220;Add CSS&#8221; from the list.</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1279" height="702" src="https://docs.themeshine.com/wp-content/uploads/2018/12/blogger-theme-designer-css.png" alt="add css in blogger theme designer" class="wp-image-1280" srcset="https://docs.themeshine.com/wp-content/uploads/2018/12/blogger-theme-designer-css.png 1279w, https://docs.themeshine.com/wp-content/uploads/2018/12/blogger-theme-designer-css-300x165.png 300w, https://docs.themeshine.com/wp-content/uploads/2018/12/blogger-theme-designer-css-1024x562.png 1024w, https://docs.themeshine.com/wp-content/uploads/2018/12/blogger-theme-designer-css-768x422.png 768w" sizes="auto, (max-width: 1279px) 100vw, 1279px" /></figure></div>



<p>3. Type the CSS code inside the box with a blue line. Once you&#8217;ve finished adding it, click the <strong>Save</strong> button on the bottom right side to save your changes.</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1277" height="703" src="https://docs.themeshine.com/wp-content/uploads/2018/12/save-custom-css-blogger-theme.png" alt="custom css code in blogger" class="wp-image-1281" srcset="https://docs.themeshine.com/wp-content/uploads/2018/12/save-custom-css-blogger-theme.png 1277w, https://docs.themeshine.com/wp-content/uploads/2018/12/save-custom-css-blogger-theme-300x165.png 300w, https://docs.themeshine.com/wp-content/uploads/2018/12/save-custom-css-blogger-theme-1024x564.png 1024w, https://docs.themeshine.com/wp-content/uploads/2018/12/save-custom-css-blogger-theme-768x423.png 768w" sizes="auto, (max-width: 1277px) 100vw, 1277px" /></figure></div>



<p><em>Please keep in mind that any code added in this box will be removed as soon as you close the editor. To edit it, go to Theme &gt; click on the arrow next to Customize &gt; select Edit HTML and look for it somewhere above the </em><code><em><strong>]]&gt;&lt;/b:skin&gt;</strong></em></code><em> tag.</em></p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
