top css hover image effect blogspot blogger ke liye jarur padhe

hello frnds 
aap sabhi blogging ka MAZAA le rahe hai or ham apko aaj fir apke blog me kuch mazedaar karne ki trick lekar aaye hai,frnds apne bahut se blogs me dekha hoga ki us blog ki kisi bhi imege per mouse le jate hai to kisi blog ka imege half spin hota hai or kisi ne hover effect laga rakha hai jisase usme kuch change ho jata hai jaise uska colour ka change hona etc to apka man bhi karta hoga ki aap apne blog me bhi aise hi kuch kar sakte to kitna accha hota to frnds aaj ham apko o sabhi trick or image effect ke baare me batayenge jo apko jarur try karna chahiye 

apko ham code de rahe hai aap try kare or jo accha lage usko use kare

1.Opacity

bahut saare bloggers is style ko use karte hai,bahut hi COOL style hai aap bhi use kijiye or dekhiye apke blog ke liye kaisa hai 
code1
.post img{
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.post img:hover {
opacity:0.7;
filter:alpha(opacity=50);
}

2.zoom out on hover

ye kuch alag hi style hai ye bahut hi accha hai jab koi imege pe mouse le jayega to imege autometic zoom hoga jo bahut slowly hota hai aap try kare 
code2
.post img{
-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;
}
.post img:hover {
-o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -webkit-transform: scale(1.4);
}

3.brightness

ye bhi ek accha option hai ham sabhi bloggers ke liye jo apne blog me kuch new karna chahte hai apne reader ko attract karna chahte hai to apko ye jarur try karna chahiye 
code3
.post img{
-webkit-filter: brightness(60%);
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.post img:hover {
-webkit-filter: brightness(100%);
}

4.360* rotate on hover

frnds agar apko uper di hui designe pasand nhi aai hai to apko style ek baar jarur use karna chahiye 
code4
.post img {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.post img:hover {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
padding: 4px;
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
box-shadow: 0 0 3px rgba(0,0,0,.7);
-moz-transform: scale(1.2) rotate(-350deg);
-webkit-transform: scale(1.2) rotate(-350deg);
-o-transform: scale(1.2) rotate(-350deg);
-ms-transform: scale(1.2) rotate(-350deg);
transform: scale(1.2) rotate(-350deg);
-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
}

5. rotet and spin effect

is style ke baare me itna kaha ja sakta hai ki agar apko uper di hui style me se koi style nhi use karna hai to ye style jarur use kare bahut hi best hai rotet ke sath spin effect hai
code5 
.post img:hover {
opacity: 1;
-moz-transform: scale(1.2) rotate(-350deg);
-webkit-transform: scale(1.2) rotate(-350deg);
-o-transform: scale(1.2) rotate(-350deg);
-ms-transform: scale(1.2) rotate(-350deg);
transform: scale(1.2) rotate(-350deg);
-webkit-box-shadow: 0 0 20px #292832, inset 0 0 20px #292832;
-moz-box-shadow: 0 0 20px #292832, inset 0 0 20px #292832;
box-shadow: 0 0 20px #292832, inset 0 0 20px #292832;
webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;  rgba(0, 0, 0, .4);
-o-transition: all 0.8s ease-out;
-webkit-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}


template me code kaise add karte hai janiye step by step

  1. sabse pahle apko apne blogger.com me log in karke apne blog ke dashboard me jana hoga
  2. uske baad apko TEMPLATE pe click karna hoga
  3. ab apko EDIT HTML PE click karna hoga fir apko CTRL+F press karna hai
  4. ab apko ek search box show hoga usme apko  ]]></b:skin> code search karna hai
  5. jab apko ye code mil jaye to apko niche diya gaya apko]]></b:skin> ke uper pest karna hai 
  6. ab apko apne template save kar dena hai 
frnds ye rahi aaj ki post agar apko is post ke baare me kuch puchna hai to plzzz comment kare mai apki help jarur karunga 

