Template breaks when viewing Blog Post Details Layout

I've made a new ECommerce site with my own template (HTML en CSS). On the Blog Post List is my new template. But when I click on the title or permalink, Then my template breaks and all I see is the text from my template and the blog post detail. What can I do?
Regards,
A.H. Bakker

Yes, just as I suspected. A lot of your CSS, JS and IMAGE assets are referenced incorrectly in your page template or page.
Right now, in your page template you are referecing IMG elements with a "relative URL":
<img src="images/myimage.jpg"/>
That will work fine on the homepage and first-level pages like "/" and "/blog" because the browser will attempt to load:
http://yoursite.com/images.myimage.jpg
But, if like on your blog detail pages which are located deeper in the websites folder structure "/blog/nog-maar-eentje" since this URL places you on the "nag-maareetje" page inside the "blog" folder, your relative URL will lead the browser to try and load
http://yoursite.com/blog/myimage.jpg
That is not the correct location for our images folder which is directory in the site's root folder. To avoid this issue, you need to update your references to all images that's SRC attribute start with "images/" and change it to a "site relative URL" simply by prepending a "/" at the beginnging of the SRC attribute:
<img src="/images/myimage.jpg"/>
You'lll need to replicate this process for your CSS and Javascript references too. CSS references will look like:
<link href="css/style.css" rel="stylesheet" type="text/css" />
Becomes:
<link href="/css/style.css" rel="stylesheet" type="text/css" />
And javascript:
<script type="text/javascript" src="js/lib.js"></script>
Becomes
<script type="text/javascript" src="/js/lib.js"></script>
Anywhere that a reference to a javascript, stylesheet or image starts without a slash, "/" and just begins with the folder or asset ("images/...", "myimage.jpg") are relative URLs. You'll also see URLs that are absolute and those are URLs in your code that start with "http://yoursite.com" or "http://yoursite.businesscatalyst.com". Those you don't have to worry about since they are absolute and won't get mucked up when you are trying to load those from page within your site.
After you edit your page templates you might need to fix the same problem in your pages that are in a subfolder of your site.

Similar Messages

I have 2 blogs on my site, I need to customize Blog Post Details Layout diff for each???

I have 2 blogs on my site, I need to customize Blog Post Details Layout diff for each???

Hi,
Unfortunately it is not possible to have multiple details layouts for your blog per site at this stage.
Kind regards,
-Sidney

Blog Post List layout - images missing

My developer is saying that it is not possible to include post images in the blog post list layout.
Can you confirm if this is correct?
Here is my current blog post list layout http://www.onlineiq.biz/_blog/onlineiq_blog
and images only display when clicking on Post Detail view.
I know this can be acheived with web apps, but just needed to confirm that he is not missing something or that there is a trick we need to be aware of.
thanks
Ursh

Just add an image into the paragraph of text.
http://www.fueldesign.co.nz/_blog/Fuel_Design_Blog
I think what your developer is doing is using the tag for the layout to show a number of characters rather then the one to show the first paragraph. The latter will allow you to have html such as images but you need to ensure your first paragraph is short and sweet - and intro and the css styles for the image work.
But as you can see, it is defiantly possible.

Having some issues tweaking the Blog Post List Layout to output to adobe Muse

