logo
Wrong email address or username
Wrong email address or username
Incorrect verification code
back to top
Search tags: tutorials
Load new posts () and activity
Like Reblog Comment
show activity (+)
text 2017-05-25 13:15
3 notes from BookLikes Librarians - ASINs, graphic novels, your BookLikes shelf

 

Today BookLikes Librarians share some useful information about editing book information on BookLikes and filling up your BookLikes shelves.

 

1. ASINs

Some of you already noticed that when you edit the book information with ASIN (mainly Kindle ebooks) you'll probably receive "Enter correct ASIN" notification, even though the ASIN IS correct.

We're very sorry for the ongoing problem, unfortunately the issue persists so it's impossible to edit the existing book with an ASIN number directly on the site.

 

We can do the changes via our internal system, so if you notice that a book record needs a change or an update, please mail Kate@booklikes.com and we'll do it ASAP.

 

Please note that you can still update the book covers by using the green Add cover button (no need to enter the edit book form).

 

 

BookLikes Librarian Jenn from Murder by Death posted a workaround for the ASIN bug you may find helpful. Here it is:

 

The ASIN bug - a workaround!

As I mentioned in my last post here there is currently an issue with some Amazon kindle and Audible ASIN numbers being rejected by the BL database.

 

I might have found a workaround for users (this won't work for librarians directly because our edits don't go through the queue).

 

If you want to edit an ASIN kindle edition, or Audible audiobook edition and it spits out that dreaded Add correct ASIN, all you have to do is remove the ASIN number completely from the record and save it.

 

For the Librarians - when you see an edit request that includes removing what looks like a legit ASIN number, check to make sure it's a kindle, and then approve all the changes except the ASIN removal.  It works!  The record will update with all the new details and keep the ASIN number in place.  

 

Note:  this obviously does not work if you're trying to add an ASIN that BL doesn't like to a record.  That's still broken - but this will at least allow you to edit existing records to add descriptions, page number, etc. without losing the ASIN.

 
 
2. Titles for graphic novels
 
Our discussions with BookLikes Librarians resulted in new rules regarding the graphic novels. BookLikes Librarian form Libromancer's Apprentice shared the news:
 

