CSS Blogspot

Make Table of Content Blogspot 2

2020-07-24T20:34:00.027+07:00

The table of contents on the blog is important because in addition to making it easier for readers / visitors to explore all the content of your blog in finding the articles they need, it will also increase the number of pageviews that will make search engines like and of course SEO. In order not to be a hassle because the blog is always updated, you can automatically create a blog content list

How to Make Table of Contents Based on Labels, Beautiful & Unique

2020-07-22T21:44:00.008+07:00

A blog's table of contents or also known as a sitemap can be an important factor in making your site easier to navigate and access. No, I'm not talking about the Google XML sitemap that you submit directly to Google. I'm talking about an actual page on your site that has a list of all your blog posts. Before we get into the step by step tutorial, let me briefly explain what is a table of

Understanding CSS (Cascading Style Sheets)

2020-06-22T21:44:00.002+07:00

Understanding CSS (Cascading Style Sheets) Hi Web Developer! this time the design teacher will share about understanding CSS (Cascading Style Sheet) Understanding CSS So that readers can easily understand what I am going to say, then I will illustrate what CSS is like. An html document if we illustrate it, like the framework of a newly built house, there are only poles and they look

How to Add a Spinning and Zoom Hover Effect to Photos

2020-06-22T20:27:00.008+07:00

#effect img { -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } #effect img:hover { -o-transform: scale(2) rotate(360deg); -moz-transform: scale(2) rotate(360deg); -webkit-transform: scale(2) rotate(360deg);

Make Circle Animation on Blogs Easily

2020-06-17T21:16:00.004+07:00

Make Circle Animation on Blogs Easily 1. Open your Blogspot 2. Select Template then choose Edit HTML 3. Copy the code below and place it directly above the code ]]>/* Circle Animation CSS Blogspot */ .circles{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;margin:0} .circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(

Making a Static Page a Full Page

2020-06-17T09:25:00.004+07:00

Making a Static Page a Full Page Open Blogger To apply on all static pages namely: In your Blogger Dashboad Click Template> Edit HTMLThen find this code Then enter the CSS below right above it /* CSSBlogspot Mini Slider */ .slide-wrap{margin:30px 0;overflow:hidden;position:relative} .slide-wrap ul li a img{height:309px;width:100%} .cssblogspot-wrap{overflow:hidden;overflow-x:scroll;position:relative;width:100%;height:330px} .slide-wrap ul{position:absolute;list-style:none;