Showing posts with label dynamic view. Show all posts
Showing posts with label dynamic view. Show all posts

2014-01-08

Testing Online Code Syntax Highlighters for Blogs (4): Giving up Using Blogger's Dynamic View

There are several reasons for the shift of the template of this blog from a dynamic view to a static one.
  1. Speed: Dynamic view takes too much time to load. This greatly slowed down my editing process on Blogger.
  2. Integration with other scripts: It is often quite troublesome to load other scripts using the dynamic view.
    For example, due to my poor knowledge in HTML, JavaScript and CSS, I can't understand what's written on those blogs that use the dynamic view and manage to integrate with google-code-prettify and/or highlight.js work(s), such as Conrad's syntax highlight demo page and Wood's tutorial on using highlight.js. For details of my integration failure, you may see the last paragraph of my previous post.
    As I'm not a web developer or a web designer, it's not worth spending so much time to goggle the solution. In contrast to the difficulty of installing external scripts in the dynamic view, the static view enables users to click "Layout" → "Add a Gadget" to do the job.



    By doing so, the user doesn't need to edit HTML template every time.


  3. More reasons can be found on 10 Reasons To Avoid Blogger Dynamic Views.
With a simpler static view, I've been able to make highlight.js and google-code-prettify work.

2014-01-07

A More User-Friendly and Dynamic View in Blogger

As you can see now, I no longer use the dynamic view in Blogger. For a more detailed reason, refer to my newer post.
(updated on 8/1/14 10:22 GMT)

The dynamic view template in Blogger can already switch its modes according to the users' needs. The containers in "flipcard" and "mosaic" views can be enlarged by a click on them. However, the default "sidebar" view still has its supporters, despite its inadequacies. [1]
Last Saturday, I changed the template from a dark one to a dynamic one withe sidebar. However, when I'd like to scroll down to my earlier essays, I found out that I need to go through some passages in between my current position and my target in the scrollbar. This is quite troublesome since a considerable amount of time is needed to load the contents of a blog entry.
Luckily, I could find out how Yoga changed his code in "Add CSS" in his template so as to get the sidebar on the left scrollable. I just copy the code from him for your reference.
.sidebar #sidebar, .ss{
margin-top: 12px !important;
overflow-y: scroll !important;
}
Note: Later, I found out that without the scrollbar, the sidebar is still scrollable.

References:
[1]: http://www.southernspeakers.net/2012/09/scrollbar-for-sidebar-posts-in-blogger.html