Graphic Novels are an exception to the rule that the series name should not appear in the title for the item.  The series should still be in the series field (though may necessitate an indicator since there are sometimes multiple versions of the printing, a HC collected edtion, an Omnibus, etc... that's a whole different issue).

 

Let's take a look at "Rat Queens, Volume 1: Sass & Sorcery". 

"Sass & Sorcery" alone is not the name of the volume.

 

For consistency, we'd like to recommend that Volume be abbreviated to Vol.

and that numbers be indicated with digits, not spelled out.

 

So in this example we'd have:

Title: Rat Queens, Vol. 1: Sass & Sorcery

Series: Rat Queens

Position: 1

 

 

We would be thankful for following the rules for graphic novels and other book entries. You can check the BookLikes Book Edit Guidelines on the FAQ page. In case of any questions or concerns, please mail us or use the Report option on the book page.

 

3. Shelving books

 

Jenn from Murder by Death started a series of How to BookLikes stories that every blogger gonna find helpful. Here are some of the insights concerning the shelving issues:

 

How to: Shelves. Part 1 of possibly 100

(...)

I'm going to presume everyone knows how to get to their BookLikes shelves.  By default, BookLikes displays your shelves as, well, shelves.  This is fine, but sometimes you need to extra power seeing your shelves in list view allows, so if you see shelves, please change the view to lists by clicking on this button:

 

 

Once you're in your list view - take a moment to check out the differences.... then click the "Settings" button on your toolbar:

 

 

This will take you to your shelf settings where you can choose things like your default view, default sort order, etc. etc.  But for the purposes of this tutorial we're focusing on the shelves themselves, so scroll a bit until you get to the list of shelves towards the bottom.

 

What is going to follow is a giant graphic of that section with notations about each function.  It just seemed the clearest way to explain all the different bits:

 

 

Notes:  

Exclusive statuses - these are shelves that allow you to mark a book without also setting it as Read, Planning to Read, or Currently Reading.   The best example of the usefulness of this is dictionaries .  Most of the time, you don't actually read, cover to cover, a dictionary.  Creating an exclusive shelf called Reference allows you to shelve it without having to mark your intention of reading it.   There are many other examples of these types of books, so you can create as many exclusive shelves as you'd like.  The checkbox for set as status allows you to move your shelves back and forth between exclusive and non-exclusive (in case you change your mind someday and decide to read the OED cover to cover).

 

click and drag - please note that older browsers and computers might struggle with this - if you think you're tech isn't a young whipper snapper any longer, use the Position numbers instead (although if you have a lot of shelves, yes, they're a pain).

 

I included the visible columns part of the page in the image above for two reasons.  1. It's where you can decide what to display in your list view, and 2. to highlight the multiple "Save Changes" buttons.  Now, I don't know for sure but rather to be safe than sorry, use the Save Changes button that applies to each section of the settings page.  So if you make changes to the table -visible columns section, use that save button.  If you make changes to the exclusive statuses, use that save button.

 

I suspect they're all the same but the sheer number of them make me concerned that they're not.  So, like I said, better safe than sorry.

(...)

 

Check also BookLikes' blog post: A-Z ways to arrange your bookshelf where we share and list all options available on your Shelf , table shelf view and shelf settings.

 

 

BookLikes is a place where you can not only start your book blog and review books but also present your book collection in the most desirable way. The following bookshelf description is a reminder of numerous shelf options available on your shelf page on BookLikes.

 

Filling up the bookshelf page with your favorite titles is easy-peasy. What to do next? First you should answer the question which reading personality type are you, decide how you'd like to arrange your books and then read the following section with the Shelf page options on BookLikes. 

 

 

1. Add a new thematic shelf - a new thematic shelf will be added to your shelf page; you can also set it as status, then it will be added under other statuses: Read, Planning to read and Currently reading.

 

2. A Shelf search - search your shelf, type title or author;

 

3. Sort option for your books - choose how to view your books;

 

4. Your private notes - find books with your private notes; the book with a private note receives a little dot under the cover;

 

5. Shelve it!  - a feature that helps you shelving new books from other webpages, move the Shelve it icon to your bookmark bar and click when visiting a book pages of Amazon and other booksellers;

 

6 and 7 - Cover view and Table view for your Shelf - choose which one suits you better;

 

8 - Shelf Settings - a gateway to manage your shelves, statuses and sorting options, have a look at available options below. 

 

 Shelf settings:

 

 

There's quite a lot of things to do in here:

 

a. add shelf -  add a new shelf, or set the shelf as an exclusive status;

 

b. choose the default shelves order - alphabetical or manual (then you can decide how to order your thematic shelves);

 

c. shelf Page view - the cover view or the table view for your admin shelf page; 

 

d. books order - how books on your shelf should be presented (this is how you and your blog guest will see the books on your shelf);

 

e. visible columns - chose which columns should be visible in your table view

 

f. rename - change the name of your thematic shelf;

 

g. position - if you wish to set your shelves manually, you can choose theirs positions (write number or use the drag and drop);

 

h. set an existing shelf as an exclusive status;

 

i. delete the shelf.

 

Remember to Save all the changes in the particular sections to make all the updates visible on your Shelf page. 

 

If you choose to view the table view of your shelf page,

here's what you get:

 

 

i. select one or several books, this will activate the option on the top of the table view ( see: k, l, m);

 

j. select all the books - you can select all the books visible on this shelf page;

 

k. add to shelves - add selected book(s) to your thematic shelf/shelves;

 

l. take books off the selected shelf - choose a thematic shelf, select the books and take them off the chosen shelf; the books will stay on your Shelf Page, only the shelves they are on will be changed;

 

m. delete books from your shelf - select book(s) and delete them from your shelf page; even if you delete the books from the Shelf, the review attached to this book will remain on your blog;

 

n. choose how many books per page in the table view to see;

 

o. sort options; cover - see book without a cover and add missing images to green books; Title/Author - alphabetical order; Ratings - according to your rating stars; My review - books with/without a review; Date Read - finished reading date;

 

p. add rating stars to your books;

 

q. add review, see review or edit review; the options depend whether the review is attached or not; 

 

r. edit shelves for a given book - move or add the book to your thematic shelves;

 

s. add the finished reading date - remember that only books with filled up Read Date count to your reading challenge; 

 

t. delete a book from your shelf;

 

u. change an edition - choose other book edition to be presented on your shelf page.

 

 

This shelf compendium covers many shelving issues, if you have any doubts or questions, please let us know in the comment section below or mail us directly.

 

We also encourage you to look through BookLikes blog and tag tutorials to find other tips and tricks on BookLikes.

 

*

Feel free to write with any questions directly to the BookLikes team (mail: kate@booklikes.com). You can also post questions in the discussion groups:

Like Reblog Comment
show activity (+)
text 2017-05-24 04:48
How to: Shelves. Part 1 of possibly 100

A few Booklikers have struggles with shelves and it's something I've been wanting to do but have been overwhelmed just thinking about it.  

 

Linda Hilton, though, got me started as she had specific problems and questions that gave me a point of reference to begin.

 

This is by no means a comprehensive tutorial, it will be added to over time, and if you have specific issues with shelves, please post them in the How To BookLikes Group, (or in the comments below) and I or someone else will do our best to get them answered.

 

I'm going to presume everyone knows how to get to their BookLikes shelves.  By default, BookLikes displays your shelves as, well, shelves.  This is fine, but sometimes you need to extra power seeing your shelves in list view allows, so if you see shelves, please change the view to lists by clicking on this button:

 

 

Once you're in your list view - take a moment to check out the differences.... then click the "Settings" button on your toolbar:

 

 

This will take you to your shelf settings where you can choose things like your default view, default sort order, etc. etc.  But for the purposes of this tutorial we're focusing on the shelves themselves, so scroll a bit until you get to the list of shelves towards the bottom.

 

What is going to follow is a giant graphic of that section with notations about each function.  It just seemed the clearest way to explain all the different bits:

 

 

Notes:  

Exclusive statuses - these are shelves that allow you to mark a book without also setting it as Read, Planning to Read, or Currently Reading.   The best example of the usefulness of this is dictionaries .  Most of the time, you don't actually read, cover to cover, a dictionary.  Creating an exclusive shelf called Reference allows you to shelve it without having to mark your intention of reading it.   There are many other examples of these types of books, so you can create as many exclusive shelves as you'd like.  The checkbox for set as status allows you to move your shelves back and forth between exclusive and non-exclusive (in case you change your mind someday and decide to read the OED cover to cover).

 

click and drag - please note that older browsers and computers might struggle with this - if you think you're tech isn't a young whipper snapper any longer, use the Position numbers instead (although if you have a lot of shelves, yes, they're a pain).

 

I included the visible columns part of the page in the image above for two reasons.  1. It's where you can decide what to display in your list view, and 2. to highlight the multiple "Save Changes" buttons.  Now, I don't know for sure but rather to be safe than sorry, use the Save Changes button that applies to each section of the settings page.  So if you make changes to the table -visible columns section, use that save button.  If you make changes to the exclusive statuses, use that save button.

 

I suspect they're all the same but the sheer number of them make me concerned that they're not.  So, like I said, better safe than sorry.

 

Hopefully that will start us off.  Let me know.  ;-)

Like Reblog Comment
show activity (+)
text 2017-05-24 03:58
How to: Using BookLikes Widgets

Moonlight Reader's most excellent post regarding a reader's personal literary canon got us all thinking about the books that mean the most to us and/or define us as people and readers.

 

As I've been in a scripting mind space lately, I additionally started thinking about whether or not a BLer could display their personal canon on their blog pages, which is the basis for this tutorial.  But, this applies to anyone on BookLikes who wants to make widgets for the BL blog OR their personal blog; it just so happens that I'm customising mine for a book canon.

 

The following widgets are available, and they all more or less follow the same guidelines below:

 

Follow button -  (Follow my booklikes blog graphic)

 

Shelf widget - this is the one this tutorial is specific to; you can make more than one of these too, if you'd like to display multiple shelves.

 

Reading challenge widget - this gives you the progress bar/# of books box on your blog

 

Giveaway widget - what it says:  a box on your blog page announcing a book giveaway

 

Reading in Progress - Customisable to one book you're currently reading, so would need manual updating; gives you a progress bar like what you see on your dashboard.

 

Quote widget - this will pull the last Quote post you created (it must be a quote post - not a text post) and put it in a box on the side of your blog page

 

Discussions Widget - pulls the last user-defined-number of posts you've made in discussion groups; updated automatically.

 

My Latest Posts Widget - same as above: you define the number, and it pulls that number of latest posts you've made and makes teasers for them.

 

My Profile Widget - Allows your visitors to see a bit of data on you - data you can turn on or off.  Includes Country/# of Followers/Following/# of shelves/books reviewed, etc.

 

Reading List Widget - Customisable to show your most recently created lists (if any)

 

Author Widget - I'm guessing this is most useful for authors, but also fun for diehard fans of certain authors.  Search out your author name, name the list, define # of books to display, etc.

 

As I said earlier, they all follow more or less the same instructions - each is customisable (or not) in its own way, but all require you to go to the same page, get some code and paste it in your blog and that's what these instructions cover.  So, to begin:

 

Go to your Dashboard menu (the green one) and choose "Goodies".

 

 

 

From the Goodies page, select the "widgets" tab:

 

 

 

The widgets page is going to list all the widgets I've listed above and their customisable fields.  Whatever widget you want to make is going to be made on this page.  So for the the shelf widget, scroll (if you need to), down just a bit - it's the second one on the page: Shelf Widget

 

 

As you can see, the customisable fields are all pretty self-explanatory.  Play around a bit if you'd like; the preview updates as you make changes, so you can see what the finished product will look like.  Once you're happy with the look, press the "Get Code" button directly under the preview.  You'll get something that looks like this (but not exactly - because customisation):

 

 

If yours isn't highlighted automatically, highlight all the text in this box - make sure you get ALL of it, and use your Edit - Copy function to copy it.

 

From here you need to leave this page and go to the Settings page.  Again this also applies to all the other widgets. So, from the green dashboard menu, choose Settings:

 

 

 

On the settings page, you want to choose the "Blog" tab from the line of tabs that runs along the top of the page:

 

 

 

 

Once you're on the blog settings page, you have to scroll WAY down the page.

 

 

Further down...

 

 

A little bit further...

 

 

 

Until you see "Theme: Customise"

 

 

Click the "customize" button, and you'll be taken to a split page:  the first 25% will be a black bar running down the left hand side, and the other 75% will be a sort-of preview of your blog page (I say sort of because it's propagated with fake posts).  What we care about is what is in that black bar, and it's almost at the very bottom of it, so more scrolling...

 

You're looking for the box titled "Widgets area".

 

Now, stay with me, this can sound complicated but it isn't.

 

This box might be empty or it might not be.  If you've used widgets before, there's going to be other text in this box.  If this is your first time, the box is likely empty.

 

Care must be taken about where you paste your new widget code.  If you paste it in the middle of stuff that's already there, you'll break your widgets and probably get some crazy stuff showing up on your blog page.  

 

Each widget's code begins with a bracket ( < ) and the word 'iframe' and ends with 'iframe' and a ( > ) bracket.  Just make sure anything you paste into this box is before or after an 'iframe' tag text block.

 

Where you paste it determines where it appears on your blog.  If you paste it beneath your Reading Challenge widget, for example, then it's going to appear beneath your Reading Challenge box on your blog page.  

 

Most of the blocks of widget code will have a title= in them and this is the easiest way of identifying which block of code creates which widget.  So in the screenshot to the left, you can see "title=My Profile" (it runs across two lines) - that's my profile widget.  If I paste my shelf widget code above that, it will appear above my profile on my blog page.

 

So, place your cursor in the box and use the arrows on your keyboard (it's the easiest, if tedious, way to navigate the small little box; you can expand the box by pulling down its lower right corner, but it can be fiddly).  Once you have your curser in a clear space, paste the code in for your shelf widget.

 

If getting this right worries you - the safest thing to do is either place your cursor at the very top of the box, or at the very, very bottom and paste the code there.  Both ways will ensure that you don't paste into existing code.

 

Once you've done that, click the "Save" button located at the top of the black bar.  The image below shows you what - generally - the shelf code looks like in place (yours will be different because it's your custom settings) and where the "Save" button is.

 

 

Once you've save it - you're done.  Go to your BookLikes blog page and you should find it there, along the left or right side, depending on which template you're using.  This is mine - or, maybe not.  I think I've hit BookLikes limit on image sizes per post.  But, you can see your own once you try it.  :)

 