request for you/agr apki thodi bhi help hui hai to

plzzz share this post with your frnds
 thannkxxx for read this

top 5 stylish sub-heading design bloggers blog ke liye jarur padhiye

hello frnds 
aaj ham sikhenge ki apne blogspot blog me stylish heading kaise use kar sakte hai waise to aap jante hi honge ki agar hamare pass html ki acchi jankari nhi hai to ham apne blog ke kisi bhi post me stylish heading nhi use kar sakte hai isliye ham apke liye lekar aye hai kuch bahut hi acche heading style apko ye jarur use karni chahiye,qki aaj har ek blogger adwance ho raha hai apne blog me kuch alag karna chah raha hai isliye ham apke liye lekar aaye hai ye bahut hi accha collection aap bhi use kijiye 

chaliye sikhate hai 

step1:log in your blogger dashboard(blogger dash board me log in ho jaiye)
step2:apko apne dashboard me dikh rahe TEMPLATE>> EDIT hTML click kare 
step3:apko ab ctrl+f press karna hai or ye code pest karna hai </b:skin> hit search
step4:ab apko niche diye huye kisi style ka code jo apko pasand aa jaye usko copy karna hai or </b:skin>ke just pahle pest kar dena hai 

chaliye style or code dekhate  hai

style 1

code 
.post h3{
margin-top:10px;
    max-width:95%;
    padding:6px 2px;
color: #000000;
    padding-left:10px;
    margin-bottom:10px;
    font-size:20px;
    font-family:'Oswald',sans-serif;
    background-color:#F8FAFD;
    text-decoration:none;
    border-left:10px solid #05A8FC;
    box-shadow:1px 1px 2px gainsboro;
transition: border-left .777s;
-webkit-transition: border-left .777s;
-moz-transition: border-left .777s;
-o-transition: border-left .777s;
-ms-transition: border-left .777s;
}
.post h3:hover {
  border-left:10px solid #FC2B2C;
}



style 2

post h3 {
color:#222222;
border-left:10px solid #222222;
border-right:10px solid #222222;
padding:3px 5px 3px  20px;
border-radius:15px;
-moz-border-radius:15px;
box-shadow:0px 0px 13px #222222;
-webkit-box-shadow:0px 0px 13px #222222;
-moz-box-shadow:0px 0px 13px #222222;
}
.post h3:hover {
color:#219DFC;
border-left:10px solid #219DFC;
border-right:10px solid #219DFC;
box-shadow:0px 0px 13px #219DFC;
-webkit-box-shadow:0px 0px 13px #32A4FC;
-moz-box-shadow:0px 0px 13px #32A4FC;
}


style 3


code


.post h3{
background: #F9F9F9;
font-family:'Oswald',sans-serif;
font-size: 120%;
padding: 6px 12px;
color: #333;
text-shadow: 1px 1px 1px #AAA;
border-bottom: 4px solid #03DA03;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 1px 1px 2px #AAA;
-moz-box-shadow: 1px 1px 2px #AAA;
box-shadow: 1px 1px 2px #AAA;
margin: 6px 3px;
text-transform: capitalize;
width: 95%;
line-height:1.0em;
}
.post h3:hover {
border-bottom: 4px solid #003F80;
}

style 4


code 

