சுழன்று கொண்டே இருக்கும் படங்களை பதிவில் எப்படி இணைப்பது ?

நாம் பதிவு எழுதும் போதும் மற்ற தேவைகளுக்காகவும் ப்ளாக்-கில் படங்களை இணைப்போம் ... சாதாரணமாக HTML வைத்து இணைப்போம் பிளாக்கர் மற்றும் வோர்ட்பிரஸ் தளங்களில் படங்களை இணைக்க எளிதாக Tool ஒன்று உள்ளது .அதன் மூலம் படங்களை இணைத்திடலாம் .

இன்று நாம் பார்க்க படங்கள் சுழன்று கொண்டே இருக்கும் .

கீழே உள்ள கோடிங்கை </head>  க்கு முன்னால் Paste செய்யவும் .

 நீங்கள் விரும்பும் எல்லா பதிவுகளுக்கும் இணைக்க:

<style> 
 @-webkit-keyframes muter
{
	from-webkit-transform:rotateY(0deg)
}
to
{
	-webkit-transform:rotateY(-360deg)
}
@-moz-keyframes muter {
	from
	{
		-moz-transform:rotateY(0deg)
	}
		to
	{
		-moz-transform:rotateY(-360deg)
	}
}
@-o-keyframes muter {
	from
	{
		-moz-transform:rotateY(0deg)
	}
		to
	{
		-moz-transform:rotateY(-360deg)
	}
}
#wb
{
	-webkit-animation-name:muter;
	-moz-animation-name:muter;
	animation-name:muter;
	-webkit-animation-duration:5s;
	-moz-animation-duration:5s;
	animation-duration:5s;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-animation-timing-function:linear;
	-moz-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}

HTML :

இணைத்த பின் HTML Code-ஐ பதிவில் இணைக்கவும் .

 <img id="wb" style=" border-radius: 150px 150px 150px 150px;
    display: block;
    height: 295px;
    margin: 0 auto;
    padding: 10px;
    width: 275px;" alt="" src="LINK-IMAGE URL " />

LINK -IMAGE-URL -என்ற இடத்தில்  படத்தின் முகவரியை குறிப்பிடவும் .

இதனை HTML என்னும் பட்டனை அழுத்தி Paste செய்யவும் .

தனி யொரு பதிவில் பயன்படுத்த :

 <style>@-webkit-keyframes muter
{
	from-webkit-transform:rotateY(0deg)
}
to
{
	-webkit-transform:rotateY(-360deg)
}
@-moz-keyframes muter {
	from
	{
		-moz-transform:rotateY(0deg)
	}
		to
	{
		-moz-transform:rotateY(-360deg)
	}
}
@-o-keyframes muter {
	from
	{
		-moz-transform:rotateY(0deg)
	}
		to
	{
		-moz-transform:rotateY(-360deg)
	}
}
#wb
{
	-webkit-animation-name:muter;
	-moz-animation-name:muter;
	animation-name:muter;
	-webkit-animation-duration:5s;
	-moz-animation-duration:5s;
	animation-duration:5s;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-animation-timing-function:linear;
	-moz-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}

<img id="wb" style=" 
    display: block;
    height: 295px;
    margin: 0 auto;
    padding: 10px;
    width: 275px;" alt="" src="LINK-IMAGE-URL" />

 LINK -IMAGE-URL -என்ற இடத்தில்  படத்தின் முகவரியை குறிப்பிடவும் .

படங்கள் சுழலுகிறதா ? ....பிடித்தால் பகிர்ந்து கொள்ளுங்கள் ..

நன்றி ....