Showing posts with label Design Web. Show all posts
Showing posts with label Design Web. Show all posts

How to Create Scroll On Blogspot Blog Archive


Hello friends ... Usually when you post the article pretty much later on the blog archive on your blog will become longer. This certainlywill make the blog pages get longer down (especially if arvhive blog with the view hierarchy) which of course will make our blog a littlemore weight.

That's why you need to make a scroll on a blog to archive your blog page does not extend to the bottom. How do you make it?.

Well here's how to make the scroll on your blog archive:


1. First entrance into acount Blogger or Dashboard

2. Select Layout, then click Edit HTML
 

3. First check Expand Widget Templates

4. Find the code like this: <div id='ArchiveList'> or Archive 


5. To facilitate the search, just use Ctrl + F, continue Copas said above, then click next

6. If so, add the following code red color as the scroll
 

7. The full code is as below: 


<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

<div style='overflow:auto; width:ancho;height:300px;'>

<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
8. Figures 300px is the height of the scroll boxplease adjusted to your taste

9. Maybe your blog code is different, therefore a similar look and to trydo not forget to keepbacking up your template first
 
10. If it do not forget to save your template and give comments on my articleok.

11. Done.
That's how to make a scroll on the blog archive that can make your blog easier. The result you can see in my blog archive, I have complete scroll.

Ok, may be useful for you.

What is JavaScript?



Judging from its name that uses the word "Java" which is interpreted into the Indonesian language is Java, a lot of people who think if the script is derived from the Javanese. The prejudice is so far away when we study this script. Not a word was derived from the Javanese script. 

In the blogosphere, JavaScript is very well known with a script that can make us fat blogs and blog can create a heavy loading. Many are already familiar with JavaScript, but many also do not know what it is JavaScript. Therefore, let us peel completely. 

According to Wikipedia, JavaScript is a popular scripting language on the internet and can work in most popular browsers such as Internet Explorer (IE), Mozilla Firefox, Netscape and Opera. JavaScript code can be inserted into a web page using the SCRIPT tag. 


The first time designing JavaScript is a company called Netscape Navigator browser to complete his feature-Navigator-which previously had supported Java can be used to further the non-Java programmers. 

JavaScript is usually placed on the section between <head> tag and </ head> tag and starts with <script type="teks/javascript"> ends with the tag </ script> 

Example JavaScript 

<script type="teks/javascript"> 
alert ("Hello World!"); 
</ Script> 

JavaScript files are usually located in a separate file that berektensi *. Js and summoned a way to determine the name of the file and put the tag <script type="teks/javascript" src="nama_file.js"> </ script> So is developing a programming language named LiveScript to accommodate it. Programming languages ??that eventually developed and named JavaScript, although there was no association between the Java language to JavaScript.

CSS itself is a web script that recommended by the World Wide Web Consortium or W3C in 1996. After the standardization of CSS, many browsers already support this script. 

The basic structure of CSS 

selector { 
property: value; 


Part before the {} is called selector 
Section, between {} is called declaration that consists of two elements, the properties and values. 

CSS Example 

body { 
background-color: # d0e4fe; 


Facts Using CSS 
• It is supported by the latest version of the browser 
• Images can be displayed after the main content listed first 
• Reduce the size of the file being able to keep the HTML tags in the minimal use 
• The layout will change because each browser is different CSS translation 
• CSS is layouting "The Future" by merging with XHTML