How to Add the T21 Blog Hop Code to Your Blog Post

If you are not as tech/code savvy, posting code for the T21 Blog Hop might pose a challenge.  This step by step instruction list might prove helpful.


First, add the banner:


Paste the following to your post at the bottom:

<center>These posts brought to you by:<br>
<a href="http://downwitdat.blogspot.ca/p/t-21-blog-hop.html" target="_blank"><img border="0" src="http://i1113.photobucket.com/albums/k501/Psychojenic/bloghopthin_zps23f49ed8.jpg" /></a><br>Add your post now!</center>

...which should give you this:

These posts brought to you by:
Add your post now!

Then...


If You Are Using Blogger (or other platforms that does support Javascript):

1) Open two browser windows.  Open the Down Wit Dat page where you are copying the code from in one and your blog post in the other.

2) Open your post to edit it.  Click the "HTML" button that is at the top, on the far left (next to "Compose")
 

3) Switch to the other browser window and copy the code provided.

4) Switch to the browser window with your post in it, scroll down to the bottom of all the code and paste.

5)  Save your post.  Voila!

You should see something similar to this:

These posts brought to you by:
Add your post now! 

If You Are Using WordPress (or a similar type that does not support Javascript):

1) Open two browser windows.  Open the Down Wit Dat page where you are copying the code from in one and your blog post in the other.

2) Open your post to edit it.  Click the "Text" tab that is at the top, on the far right (next to "Visual")

3) Switch to the other browser window and copy the code provided.

4) Switch to the browser window with your post in it, scroll down to the bottom of all the code and paste.

5)  Save your post.  Voila!

You should see something similar to this:

These posts brought to you by:
Add your post now!
Click here to enter your link and view all the participating blogs...

(Please note that in Wordpress, the squares of the blog hop will NOT display under the banner and will instead be displayed on a separate, generated by Linkytools page which the "Click here" link will open.  This is due to the lack of Javascript on Wordpress.)

---------------------------

Interested in spreading the word?  To add a Blog Hop graphic to your page (for the rest of the month), simply copy and paste the code provided for the following:


Join Down Wit Dat on the 21st of Every Month!
<a href="http://downwitdat.blogspot.com/p/t-21-blog-hop.html" target="_blank"><img src="http://i1113.photobucket.com/albums/k501/Psychojenic/BLOGHOPresize.jpg" border="0" alt="Join Down Wit Dat on the 21st of Every Month!"></a>

  <a href="http://downwitdat.blogspot.com/p/t-21-blog-hop.html" target="_blank"><img src="http://i1113.photobucket.com/albums/k501/Psychojenic/bloghopthin_zps23f49ed8.jpg" border="0" alt="Join Down Wit Dat on the 21st of Every Month!"></a>

No comments :

Post a Comment

Thank you for your comment.

Although discussion is encouraged, disrespectful or hurtful dialogue will be removed.

Spam will be fried up with a side of tomatoes.

Related Posts Plugin for WordPress, Blogger...