Cara Memperbaiki CSS Bundle Template Blogger

Untuk mengoptimalkan pengiriman CSS eksternal blogger anda tidak cukup hanya menghapus:

<link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/3841957138-widget_css_bundle.css' />
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=2473082862972070752&zx=39561299-1b0f-42cd-ae90-8a75a37cb0de' />

Karena browser akan tetap ngeload 2 CSS eksternal ini walaupun telah di hapus dari html template blog.
Cara paling mudah untuk mengoptimalkan pengiriman CSS blogger lakukan adalah dengan cara berikut, Cari dan ganti :
1. Kode <head>  ganti dengan &lt;head&gt;
2. Kode </head>  ganti dengan kode &lt;!--< head/ >--&gt; 
3. Lalu hilangkan spasi antara <, > dan head/.
4. Klik Save Template.

Catatan yang harus diingat sebelum melakukan langkah ini.
1. Dalam mengoptimalkan pengiriman CSS blogger hanya bisa dilakukan dengan template non default blogger atau custom templates.

2. Cara memaksimalkan pengiriman CSS blogger ini kemungkinan akan mengubah tampilan dari blog anda. Hal ini mungkin terjadi karena theme atau skin yang terdapat dalam html template blog anda tidak mewakili semua kode elemen seperti  (div class ) yang terdapat dalam elemen html blog anda.

3. Cara ini belum optimal masih ada cara lain.

Komentar

Posting Komentar

Postingan populer dari blog ini

Blogspot Template Elements

Gambar
The #main and .post are the titles of each containers. Each container codes must be contained within {...} . For the explanation below, we'll focus on the codes inside the post block, especially for the explanation on the margin and padding (the codes colored in red ). Margin - sets the distance between the border of the container to the border of a parent (larger) container outside it. There are 4 numbers defining the Margin property. The 1st number sets the top margin, the 2nd sets the right margin, the 3rd number sets the bottom margin, and the 4th number sets the left margin. It basically sets the whole margin in a clock-wise fashion starting from the top. In the case above, the parent container for the post container is the main container. See how the dashed border for the blue ( post ) container is placed inside the green ( main ) container following the post block's margin command (the codes in red). If the post 's margins are all set to zero, then th
Baca selengkapnya

Customization Posts Title Blogger

Gambar
How to customize your blogger Posts Title ...we can add some background picture behind the post title, or borders, change font...........................well, a lot. Before doing any customization, back up your template. Just in case.... Let's start with the beginning. Heh. For customization, we will use the CSS style in the code section that corresponds to our Post Title : .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:$titlecolor; } ..... Attention: this example is made in Minima Blogger default template, so your actual code may differ a bit it's important to find the part ".post h3", or if you have custom template, the find the part that "carries" the style for your Post Title... It's also important to know the width of your Post Title area, which is basically the same as your Post Content area ("main-wrapper" by default). This information, you'll find in this part of code:
Baca selengkapnya

How To Remove Showing Posts With Labels Blogger

Gambar
Here's one more thing which folks find irritating. Or unnecessary. When you click on one of your labels, blogger filters your posts tagged with that particular label. That's great, but we don't need a big box saying the same thing. If you like it though, even better. But maybe your readers don't... So, if you want to remove it, follow me. It's an easy one. Log in to your Blogger account, Back-up your template, then go to: DASHBOARD -- LAYOUT -- EDIT HTML -- hit EXPAND WIDGET TEMPLATES , find the following part of code: <b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div> <div style='c
Baca selengkapnya