Happy widgeting - please let me know if you have any questions in the comments below, or in the How To BookLikes group.

 

One last note:  This code should also work on your own outside-of-BookLikes blogs but I cannot comment on how easy or difficult it is to do this.  Each blog platform varies, but if you're interested, check out your blog platform's documentation for how and where to place this code to see your BookLikes shelves/widgets on your personal blog.  

Like Reblog Comment
show activity (+)
text 2017-05-22 03:40
How to: Adding BL linked book covers and/or text links into the body of your posts.

I think a lot of us know how to do this, but I think there are an equal number of BL'ers out there that don't know about this useful tip for putting BL-linked book covers and title/author links into the body of your posts.

 

It's easy, but it's not obvious at all.  It's also not the most stream-lined process, if you think about it, but it works really well and here's how to do it.

 

Create your post and use the "+" to Add Book, up at the top (I'm calling this the BookLikes book bar for the sake of this tutorial) to add a book from either the BookLikes database or your bookshelves.  Even though you don't necessarily want the book there, you need it there temporarily - you'll remove it later (unless you're me, in which case you'll forget every time and have to go back to remove it).

 

Once your book is added up in the BookLikes bar, hover your mouse over it and you'll notice three small buttons appear on top of the cover (depending on how busy the cover art is, one or all of these can be hard to spot).  I used a coverless book to make them easy to see:

 

 

 

When you're ready to insert your cover or your link, make sure the cursor is where you want them to go, and click on the appropriate little popup button.  They will instantly produce a cover or a link in your post, wherever the cursor is.

 

Once you're finished, use the 'x' to remove the book cover from your BookLikes bar, unless you want two cover images of the same book in your post.

 

Observations:

1.  You can do this for as many books as you'd like - just add them to the book bar first.  If you want to add more than 10, you'll have to remove them as you go, since 10 is the limit for books added to the BL book bar at any one time.

 

2.  You can edit the text title/author link.  When you hover over it with your mouse it'll look like it's going to take you to the link, but just ignore that and click in the part you want to edit: the cursor will move there and you can edit without losing the link.  I usually replace the '-' booklikes uses between the title and author with 'by' so it reads nicer.

 

3.  You can move both the text link and the cover around, but it's easier to move the text link. The text link moves the same way any other text can be moved: cut/paste or highlight/drag.  If you're not comfortable with html enough to feel like you can fix any errors, don't move the cover - just delete it from the post and then place it in its new spot from the BL book bar.  

 

4.  You can treat the cover link the same way you'd treat any other image:  click on it to highlight it and change its justification (left, right, center, justified) or change it's image attributes using the image button in the format bar.

 

That's all there is too it - when you're finished, just remember to use the 'x' to remove any covers from the BL bar that you don't want to keep in the finished post.

 

Happy posting.  :)

 

 

