Blogger mei animated logo kaise daale: Step by Step Follow kare

Kya aap apne blogger mei animated logo ko lagana chahte hai? Neeche diye gaye steps kaise Animated logo ko blogger mei add kare dhyan se follow kare,  or enjoy kare ek naye logo apne blogger website k liye

Blogger mei animated logo ko kaise lagaye? 

Mai aapko animated logo blogger mei lagane mei madad karoonga. To chalye suru karte hai!

Step 1. Sabse pehle blogger.com k dashboard mei jaye

Step 2. Uske bad themes scetion mei jaye fir edit html pe click kare

Step 3. Neeche diye gaye code ko copy kare

Ye code logo animations ke liye

/* Animation Code */

#header {
	position: relative;
	display: inline-block;
}

#header:before,
#header:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 3%;
	height: 100%;
	transform: translateY(-50%);
	background: rgba(255, 255, 255, .75);
	z-index: 999999999;
}

#header:before {
	left: 155%;
	animation: light-left 1.8s infinite alternate linear
}

#header:after {
	right: -55%;
	animation: light-right 3.0s infinite alternate linear
}

@keyframes light-left {
	0% {
		left: 85%;
		opacity: 0
	}
	50% {
		left: 40%;
		opacity: 1
	}
	100% {
		left: 50%;
		opacity: 0
	}
}

@keyframes light-right {
	0% {
		right: 80%;
		opacity: 0
	}
	50% {
		right: 100%;
		opacity: 1
	}
	100% {
		right: 0%;
		opacity: 0
	}
}

Ye code text animations ke liye

/* Animation Code */

#header h1 a,
#header h2 a,
#header h1,
#header h2 {
	position: relative;
	display: inline-block
}

#header h1 a:before,
#header h2 a:before,
#header h1:before,
#header h2:before,
#header h1 a:after,
#header h2 a:after,
#header h1:after,
#header h2:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 3%;
	height: 100%;
	transform: translate(-50%);
	background: rgba(255, 255, 255, .75);
	z-index: 999999999
}

#header h1 a:before,
#header h2 a:before,
#header h1:before,
#header h2:before {
	left: 155%;
	animation: light-left 1.8s infinite alternate linear
}

#header h1 a:after,
#header h2 a:after,
#header h1:after,
#header h2:after {
	right: -55%;
	animation: light-right 3.0s infinite alternate linear
}

@keyframes light-left {
	0% {
		left: 85%;
		opacity: 0
	}
	50% {
		left: 40%;
		opacity: 1
	}
	100% {
		left: 50%;
		opacity: 0
	}
}

@keyframes light-right {
	0% {
		right: 80%;
		opacity: 0
	}
	50% {
		right: 100%;
		opacity: 1
	}
	100% {
		right: 0%;
		opacity: 0
	}
}

Step 4. Code ko Copy karne k bad is code ko aap ]]></b:skin> tag mei paste kare

Step 5. Uske bad save pe click kar de.

Conclusion

To dosto aapko humara post Blogger mei animated logo kaise daale? Kaisa laga. 

Aap humare ye article Blogger mei animated logo kaise daale? Ko padh k kaisa laga bata sake hai neeche diye gaye commen section mei taki mujhe chance mil sake seekne or aage badhne ka aapke ideas se.