Tuesday, April 29, 2014

DIY: Remove "Subscribe to: Posts (Atom)"

Maybe it's just me, but am I the only one who is somewhat irritated by the "Subscribe to: Posts (Atom)" link at the bottom of their blogs? Perhaps, but I'll show you how to delete it anyway!


Template > Customize > Advanced > Add CSS

Add this code to the CSS box:
feed-links, .blog-feeds { display: none; }

Press Apply to Blog, and voila! Your blog is now "Subscribe to: Posts (Atom)" free!!

Wednesday, April 3, 2013

DIY: How to Set a Custom Highlighted Text Color for Blogs

Hey everyone! It's Skye, back from an über long hiatus, buuut I'm back with a brand-new tutorial! Today, I'm going to show you how to set a custom highlighted text color for your blog. For example:


In this picture, the highlighted text color is a nice fuchsia color. To do this, we're gonna do some coding, which is a first for this blog.


Using Blogger, go onto "Template Editor", then press "Advanced". Scroll down to the "Add CSS" section. Click it. It'll take you to this huge white box.


Copy & paste this code:

::-moz-selection { 
background-color: #######
color: #ffffff;
}

::selection {
background-color: #######;
color: #ffffff;
}

For the highlighted "##" part, put in any color code. You can find a whole bunch of them here. Ta-da! Does your blog look fantastic yet? (;

- Skye
AGTube Designs






Monday, August 20, 2012

DIY: How to Install a Follow Button + Free Follow Buttons

Hey guys!
So it's me, Skye, again. I finally made my very first set of graphics that I'd like to share with you guys! Here they are:




These are follow buttons, like the one I have on the bottom of my page. Follow buttons are used to let users follow your blog without having to use the basic follower module provided by Blogger. Today, I'll be showing you how to install them. You can use these colorful buttons to spice up your blog, and replace the boring follower module.
You do not need to give me credit while using these, but you may not pass them off as your own.

All you need to do is save the file of either button you like, then upload it onto your blog as a picture. (Be sure not to press the 'shrink to fit' option.) While editing the picture module, you'll notice that you can add link to the picture.


You'll want to add this link: http://www.blogger.com/follow-blog.g?blogID=YOUR-BLOG-ID
In the part that says "YOUR-BLOG-ID", you want to add your blog ID (pretty self-explanitory). You can find your blog ID with some help from here.
Save the module, then go onto your blog. Press the button, and see where it leads you! (:

If you have any questions, be sure to ask.

~ Skye
AGTube Designs

DIY: How to Make a Favicon for Your Blog Using PicMonkey

Hey guys!
So today, I'm going to show you how to make a favicon for your blog. If you're wondering, what a favicon is, it's the little icon next to your url. This is probably going to be one of the most simple tutorials I'll ever post.

So for this tutorial, you'll be using PicMonkey again. There are two ways to make yourself a favicon -- using a picture that represents your blog or using your awesome graphic skills. I'll be showing you both ways.
Note that it might take a couple of days for your favicon to appear in your url.

Method 1 - Picture



Go onto PicMonkey and press the 'edit a photo' option.


Upload your picture. I'll be using this one.


Crop the picture into a square, and resize it so it's a bit smaller. (Just make sure it will be under 100 kb altogether.)


Edit however you want, and add your blog title, if you like. Save the file once you're done.

Go back to Blogger, and go on the 'layout' page. Press the favicon module.


Upload the file, and viola, you have a favicon!

Method 2 - Graphic

Now, I'll be showing you how to make a favicon the graphic way.

Head on over to PicMonkey again, and upload any random picture. It doesn't matter what picture you use, because you will have to cover over it.



Crop the picture into a square, and resize it to make it less than 100 kb.


Wipe out the picture, and color over it, so it's one solid color.


Design the picture however you like using overlays and stickers. 


Go back to Blogger, and go onto the 'layout' page.


Press the favicon module, upload the file, and viola you have yourself a favicon!

I hope this helped! If you have any questions, ask me in the comments!

- Skye
AGTube Designs

Sunday, August 19, 2012

DIY: How to Make an Easy Collage Blog Header

Hey everyone!
So I thought we'd launch AGTube Designs with a simple tutorial -- How to Make an Easy Blog Header!

For this tutorial, you will need 2 - 5 pictures of your dolls to represent your blog, and you will be using PicMonkey.
Here's how mine turned out:



First, you want to go onto PicMonkey and press the 'Create a Collage' option.



Now, you want upload your pictures. I only used three, but you can use more. Be sure to use the 'Ducks in a Row' setting.


As an optional step, you can remove the spacing.


Then, you want to save, and go back to the homepage. Press 'Edit a Photo', and choose your collage.


Resize your image to the width of your blog. (You can check/adjust your blog's width on the 'template' page.) Add text for your blog title.


Save the picture, and voila, you have yourself a blog header!


If you have any questions, be sure to ask!

~Skye
AGTube Designs

AGTube Designs

Hello!
Welcome to AGTube Designs, where AGTubers can find html and blogging tutorials & backgrounds and free more goodies for your blogs and YouTube.

I made this website because I noticed a lot of AGTubers have been making blogs for their channels recently, and have caught the blog bite. (I know, I know. Lame pun.)
But anyways, I wanted AGTubers to be able to spice up their blogs, without having to scour the internet searching for blog tips and html help, ending up on some shady website. Instead, you can always check here, where we're always expanding to help AGTubers.
We're also planning on making custom YouTube backgrounds for AGTubers.

~ Skye
AGTube Designs