Guess Who’s Back – Blog Setup And Design

OnlineExtrav2017

 

Stampin' Up! Online Extravaganza

Need a promo button for your site to promote Stampin' Up!'s Online Extravaganza? Here's one you are welcome to use.  This one was created in PicMonkey for those DIYers!

Amy has the HTML code and a video tutorial on how to load it to your site.  Visit Webs By Amy now!

Example: US Demonstrators  (PDF link)

<a
href="http://su-media.s3.amazonaws.com/media/Promotions/NA/2017/Online%20Extravaganza/Item%20List%20Flyer%20CA%20EN.pdf"
target="_blank"><img
src="http://i588.photobucket.com/albums/ss329/websbyamy/23804288_1880712875289377_636951947_n.jpg"
alt="Online Extravaganza" border="0" /></a>

 

Need it Smaller?

This button is 250 pixels wide.  Need to make is smaller to fit in your site's sidebar?  For those using TypePad, 180 pixels width should fit.  Give it a go……

Simply add this code in the <img> tag….

<img width="180" src="http://i588.photobucket.com/albums/ss329/websbyamy/23804288_1880712875289377_636951947_n.jpg"

 

Want it to link to your online store instead of PDF?

If you are a current Stamping And Blogging member, you can find the video tutorial as well (Blogger, TypePad, WordPress). This button and code to the DBWS store page is loaded in Blog Maintenance and available for U.S., Canada, Australia, Great Britain, France, Germany, New Zealand, Netherlands.

 

Joining Webs By Amy Team!

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!

Stay tuned….
Heather 😀

Heather Wright-Porto
BlogsByHeather.com

 

SU Promo Buttons: Holiday Catalog is out!

Hi there!  It's that time of year where Stampin' Up! has released it's Holiday Catalog! It's very exciting as the countdown to Christmas has already begun (at least for my kids! LOL as they are going back to school this week).

Site Maintenance For
Stampin' Up! Demonstrators

If you're a Stampin' Up! Demonstrator and would like these buttons on your blog and/or would like me to maintain your site, sign up here!

SAMPLE_HolidayCatty2015

HolidayCattySample

Stay tuned for more exciting news from Sandi and I (Stamping and Blogging) surrounding the holidays!

Heather 😀

Heather Wright-Porto
Blogs By Heather
Partner, Stamping And Blogging

Buy a Domain | WordPress Hosting | Book Your Blog Setup & Design |
Sign Up for Site Maintenance

 

Blog Makeover: Sketch And Stamp – Come Join The Fun!

SB104_HomeSlider

Blog Makeover

I gave our Stamping and Blogging BLOG a new make-up and we are launching Sketch & Stamp!  It’s our weekly Sketch Challenge.

Go to SketchAndStamp.com to join the fun or just enjoy our new look.
This is a mobile friendly theme too!

 

SketchAndStampSnapShot

 

Want to join in….Watch this video on how to upload your artwork to our Sketch Challenge!  The Design Team artwork is featured and they will pick a winner every week.

 

Stamping And Blogging itself is a premiere membership site loaded with almost 450 videos (we are closing in), with over 70 dedicated to How To Setup a Blog.

Unlike ANY other site,
we cover Blogger, TypePad and WordPress!

If you’re a paper crafter, Sandi contributes the most beautiful projects – the latest class is called More Fun Folds! Join Us Today!

Guess What? Exciting News From Blogs By Heather….

Hi guys! I'm back!!!!!

Yes, you heard it right. I resigned from my full-time job that I enjoyed over the last 2 years…but now am able to come back to what I love mostBlog Setup & Design – and supporting you 😀  So, if you're looking for blog help…read on…and book your date with me! 

For those of you I'm already corresponding with,
you do not have to schedule an appt. – you're all set!

Using VCita For Online Scheduling

I needed to find an online scheduling program

  • so clients can book their Blog Setup & Design, Newsletter Design, Blog Tune-up, Go Mobile Friendly services,
  • that allowed them to pay upfront,
  • and more importantly let them know where they are on the wait list – when their site would be worked on.  

With VCita, there is no guess-work. You book your date/time, pay via PayPal (or credit card via PayPal interface), and we're all set.

I'll have a separate article on how to add this to your site…
or I'd be happy to add it for you…
book a Blog Tune-Up service.

ImBckVcita


Blogs By Heather Services

Check out the cool tool that pops-up when you visit my sites – Blogs By Heather (this site) or Blogs By Heather WP Hosting.  It allows you to quickly and easy schedule any of these services:

  • WordPress Setup & Design
  • TypePad / Blogger Blog Setup & Design
  • Newsletter Design (such as Constant Contact Newsletter Design)
  • Blog Tune-up
  • Go Mobile Friendly (Blogger)
  • Go Mobile Friendly (TypePad)
  • Go Mobile Friendly (WordPress)


Graphic Design Included

All the "Design" packages (the 1st three services listed) include all the graphic design work such as a banner, signature, watermark, sidebar buttons, headings…for your setup & design. Again, it is already included in the price!

I'm super excited and cannot wait to work with all of you again!

 

An Alternative

StampingAndBlogging-JOINKeep in mind, we have an entire "How To Setup a Blog" video/PDF library inside Stamping & Blogging; how to create a Constant Contact, MailChimp, or Aweber newsletter template; and at present we are adding videos on how to make sure your blog is Mobile-Frienldy!  So if you're a DIY type of blogger, then join today for $14.95 and have access to more than 400 stamping and blogging videos (we are a few away from 450!! – so a new badge coming soon).

App Indexing for Google Mobile Friendly Websites

I just read an article from Convince And Convert about "5 Things You Need To Know About Google's Mobile Changes", and most you may have heard before…but I wanted to take a moment to concentrate on the App Indexing (although only for Android smart phones at the moment).  

So how does this work? First, you must have a website to accompany your app. Developers need to implement the App Indexing API into the mobile app to get started, and then annotate their website pages with app links that can be opened in the mobile app. Read more about this and consult your app developer on the best way to implement these changes. Here at Bluebridge, we’ll be proactively consulting with our clients about rolling out these changes in addition to other best practices as they evolve. (Convince And Convert, 5 Things You Need To Know About Google's Mobile Changes)

 

What Is App Indexing?

Google explains it best:

App Indexing allows you to connect pages from your website with specific content within your smartphone app. This enables smartphone users who have your app installed to open it directly from relevant mobile search results on Google.

 AppIndixing

(Image from Google's site)

Click here for Google's article.

Click here to learn how to implement App Indexing on your website.

 

 

Is Your Blog Mobile Friendly?

It's easy to find out…go to https://www.google.com/webmasters/tools/mobile-friendly/ and enter your site's URL.

MobileFriendlyTestURL

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….

MobileFriendly

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!

 

BloggerMobileClick 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.

BloggerMobileSettings

Yea Blogger!!!!  Check out my old paper crafting site, http://handstampedbyheather.com, on your laptop, ipad, and then via your smart phone.

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:

In Stamping and Blogging, we'll experiment and create videos for WP Touch…I'll let you know when it's ready 😀  If you need help setting up a new WordPress blog or installing a new Mobile Friendly theme, contact me.

TypePad Responsive,
Mobile-Friendly Design

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!