I am joining Webs By Amy and will be working with Direct Sellers, just like you, in creating a new look, transferring to new site, refreshing old ones, and/or helping out with site and sidebar maintenance! This is a very exciting new venture COMING SOON!
Basically, you just need to add a bit of code to your blog's template in order to comply.
The message will only appear until the visit clicks "Got It". Now that I have done so on her blog, I no longer see the message on subsequent visits to her site. See it in action here at KathleenStamps.com.
And then Paste this code in the appropriate location for your site.
In her site, which is a Blogger blog,
Click on Template from the Dashboard.
Click on Edit HTML.
And you should see the </head> tag. If you don't you can do a CTRL+F (find) and do a search for </head>.
Place your cursor above that line, and paste in the code. (See Screenshot Below)
(Click image for larger view.)
In Blogger, you could have also probably just added an HTML Widget to your blog's sidebar:
From the Dashboard, go to Layout, Add a Gadget.
Paste in the Code.
Go to Design, then Content.
From the Modules box, choose Embed Your Own HTML. (See Screenshot below)
Then click Add This Module.
Then Paste in the code in the large text box that appears, click OK.
Drag and drop on your sidebar (won't be seen).
Then remember to click the Save Changes.
(Click image for larger view.)
From the Dashboard, go to Appearance, Widgets and drag a Text Widget to your blog's sidebar.
Paste in the code.
I told Kathleen I would post about this on my site, as I also learned something new! It was the first time a customer had requested my help with the EU Cookie Law.
Heather Wright-Porto Partner at Stamping and Blogging – Home of our How To Setup a Blog series(over 70 videos and tutorials covering Blogger, TypePad and WordPress – NO OTHER training site covers all THREE platforms!)
Did you ever go visit a page/post on a site and get a 404 Page Not Founddisplayed instead? It's happened to us all, but can be embarrassing when it happens within your own site! Luckily, there's a quick fix…in less than a minute (well I guess depending on how slow/fast your computer is…LOL).
404 Easy Redirect
But for WordPress bloggers, it's VERY easy to prevent this from happening on your site, and to direct visitors to your home page, or other dedicated page, if they visit a broken link or possibly type in an incorrect URL on your site.
From your Dashboard, go to Plugins, Add New.
In the Search box, enter 404 Easy Redirect.
Find the one from Ninja Press (404 Easy Redirect) and click Install Now.
Then click to Activate Plugin.
Lastly, from the Dashboard, go to Settings, then 404 Easy Redirect and be sure to check Enable.
Click Save Changes.
Note, the HOME page is the default and will work just fine. However, you can create a custom page for visitors that get a 404 Page Error on your site.
For WordPress PDF tutorials and videos, join Stamping and Blogging today! Until next time…happy blogging!
Wonderful news coming soon for those paper crafters out there! Stay tuned…..
And you'll get your answer…..Sandi's site is mobile-friendly! This site, Blogs By Heather is not! So we'll go thru that later….
Review of Terms
Let's review quickly two terms you probably keep hearing, Responsive and Mobile-Friendly. They are two separate things. Your site could be Responsive, but not Mobile Friendly.
Responsive means that it auto-resizes to fit any screen…whether it's your desktop, laptop, iPad or smart phone. For example, you can see this site on your smart phone, it resizes beautifully…but can your read it?
That leads us to Mobile Friendly….Just because a website or blog is responsive and can be scaled proportionally, it's usability and readability is not so good.
A site is mobile-friendly if it can be easily read and navigated from your smart phone without having to take out a magnifying glass or zooming in to read a blog post.
So, when a site is Mobile-Friendly is contains the same great information, but appears in a different layout. Check out Sandi's site for a great test. http://stampinwithsandi.ca. Look at it both on your ipad or desktop and then watch it change when you visit it from your smart phone!
Many mobile-friendly sites have the form of a logo at the type (in place of a banner), and a vertical layout of your navigation bar, followed by excerpts of your blog posts, and then your sidebar elements are normally towards the bottom of the page, again in a vertical layout. Sandi's is beautiful :D
So, how do you fix it? How do you make your site Mobile Friendly?
Let's review Blogger, TypePad and WordPress.
Blogger Responsive, Mobile-Friendly Design
Well, you have to figure this one would be 1-2-3 easy and it is! Google Blogger has a Mobile layout built-in. You just have to turn it on and viola!!! Done. In seconds!!!!!!
From your Dashboard, go to Layout and there is the Mobile layout!
Click on the Settings icon, I chose the layout on the right and clicked Save! That's it. This was available long before Google's April 21st announcement.
Again, this video will be a snap for us to create for you at Stamping and Blogging. Stay tuned 😀
WordPress Responsive, Mobile-Friendly Design
Many WordPress themes are Responsive and Mobile-Friendly, such as Sandi MacIver's new Canadian blog: http://stampinwithsandi.ca. Check it out on your desktop and iPad. Then go to that site via your smart phone and check out how easy it is to now navigate the site and be able to "read" everything.
When choosing a WordPress theme for your site, be sure to read the description and that it's at least Responsive. Although a WordPress themes may be Responsive, it may not mobile-friendly yet, so you'll need to add a plugin. Most popular are:
TypePad will be the more challenging change for many of us that have custom designs. You can see here in my mini-tutorial on switching to a Responsive Design and using CSS code to load the custom banner. TypePad Everything support jumped in to share with us special code that would help the custom banner become "responsive".
However, TypePad also shared this tip in their article (on how to optimize your blog for mobile devices) for those using the Classic Theme Builder, which many of my clients do…so this may help get you started….(but it's only for BETA users at present).
At Design > Theme Builder, check the Create as Responsive box and click Save Changes to make an existing design responsive. To create a new theme, go to Design > Choose A Theme, select Theme Builder, and click Choose. Then, you'll have the option to Create as Responsive and apply the new design to your blog.
Lastly, TypePad shares this article in response to how to make your TypePad blog mobile-friendly.
So I will share with you my experience as I transform this site, Blogs By Heather from Advanced Templates to a Responsive Design. The biggest challenge I'm thinking will be the dropdown menu….but we'll see 😀
(Updated May 11, 2015) I will use one of my customer's sites as an example. I'm actually preparing to move over to WordPress and can instead share with you how I do that!
Additionally, in Stamping and Blogging we're creating videos on how to convert to a Responsive Design using one of the three Responsive theme TypePad has available currently for all users.
What happens if your site is NOT Mobile-Friendly?
In closing, this new Google algorithm does not impact your desktop search results ranking. It only impacts your mobile-ranking and how Google identifies and lists those sites resulting from a search people are doing from their smart phones (mobile devices).
So first, make sure your site is at least Responsive. And then follow the above tips to make it Mobile Friendly or join Stamping and Blogging for step-by-step videos!
Have you ever wanted to have the same signature to appear at the bottom of every blog post so you don't manually have to do it? YES!!!! And now you can do it without much code and messing with the Editor!
In my previous tutorials, there's a lot of coding involved in getting this to work (and it does work), but those who have WordPress blogs can breathe a little easier with the use of a plugin called WP Post Signature! NOTE: Click here for my tutorials for Blogger, TypePad, and WordPress.com (free WordPress).
So…for those using WordPress…go to your Dashboard, Plugins, and Add New.
In the Search box, enter WP Post Signature.
When it finds it, click Install.
Then click to Activate it.
Next, to modify the settings and add the code that will then be placed at the end of each post. If you want an image signature, you have to first load that image to your Media Manager. Click Edit, and then select and use that Image URL (you'll see below where to put it).
To edit your new plugin, go to the Dashboard, then Settings, then WP Post Signature.
Enter 1 in the 1st option and Save Changes. This will put your signature ABOVE the LinkWithin widget that many paper crafters use.
Then in the section below, set it to ON and at the bottom of your posts.
Add the HTML code you want to use – such as the code for a shop online button and linking it to your website. Or simply enter the text you want to appear at the bottom of each post.
When you're done, save changes.
For more tutorials (video and PDF) on building your WordPress site, join us at Stamping and Blogging! We have a ton of videos including how to create post and pages, add sidebar items, edit HTML code like that used here, and so much more!
This is a Featured Post! Scroll down for new articles 😀
At Stamping and Blogging, we just completed our How To Setup a Blogseries. It contains over 70 videos on how to setup your blog. Why? Because we cover it all – Blogger, TypePad and WordPress (self hosted and the free WP) – all three platforms discussed in great detail, step by step.
No other site can offer you this! Brought to you by me, Heather Wright-Porto, a published author (by Apress), two books specifically on blogging, expert in the field.
What's In It?
You'll learn all you need to setup your blog
from choosing the right platform for you,
to deciding on a name, registering it, and mapping it to your blog,
to the essential elements you need on your blog (banner, sidebar, content, footer),
to visual hierachy and great layout,
to what you need to do before you click the "Publish" button and then
what to do after you do to continue promoting your content….
and so much more!
Want to know how to
Add images, HTML, text and links in your sidebar?
Create an SEO-Friendly post?
Create must-have pages or
How to setup a Store Page? Yes, how to add an HTML table, add your pictures, text/description, and Add To Cart paypal buttons!
Add some social media too, like creating a Facebook page, editing images, or how to verify your website in Pinterest?
Not to mention the amazing stamping video collection, project sheets, PDF tutorials produced by Sandi, and the amazing gallery from our Design Team. Together we have over 300 videos!
How to get it?
You have to join Stamping and Blogging :D It's the only site of it's kind – a extraordinary, unique site that Sandi MacIver and I have created and update every week with new fresh content on "stamping" and "blogging".
We are super excited to bring you this How To Setup a Blog series in helping you create, maintaing, and enhance your new blog step by step. This series is for EVERYONE!
Whether you have a blog and you want to fine tune your SEO techniques, learn how to add PayPal buttons…or want to start a blog and have been hesitant because you weren't sure what to do first…this is for you!