Please see my question progression here from Muse side:
http://forums.adobe.com/message/5109260
So basically, I have watched the videos on BC Gurus and have posed the question on modifying the blog module in muse to get output I want. when I use module {module_blogsitepost} it does not show all the information I want, but when I click a url to a blog post, it jumps to another page that shows the "BLOG TITLE", "BLOG DESCRIPTION", "RECENT POST", TAGS, and "ARCHIVE" which I think would be helpful on the main {module_blogsitepost} module.
So, i took the tags from the "OVERALL BLOG LIST MODULE" which does have that information and pasted into the module {module_blogsitepost} which in BC under modules is Blog Post List Layout. However the output just turns to the image below:
I really do not know what I am doing wrong, if anything at all. Is this a limit of the cooperation between adobe MUSE and BC? Should not make a difference if I am copying all the HTML and passing it into the HTML view of the Module I want. Why is there not a bracket { } module for "OVERALL BLOG LIST MODULE" on the http://kb.worldsecuresystems.com/134/bc_1345.html ?
It is strange that there are modules in BC that do not show code strings to generate the output shown on this list? Is it because this capability is limited? It is strange. Please jump over to my site ( http://furnitureassemblyservice.com/blog.html ) to see what I mean. BTW, I added the Tags Module to the site so that at least shows.
One other question.. And maybe this is a Muse question, I try to add text or objects to the side of the blog entry but they are pushed to the bottom? Not sure if I need to add this into an object with the Module and mark it up in html with a table to make that work? I ask because I am trying to monitize the blog and add banners to the side or top.
Thank you for the time.

The recommended practice is to call preventDefault on the dragStart event.

Can I change the word "permalink" in "Blog Post List Layout"

What I actually am trying to achieve is a "read more" button that I can style.
The only tag I found is the {tag_permalink}. I can put this in a div for styling.
But it results in a button with the word "Permalink" which is confusing.
Now I am looking for a way to make BC print "Read more" instead.
Or did I miss a tag?
I found {tag_blogpostbodypreview,Text} this I can change to {tag_blogpostbodypreview,Read more} but, can I put a div in there?
Or, do you have another suggestion to create a standard read more button (automatically...)

IconItemRenderer doesn't have a generic spark layout like other spark containers. Instead it manually sizes and positions its elements for best performance.
If you want to customize how these elements are positioned you will want to subclass IconItemRenderer and override the measure() and layoutContents() methods.

Blog post comments not working

Hi there,
I have a couple of sites, both set up with a blog:
http://cyberworkshop.co.nz/blog/video-blog
http://www.sjorakei.school.nz/blog/lorem_ipsum_dolor_3
For some reason when you add a comment to either blog post this message appears:
ERROR: An error occurred. Image verification failed. If you believe this is incorrect, please contact your system administrator or go back and re-submit the form.
I definitely had comments working on the School site at one point and I cant figure out how to correct this.
Any pointers on how to fix this would be most appreciated.
Thanks, Ben

Hi Ben,
For the first site, it looks like captcha is commented out on the Blog Post Detail layout: http://screencasteu.worldsecuresystems.com/Florin/2013-10-20_1259.png
On the second site, you also had a problem in the javascript on the blog post detail layout.
I've corrected the Javascript now, and you get an error message pop-up when trying to submit a comment without filling in the captcha.
Thanks,
Florin

Bug in BLOG Post.aspx

This is a spin off from a previous issue I had but now I think this is a bug and it appears to only be in the Post.aspx view. To summarize, when the exact same web part is added to the POST.aspx page as well as the /Forms/AllItems.aspx page, it
crashes on the first and works on the latter.
To try and keep this short I'll be simple
Initial setup.....
1) Create a Team Site with a contacts app
2) Create a Blog SUB site with a contacts app and a document app
3) In the team site, create a new Site Column that is a Lookup to it's Contact app (based on Last Name Linked Field)
4) In the sub BLOG site, create a new Site Column that is a Lookup to it's Contact app (based on Last Name Linked Field)
5) In the sub BLOG site, add both the Parent Team Site Lookup and the Blog Site Lookup as an "Existing Column" to both the POST and the Document Apps.
so at this point, you should have a blog sub site with a Post app and a Document app that have 2 new columns added: One is the Contact lookup column from the Parent site, the other is the Contact Lookup column from the local Blog site.
Let the fun begin...
6) On the Blog post details page (the page that comes up when you click on the title of an individual BLOG post), add 2 new web parts.... one is the existing "Post" library, which means you would have the same info just in a different view) and
the other web part is the existing "Document" library. For each newly added Web part.... edit the current view and make sure to include the newly added Lookup columns.
7) On the Blog's Document library page (the page that comes up when you view everything in this app), add 2 new web parts.... one is the existing "Post" library, and the other web part is the existing "Document" library (which
is a duplicate of the already existing web part). For each newly added Web part.... edit the current view and make sure to include the newly added Lookup columns.
Results....
What you should see is that the actual "POST" page (/List/Posts/Post.aspx?ID=n) will not even display the original untouched web part. The added Document web part (with the new columns showing) will show and the Contact Linking works. The
second occurrence of the Post Web part (which includes the new lookup columns) crashes and displays an error on the screen.
If you open up the Document Library, you will see the original untouched web part working, and BOTH of the newly added web parts which includes the exact same "Post" + new Lookup columns as above.
... so long story short... the same web part for the same object library with the same display columns works in the _layouts/15/start.aspx#/myDocs/Forms/AllItems.aspx however does not work in the the /_layouts/15/start.aspx#/Lists/Posts/Post.aspx

