Bedrom Ideas for Designs: blog tips

<div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="font-size: large;">Our boiler is broken so we have no heating. This is the third day without my usually warm and snuggly house. Hopefully it should be fixed later on today.</span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="font-size: large;">Being cold makes me grumpy.....</span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="font-size: large;">So beware. I may bite!! ;-)</span></div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6SjfLswIcKUtiJPgCNEmm92vVS9qz9jjhV-jC4ycjZnMwxLp7dUjHpygyvwWFT9jELSvlMSzFPiyRGue49q7PNumrsDFk3YCXei-wH4R78MeUaf3nxTFuLv_KQMtjC9uF6bJYLf8Gv69/s1600/humour+world.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" n4="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6SjfLswIcKUtiJPgCNEmm92vVS9qz9jjhV-jC4ycjZnMwxLp7dUjHpygyvwWFT9jELSvlMSzFPiyRGue49q7PNumrsDFk3YCXei-wH4R78MeUaf3nxTFuLv_KQMtjC9uF6bJYLf8Gv69/s320/humour+world.jpg" width="301" /></a></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="font-size: large;">Anyway, enough of my grumbly rant.....but wasn't that a fab photo?</span></div><span style="font-size: large;"></span><br /><div style="text-align: center;"><span style="font-size: large;">Quite a few of you asked about my little trick enabling you to click on a photograph to be taken to the relevant post. </span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="font-size: large;">It's not hard but it does involve some html high-jinks, which I'm sure fills some of you with pure joy! </span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="font-size: large;">But don't worry - it really is incredibly easy. </span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="font-size: large;">First of all, decide where you want your readers to be taken to when you click on the photo. </span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="font-size: large;">I want to take you to the post where I showed the tutorial of how to make a natural wreath so I went to that post on a separate page found that post and copied the web address in my toolbar.</span></div><div style="text-align: center;"><span style="font-size: large;"></span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="font-size: large;"></span></div><div style="text-align: center;"><span style="font-size: large;">Then upload your photo as usual (ta-daaaaa!):</span></div><span style="font-size: large;"></span><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://moderncountrystyle.blogspot.com/2010/12/wreath-week-naturally-beautiful.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img border="0" height="240" n4="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMLevcMRhop-QqT8v6HDJ4fgXhQvnHI3_V9XxcIm_d361-jgYVdSPofF7uaOExRzEe9DhK7v7g8gqZR9i7fDUH2Y8pZEgcOj4Uv4X8G2QmoYxlst1OuI45z9mBuu3LjTFDuxgWamTTpeLm/s320/IMG_3504.JPG" width="320" /></span></a></div><span style="font-size: large;"></span><br /><div style="text-align: center;"><span style="font-size: large;">Make sure that you've clicked on the html tab of your New Post and scroll down to where you find the photo's description in the html, which will start with: </span></div><span style="font-size: large;"></span><br /><div style="text-align: center;"><span style="color: #cc0000; font-size: large;">a href="...."</span></div><span style="font-size: large;"></span><br /><div style="text-align: center;"><span style="font-size: large;">The "..." part will give the reference of your photo. Mine was originally:</span></div><span style="font-size: large;"></span><br /><div style="text-align: center;"><span style="color: #cc0000; font-size: large;">a href="<span style="color: #38761d;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMLevcMRhop-QqT8v6HDJ4fgXhQvnHI3_V9XxcIm_d361-jgYVdSPofF7uaOExRzEe9DhK7v7g8gqZR9i7fDUH2Y8pZEgcOj4Uv4X8G2QmoYxlst1OuI45z9mBuu3LjTFDuxgWamTTpeLm/s1600/IMG_3504.JPG</span>" </span></div><span style="font-size: large;"></span><br /><div style="text-align: center;"><span style="font-size: large;">Delete the part between the "...." but not the speech marks themselves (ie.delete the bit I've rather stylishly highlighted in <span style="color: #38761d;">green</span>).</span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="font-size: large;">Then all you have to do is to paste the web address you copied earlier in the exact same place as the writing you just deleted. In my case, I'll paste:</span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><a href="http://moderncountrystyle.blogspot.com/2010/12/wreath-week-naturally-beautiful.html"><span style="color: #38761d; font-size: large;">http://moderncountrystyle.blogspot.com/2010/12/wreath-week-naturally-beautiful.html</span></a></div><span style="font-size: large;"></span><br /><div style="text-align: center;"><span style="font-size: large;">So now the html should read: </span></div><span style="font-size: large;"></span><br /><div style="text-align: center;"><span style="color: #cc0000; font-size: large;">a href="</span><a href="http://moderncountrystyle.blogspot.com/2010/12/wreath-week-naturally-beautiful.html"><span style="color: #38761d; font-size: large;">http://moderncountrystyle.blogspot.com/2010/12/wreath-week-naturally-beautiful.html</span></a><span style="color: #cc0000; font-size: large;">"</span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="font-size: large;">And there you have it! Your very own photo-teleporter system. Now you can click on the photo and it should take you to my Natural Wreath tutorial post.</span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="font-size: large;">Repeat as often as you want with other photos...</span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="font-size: large;">If you have any questions at all then please don't hesitate in letting me know.</span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="font-size: large;">If you like this trick, all I ask is that you love my blog forever and ever and ever..... harrrrr harrrrr (*evil laugh*).</span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="font-size: large;">I hope you're all well and keeping warm. Think of me in our cold house..... Cold even with three jumpers. Brrr....</span></div><br /><div style="text-align: center;"><a href="http://www.mylivesignature.com/" target="_blank"><span style="font-size: large;"><img src="http://signatures.mylivesignature.com/54488/352/911BDF1E66C2C8003D62774447FCC1C0.png" style="background: none transparent scroll repeat 0% 0%; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px;" /></span></a></div><div style="text-align: center;"><a href="http://www.mylivesignature.com/" target="_blank"><span style="font-size: large;"><img src="http://signatures.mylivesignature.com/54488/352/2052BBEDE343AF4A73F6A61C3820B007.png" style="background: none transparent scroll repeat 0% 0%; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px;" /></span></a><br /></div><div style="text-align: center;"></div><div style="text-align: center;"><span style="font-size: x-small;">First image: humour world</span></div>

My html photo teleport trick

Our boiler is broken so we have no heating. This is the third day without my usually warm and snuggly house. Hopefully it should be fixed la...

Bedrom Ideas for Designs

My html photo teleport trick

Popular Posts

Blog Archive