How to Set Up a Private Gallery on MFC

Ok ladies, I made this video in a bit of a rush. I hope I covered everything and that you found this helpful if you didn't already know how to do it.

Check out my Youtube Channel for Video Tutorials

I know I've said that I was going to add specific video tutorials for a few of my free layouts and I do apologize that it takes me so damn long to get them done sometimes. But just thought I should let everyone know that I have a bunch of profile editing video tutorials on my youtube channel, and even though you may not find a tutorial made specifically for the layout that you want, you can still apply pretty much the same principles to all of the layouts. So go here and give them a peek, and you should be able to find the answer to your profile editing questions.

Add a Custom Cursor to your Profile

Adding a custom cursor to you profile is pretty easy.

In you custom css section, look for the block of code that starts with "body {". The exact code will vary, but will look a little something like this:

body {
  background-color:black;
  font-family:-webkit-pictograph;
  font-weight:400;
  font-style:oblique;
  font-size:17px;
}

You will want to add your cursor code to that section. So make another line between those brackets ({ }), and paste the following code:

cursor:url(Image_url_goes_here),auto;

Just make sure to replace the "Image_url_goes_here" with the url to the image you want to use as your cursor.

So now your block of code will look something like this:

body {
  background-color:black;
  font-family:-webkit-pictograph;
  font-weight:400;
  font-style:oblique;
  font-size:17px;
  cursor:url(Image_url_goes_here),auto;
}

Here's a collection of different cursors, just right click on them and copy the image url (if using firefox, right click and copy the "image location"):

CSS Maker

I just wanted to recommend an awesome tool to help you customize your css codes.
It's called CSS 3.0 Maker and it has tools to let you modify colors, borders and radius, text and box shadows, transitions, animations, and more.

I use it all of the time when editing profiles.

Fade and Slide in Effect for Avatars

This effect was inspired from Wild4KittenTK 

Want your avatar to slide in upon your profile page loading like this...?

well here's how you do it...

Set Your Offline Tip Amount

This summary is not available. Please click here to view the post.

You can Post Twitter Feeds on MFC Profiles Now!

Thanks for the tip Waterbird, good looking out!     

Editing Halloween Profile (part 2)

Floating Ghosts:

For those of you who don't want to use the entire FREE Halloween profile layout I made, but would still like to use the floating ghosts, just ad the code below to your custom css section. (Click on any of the URLs to see what image they represent. Feel free to delete one or two of them from the code if the original is a bit too flashy for you.)

 .profile_section_content {
  background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjurlfBkEkEzP82eJdWp5viZA30xwgcaw3Y5V-anzwY-lLFmQRuGsm-xW54dSBr41_L1lazEO9hpQU7cBLT39WtCU7MN2KgjNCCYylDb_K4p8MJxl3dgClYq5fz1hZbdsrtmMOiy6MUXvI/s1600/ghost1.png),url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFaHSXg7cXTnauEWJgcu_v65aAA8yWVyuNj4PwMu9osGWGZD4jhuo9d6CpPpCr5DFNhSpt6uVMausLtDdTq4P_FDgAJ6WtrokUBKXGJt0vi2Be5-kfKNwDK1oWw7ZcDfbGNeRwpz7WFxE/s1600/ghost2.png),url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiacwef3GHbEKjkFSVeV61Q3cNUAjKKHU3mPVUgkdrS4VWlCrTZ6KdF7p61Mp2PIAy4qeTSmVCkO4Oni_WGItPql9rPVO01prrrxTxSWco3atbLXqqydsinaxIuAC840Y4CmeVjip300A4/s1600/ghost3.png);
  -webkit-animation:ghosts 20s linear infinite;
  -moz-animation:ghosts 20s linear infinite;
  -ms-animation:ghosts 20s linear infinite;
  animation:ghosts 20s linear infinite;
 }

@keyframes ghosts {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
 
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
  }
}

@-moz-keyframes ghosts {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
 
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
  }
}

@-webkit-keyframes ghosts {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
 
  50% {
    background-color:rgba(0,0,0,0.7);
  }
 
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
    background-color:rgba(0,0,0,0.8);
  }
}

@-ms-keyframes ghosts {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
 
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
  }
}

Editing Halloween Profile (part 1)

Editing the Skype Raffle Ad:

All you have to do to add details to the image provided in the FREE Halloween profile is go to this link, then click on the "From URL" tab, paste https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGDhevFe9OvFXCITrtYsHWny3in4JoWdufypBMDxAz0bj31tO-ek3JTWpy9l6fFGiGiog948vFSFzSDNOOnWyheAlJbtM46ZnGUD-NCOxuR2Ky54gPt1V0Y0iwRMGQOfFSqEdhdiWDp80/s1600/skyperaffel.png and hit "Upload".

From there you can add whatever text you like, save it to your computer, upload it to whatever image hosting site you use, and replace the old image url with your new one in the html code.

Click here if you would rather use a completely blank image to work with.