If you really feel it's a bug, you could join the +Apple Developer Connection+ — the +ADC Online+ category is free, here:
...then you can use this to create a trackable problem report:
...And no, you don't need to be a "developer" to join — just an Apple user who wants to make sure Apple knows there's a bug and have the ability to track its resolution.
Problems with iWeb's blog are a recurring theme on these forums — so you may soon be back with a different iWeb blog problem: Lost all blog entries or all comments or unable to publish, etc. And whether iWeb's blog works well or not is of little concern to Apple as it's only a tiny part of their software repertoire. If you switch to a dedicated blogging platform you're likely to have a better experience. For a success story using a non-iWeb blog hosted on WordPress, see this old thread:
_To blog or not to blog_

Site Template Images Disappearing on Blog

Hello,
I have just added a blog to our company website: CK Courier Solutions Company Blog
I am experiencing an issue with images from the site template disappearing when you click on the blog entry that is listed. Once you go in to the blog post, a couple of images disappear from the template i.e. the company logo (top left) and a membership logo (bottom right). As these images are on the site template and are visible in all other pages of the site, I have no idea why this is happening?
Thanks.

This is because when you go through to a blog post detail page it's going deeper into the directory structure, but your image sources are referencing only a directory level up from the current page location - so now that we are deeper in the directory structure the image links are not correct.
It's a simple fix of making your image links alway return right back to the root directory.
So currently you have this:
src="../Images/logo.png"
(the '../' says to go one folder level up to find the image)
Just change it to:
src="/Images/logo.png"
(the '/' says to go right back to the root level to find the image)

Blog post Publish vs Update

This question was asked in February here and answered, but it clearly was never addressed.
When a blog post is saved as a draft, the PUBLISH button becomes the UPDATE button and there is no longer any clear indication to the client of whether their post is public or not.
This includes the post list which does not show the status of a blog post. Is a fix coming?
Best,
Rob

It's a 2-step process. 'Creating pages' does exactly what it says. It's like publishing to a local folder, but with .Mac functionality included. Actual uploading to .Mac only commences when page creation is complete. That's when the progress indicator(s) appear, and it's only then that you regain control of the application.
As to your concern that the process takes a long time when you add 'just a new photo page', you go on yourself to explain why doing this necessitates re-creation of every page in the site — it's precisely because of 'the name of the new page being added to the list of available photo pages in the list at the top of each page'. Once you add a page and include this on the navigation bar, every page which displays the navigation bar has to be updated.
[ Visit here for iWeb Tips, Tricks and Hack ]

Using liquid on web detail layout breaks template

I am using an if logic tag to hide text if a web field is empty in the web detail layout but it breaks the template - none of my content holders in the page template are rendering.
The actual if tag is doing its job and hiding the text.
If I render the webapp to a normal html page with the if logic tag, the template does not break.
I read somewhere in the documentation that all the tags must be rendered in liquid.
Is it not possible at this stage to add liquid to the web detail layout?

It will not be a bug because liquid works in detail layouts and everywhere just fine.
Can you post the code as it is likely you have an error.
You DO NOT need to do all liquid - Please ensure your not reading old documentation about the old liquid, what we have now and what was done previously are quite different.

How to change the blog posts view when navigating through categories?

Hello, currently I've been struggling for a while with the following problem:
In my SharePoint blog site I have the following default view of posts:
http://s16.postimg.org/yvmu0j51x/Default_site.jpg
When I click on a category, I get the following view of posts:
http://s29.postimg.org/58lm8p993/Category_site.jpg
Is there any possibility to get the same way of showing post as how it looks on the default site? So with Image, with body etc. But then only filtered based on category.
Any help would be highly appreciated!
Regards,
Danny

Hi Danny,
No, my result is like:
You can do as the followings:
Edit the page
Insert the Categories list into the page
Insert the Posts list into the page
Edit the Posts web part, and switch the current view to Summary view, click OK
Click Connections->Get Filter Values from->Categories, like the screenshot below:
Provide Field Name:Title, Consumer Field Name: Category
Click Finish
Then you can filter posts based on a category by clicking Select in the first screenshot.
I hope this helps.
Thanks,
Wendy
Forum Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
[email protected]
Wendy Li
TechNet Community Support

