Posts

Showing posts from May, 2014

How to Share Blogger Posts or Pages to Google+

Image
When you share Blogger posts/pages to Google+, an entirely new group of people will be able to find and follow you. Right now, if you access your Blogger dashboard, you'll notice that there's a Google+ tab which can be used to connect your blogs with your Google+ profile or page. If your Blogger blogs haven't already been integrated with a Google+ profile, you can go anytime to the Google+ tab and click on the Get Started button: It's important to note that once you've upgraded your blog to connect with Google+, the posts or pages published on your blog will be listed on your personal Google+ profile. However, you have the option to select whether your content will be shared on your Google+ Profile or Page and associate some blogs with a Google+ page, while keeping other blogs connected with your profile. How to associate your blog with a Google+ page In some cases, you may want to associate a blog with the Google+ Page for your brand, business or organization, rat...

How to add Static Pages to a Blogger Blog (UPDATED)

Image
A few months ago, Blogger has completely redesigned the section of the Pages, which now, looks very similar to that of the Blogger Posts. Now we will be able to manage the pages with more flexibility. For example, we can publish, delete or change many of them to draft at the same time - which has just the same function as the old Don't show option. Related: How to Create a Static Home Page in Blogger Among the options that we can find by hovering over a page and which we can see in the screenshot below are: Edit : To access the editing panel and to edit its contents. View : Open a new tab with the actual page. Share : Share it on Google+ (which was not possible before). Delete : remove a page. In order to create a page, we need to open the pages editor from the button that says New Page . Almost every option tells us its function. How to add a Web Address in the Pages widget Many Blogger users wanted to know how can we add other web addresses, so that they display in the list of t...

Responsive CSS Timeline with 3D Effect for Blogger

Image
Here's another amazing way to display the Blogger posts. By applying the following Responsive CSS Timeline View with 3D Effect on Blogger Posts, we will have a responsive timeline-like structure of our most recent posts with thumbnails, plus some cool CSS effects. When clicking on the associated radio input, the posts snippet/summary will expand by changing their style and size and will rotate in 3D. The main structure of this CSS timeline with 3D effect is an unordered list. To get an idea of how it looks like, you can visit this demo blog . How to Add Responsive CSS Timeline View to Blogger Posts Step 1. Go to Blogger dashboard > "Template" > click on the "Edit HTML" button: Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the search box: Step 3. Type or paste the following tag inside the search box and hit Enter to find it: </head> Step 4. Just above the </head> tag, copy and paste the following style: <b:...

How to Enable Google Plus Comments in Blogger

Image
How to Enable Google Plus Comments in Blogger Long time ago, Google proudly announced their new integrated commenting system which is now available for users who have created a Google+ profile and connected it with their Blogspot blogs. This way, Blogger users will be able to use Google+ as a commenting system for their blogs, while comments from Google+ will automatically appear on their blogs. For those who haven't yet upgraded the Blogger profile to a Google+ profile, please see this tutorial on how to associate a blog to a Google plus page . Once you have connected a blog to a Google+ profile, you'll have a new " Use Google+ Comments on this blog " setting on the Google+ tab of your blog. To enable the Google plus commenting system, just check the box next to this setting: As soon as you've enabled the feature through your Blogger Dashboard, you'll have the following features: Threaded commenting system : the threaded system will allow a reader to reply to...

Display Blogger Posts in Grid View with Thumbnails

Image
Grid View with Thumbnails is a script for self-hosted Blogger blogs which will display blog posts as a thumbnail grid of images in homepage and archive pages. Instead of sending your blog visitors to a page that displays all the posts in full length with a large image which takes up too much space and requires too much scrolling, now we can have a clean page that displays a gallery grid, with thumbnails and post titles, linking back to the source post for that thumbnail. Let's take a look at how it will look like in this demo blog . If you have a wallpaper or photo blog that would benefit from displaying a thumbnail grid style layout, look no further. Here's how you can add Grid (gallery) View to Blogger posts. Adding Grid (Gallery) View to Blogger Posts Step 1. Log into your Blogger account and go to "Template", then click on the "Edit HTML" button Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the search box Step 3. Type ...