BFB Image Signature (Using Goodreads)

Alucard

In the name of the Pizza Lord. Charge!
Staff member
#1
Every now and then someone will ask how this is done so here's a tutorial on it. You will have to have a Goodreads account.

To set things up for the first time:

Use Goodreads widget. You can find them here: https://www.goodreads.com/user/edit
I used 3rd one from the top. Settings are these. I chose 13 books to display because that is how much I read this year.


Then I pasted the HTML code here: http://www.onlinehtmleditor.net/
And tweaked it to my liking. I basically only changed height and width so it displays the books better. The dimensions were different in original html code.


And then I copy/pasted HTML and converted it to BB code here: http://www.garyshood.com/htmltobb/

Then I pasted that converted BB code here: http://bestfantasybooks.com/forums/account/signature
Deleted what needed to be deleted and made sure image code is right after each other. In original pasted code it made gaps, but that is easily sorted out, you just have to make sure there are all after each other. Basically you just press Backspace for a while.


To add books to your already set up signature

After you finish another book, you don't have to do the initial setting all over again. On GR book page you have this section on the right side of the page:



You click on Share on your website and choose small image for already read, or medium for currently reading.

Thing is Goodreads uses HTML and our forum uses BB Code. So you have to convert. You go to http://www.garyshood.com/htmltobb/

And from this

<a href="https://www.goodreads.com/book/show/18406881-blood-song?utm_medium=api&amp;utm_source=blog_book"><img alt="Blood Song (Raven's Shadow, #1)" src="https://d.gr-assets.com/books/1378099850m/18406881.jpg" /></a>

you get this

[ url=https://www.goodreads.com/book/show/18406881-blood-song?utm_medium=api&utm_source=blog_book ][ img ]https://d.gr-assets.com/books/1378099850m/18406881.jpg[ /img ][ /url ] (without the spacings ofc)

which manifests as this in your signature

or this
depending on what size you chose.

Hope you find this useful. Good luck!
 

TomTB

Super Moderator
Staff member
#2
Good post! Although my head just exploded reading it.

If anyone needs to know how to alter their signature using only 'words', I'm your man; PM me! :)
 

Alucard

In the name of the Pizza Lord. Charge!
Staff member
#3
I wanted to let everyone know that this method doesn't really work anymore. Goodreads has changed their share options on individual book pages. Now it looks like this

upload_2017-11-27_11-57-39.png

And if you click the share button it will actually give you this size of a cover

upload_2017-11-27_11-58-54.png

It's quite grainy if you compare it with the image in my signature. But if you wanna share like this, click share button, it will give you a pop up window. Right click the image and choose 'copy image'. Than simply close the pop up window on GR, come to BFB, go to your signature box, and click paste.
Now you have your image, and if you wanna link it to the GR book page, select the image you just pasted and use this button upload_2017-11-27_12-3-0.png .


The reason why I have a better quality image, as well as small images for my read books is because I'm a Goodreads librarian, and I can see different sizes of book covers for each book and choose what I need.

I'm really sorry they did this. I think it's a step back. They dumbed down the share options basically.

Edit: The widget in the OP still works, so maybe you can use that as a workaround for small size images.
 
Last edited:

Silvion Night

Sir Readalot
Staff member
#4
The copy-paste option doesn't work Alucard. Do you know why? Does it have something to do with the new forum style?
 

Alucard

In the name of the Pizza Lord. Charge!
Staff member
#5
The copy-paste option doesn't work Alucard. Do you know why? Does it have something to do with the new forum style?
Huh. You're right. Probably. I really don't know.

Copying bb code still works though, so just use your GR widget.
Copy the HTML code and convert it to BB code in https://www.garyshood.com/htmltobb/

and than paste that in signature box, AFTER you have deleted all the other trash that comes with GR widget.
Everything but the images is unnecessary.



[/url=https://www.goodreads.com/review/li...m_medium=api&utm_source=grid_widget]Mē-chan's currently-reading book montage[/url]



[/url=https://www.goodreads.com/user/show/6543820-m--chan]Mē-chan's favorite books »[/url]
Share book reviews and ratings with Mē-chan, and even join a [/url=group]book club[/url] on Goodreads.


1512728212217.png
 

Silvion Night

Sir Readalot
Staff member
#6
Argh, I never used the widget though. Is there any way that I can get the HTML otherwise so I can convert it to BB?

Sorry about all the questions Alucard. Really appreciate the help.
 

Alucard

In the name of the Pizza Lord. Charge!
Staff member
#7
Not that I know Silv. But using the widget isn't that hard though and it does give you a better quality image than the previous method did.

What you can do, to simplify things for yourself, is copy only the image parts when you copy from Gary's hood. That way you don't have to delete. That's the way I do it.

This is what I mean. Copy only highlighted part. That gives you only images without any of that extra crap.



1512736406776.png
 

Silvion Night

Sir Readalot
Staff member
#8
Didn't get it to work Alucard. Got something to work though. I've now added my books as pictures (all sorts of sizes though). Weird that we can't get HTML or BB from GoodReads directly anymore. There must be other users that miss this.

EDIT: Thanks a million by the way!
 

Alucard

In the name of the Pizza Lord. Charge!
Staff member
#9
@Silvion Night

1512742594889.png



Look at your URLs. All your other books are nicely formatted just like Guns of the Dawn that I have marked in yellow.
And than you have last 4 URLs with just 1 link for URL
and 4 links to compressed images. That is what is fucking up your signature.



I have no idea how you got this.
To make it really simple. You need to know how many books you have read this year. Type that number into widget. Choose small image size and copy the HTML. Put it in Gary's hood, copy the BB code and paste that in the signature box.
 

Silvion Night

Sir Readalot
Staff member
#10
Yeah I don't use the widget method. I never have. I'll start using it next year, the year is now too short to go and fiddle around with all the books I've read.

How it ended up like this:

The first batch was made with the old method > select 'Share' on GR > copy the HTML (small) > use GarysHood to convert to BB>paste in sig.
The last batch was made by using this method > Right-click image on GR and select Inspect > copy HTML code of the image > hit import image in my sig and paste the code
 

Alucard

In the name of the Pizza Lord. Charge!
Staff member
#11
Honestly that's way too complicated.
I set my signature in less than two minutes with the widget. It does all the work for you.


Also if you had signature already, there is an option to show 'currently reading' only on the widget by selecting shelf.
Or if you haven't updated in 4 last books for example, choose 'read' shelf, number of books 4 and in 'select sort' field you just choose sorting by 'date read' in descending order, and voila.

No offence but your signature is really messy now. It looks terrible lol
I'm tempted to fix it myself haha
 

Silvion Night

Sir Readalot
Staff member
#12
Honestly that's way too complicated.
I set my signature in less than two minutes with the widget. It does all the work for you.


Also if you had signature already, there is an option to show 'currently reading' only on the widget by selecting shelf.
Or if you haven't updated in 4 last books for example, choose 'read' shelf, number of books 4 and in 'select sort' field you just choose sorting by 'date read' in descending order, and voila.

No offence but your signature is really messy now. It looks terrible lol
I'm tempted to fix it myself haha
Thanks for the kind feedback. :p

All signatures are beautiful!

Not gonna change it. Too much hassle. I'll fix it in Jan and use the widget going forward.