Path issue leaving me unable to add blog post content in design view

Hi guys,
I am unable to add blog post content in design view when a template is applied to my blog. BC support have told me they fixed the problem by making minor changes to the paths of the css and javascript files and then told me to post on here for the solution.
When I call the files using <link rel="stylesheet" href="/css/custom.css" /> everything displays perfectly but in BC I can't add blog post content in design view. I can edit in html but this isn't ideal for clients to update the blog.
If I change the paths to <link rel="stylesheet" href="css/custom.css" /> it fixes the problem and I can then edit blog content in design view but all blog pages that are in folders display incorrectly. Only the main blog page display properly.
I'm sure the answer is simple but I can't find it so any help would be greatly appreciated. Thanks
Pete

I took a look at your page URL and can't find any CSS issues or styles that would directly affect you editing/adding content to a blog post via the content editor.
Make sure you either clear your cache or try in another browser to see if the problem is localized to your current browser.
If you still have the problem can you link me to a screencast (you can use Jing if you don't have a screencast program: http://www.techsmith.com/jing.html) of what you are experiencing?

Title and description when sharing a blog post in Facebook

I want to get the title and a piece of description of my blog post when sharing on Facebook and not just a url with no text...

Problem is Matt that this is one of the things the Engineering team are just putting off and having the new web app engine and concept of "Build your own blog" to fix the issues is what is currently being run.
I know I am not the only one not happy with this approach but it is a running trend when reporting issues like with the gallery module not working right.
I am also not a fan of the current operations of bug reports where even it if it a game breaker if you try to use something because it does not work, if you the first or only one or a rare few to notice it and tell them, even in detail it wont get fixed as you know.
You have to wait for a public issue as more people realise it or a beta bug to have people moan about it live to then get fixed. But it makes BC look bad and unless your one of the few partners with a bit of clout with BC it wont get addressed unless a big enough stink is made of it.
I do not know many software developers who run this old approach and from a support stand point, while I know you cant agree or disagree with me on any of this it causes you guys a nightmare.
YOu have issues reproted, you confirm them, they stop someone doing something they need for them or their clients and push and moan at you and its with the engineers and nothing you can do other then up vote it over and over till they finally get round to fix it.
Bug fixing is one of the key things I think thats harming BC right now over new features, tags wrong, math calculation wrong, bugs preventing certain features not being useable for years...
And then new features launched with bugs on top!

Blog Post Layout issue

I am creating a blog for a new website. I am currently using the default layouts. When I add a post as a test it shows up perfectly when I use the preview mode. When I check it via the website the blog post list is fine but when you open the blog post page it just the text etc with no CSS. What would be causing this? Is this something I have inadvertently done or is a system issue. I have not had this problem before with BC Blogs. As far as I can see the relevant CSS links etc are on the page.
Any suggestions??
Thanks
Cordie78

Hi Cordie,
Sounds like there's no template assigne to the blog. Make sure you check that http://alexpavelescu.worldsecuresystems.com/Jing/2013-05-29_1520.png
Kind Regards,
Alex

In Dreamweaver 6, I created a new fluid layout. I set up (4) DIVs. In the 3rd div, I changed the font color. The new color shows up on the website when viewed in my computer desktop, but, when viewed in a tablet and a cell phone, the color of the font doe

In Dreamweaver 6, I created a new fluid layout. I set up (4) DIVs. In the 3rd div, I changed the font color. The new color shows up on the website when viewed in my computer desktop, but, when viewed in a tablet and a cell phone, the color of the font does not change. It's the same in Dreamweaver's Live view. It shows the new color on Desktop view and not in the cell phone or tablet view. Also, I changed the font itself in one of the DIVs and it shows up in the new font on the desktop view and website viewed thru the computer, but, not on the tablet or cell phone. Can someone please explain. I want to be able to change the fonts and colors for viewing in the tablet and cell phone, also. The fonts were all standard fonts. Sans-erif and Verdana and Arial were tried. Thanks.

I will lock this discussion because of duplicate post.

Template breaks when viewing Blog Post Details Layout

Similar Messages

Maybe you are looking for