.post h3 {
border-bottom-right-radius: 15px;
border-top-left-radius: 15px;
border: 3px solid rgb(251, 10, 38);
padding: 0px 1px 4px 14px;
box-shadow: rgb(251, 10, 38) 3px 3px3px;
color: rgb(251, 10, 38);
font-family:'Oswald',sans-serif;
font-size:120%;
font-weight:400;
margin: 0px 0px 1em;
text-transform: uppercase;
text-shadow: rgb(0, 0, 0) 1px 1px 0px;



style 5



code 5
.post h3 {
padding:5px;
border: 1px solid #cccccc;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
color:#333333;
font:140% 'Oswald',Sans-Serif;
text-transform: uppercase;
}




customization:

1.aap apni custom font ka use kar sakte hai
2.aap font ke size ko badal sakte hai 
3.aap kisi bhi colour picker ka use karke colour ko bhi badal sakte hai


use kaise kare:


1.aap sabse pahle apne blogger ke post editor mr jaye 
2.apko janha pe bhi heading use karni hai us jagah pe SUB HEADIN use kare 
3.ab apko kuch type karna hai or preview dekhana hai 



frnds ye rahi aaj ki post agar apko is post ke baare me kuch puchna hai to plzzz comment kare mai apki help jarur karunga 


request for you/agr apki thodi bhi help hui hai to

plzzz share this post with your frnds
 thannkxxx for read this

android mobile se computer ko kaise control kare poori jankari

hello frnds
kya apko pata hai ki aap apne mobile ko apne pc ya computer ke liye mouse ke liye kaise use kar sakte hai???? ji ha ye baat 100%sach hai ki agar aap apne pass android phone rakhate hai to apko apne computer ke liye mouse ya keyboar kharidne ki koi jarurat nahi hai lekin apko usko liye sirf ye step follow karna hai or aap apne mobile ko ek mouse or keyboard me badal sakte hai

to chaliye ham apko batate hai ki apko is trick ki jarurat kab pad sakti hai?
1.apka mouse achanak kharab ho jaye
2.apke keyboard me koi problem ho jaye 
3.aap kisi se mouse ya keyboard leke aaye or o wapas leke chala jaye

apko apne computer ko mobile se control karne ke liye kya chahiye?
a.sabse pahle apko apne mobile me MAX REMOTE naam ka ek application install karni hai 





b.uske baad apko apne computer me iska window version download karna hai

                                                                                               
                                                             DOWNLOAD
ab apne dono software install kar liya hai to chaliye ab dekhte hai ki isko use kaise kare 
1.sabse pahle aap apne computer me MAX REMOTE ko open kare 
ss dekiye

2.uske baad apne mobile me open kare or autometic search pe click kare 
3.ab apko apke mobile me ek MAX REMOTE naam ka address milega apko uspe click karna hai or apke click karte hi ek panal open hoga 
4.usme apko mouse ke icon pe click karna hai,click karte hi apko ek notification milega usko OK karna hai or apko ek mouse mil jayega jo WI-FI mouse hai 
5.ab apke pass ek wifi mouse hai or apko batata hu kuch badhiya baate is application or software ke baare me 

a.aap jo keyboard dekh rahe hai usase asani se typing kar sakte hai
b.aap mike ke icon pe click karke direct google me search kar sakte hai
c.aap mobile ke icon pe click karke besic input,text transfer,vlc player etc ka use kare                                       
d.aap jo MONITER ka icon dekh rahe hai uspe click karte hi apko ye chije badi asani se                  milengi or aap direct ye programe open kar sakte hai opera,google crome,power                         point,exel,wordpad,note pad ,calcutatoretc

final:
ab apke pass ek bahut hi accha system hai jisase aap kisi bhi computer ko badi asani se apne mobile ke isharo pe chala sakte hai or bina kisi keyboard ya mouse ke control kar sakte hai dosto isi tarah hamare sath bane rahe ham apko behtar jankari dene ki kosis karenge 

request for you/agr apki thodi bhi help hui hai to

plzzz share this post with your frnds
 thannkxxx for read this



  

5 online free tools free me website list scan karne ke liye janiye hindi me

hello frnds 
apko pata hai ki kabhi kabhi hamare blog me virus bhi aa jate hai or hamare blog ko bahut slow kar dete hai or bhi bahut se problem aane kagti hai isliye hame apne blog ko scan karte rahna chahiye jisase hame ye jankari hoti rahe ki kahi hamare blog me bhi koi virus to nhi aa gaya hai or apko iske liye ham kuch top rank ki site ke naam de rahe hai janha pe apko apne blog ko scan karne me bahut hi asaani hogi aap in sites me se kisi bhi site ka use kare apne blog ke baare me bahut sari jankari prapt kar sakte hai to chaliye apko ham sites ke name dete hai 



12 online free tools free me website list scan karne ke liye
1.scan my server
2.sucuri
3.free scan
4.quttera
5.detectify


1.scan my server
scan my server ek bahut hi acchi site hai ye apke blog ke baare me bahut si jankari apko email ke jariye deta hai,is site se apko apne blog me php etc ki jankari milti hai aap chahe to isko ek baar try kar sakte hai 

2.sucuri
sucuri ke baare me baat kare to apko bata de ki ye site scan ke mamale me bahut hi populer hai is site se aap apne blog ke baare me bahut sari jankari prapt kar sakte hai jaise ki kis search engine ne apko BLACK LIST me daal rakha hai,koi malware apke blog me hai ya koi hacker apke blog ko hack karne ki kosis kar raha hai in sabhi ke baare me jankari deta hai or sabse acchi baat ye hai is site ki ye sabhi plate from per work karta hai jaise BLOGGER,WORDPRESS,WIX,JOOMLA etc 

3.free scan
free scan sabse jyada upyog kiya jane wale site me se ek hai ye apke blog me un sabhi jankari ko pradan karta hai jiske baare me aap janana chahte hai jaise apka domain kab expire hoga apke ssl ke baare me koi virus hai uske baare me ya fir apke blog koi or problem ho to uski bhi jankari bhi deta hai lekin apko ye tool use karne ke liye pahle register karna hoga


4.quttera
quttera  ek bahut hi acchi site hai isme aap bina register kiye apne blog ko scan kar sakte hai or ye apko apke blog me malware,phishing,risk etc ke baare me jankari deta hai aap yeha se apne blog ke baare me bahut si jankari prapt kar sakte hai apko ye site  jarur try karni chahiye



5.detectify
detectify ye site SAAS besed pe work karta hai is site ko use karne ke liye apko pahle register karna hoga uske baad me ap is site ka use kar  sakte hai ye apke blog ke baare me 100+report deta hai isme apke blog me malware or phishing se judi bhi jankari hoti hai or jab aap is site me register karte hai to ye apko 14days ka trial time deta hai lekin uske baad apko is site ki service lene ke liye fee pay karni hogi and i want say it is not good but iski free trial jarur use kare  


request for you/agr apki thodi bhi help hui hai to

plzzz share this post with your frnds
 thannkxxx for read this



blogger me comment form short policy massage kaise add karte hai janiye hindi me

hello frnds 
aap agr ek acche or pro blogger hai but no like me to apko pata hona chahiye ki apke blog ke liye apke readers ka comment kitna jaruri hai ye isliye jaruri hai ki apko readers se prerna milti hai,lekin apne dekha hoga ki kabhi kabhi kuch log bahut bekar bhasha me coment karte hai to iske liye apko apne blogspot blogger me ek comment policy banani chahiye ye isliye ki jab bhi koi apko comment kare to pahle comment policy  padh le uske baad me comment kare to chaliye ham apko batate hai ki kaise app bvlo0gger me comment policy add karte hai comment bbox ke uper 

to chaliye sikhte hai?

1.sabse pahle apko apne blogger dashboard me log in hona hai..
2.ab apko apne dashboard me dikh rahe SETTING ke icon pe click karna hai...
3.uske baad apko POST,COMMENT&sharing wale section pe click karna hai..
4.ab apko Comment Form Message ke samne ek add ka option milega apko uspe click karna hai. 
5.jab app add pe click karte hai to apke samne ek massage box open hota hai jisme apko koi bhi short policy add karni hai 
6.uske baad apko SAVE SETTING pe click karna hai 
7.ab apko apne massage ka preview dekhna hai ki kaisa lag raha hai maine jo add kiya hai o aap niche dekh sakte hai 







dosto ye post apki help jarur help karegi or apse ye asha hai ki aap isi tarah apna pyar banaye rakhenge dosto agr apko koi jankari chahiye to aap hame comment kare ya mail kare ham apki help karenge aap hamre forum me apna sawal jarur kare apko jawab jarur milega aap is forum me screen shot bhi bhej  sakte hai 




mp3 file ko ya kisi file ko blogger blog me kaise upload karte hai bilkul free janiye hindi me

hello frnds
aaj kal sabhi chahte hai ki unka blog wordpress pe ho lekin kuch wajah hoti hai jinke karan kuch blogger apne liye wordpress ko costly option mante hai blogging bhabhishya ke liye or apko ye bhi jankari hai ki blogger ya kisi or plateform se jyada better hota hai wordpress jisme bahut si chije badi asaani se ho jati hai jaise kisi file ko upload karna hai to bas  select kiya or upload kar diya bas ho gaya lekin agr aap blogspot blogger hai to yahi kam apke liye thoda sa hard ho jata hai lekin aaj ham apko batayenge ki aap kisi bhi file ko bina kisi paid service ke or aaj ham is post me janenge ki aap kaise ek MP3 SONG ko bahut hi asani se apne blospot blog me upoad kar sakte hai or ye aisa hoga ki koi bhi download bhi kar sakta hai or song ko online sun bhi sakta hai to chaliye start karte hai 

lets start hare
1.sabse pahle aapko apne blogger dashboard me login karna hai...
2.ab apko new post wale button per click karna hai ya aap us post ko choose kare jisme apko mp3 file upload karni hai,,agar apka post pahle se publish hai to uske iche dikh rahe EDIT wale option pe click kare 
screen shot
3.ab aap isko aise hi chor de or apne browsr me www.drive.google.com open kare or apne gmail id se usme log in kare 

4.ab aap apne google drive me aa chuke hai janha pe aap koi bhi file ya mp3 song upload karte hai apka screen kuch aise dikhega 
                             
5.ab apko koi mp3 song upload karna hai uske liye apko NEW wale button pe click kare to apko bahut se option milenge usme se apko uploads files pe click kare 
screen shot

6.jab aap upload files pe click karte hai to apko new window show hogi jisme apke computer ke sabhi file hote apke vidio,photo,textfile,zip file or mp3 song hote hai ab apko isme se koi bhi ek song select karna hai or upload karna hai google drive me

7.ab apka ek song upload ho gaya hai maine apne google drive me ek song upload kar rakha hai or mai iska share link copy kar liya hai,share link copy karne ke liye apko right side me uper ek chain jaise bane icon pe click karna hoga jab apko share able link mil jaye to  aap CTRL+C press karke link ko copy kar le 
screen shot
8.ab apne jo link copy kiya hai usko apne browser me pest kare or ENTER button pe click kare,enter click karte hi apko screen me apka song nazar aayega
9.ab aap agar isko apne kisi post me add karna chahte hai to aap us link ko ek BUTTON me edit kar dijiye jaise niche dikh raha hai aap uspe click kare or hamara upload kiya hua song sune hamare site pe 


  • <audio controls><source src="Paste-Link-of-Audio-file-here"></source></audio>






  • DOWNLOAD this song


  • 10.ab ye ten number aise hi diya qki jankari poori ho chuki hai ab aap try karo ☺☺☺☺

    frnds aaj jo post maine di hai ye apki bahut help karegi or agar apko koi problem hoti hai ya aap internet se juda koi bhi swal puchna chahte hai to comment jarur kare ham apki poori help karenge 


    request for you/agr apki thodi bhi help hui hai to

    plzzz share this post with your frnds
     thannkxxx for read this

      Ads Inside Post