ETA:  Well, I did it again - posted and forgot to remove the cover from the book bar.  I am nothing if not consistent.  :P

 

Like Reblog Comment
show activity (+)
text 2017-05-21 08:53
How to: Customising fonts in an individual post.

I've been asked in the How To BookLikes group how to change the font size (or color) in an individual post, as opposed to across your entire blog.  If you have any familiarity with HTML, this is actually easy to do, but these instructions will assume nothing.

 

Please note:  I cannot recreate the 'greater than' or 'less than' symbols in this post, so whenever I'm talking about the html tags below, please remember that they should look like the screenshots, NOT like I type them out.

 

Also, for the sake of keeping this simple, I'm only discussing the 'P' tag and font size and color.  

 

Step 1.  Create a post.   ;)

 

Step 2. Once you've written the body of your post, or at a minimum, the text you want to format, look at the tool bar across the post body and specifically that last button on the right:

 

 

When you click on this button a window is going to pop up in front of your post and show you what it looks like under its kilt, so to speak.  Raw code baby!  But really, not very raw - mostly, if your unfamiliar with html, a lot of brackets around what will be recognisable as your post.

 

 

Look for the text you want to change.  For this example, I'm looking for the next two lines:

 

Big font

 

Small font

  

Which looks like this when it's naked:

 

 

