My collection of blog tips...
Once you sign up to blog, give yourself a name and write your first few posts there are some things you will wonder about.
- Make a Blog Header
- Find blog width in Blogger
- Template, customize, adjust widths link
- Design photo in photoshop or PicMonkey
- Click on the artist palet (bottom), choose transparent
- Save image as PNG so it's not dark or greyish in color
- Multiple page post http://www.thekimsixfix.com/2014/08/how-to-break-posts-into-multiple-pages.html
- set to your time zone
- Dashboard> Settings.
- Select "Language and Formatting" from the next set of tabs.
- Select your time zone.
- Save settings
- Back up your blog before making new changes. Just in case. How to @Funky JunkCode it Pretty
- How to Back up your blog!!!!
- First, download your template by going to "Template" and clicking the "Backup/Restore" button in the upper right. Save the resulting file in a location you can locate. (Name a file)
-
- Next, go to "Settings" > "Other", and select "Export Blog" under the "Blog Tools" menu. Save the export file. It includes all of your blog posts and comments.
- Finally, back up the Picasa album containing your blog's photos. Links to them are included in the .xml export file you downloaded in step 2, but this guarantees that you'll have your photos no matter what. Here is a link to great instructions: http://www.mybloggerlab.com/2013/03/how-to-backup-images-of-your-blogger-blog.html
- Blogger Custom Domain:
Blog header size?
- Find out how wide your blog is and set the header size to that.
- From your dashboard >Template>customize>adjust widths. Note your widths.
- Box around text or home made tweet box
- Enter this html: You can just put a box around it in html by using this code (change grey to whatever color you want):
Add your content here.
- Center your banner (blog header)
- Create a banner photo in the free version of PicMonkey.
- Save it.
- Open Blogger
- Design
- Advanced
- Add CSS
- Type in .header-outer {margin-left;20px;}
- Go back to Blogger Template, layout, header
- Remove any old photo, then upload the new one. Preview.
- Go back to Design, Advanced, Add CSS to adjust the 20 to a larger or smaller number until the photo sits where you want it.
- To schedule posts to come out later on a specific date:
- Go to blogger dashboard (that B in the upper left hand corner)
- Click the down arrow to get a drop box.
- Click Posts.
- Click the pencil icon to start a new post. Complete your post article.
- In the side bar on the right, click Schedule
- Choose Set the date and time. (automatic will publish your post immediately)
- Click Save, Publish (it won't publish until the date & time you set) You can go back to edit any of the article and you can even edit the publish date and time.
- Edit a published post is to make sure you are signed in, then click on the little pencil icon at the bottom of your post, which will take you to edit mode. Or go to the dashboard, posts, edit posts
- Comments
Have your comments set so that you get email notification. That way you can keep track of when you get a new comment.
- go to B dashboard
- Settings
- press 'Comments' and then scroll down to the bottom.
- the last item is 'Comment Notification Email'.
- put your email address there
NoReply Blogger -
Promoting the blog & Monotonizing
- #1 TIP Join some support platforms. I rely heavily on some Facebook Groups. They share tips and helps freely.
- Adsense strategies
- Great tips at http://blog.giveaway.ly/ways-promote-new-blog/
- Add a Google Adsense ad above header
- Above the fold line = above 768 pixels. Good to know
- Image map, clickable images
- copyright symbol keyboard strokes to make © Alt + 0169
- Creative Commons photograph laws
- Creative Commons license chooser
- Recipe copy rights- ingredient list is not, instructions are copyrighted
- Now that I'm getting comfortable with blogging, I have found a wonderful "Nitty Gritty" information for Blogger Bloggers! @Shaping Up to be a Mom
- Email followers, who are they? http://feedburner.google.com
- Popular Post? Where in GA do I find it?
- Printable page sizes - inch comparison to pixels https://www.picmonkey.com/help/articles/633730-standard-photo-print-sizes
- Analytics>>Aquisition>>All Traffic>>Referrals
- Make links to another blog or URL:
- When to check "Open in another window" Only open in a new window if you are linking to something out of your blog. If it's another post or a page in your blog, link in the same window. If you link out of the window, it increases your bounce rate.
- What are custom links and redirect URLS?
- Windows Live Writer is a word processor app where you can create a blog post offline and upload to your blog later. It saves a copy of posts too! On your computer type Live Writer in the search then pin it to your desktop for easy access.
1. go to the blog you want to link to and copy the URL (the http 'address' part along the top)
2. write in the words you want to say in your blog post, e.g. forwhat it's worth,
3. highlight the words (inside the blog article) that are going to be linked, e.g. for what it's worth
4. then go to the command ribbon -top frame of your post and click on the blue words that say 'Link"
5. you will see the words from your post in the word to display box (top section) and then you paste in the URL that you are linking to in the web address box (bottom section) and press OK
6. you have just created a link to another blog or website
To make page links
(the pages that you see along the top just under the header):
1. Go to the dashboard.
2. Select Edit Posts
3. Look at the tabs along the top. You will be looking at "Edit Posts" which is under "Posts". If you look to the right of "Edit Posts" you will see "Edit Pages". Click on that.
4. Then select "New Page" and write up your page and press 'publish' when you are done. To add another page, select 'New Page' again etc.
5. You can change the order of your pages, once you have several finished, by going to the 'design' page and clicking on the 'edit' icon for "Pages".
Customize Jump Breaks @Mums Make Lists (showing short clips on the main page with "click for more"...
Customize Jump Breaks @Mums Make Lists (showing short clips on the main page with "click for more"...
center your pages follow the directions here.
POPUPS (free)
- Get Site Control: all kinds of widgets for contact, mail, subscribe, follow, share, chat... https://getsitecontrol.com/
Print Friendly Button in Blogger
- Log in to Blogger and select the blog you want to add the printer friendly button to.
- From the Blogger dashboard go to Layout > Edit HTML
- Click the Expand Widget Templates checkbox.
- Using CTRL + F find the following code: <div class='post-footer'>
- Open a new browser window go to the PrintFriendly website
- At Step 1 go ahead and select the radio button for Blogger to choose your site type
- At Step 2 select the radio button for the print friendly button that you wish to use on your Blogger blog
- Copy the code snippet for your chosen button
- Then go back to your open Blogger window and find the code you identified in Step 4 of these instructions.
- Paste the code directly after the <div class='post-footer'> tag
- Save your template
- Click View Blog to see your PrintFriendly button beneath each post.
or...
Summary
PrintFriendly button - a button that print optimizes your Blogger posts.
fill in a url and copy the code from the box below it
2. Goto your blogger dashboard > Pages > New Page
3. Name the page as you would like your recipage named in the TITLE BOX
4. In the lower box , click HTML and paste the code you copied from recipage and click publish.
5. LINK THE PAGE IN YOUR LINK LIST AND YOU HAVE SETTED UP THE RECIPAGE
6.Now you can goto
http://www.recipage.com/settings.php
to customize the page you just added to blogger
Here is what I did in my blog for a test
http://blogpakis.blogspot.com/p/recipage.html
RSS feed URL? open up your blog page. right click on it and click "view source". Then do a CTRL + F and type in "rss".
Recipe pages
1. Goto http://www.recipage.com/code.phpfill in a url and copy the code from the box below it
2. Goto your blogger dashboard > Pages > New Page
3. Name the page as you would like your recipage named in the TITLE BOX
4. In the lower box , click HTML and paste the code you copied from recipage and click publish.
5. LINK THE PAGE IN YOUR LINK LIST AND YOU HAVE SETTED UP THE RECIPAGE
6.Now you can goto
http://www.recipage.com/settings.php
to customize the page you just added to blogger
Here is what I did in my blog for a test
http://blogpakis.blogspot.com/p/recipage.html
RSS feed URL? open up your blog page. right click on it and click "view source". Then do a CTRL + F and type in "rss".
Signature on every post
Settings>>Posts and Comments>>In the Post Template box just insert your signature image URL.
Blogger dashboard>>Setttings>>Posts & Comments>>Post Template
There is a box there. whatever you put in it will show up in your post template composition window automatically. (not on old post, but any new posts going forward)
Settings>>Posts and Comments>>In the Post Template box just insert your signature image URL.
Blogger dashboard>>Setttings>>Posts & Comments>>Post Template
There is a box there. whatever you put in it will show up in your post template composition window automatically. (not on old post, but any new posts going forward)
Site Maps
- http://www.kimsixbloggersupport.com/2016/04/how-to-generate-submit-RSS-XML-Atom-sitemap-blogger.html
Gadgets on the side bar NO TITLE simply type <!>; in the tile box and click save. or try <h2></h2>
Have a Wordpress plugin code you'd like to use in Blogger gadget? Try this-sometimes it works- Take the code.. make a fake 'post' with it in HTML mode and then click over to view the preview and then click back to HTML. It will add in some div tags and other stuff that may help. Then take that code and put it in your HTML gadget and see if that works better.
Have a Wordpress plugin code you'd like to use in Blogger gadget? Try this-sometimes it works- Take the code.. make a fake 'post' with it in HTML mode and then click over to view the preview and then click back to HTML. It will add in some div tags and other stuff that may help. Then take that code and put it in your HTML gadget and see if that works better.
Link up to parties:
Open your blog post.
- Click on the blog heading. That will make the http address for this specific blog appear up top.
- Right click the http: address so that it is highlighted
- Copy
- Open the site where the blog party you want to join is located in a new tab.
- Scroll to the bottom of the party blog buttons
- Click on the "your next" button or "add your link"
- Right click in the URL box
- Paste the http address you copied from your post.
- Type a title that briefly describes your post in the title box unless you're on a link party that auto fills for you, email address, name as it asks for.
- Click next. Tweet, FB Share or skip it.
- Tada. Done.
SOCIAL MEDIA INFO:
Social media follow buttons for sidebar http://www.carrieloves.com/2012/12/free-social-media-icons-updated/
This site another site with HTML codes for several media buttons including Pinterest and Instagram. Digital Deflexion
Picasa for photo's
Facebook
6/2014 http://www.twelveskip.com/tutorials/facebook/1291/facebook-new-cover-size-template
How to see who likes your fan page: Type "People who like [Your Facebook Page Name]" into the Facebook search box and it will give you the entire list of people who like your page. On the right hand side you will see options to filter the search by name and you can narrow it down very easily there. If they are on that list, they like your page.
INSTAGRAM: I want the default share from Instagram to go to my Facebook Fan Page instead of my personal page.
Pinterest
to see most pinned item from your blog: http://pinterest.com/source/YOURBLOG.com
Pin button beneath image: Add this whole block of code to a text widget, and then fill in the proper spots (noted in CAPS) with your own information. Make sure you leave the quotation marks in the code!
Social media follow buttons for sidebar http://www.carrieloves.com/2012/12/free-social-media-icons-updated/
This site another site with HTML codes for several media buttons including Pinterest and Instagram. Digital Deflexion
Picasa for photo's
6/2014 http://www.twelveskip.com/tutorials/facebook/1291/facebook-new-cover-size-template
How to see who likes your fan page: Type "People who like [Your Facebook Page Name]" into the Facebook search box and it will give you the entire list of people who like your page. On the right hand side you will see options to filter the search by name and you can narrow it down very easily there. If they are on that list, they like your page.
INSTAGRAM: I want the default share from Instagram to go to my Facebook Fan Page instead of my personal page.
- On your phone (I have Android) open Instagram
- Go to your profile page.
- Tap the menu icon that looks like three paralell dots, upper right corner.
- Under Preferences, tap Sharing Settings
- Tap Facebook
- Under Choose a Page, tap Share to:
- Tap the box next to the page you want to share to. Done. Exit.
Pin button beneath image: Add this whole block of code to a text widget, and then fill in the proper spots (noted in CAPS) with your own information. Make sure you leave the quotation marks in the code!
- To add multiple instances of these images in your sidebar, you can just paste the code again into the same text widget…although obviously, you’ll be plugging different information into the HTML for the different images.
<div align="center"><a href="URL-OF-BLOG-POST" title="TITLE-OF-YOUR-IMAGE-OR-POST" target="_blank"><img src="LOCATION-URL-OF-YOUR-IMAGE-FILE" alt="DESCRIPTIVE-TEXT-OF-YOUR-LINK" /></a> </div> <div align="center">DROP CODE FOR PINTEREST PIN-IT BUTTON HERE </div>ADD Pinterest button:
Widget builder for a Pin It button you can place near a specific photo. Why? Because you can direct the reader to the photo you'd like most to see on Pinterest, and when someone clicks on the photo, it will take them directly to your blog post.
- When you have published a blog post, Right click on the URL for the post. Copy.
- Open Widget Builder in a new browser tab.
- Paste the URL for your blog post in the box provided.
- Go back to your blog post, Right click on the photo you want to make pin able.
- Click on "copy picture URL".
- Go back to Widget Builder.
- Paste the picture URL in the space provided.
- Type a description (it will show on the Pinterest pin when you or anyone else clicks the new pin it button)
- A preview of the photo will appear and when you scroll down, the HTML code.
- Click on the HTML coding and copy.
- Go back to your blog post in edit mode.
- Click to switch from Compose to HTML.
- Place your cursor at the top, in front of all the existing coding. (I press enter to give me a blank line for the pin it code. It doesn't change the spacing on your post.)
- Right click and paste the HTML code.
- Click to switch from HTML editing back to Compose.
- Click and drag the "Pin it" icon to position it where you want it. I usually drag it to be centered under the photo.
- Save/update your post.
- Making a photo unavailable to PIN:
- for individual images: ~ put this code in your html before the images you don't want pinned <div class="nopin"> & then right after the last picture you don't want pinned put </div> I used that in my feature post & link party post so projects & thumbnails don't get pinned.
- excellent post from Practically Functional here
- encourage the pinner to go back to the original source.....completely prevent the pin to begin with. Jessi from Practically Functional shows you how to use the nopin attribute in the image tag to make a photo un-pinnable! You can also use this code to stop photographs of your family from being pinned.
Social Media share buttons at the bottom of your postShareaholics Thanks to Kimberly Six for providing me invaluable help to accomplish this!Follow the directions to create the codes then
- Go to Dashboard>template>edit HTML
- Place cursor inside the HTML box in front of all the existing codes.
- Ctrl F to make a search box appear.
- Search </head> tag
- Enter a space before the tag
- Insert Shareaholics #1 code (write down the line #'s for the code... just in case...mine are on lines 998-1015
- Locate the code block that begins with:
- <b:if cond='data:post.hasJumpLink'>
- Place your cursor after the last line of this block, which will contain: </b:if>
- Press enter to create a new empty line.
- Paste #2 HTML code into the empty line. (write down the line #'s in case you want to move it mine is 1916)
- Press the Save Changes button to apply this code to your site.
How to add a Word Document: Open your blogging program (Wordpress, Movable Type, Blogger) and use the link button to insert a link to the Word document into your blog entry, providing the complete path to where the file is located (typically displayed as http://www.blogaddress.com/directory/filename.html).Another option is converting your Word document to a PDF file to avoid potential problems with page layout. Use Adobe Reader (see Resources) to convert your Word document to a PDF file, then upload the file. Also, before saving your Word document as an HTML file, you can preview the document in Word by clicking the "File" tab and choosing "Web Page Preview."
Sponsored Links-
95+ Campuses & Globally-Connected Online Degree Programs. Enroll Now.
-
Create Any Templates - Print or Share w/ Friends Free!
-
100 + Locations & Online Programs Official ITT Tech Site. Get Info!
-
Edit Any PDF File Easily! Edit Text/Graphics, Copy & Paste.
Windows Live Writer @ Projects Around the House
Countdown clock (free!)
DROP DOWN BOXES IN THE MENU BAR! Tutorial by All She Cooks
Countdown clock (free!)
Add search gadget in side bar (if you don't like the one provided in Blogger gadgets)
- add a 3rd party gadget html, copy & paste code in box, save
- <div style='clear:both;'/>
<div class='widget-container'>
<div id='search' title='Type and hit enter'>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Search";}' onfocus='if (this.value == "Search") {this.value = "";}' type='text' value='Search'/>
</form>
</div>
</div>
Image Search To find the address of any image on your own blog or someone else's:
- Right click on the image
- Click "Copy Image URL"
- Put the cursor where you want the URL, right click and click paste
How to leave a blog link in comments.
<a href="http://yoururl.com">what you want it to say</a>
so, for me...I change the read words to leave a direct link to my blog. Copy and past.
<a href="http://forwhatitsworth-jeannie.blogspot.com/">for what it's worth</a>
How to Make - Link Button and Featured
Blogger Button for Blogger
1. Find an image that
you want to use for your button, open in an editing program such as photobucket or PicMonkey.
2. Crop or resize the image to a square 125 x 125 pixels.
2. Crop or resize the image to a square 125 x 125 pixels.
3. Edit your photo with the text you want on it and save it to your desktop or skybox.
4. Upload your photo in photobucket, make sure your file is public or your button won't be downloadable to other bloggers.
5. Make your html code so your
picture and grab box are together. Copy and paste code below. Make the changes explained below it so it is specific to your button and not mine (For what it's worth-jeannie).
<div
align="center"> <a href="http://forwhatitsworth-jeannie.blogspot.com/"
target="_blank"><img alt="for what it's worth-jeannie" src="http://i1250.photobucket.com/albums/hh540/geneNie2/529a2add.jpg"
/></a> </div> <div align="center"> <form><textarea
rows="4" cols="14"><center><a href="http://forwhatitsworth-jeannie.blogspot.com/"
target="_blank"><img alt="for what it's worth-jeannie" src="http://i1250.photobucket.com/albums/hh540/geneNie2/529a2add.jpg"
/></a></center></textarea></form>
</div>
Change the red
text to your blog's http:// link
Change the blue
text to the Name of You Blog
Change the blue highlighted text to the link for your picture in photobucket
6. Locate the button photo in your photobucket account.
7. click on your picture and you will see a box around the picture with several boxes of code beneath it.
8. Click in the direct link box. It will say copied. Then just paste it over the link for my picture link.
7. click on your picture and you will see a box around the picture with several boxes of code beneath it.
8. Click in the direct link box. It will say copied. Then just paste it over the link for my picture link.
9. Next, click add a gadget in blogger template, it is the HTML/Java
Third Party Script.
10. Give it a name like My Featured Button. Then paste it into the Widget's text box.
11. Save, and then click Preview, to make sure
that it looks right. If something is wrong, check your code and your different
links. I'll admit I had to go through this process 3 times the first button I made to get it right. Once I had the coding correct and it worked, I saved the coding to a post note on my computer desktop for future use.
12 . If you still need help, refer to How to Make a Blog Button Grab Box on Paper Heart
Camera.
directions w/pictures @ Funky Junk Interiors another helpful site is Shabby Blogs Here is another that was very easy to understand and follow: @Mouse in the Kitchen
This is awesome and i have it bookmarked, thank you very much
ReplyDelete