And for those of you who don't want to use the whole Halloween profile, but would still like to use the Skype raffle ad, here's the codes:

CSS:

div.skype-ad,div.hof-ad {
  width:400px;
  margin:50px 0;
  position:absolute;
  top:5px;
  left:350px;
  z-index:10;
}

div.skype-ad img,div.hof-ad img {
  width:50%;
  max-width:2000px;
}

div.skype-ad img:hover,div.hof-ad img:hover {
  width:110%;
}

img {
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -o-transition:all 1s ease;
  transition:all 1s ease;
  -moz-transform:rotate(-0deg);
  -webkit-transform:rotate(-0deg);
}

.container img:hover {
  -moz-transform:rotate(2deg);
  -webkit-transform:rotate(2deg);
}

.container a.desc-img img {
  -moz-transform:rotate(-1deg);
  -webkit-transform:rotate(-1deg);
}


HTML (About Me section):

<div class="skype-ad nohide"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifDl630jgLm05KuH-zgqtxGw3R-6bAvE9qXjcGDcyMTPRPOYKUrqMt6hqxjXjBd5QQYHOvjzmgcZQTXJ8coAyDmEFJj7ZF5GdzyEZq4h7qvCb6O-ElTLRCrPaJiz5TlNqEN9LwXftyavg/s1600/skype+raffel.png" alt=""></div>

Make Icons Glow Neon Pink on C4S

Another image/link effect I put together to add to your clips4sale store.

Amazon, Twitter, and Tumblr clickable icons that highlight neon pink when you scroll over them with your mouse,

Paste the HTML code where ever on your page that you want it to show up. (Change the highlighted links to your specific URL)

HTML Code:

<div style="text-align: center;">

<a href="http://www.amazon.com/" target="_blank"><img alt="http://www.amazon.com/" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBoYYKxqSA8V3sWuCrDVYfG3IVhmukPyZhWW-eIAr1HehnkNslYLVWu0fahvPIwwZlWaVZ_rrXdRg4DELKX6NW8Ia_iRqUst26sQLSMLV0qx9ycooSVWJjsP4fzFe4NApM9SGoKR96EhE/s1600/amazon-logo-8.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBoYYKxqSA8V3sWuCrDVYfG3IVhmukPyZhWW-eIAr1HehnkNslYLVWu0fahvPIwwZlWaVZ_rrXdRg4DELKX6NW8Ia_iRqUst26sQLSMLV0qx9ycooSVWJjsP4fzFe4NApM9SGoKR96EhE/s1600/amazon-logo-8.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpcS_cLH7Nk4xcSQFOw_Ef1fRTBBzttToZhrRy6PNYZdUoKJJtfuQclx2hkuob55o7s1EtLTA2n003-zi0Eag3XEWwE23fht6T2N7mGeWDGyDs0eLNXCc6QaJmHH8FR-xCoWdmBugWd3s/s1600/amazonpink.png'" /></a>

<a href="https://twitter.com/" target="_blank"><img alt="https://twitter.com/" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI0GI_77HnkMLhSv-Wu5uuOoiFSNk0USUH8D48ArHMatvdEpBffewLqgSSuQuRVglVgGkbe5mvJiUewZ4KuiwB8rIoBHbg1K9kFcxS6beWh1YyFtAi3Gx0mvDDrvht1_2KIqt2nRKVkpQ/s1600/twitter+(1).png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI0GI_77HnkMLhSv-Wu5uuOoiFSNk0USUH8D48ArHMatvdEpBffewLqgSSuQuRVglVgGkbe5mvJiUewZ4KuiwB8rIoBHbg1K9kFcxS6beWh1YyFtAi3Gx0mvDDrvht1_2KIqt2nRKVkpQ/s1600/twitter+(1).png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaXiLJlVy4SyaYrk_8dExeC081AW2X7IGFMU1qaSsil9Kc6W7UnQbhwQ_7GjzM4Gw44EsOnKFwePwR5yYyGxAWTue413PUECGEyLZh2I74f-CzQ7s5po-0MumN0IcT_05JFnwWllnA0WU/s1600/68058JC81HF8L.png'" /></a>

<a href="http://tumblr.com/" target="_blank"><img alt="http://tumblr.com/" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFgEgyzR5Vdjr3-8Epky0o_0in5CR4artqo3-pLWCDRaJsZ5Awi-IEu81XA7q_IWBDxgdsdOktd6UpOOblPldXie6E7KoP2_uIe8WDZN8y7Ox_JQm-bJLeXJzSsz-Ep5Vwa40GI1zvLk0/s1600/tumblr.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFgEgyzR5Vdjr3-8Epky0o_0in5CR4artqo3-pLWCDRaJsZ5Awi-IEu81XA7q_IWBDxgdsdOktd6UpOOblPldXie6E7KoP2_uIe8WDZN8y7Ox_JQm-bJLeXJzSsz-Ep5Vwa40GI1zvLk0/s1600/tumblr.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7gHsL5RjTtxSJtsFqolx4DDNXOYHhc_zyP0NNPX7yQ1zP0uqHbC2YQ-PgWZeScpTY6L9sODdlB2P-0ofBzxjYyFy1REBx3vXzlaO12FbwaxC7_atiT8T0VwHCA88aGHTHuKZmMsUYcG8/s1600/tumblrpink.png'" /></a> </div>

