John Doey - Responsive Blogger Template Blogging Theme
Themeforest John Doey - Responsive Blogger Template Blogging Theme
Responsive Design
Hidden Sidebar
Multi Level Menu
Twitter Feed Slider
3 Column Footer
Automated Blog Profile
Social Sharing
Customized Comments
Expandable Search Box
22 May 2017
John Doey is a complete blogging template with lots of features. This blogger template is designed to focus mainly on the content of your blog with the sidebar revealed only when required. The template is very customizable, you can change text colors, background colors and fonts easily with the help of template designer.
Template Features
Infinite ScrollingResponsive Design
Hidden Sidebar
Multi Level Menu
Twitter Feed Slider
3 Column Footer
Automated Blog Profile
Social Sharing
Customized Comments
Expandable Search Box
22 May 2017
Fixed Twitter Widget
Hello John,
ReplyDeleteI’ve just purchased your template and it is great!
I’m trying to personalize it but I can’t seem to change the background picture. Could you please help me how to do it?
This is for a music blog and would like a picture more related with music.
Thanks
Joana
Go to Template > EDIT HTML > Press CTRL+F > Type “f299b” in the search
ReplyDeletebox without quotes and hit Enter.
You will find this -
https://f299b336c3aa5225b4bb1c4963cde82085c8b668.googledrive.com/host/0BxNs2_AVm5u7dGxkWi05dXNpeEk/
replace it with your image url. You can upload your image on flickr,
blogger, googledrive, or any other you want.
You can also adjust 86% value to shift it vertically. Values from 0% to 100%
( see this screenshot – https://cdn.pbrd.co/images/2cmbGMk2.png )
The image should around 1600px wide and 315px in height. If the image
is very large please resize it and make sure its size does not crosses
200Kb. While it will accept any size, image greater than 200Kb will
make your blog load a bit slow.
I was trying to upload a photo from facebook but it doesn’t seem to work. It worked with google photos though.
ReplyDeleteThank you for help!
Is the footer easily customisable? (by changing/dragging the blogger gadgets)
ReplyDeleteYes.
ReplyDeleteHi, I’v purchased John Doey blogger template. I have installed it to my blog. Everything looks fine. Only the profile picture is not showing.
ReplyDeletePlease help.
blog : bloggersoham.blogspot.in
I also can not see the read button after each posts.
ReplyDeleteTo add the Read More button just click the page link icon. See this – https://cdn.pbrd.co/images/2M93BcyI.png
ReplyDeleteFor your profile image not appearing i would recommend to reupload your image in your profile. Let me know if it doesn’t work.
Thank you for such a quick reply.
ReplyDeleteI’v fixed the problems. Only problem remains is with the font size of the first post. Even after changing the font , the font size remains small. Can you tell me why is it happening ?
Also can you tell me how will I change the full width image background that is just behind my profile pic ?
To replace the image -
ReplyDeleteGo to Template > EDIT HTML > Press CTRL+F > Type “f299b” in the search box without quotes and hit Enter.
You will find this -
https://f299b336c3aa5225b4bb1c4963cde82085c8b668.googledrive.com/host/0BxNs2_AVm5u7dGxkWi05dXNpeEk/
replace it with your image url.
You can also adjust 86% value to shift it vertically. Values from 0% to 100% ( see this – https://cdn.pbrd.co/images/2N4831BF.png )
The image should around 1600px wide and 315px in height. If the image is very large please resize it and make sure its size does not crosses 200Kb. While it will accept any size, image greater than 200Kb will make your blog load a bit slow.
For Increasing font size of title -
ReplyDeleteAfter changing the font size through Template Designer, remember to click the “Apply To Blog” button.
I’d like to add a Linkedin share button at the bottom of every post. Kindly advise.
ReplyDeleteGo to Template > EDIT HTML > Press CTRL+F > Type “>Share” in the search box without quotes and hit Enter.
ReplyDeleteYou will find this (it will be around line number 2522) -
<span class='shr'>Share <span>/</span></span>
Now, just above this line paste your LinkedIn share code. You can generate it here – https://developer.linkedin.com/plugins/share
Hi, is this template compatible with Woocommerce ?
ReplyDeleteNo. Its a blogger template which doesn’t support woocommerce.
ReplyDeleteHi,
ReplyDeleteist your theme can be customize as landing page?
No, there is no option to change layout in the theme. But you can create a single post and put all info in that.
ReplyDeleteI love this template. Thank you for creating this beautiful template. Question, is there a way to modify the speed of the tweeter feed changing? I feel it is a bit too fast now.
ReplyDeleteContact me through email and i will send to the code and the guide.
ReplyDeleteI have purchased John Doey template and I have a question. Would it be possible not to show the profile pic in the header? I would like to place just a large picture with my blog name, but not the profile picture.
ReplyDeleteThanks so much in advanced for your reply.
I found it! But I have another question… I made an 1366×268 pix image, but when showing on the blog, the letters are not clear, they are a little bit blurry.
ReplyDeletePlease mention your blog address.
ReplyDeletethe blog address is http://blogdepruebasdeaisha.blogspot.nl/ I have tried two different images with different fonts an in both cases the image is blurry.
ReplyDeleteThanks so much in advanced for your help
Go to Template > Edit HTML > Press CTRL+F > In the Search box type ”.bgh” without quotes and hit Enter. You will find below code (around line 124) -
ReplyDelete.bgh {
background: rgba(0, 0, 0, 0) url("http://i1305.photobucket.com/albums/s545/lasrecetasdemanu/cabezal3_zpsxqk1vbtj.jpg") no-repeat scroll center 86% / cover ;
Replace it with
.bgh {
background: rgba(0, 0, 0, 0) url("http://i1305.photobucket.com/albums/s545/lasrecetasdemanu/cabezal3_zpsxqk1vbtj.jpg") no-repeat scroll center 86% / cover ;
Save the Template.
Sorry.
ReplyDeleteReplace it with
.bgh {
background: url("http://i1305.photobucket.com/albums/s545/lasrecetasdemanu/cabezal3_zpsxqk1vbtj.jpg") no-repeat scroll center;
Basically, you just have to remove
86% / cover
from the CSS Code.
deleted
ReplyDelete