[21-08-2012]
BUG FIXED
change “height:30px;” to “height:40px;”
download it directly from here : Blogger Template : Galauness By Digital Hub Inc.
BUG FIXED
change “height:30px;” to “height:40px;”
download it directly from here : Blogger Template : Galauness By Digital Hub Inc.
Template name : Galauness
Template features :
- Elegant, Clean and Minimalist Design
- WordPress Look
- Neat Typography
- Fixed Width
- jQuery Post Slider
- Unlimited Background
- Top Navigation Menu
- Template Designer Ready
- 2 Main columns and 3 columns at Bottom
- Custom 404 error page and Custom Lightbox
- Beautiful related posts links and Social Links Button
check this demo link 
>> Blogger Template : Galauness By Digital Hub Inc.
>> Blogger Template : Galauness By Digital Hub Inc.
Instruction to use this template
- Download it from here : Blogger Template : Galauness By Digital Hub Inc.
- Extract it, you’ll see a XML file
- On Blogger, click Edit HTML > Browse > select the XML file > Upload
Configure the Post Date
Log in to Blogger Dashboard –> Settings –> Formatting, and change this:
Log in to Blogger Dashboard –> Settings –> Formatting, and change this:
Log in to Blogger Dashboard –> Settings –> Comments, and change this:
your setting must be exactly same
Configure Social Network Links
Log in to Blogger Dashboard –> Design –> Edit HTML, and search for this:
<!– Start – Social Links –>
below it, you’ll see all the website links, change it to your social media page link
Configure Top Navigation Menu
Log in to Blogger Dashboard –> Design –> Edit HTML, and search for this:
<!– Start – Navigation Menu –>
below it, you’ll see <a href=’#'> and Menu Item name, just replace # with your menu item URL
Configure Flickr Photostream Widget
Log in to Blogger Dashboard –> Design –> Page Elements –> Add a Gadget –> HTML/JavaScript, and paste this:
<script src=”http://www.flickr.com/badge_code_v2.gne?count=8&display=latest&size=s&layout=x&source=user&user=USERNAME” type=”text/javascript”></script>
just replace USERNAME with your flickr username (i.e : 51914215@N07)
Configure Twitter Updates Widget
Log in to Blogger Dashboard –> Design –> Page Elements –> Add a Gadget –> HTML/JavaScript, and paste this:
<div id=”twitter_div”>
<ul id=”twitter_update_list”></ul>
</div>
<script src=”http://twitter.com/javascripts/blogger.js” type=”text/javascript”></script>
<script src=”http://twitter.com/statuses/user_timeline/USERNAME.json?callback=twitterCallback2&count=3″ type=’text/javascript’></script>
<ul id=”twitter_update_list”></ul>
</div>
<script src=”http://twitter.com/javascripts/blogger.js” type=”text/javascript”></script>
<script src=”http://twitter.com/statuses/user_timeline/USERNAME.json?callback=twitterCallback2&count=3″ type=’text/javascript’></script>
just replace USERNAME with your twitter username
and the most important thing, you MUST upload all images for posts to Picasa/Blogger server, dont hotlinking from another server (i.e : imageshack, flickr, tinypic) because it will ruin thumbnail post on your blog.
For Youtube Thumbnail on Post :
Note: This will only work with Youtube.
To do this via Blogger; template > Edit HTML and ‘expand the widgets’.
Find the below:
function snips_image_creator(image_url,post_title)
{
var image_size=400;
var show_default_thumbnail=true;
var default_thumbnail=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizbkU1GIgMkuB3qjKOQtkkd78CzmuQx3fvxIkWQwsilVtZP539fVMHqdrd-K-cZ6Uw5wFvxW3HhSj-ltA0CCIvyJPJFBR8Dk6i_rxJyKxeeurIcC45TNhpQ8vWHAlgYVnztEs5W3a7JXM/s72-c/default.png”;
if(show_default_thumbnail == true && image_url == “”) image_url= default_thumbnail;
image_tag=”;
if(image_url!=”") return image_tag; else return “”;
}
..and replace with:
function snips(image_url, post_title) {
var image_size = 600;
var show_default_thumbnail = true;
var default_thumbnail = “https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizbkU1GIgMkuB3qjKOQtkkd78CzmuQx3fvxIkWQwsilVtZP539fVMHqdrd-K-cZ6Uw5wFvxW3HhSj-ltA0CCIvyJPJFBR8Dk6i_rxJyKxeeurIcC45TNhpQ8vWHAlgYVnztEs5W3a7JXM/s72-c/default.png”;
if (show_default_thumbnail == true && image_url == “”)
image_url = default_thumbnail;
image_tag = ”;
yimage_tag = ”;
if (image_url.indexOf(“img.youtube.com”)!= -1){
return yimage_tag;
}
else if (image_url != “”)
{
return image_tag;
}
else
return “”;}
When creating a new post in your blog with a Youtube video, choose the ‘embed’ option and cut & paste the code from Youtube such as the below; the amended code in your blog will then pick up the video thumbnail and show it on your homepage just like the image thumbnails:
[youtube http://www.youtube.com/watch?v=HWYBWYNtIPI&w=560&h=315
All respect to Iksandi for creating this great template, but adding this option would have saved a lot of hassle.
Original Source: http://iksandi.com/2012/08/blogger-template-galauness/
