Step 1: Find what kind of cover CSS your list has
Before you use the generator you should know what kinda CSS your list uses for showing covers from an import. You can use this quick topic if you want to learn what it is:
http://myanimelist.net/forum/?topicid=1161751
Or simply generate different kinds of CSS with the generator for your list, and see which one matches the selectors in your cover CSS. To see the selectors in your cover CSS, use step 1-3 from the tutorial I linked above.
Step 2: Download and open the generator
Go to the official page for Blink! and download it from the green links at the bottom:
https://github.com/VeriTi/blink/releases/tag/v0.1.3
If the page is missing or has dead links, check the official topic for a download link:
http://myanimelist.net/forum/?topicid=1133533
It will download in .zip format. Your computer should have Winrar or a similar program on it to extract the files. Right click the file that downloaded and choose "Extract to blink..." to put the program in its own folder. And if you can't extract the program on right click, then you need to Google and install Winrar. Its free and safe- one of the most widely used programs.
Step 3: Start generator and generate the right CSS for your list
Look in the new folder made in step 2 for the program named
blink (lightning bolt icon as seen
here). Click on it and run the program. Enter your MAL username in the top box next to
Username, and check the box next to what list(s) you're making this for. In the
Save as box, choose a name for the CSS file you're making with the text
.css at the end. Something like "AnimeCovers.css" for your anime list covers and "MangaCovers.css" for your manga list covers. Whatever names you want is fine, as long as they end in ".css".
Next to
Selector you must choose the type of cover CSS your list uses. If you don't know, you can try to ask in this thread, see if the original topic for your layout says, or use my tutorial on finding your cover CSS type, it is very fast:
http://myanimelist.net/forum/?topicid=1161751
Now its ready to generate your files when you click the
Blink! button at the bottom of the program.
Here's
an example of a properly filled out program if I was going to make More CSS for my lists:
http://i.imgur.com/IgNJ6rN.jpg
Remember, your list may use a different CSS type (you should know this after step 1).
The CSS will be saved to your computer. You need to be able to find it- but its probably in the folder with the Blink! startup icon. If you still can't find it, click the
Browse... buttons before generating again and choose your Desktop as the destination for your generated file. Remember there are two browse buttons. Generated files will be placed there.
Step 4: Open a Dropbox account, upload the CSS and get a direct link to it
Go to Dropbox.com and make an account. Its free. Upload the CSS file you generated to the home page there.
Right click the newly uploaded file. Choose the option "Share Link" (circled below) and go to the new tab it opens.
http://i.imgur.com/3xN1zxZ.jpg
Close the pop up window with the
X on it, shown below. This isn't for what we're doing. You need to copy the URL address after closing the pop-up, as boxed in red. This is what we need.
http://i.imgur.com/rGrh4gs.jpg
Step 6. Paste the direct link URL into your CSS edit box and make it a proper import
Once you've copied the URL from the page you got to in step 4, paste it to the
top of your list's CSS edit box here on Myanimelist. The CSS edit box is where you put your past list codes. The URL will look something like this:
https://www.dropbox.com/s/ngev6jhh6zsc641/MyCovers.css
Do this part really carefully. Delete the
www and replace it with
dl. It goes in front of the period before dropbox (don't delete that period before dropbox). Add
usercontent after
dropbox but before
.com. Now add
@import " to the front, and
"; to the back. I color coded them to make it clear where they go in the example below. It should look like something like this then:
@import "https://dl.dropboxusercontent.com/s/ngev6jhh6zsc641/MyCovers.css";
Make sure you did it exactly right, if even one character is wrong you will have to start step 5 over. When you're done, the import should look something like this in your CSS edit box:
http://i.imgur.com/T409hWJ.jpg
Remember, your import link will be similar but won't be exactly the same since it links to a different file in your own dropbox.
You should also take this time to delete any old imports you're replacing, like default cover CSS imports. They can clash with the news ones you're putting in.