Link From Your Web Site to Your Page on Book The Writer
The following has been created specifically for our client BookTheWriter.com – however, other readers can also learn about creating text widgets. The end of this post includes a video about using text widgets in WordPress.
First, here is easy help for WordPress sites
Scroll down for advanced help and non-WordPress sites
Below I have two bits of code that writers can use in their own websites to link to their page on bookthewriter.com.
The following code is to be used by writers who have a WordPress site. They should copy the code below, go to their dashboard and from there to Appearances > Widgets. They should drag a ‘Text’ Widget into the sidebar of their choice, paste the code into it and save it.
<div class="btw-link"> <h4 style="text-align: center; margin: 0;"><a href="http://bookthewriter.com/writers/nameofwriter">Invite Me To Your Book Club</a></h4> <p style="text-align: center; margin: 14px 0 0;"><a href="http://bookthewriter.com/writers/nameofwriter"><img alt="" src="http://bookthewriter.com/wp-content/uploads/2013/12/books.png" /></a></p> <p style="text-align: center;"><a href="http://bookthewriter.com/writers/nameofwriter">bookthewriter.com</a></p> </div> |
Note the repeated appearance of the link
http://bookthewriter.com/writers/nameofwriter |
This placeholder link needs to be replaced with the writer’s actual url on ‘Book the Writer’. A writer should simply go to their page on ‘Book the Writer’, copy the url from the top of the browser window, go back to your own website and replace every occurrence of
http://bookthewriter.com/writers/nameofwriter |
with the actual url.
That done, a link should appear in the sidebar that will look something like this:
This is the only way to create a link without touching the actual template files.
Advanced Help for both WordPress and non-WordPress sites
The following methods need some minimal knowledge of code.
The above code can also be inserted into page templates in any kind of website – not necessarily just WordPress sites. Writers would have to determine where they want the link to go, find the appropriate place in the corresponding template file, and paste in the code. If the template is written in php they need to close the php with
?> |
and open php below the code bit with
<?php |
Alternately, authors can link from their websites to their page on ‘Book the Writer’ by placing a badge at the top of their website. It will automatically go to the upper right of the browser window.
To do so they should copy the following code and change the writer name from “andersen” to heir name as it is used in the URL for their page inside BookTheWriter.com:
<div class="btw-link" style="position: absolute; top: 30px; right: 0px;"><a href="http://bookthewriter.com/writers/andersen"><img alt="" src="http://bookthewriter.com/wp-content/uploads/2013/12/btw-embed.png" /></a></div> |
They should open the template file for their home page (or blog page, if they like).The code should be pasted right below the opening body tag which look like this:
<body |
Next, they should replace the placeholder URL with the URL of their page on ‘Book the Writer’.
Thats it.
(Note that when viewed on small screens the image might overlap page content. If this is the case and with some knowledge of css, it could be moved to a better place or turned of for small screen view.)