To change the format, we need to add information to the "p" tag.  We'll start with the line that says Big Font.  We're going to change it from:

so that the 'p' tag says 

p style="font-size: 26px;"    (make sure you include the brackets though)  which gives us:

 

Big font

 

and if we change it to, say:  p style="font-size: 9px;"  we'll get:

 

Small font

 

A few notes about size:

'px' = pixels.  You can also use:

'em' = well, em.  It's used by developers, mostly, but 1 em is equal to the current font size. The default text size in browsers is 16px. So, the default size of 1em is 16px.

 

If you prefer, you can use relative values:

xx-small Sets the font-size to an xx-small size
x-small Sets the font-size to an extra small size
small Sets the font-size to a small size
large Sets the font-size to a large size
x-large Sets the font-size to an extra large size
xx-large Sets the font-size to an xx-large size
smaller Sets the font-size to a smaller size than the default font size
larger Sets the font-size to a larger size than the default font size

 

when using relative sizes the tag will look similar to this:  p style="font-size: x-large;"

 

you can also set the size as a percentage of the default font size:

p style="font-size: 200%;" will get you this:

 

200% Font Size

 

 

If I go back to the "source" button my code now looks like this:

 

 

Changing the color:

(Please note:  this tag uses the US spelling of color.  The UK spelling might be recognised by some browsers, but for predictable results, if you're outside the US, make sure you buck your spell checker and use the Yank spelling variation.)

 

Changing the color is the same process, just different wording.  So, if I want blue text the easy, peasy way to do that is to hit the source button, look for the text you want to be blue and change the 'p' tag so it says:

p style="color: blue;"   this gives me:

a blue font

 

Easy right?  Now some people might think this is limiting, only using color names.  It is, but not nearly so much as you'd think.  There are a lot of predefined colours such as:

Slate Blue

Indian Red

Olive

 

Check out this list of all the pre-defined colours currently supported by all browsers.

 

But if you want total control, you can have that.  For those that want to get down to the nitty gritty, the following are also supported:

 

Hexadecimal values:  these are the web codes for each color on the spectrum and they are a combination of 6 letters and/or numbers preceded by a hash tag.  So they look like this:

#000000  (black) or

#FFFFFF (white) or

#df2020 (red)

Hex will look like this:  p style="color: #df2020;"

 

RGB values:  red, blue, green

RGBA values:  same as RGB, but you can add a transparency value

 

RGB will look like this:  p style="color: rgb(0, 255, 0);"    (this is green)

RGBA values will look like this:  p style="color: rgba(0, 0, 255, 0.3);"   (this is blue with 30% opacity)

 

HSL and HSLA values are also supported, but that's nerdy even by my standards, so rather than bore you with it, you can read more about it here.

 

Here's what that code looks like:

 

As a grand finale, here's how you'd make your fonts both custom sized and colourful:

 

Big, Purple Font!!

 

 

A VERY IMPORTANT NOTE!!!

Make sure if you do this that you NEVER forget the semi-colon.  If you don't see the results you expect, check your syntax very carefully and make sure that semi-colon is at the end.  IF YOU USE MULTIPLE VALUES - color and size, make sure there is a semi-colon after each:  one after the size and one after the color, as in the screenshot above.

 

Have fun and remember - people have to read your posts, hopefully without eyestrain, so keep it classy!  ;-)

More posts
Your Dashboard view:
Need help?