Add this to your Clips4Sale Store

New image/link effect I put together to add to your clips4sale store

Amazon, Twitter, and Tumblr clickable icons,
the colors invert when you scroll over them with your mouse,

Paste the HTML code where ever on your page that you want it to show up. (Change the highlighted links to your specific URL)

HTML Code:

<div style="text-align: center;">

<a href="http://www.amazon.com/" target="_blank"><img alt="http://www.amazon.com/" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiikugKVjUHqNQ1Iv0UmpLf4oG6-GAk8qf7bifso3WY03kKBYGCFBLrGGngFQfTth44k7IvPC0LO4r9WOBBxfk8v5YOI8OYuE1dZrkTZI7Njnfe4aHoNbNIa8Z2dvXJd8YyWLdH-knF3X8/s1600/amazon-logo-8.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiikugKVjUHqNQ1Iv0UmpLf4oG6-GAk8qf7bifso3WY03kKBYGCFBLrGGngFQfTth44k7IvPC0LO4r9WOBBxfk8v5YOI8OYuE1dZrkTZI7Njnfe4aHoNbNIa8Z2dvXJd8YyWLdH-knF3X8/s1600/amazon-logo-8.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3OJju0UI7fMNy9FtnpWE8QvgKbEdTT8PO10ZqnO0oFksD1sPHfmIPmGW1QZRpDbZya2nkJlrhgrAgEn-iTKaT_KAylKdHqq-nZ2YOP1XF7M_4Bv4V8eiT5gEbWnfqZ1ukxB5o1w6q4bM/s1600/amazoninvert.png'" /></a>

<a href="https://twitter.com/" target="_blank"><img alt="https://twitter.com/" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg6rLQLvOUDU141Dole56C8GBBSi0iJ-phi5-kbCdT0HS_JkBcC7vPrG0PuByk2M4AV-qzb7L3itsIJSg08r8asbPxmWDr2Hkb570mZbFAPTr4w_PppC37ptOk_L2Vwq6Kv42WWyjQb10/s1600/twitter+(1).png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg6rLQLvOUDU141Dole56C8GBBSi0iJ-phi5-kbCdT0HS_JkBcC7vPrG0PuByk2M4AV-qzb7L3itsIJSg08r8asbPxmWDr2Hkb570mZbFAPTr4w_PppC37ptOk_L2Vwq6Kv42WWyjQb10/s1600/twitter+(1).png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrqBvEFhaksY0l2kNM9WG-LI46cOu6taksAKIbQGv5-jIXcYzgkPcECMhIz4cwlLcPdlf5KnhZGvzJOKDh6x9op6zQThT3nGAKi4Di-YnBwKqzbnGJA5Kx_oLfoEVcNVPO6xEq1EELqC8/s1600/twitterinvert.png'" /></a>

<a href="http://tumblr.com/" target="_blank"><img alt="http://tumblr.com/" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3MTP_NddKm6p7glacFTm9ohq_d7ff9c7Rpb4-aaInHIBZ6BTUlXV5MgeRjchLxP9QC61-sEZmB8kXv5DERNMvCfgrudjC-D9iuLCr8JKdmq5P09lpkm0OuhQ9IssIIYIWF8q-DfsdSnI/s1600/tumblr.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3MTP_NddKm6p7glacFTm9ohq_d7ff9c7Rpb4-aaInHIBZ6BTUlXV5MgeRjchLxP9QC61-sEZmB8kXv5DERNMvCfgrudjC-D9iuLCr8JKdmq5P09lpkm0OuhQ9IssIIYIWF8q-DfsdSnI/s1600/tumblr.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFYbsU5J0Cp1EEzSwUSZ2073D3J9gHBzYpJUjvEpDXG3kkUAVMZsn_ObPmn0aufiGOevSZbP_qCY4_opkVJpGaMzQE7IiMZNvKXcrI7hTp3qaWeY7te3sSfkgu-5u7K_1xXiIY6ikffnU/s1600/tumblrinvert.png'" /></a> </div>

Make a Sparkling Movie Poster Marque for Your Video Ads

To make a graphic like this for your video ads, first make sure the image you have made is 366 x 508px or smaller.

You can create really cool text for your images on the sites listed in the right side bar.

Save this image to your computer by right clicking on it, and choosing "Save image as":

Then upload the image you want in the frame to Online Image Editor

Select the "wizards" tab and click on ""Overlay image" and upload the marque frame.

Then select the "Basics" tab and crop your picture.

Go back to "Overlay image" to add your custom text or any thing else you may want to add, or you can just use the "Add Text" tool.

Save your picture to your computer, then go to Glitterboo to add sparkle effects.

Remember to select "Resize" before downloading.