How use Prettify in new Blogger Dynamic Views

I've started to use Blogger. First thing I've wanted to use in my posts a SyntaxHighlighter.
I've chosen google-code-prettify.
It is easy to setup, Google uses it, and it works very well.

You can find instructions here.

  • Go to the blogger dashboard, then click Template link present on the left-hand-side list
  • click on Edit HTML button.
  • Edit HTML dialog box will appear.
  • Put the following tags in <head> tag section of HTML template. 
      <link 
   href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css" 
    type="text/css" 
    rel="stylesheet"/>
  <script type="text/javascript" 
   src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js">
  </script>
  • Edit the <body> tag and it should look like as shown below. 
     
  <body onload="prettyPrint()"  ... >
  • Once you are done, just save the template.

Note that is not working with Dynamic Views, because posts are loaded asynchronously. So still you need to add the following in your posts: 
<script>prettyPrint()</script>

Usage
  • In your post/blog surround your code with <pre> or <code> tags. as shown below. 
      <pre class="prettyprint">...</pre>
             or 
 <code class="prettyprint">...</code>

Comments

Post a Comment

Popular posts from this blog

AntiPattern: freezing a UI with Broadcast Receiver

Image
The worst thing that can happen to your app's responsiveness is an "Application Not Responding" (ANR) dialog. In android guidelines we can read: In any situation in which your app performs a potentially lengthy operation, you should not perform the work on the UI thread , but instead create a worker thread and do most of the work there. This keeps the UI thread (which drives the user interface event loop) running and prevents the system from concluding that your code has frozen. It's very important to understand what is Main Thread . When an Android app is launched, the system creates a thread for the application which is known as the main thread. If you run up any project under the debugger in Eclipse you will see the main thread. If your app ties up the UI thread for more than 5 seconds or a BroadcastReceiver does not complete within 10 seconds, Android will throw up the Application Not Responding (ANR) dialog which gives the user the opportunity t
Read more

NotificationListenerService and kitkat

Image
Android 4.3 (API 18) introduced NotificationListenerService . I published a post about it a few months ago. Android 4.4 (API 19) added new features, and now we can have a lot of extra info about a notification (before we need to use reflection to read some info). As in 4.3,to use the NotificationListenerService we have to extend the NotificationListenerService and implement onNotificationPosted() and onNotificationRemoved() methods public class SimpleKitkatNotificationListener extends NotificationListenerService { @Override public void onNotificationPosted(StatusBarNotification sbn) { //.............. } @Override public void onNotificationRemoved(StatusBarNotification sbn) { //.............. } } Then we must declare the service in the manifest file with the BIND_NOTIFICATION_LISTENER_SERVICE permission and include an intent filter with the SERVICE_INTERFACE action
Read more

How to centralize the support libraries dependencies in gradle

Working with multi-modules project, it is very useful to centralize the dependencies, especially the support libraries. A very good way is to separate gradle build files, defining something like: root --gradleScript ----dependencies.gradle --module1 ----build.gradle --build.gradle In gradleScript/dependecies.gradle : ext { //Version supportLibrary = '22.2.1' //Support Libraries dependencies supportDependencies = [ design : "com.android.support:design:${supportLibrary}", recyclerView : "com.android.support:recyclerview-v7:${supportLibrary}", cardView : "com.android.support:cardview-v7:${supportLibrary}", appCompat : "com.android.support:appcompat-v7:${supportLibrary}", supportAnnotation: "com.android.support:support-annotations:${supportLibrary}", ] } In the top level file build.gradle
Read more