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.

Set Your Offline Tip Amount

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

FREE Purple Sparkle Theme Profile Layout

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

NEW Amazon & Twitter Graphics to Choose From

Lots of girls seem to love the Amazon & Twitter graphics that highlight when you hover the cursor over them. 

So I thought I'd make them in a few different colors to choose from.

Edit the bold red text before pasting this HTML code in the about me section on the edit profile page.

<div class="link-amazon">
<a href="Your wishlist url" target="_blank">Amazon Wishlist</a>
</div>
<div class="link-twitter">
<a href="http://twitter.com/Your_Twitter_user_name" target="_blank">Twitter</a>
</div>

CSS Code:

.link-amazon a { display:block; width:258px; height:140px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggruNnTUTEoaY2k2d2ni9MxUhXh_Tof0mxnpMgqWKL9An6u7r-gy0q2WgNn_SX9Aya5LRtjNcZe7RgFe2hbHzU2Gv2DVTCQuZEEEIN3rfu8Rw9JCP0BUfcpnwcuTSPjbapofnjpOP1MDs/s1600/amazon_blue.png) no-repeat; position:relative; margin:215px 0 0 -185px; text-indent:-3000px; } .link-amazon a:hover { background-position:0 -140px; }

CSS Code:

.link-amazon a { display:block; width:258px; height:140px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJBme4Rs7BI5gGH3pNNYbSe6yqDMH50PmXg9hQdxicDwx6rbfExfmuliiq3vJv3faEoWFF_B8Bng6DoSPYTdWKzJdxjoLu0SuYYf4q4_nciCkdeMUBmiBMWNx8M5TgFPxW_whLXs8yzV4/s1600/amazon_gold.png) no-repeat; position:relative; margin:215px 0 0 -185px; text-indent:-3000px; } .link-amazon a:hover { background-position:0 -140px; }

CSS Code:

.link-amazon a { display:block; width:258px; height:140px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj629uZEB_weSmDRUuLBATDnpkbuR2HRSS8uEm_d-CakE3nh45Mq2G6MAwNrYpKBRnM53hQ_fuaL533xWyhOs8Iop54yfu9wQ4LEoAL_rZ1Co8eQVexQPDD7TqjHLVrTLXiwotxp2UsvuI/s1600/amazon_pink.png) no-repeat; position:relative; margin:215px 0 0 -185px; text-indent:-3000px; } .link-amazon a:hover { background-position:0 -140px; }

CSS Code:

.link-amazon a { display:block; width:258px; height:140px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPMDNOG3z9o_UJ0zyDf_lHucZXptieWHYIsUlnS7k6IxrnP19pZ2fbu6KiyCnl51fPgk1qAbcylL9NhXM33tzhPEwSHIZqmF1ICBBCafoXdX1p4-h5B3rcotXf7qvdSbGfjkD_LWxaEK4/s1600/amazon_purple.png) no-repeat; position:relative; margin:215px 0 0 -185px; text-indent:-3000px; } .link-amazon a:hover { background-position:0 -140px; }

CSS Code:

.link-twitter a { display:block; width:249px; height:160px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjxsm3Po5FUhfDZNve-4dNnxPVn7rnmhCb6UUgdeiFWYotB46shRpshFBL4bWoLafbu9OQ3vnlLgabvGIUEB3ewIyID8CB2TuXxlVQtHUDT1R6BREp2B4FjAKQ4PJH_-ZSjOcNBDlJ4ok/s1600/twitter_blue.png) no-repeat; position:relative; margin:215px 0 0 -5px; text-indent:-3000px; } .link-twitter a:hover { background-position:0 -160px; }

CSS Code:

.link-twitter a { display:block; width:249px; height:160px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyyuxaa41tccY0eoB1TSC67ipAi9jv-TxYOJmkuloR5Zv6Ghv3J1QrKzaHmVTyCqB5vwebfdCne2DxPaWtTcon5m_-sMISLLQ6vHK6BLPxKbhBIFJyDCBnwt0_Dc82BGiYCvytc6rD8Lc/s1600/twitter_gold.png) no-repeat; position:relative; margin:215px 0 0 -5px; text-indent:-3000px; } .link-twitter a:hover { background-position:0 -160px; }

CSS Code:

.link-twitter a { display:block; width:249px; height:160px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFLDNL1LFZ0Q56hm6CE8hueQn5xKRjcLnaGRi5brUEcq0WBYYKDJEdUfnLshOEBko2Yy7BJkUsYg9uAj399OPCwPPaCcIlVFuvupm3MJtETC0Xpehnp0ogkU2mWL6-FLt-368MhVHBBB0/s1600/twitter_pink.png) no-repeat; position:relative; margin:215px 0 0 -5px; text-indent:-3000px; } .link-twitter a:hover { background-position:0 -160px; }

CSS Code:

.link-twitter a { display:block; width:249px; height:160px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxruIAYzYGg03cMDEGjkEKzj7p_14S7raMuL5J32mEXf515v8yJY2ZZ3_JKDeUl-gBpyjaxaiPmgYdEYgjYV4NrqNZf3bE2id4jEjG3_4ChpDSovRKwJOx7Kjx5OT9GEq9m1nz6ZRZKSM/s1600/twitter_purple.png) no-repeat; position:relative; margin:215px 0 0 -5px; text-indent:-3000px; } .link-twitter a:hover { background-position:0 -160px; }

You can Post Twitter Feeds on MFC Profiles Now!

Thanks for the tip Waterbird, good looking out!     

2nd Video Tutorial on Editing MFC Profiles

Awesome Inkscape Tutorial by @jodeum for your Profile

Simple Hack

Free graphic design to use on your MFC profile

Just-a-User made an excellent thread with lots of helpful templates to use on your MFC profile with youtube tutorials on ACF. Check it out:

Free graphic design to use on your MFC profile

Simple way to make Animated GIF from videos

This tutorial is to show you how to make an animated gif clip from your videos, so you can use it to make ads to put on your MFC profile.

This is the gif I made, (I went with something "G rated" since I'm uploading the video tutorial to youtube as well LOL):

Here's the links to the websites I went to in the video:

Online-Convert.com

LunaPic

Using Gimp to Make Graphics/Edit Images

Personlized Twitter Buttons:

OK, so I made some animated twitter buttons that is easy to customize with your own twitter handle.

The out come should look something like this:

But you can choose the font and color that you like best of course.

First you'll want to right click on any of the images below, and either save it to your computer, or you can just click on "Copy Image Location":

Then you'll want to go to LunaPic.com and scroll down to either "Basic Upload" (if you saved your image to your computer), or "Open from Web with URL" (if you selected copy image location instead).

There you'll be able to add your Twitter handle to your image. You can also change the size of the image, and host the image from that site as well.

The code will be something like this:
(Substitute the text in blue for your twitter link, and substitute the text in orange for you image link)

Code:
<a href="https://twitter.com/Poker_Babe69" target="_self"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcXrDBfIvSpai1nWCVSmPRySkGR5uIYXwoXQOxRForwlxQJ8yN5PYW-tRLEPpcL8kbydb2lIfn4cqVx07uNoF7sFPyvGP7ulrQpcHfVf9FxICDzI19TsLNsP0K3_2NjzyRprq4gh20UMs/s1600/137651196780458.gif" border="0" /></a>


If you want it to highlight when you scroll the cursor over it add class='highlight' to the code.
It will look something like this:

Code:
<a href="https://twitter.com/Poker_Babe69" target="_self"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcXrDBfIvSpai1nWCVSmPRySkGR5uIYXwoXQOxRForwlxQJ8yN5PYW-tRLEPpcL8kbydb2lIfn4cqVx07uNoF7sFPyvGP7ulrQpcHfVf9FxICDzI19TsLNsP0K3_2NjzyRprq4gh20UMs/s1600/137651196780458.gif" class='highlight' border="0" /></a>


Then go to Customize Profile add add this CSS code:
(If you want a thicker or thinner highlight, you can change the two border: 4px rbga(x,x,x,x) rules. If you want to change the color of the highlight, you need to change the rbga values in the second rule. You can go here to find different colors.)

Code:
.highlight {
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:4px solid rgba(0,0,0, 0.0);
}

.highlight:hover {
    box-shadow: 0 0 10px rgba(255,0,255,1.0);
    -webkit-box-shadow: 0 0 10px rgba(255,0,255,1.0);
    -moz-box-shadow: 0 0 10px rgba(255,0,255,1.0);
    border:4px solid rgba(255,0,255,1.0);
}