980qc

My Blogger TricksAll Blogger TricksAll Blogging Tips

Contact me

hackercrackerblog@gmail.com
Powered by Blogger.

VOTE FOR MYBLOG

Subscribe to sms alerts

CLICK Shuffle Icon below to get a random post

Social Icons

Featured Posts

SCAN THIS QR CODE TO DOWNLOAD BLOG'S ANDRIOD APP OR CLICK DOWNLOAD TO DOWNLOAD TO YOUR PC



pop

My Blogger TricksAll Blogger TricksTechtunes

Join and Earn

Search This Blog

NEW BLOG

addthis

Video Of Day

Text Widget

Followers

Social Icons

Horizontal Post Sample

Popular Posts

Social Icons

Premium Blogger Templates - Metro Modern Solar V.1

Premium Blogger Templates - Metro Modern Solar V.1

Blogger Templates Metro Modern Solar is the latest in the line of his Metro UI templates that this is the Modern UI. Metro Modern Solar uses turquoise gray tones and subtle elegance. Suitable for individual pages and pages technology news magazine.
Be inspired by Windows 8's Metro interface and inherits the characteristics of BTK Metro, Metro Simple. Metro Modern However there are also distinctions are dedicated to improve it.
Premium Blogger Templates - Metro Modern Solar V.1

1. Customize the Menu Bar multilevel

Tùy chỉnh thanh Menu Bar đa cấp
Metro Modern Solar owns a multi-level bar Menu Bar along with a very nice effect. Depending on demand you can upgrade to 4 levels. To customize the menu in the Template - Edit HTML - Proceed you find the following code and arbitrary edits.


Note: The bar menu bar often repeat structure. Readers should note carefully read the code carefully.

2. Featured Posts WidgetFeatured Posts Widget

Feature Post widget to display what you need to do next.
b1) Find the Bloglist widget click Edit Feature name it
b2) Mark accurate check on the following 2 lines
  • Title of most recent item
  • Thumbnail of most recent item
b3) Click Add to list to add links into Bloglist. Having all 4 articles so you need to add the following links exactly 4.
 http://hackncrack007.tk/feeds/posts/default/-/hot?start-index=1
http://
hackncrack007.tk/feeds/posts/default/-/hot?start-index=2
http://
hackncrack007.tk/feeds/posts/default/-/hot?start-index=3
http://
hackncrack007.tk/feeds/posts/default/-/hot?start-index=4

3. Carousel Slider Widget

Carousel Slider Widget
Carousel Slider Widget displays only when you see any article. To customize this widget on yourTemplate - Edit HTML - Proceed you find the following code and arbitrary edits.
Meaning of parameters
- label1 = "hot” - instead of "hot" by the label that you want to display Carousel Silder
- numposts1 = 15 - instead of 15 with other numbers to customize the number of posts are loading. It is recommended to keep the 15 items.

4. The Metro Social Widgets

Metro Social WidgetFind the underlying code and modify the id name blogthietke your social network.
 

5. Page Navigation automatically

Page Navigation tự động
You go to Template - Edit HTML - Proceed - Expand Widget Templates and find the following code:

var pageNaviConf = {
    perPage: 5,
    numPages: 9,
    firstText: "First",
    lastText: "Last",
    nextText: "Next",
    prevText: "Prev"
}
in which:
- perPage : the number of articles displayed in 1 page
- numPages : Some pages show
- firstText , lastText , nextText , prevText : is the word corresponding to the button show First, Last, Next, Prev 

6. Bottom Navi BarBottom Navi Bar

In Layout you find Bottom Navi HTML widget. Click Edit and then copy all the code, remember to customize your own links.

Blogging         
Blogger.            Wordpress
            Marketing Online              MMO
   

 

7. Several other notable characteristics

a) Pagelist: Pagelist will automatically display all static pages at the top of the blog. Want to display your custom Layout - Page to customize.
b) Label Widget in the Sidebar. You need to customize the display format List.
c) Timestamp Format. You go to Settings - Language and custom formatting the Timestamp Format similar in shape
clip_image001[15]

8. Conclusions

Generally this interface basically is "the system" with Simple Metro and Metro BTK however installation is a bit more complicated. This is evident because it has more features. If you find it difficult do not hesitate to leave your comments in this article are willing to help support you a satisfactory templates.
 
 

 

Documentation basic blogging - Blogger for Beginners

Documentation basic blogging - Blogger for Beginners

Tài liệu hướng dẫn viết blog cơ bản – Blogger for Beginners


































The book is Amanda Begginer Blogger for free offers. Blogger Buster editor Amanda is a very famous Blogger; who wrote the book The Blogger Template Book (each is introduced in Blog Design).In the guide book blogging Amanda basic focus on the topic of blogging as basic editing interface, publishing articles. The book also mentions the necessary knowledge about the structure of Blogger. In a nutshell it offers a panorama to be able to capture new job blogging and blogging platform Blogger.

This book is divided into ten chapters:
  1. Start
  2. First Post
  3. Rights and privacy policy
  4. Customize your blob
  5. Gadgets (widgets) and utility layout in Blogger
  6. Comments and connectivity (Backlinks)
  7. Publish and article archives
  8. Share blog content
  9. How to ...
  10. Learn more about Blogger
Although Blogger has provided a vast library of knowledge in the Blogger Help Blogger but knowledge is never enough for everyone. Moreover, this book provides a perspective of an experienced blogger "nostalgically the beginning was" not the perspective of a service provider.Therefore it would be more useful details and lot.
A valuable book for those new soldiers, it is the manner detailed hands-on, step by step. But it is also very useful for your Blogger specializes in supporting and guiding her. It saves time and effort because both will meet each other, rather than hang around with those silly questions of basic categories.
By the way I also recommend you read the new and find out before asking. Want to have not experienced any other way just rolling up your sleeves and be a little dirty mud.
In conclusion Blogger whether professional or just a novice, the book should have basic blogging guidelines - for Begginers Blgoger this in your library. The only hard thing left is a book written entirely in English. You can read online here

Use the HTML5 card rather short code to add music to your website

Use the HTML5

 

Previously, to add music to your blog will have to use a 3rd party plugin with flash support HTML5 yet born when help for webmasters and content managers who bear much lighter. I remember 2 years ago when Rilwis published articles shortcode perfect to add music to your Blogger website andmade ​​a lot of good bloggers like you catch the gold. But right now the job has become a lot simpler than you may insert music directly into your website with just one card 
Currently card  HTML5 support latest browsers listed here
support
However, as a webmaster you should anticipate some cases may occur as your browser does not support HTML5 (referring to his case extremely annoyed with IE guys - stupid beyond description - sr you) . So this article will guide his plans not negate the status of some HTML5 support older browsers.

1. Simplest syntax

Its syntax is very simple, you just need to insert the card  with few parameters is done.You only need the most basic insert:
   
Properties controls that can display a slider control on the browser. It should be noted that this slider will be different on different browsers. Specifically, the following
controls3

2. Enhance Properties

However, to fully control card , we must learn some important attributes.
scr
It specifies the sound file is played. This property is very familiar sure you also see the most is when inserting images into posts such also have attributes.
controls
As in the above example, this attribute can display a slider control.
autoplay
This attribute will be automatically tracks slightly right when the page loads. Note okay brother, his very hydrophobic case. There are many sites do not bother to read disturb others just because of the background music tracks. If used, they must be sure how the reader can quickly turn off the sound.
loop
Loop. When all the music they play browser will automatically play back the track from the beginning again and again. It is a loop infinity - infinity loop.
preload {auto | metadata | none}
Preload attribute specifies whether or not to download music files. It only FF, Chrome and Safari support.
  • auto = files will be downloaded automatically.
  • just download the file metadata = metadata page load (not really get it!).
  • none = sound file is downloaded only when readers disagree.
See examples for a better understanding of these properties.
   

3. * Support for older browsers

HTML5 is still too new and only some versions of the new browser supports it, for the browser version older people still have to rely on 3rd party plugins operate as jw flash based player. So how to use HTML5 has recently been using flash? HTML5 has anticipated this and its solution is unexpectedly simple.
First, we can notice a line of text for the reader to know that their browser does not support HTML5 should not hear the music.
  
Your browser does not support native audio. To listen, please download </ a> the mp3 file to your computer. </ P>
</ Audio>


The browser will automatically skip the audio card and read the entire text between the tags .This text can be arbitrarily long term it must be between card and card card must be between

The basic operations in javascript

 The basic operations in javascript


This post is to explain about fundamental operations in JavaScript. With this basic arithmetic operations can be combined or changed data in the Javascript code. There are many operations (also known as operator) is used in JavaScript.



1. The arithmetic

Very common and common, except for arithmetic of multiplying and dividing that any student who knows. The variable and its value is the number.
  • = (Equal sign) - ie, (x = 8)
  • + (Plus sign) - ie, (x = 7 +8)
  • - (Minus) - ie, (x = 7-8)
  • * (Multiplication) - ie, (x = 7 * 8)
  • / (Breaks) - ie, (x = 7/8)
Besides the simple math on it also uses the following arithmetic for programming.
  • Modulo (%) - Do not be mistaken with a percent sign, here is balance calculations take the division. Consider the following example shows the remainder of the division is 8 3 2 
    For example: 
    8% 3 result 2 
    10% 2 result 0
  • Increment (+ +) - This operation adds an extra base value units. Often used as an abbreviation allowed in programming. For example, if we have the variable 'i' can be increased by an additional unit of the variable i by writing i + + instead of to i = i +1. 
    For example: 
    x = 7; 
    x + +; 
    result is x = 8
  • Decrement (-) - Subtract the original value of 1 unit. If we have variable 'i' can be used to write i - instead of i = i-1. 
    For example: 
    x = 7; 
    x -; 
    result is x = 6

2. Assignments

Assignments are one of the basic operations of JavaScript. Assignments used to assign a value to a variable. In the assignment expression, the right operand is assigned the value of the operand to the left of the equal sign (=)
Operator Operator Example Example Same as Same as
= = x = y x = y x = y x = y
+= + = x += y x + = y x = x+y x = x + y
-= - = x -= y x - y = x = xy x = xy
*= * = x *= y x * = y x = x*y x = x * y
/= / = x /= y x / = y x = x/y x = x / y
%= % = x %= y x% = y x = x%y x = x% y

3. Comparison Operands

A mathematical comparison returns a boolean value is TRUE (true) or FALSE (false). By comparing the two operands mark comparison (==) Javascript will give us the answer depends on the value of the operand. View the table below to understand math better

Operator Operator Meaning Meaning Example Example
== == Identical Identical 3 == 8 result FALSE 3 8 result == FALSE
!= ! = Different Different 3 != 8 result TRUE 3! = 8 result TRUE
> > Bigger Bigger 3 > 8 result FALSE 3> 8 result FALSE
< < Smaller Smaller 3 < 8 result TRUE 3 <8 result TRUE
>= > = Bigger or identical Bigger or identical 3 >= 8 result FALSE 3> = 8 result FALSE
<= <= Smaller or identical Smaller or identical 3 <= 8 result TRUE 3 <= 8 result TRUE 

4. Logical operations (booleans)

A mathematical logic compares two expressions and returns a value of TRUE (true) or FALSE (false).
  • && - AND - AND operator compares two expressions and returns TRUE if both values ​​are true and vice versa will return FALSE.
    • x = 5 
      y = 8 
      x <7 amp="" y=""> 3 
      (Returns TRUE)
  • | | - OR - OR operation compares two expressions and returns TRUE if either the right and vice versa returns FALSE.
    • x = 5 
      y = 8 
      x> 7 | | y <3 b=""> 
      (Returns FALSE)
  • ! - NOT - NOT A mathematical, math negative returns TRUE if the expression is false, and vice versa if true, the expression returns FALSE.
    • x = 5 
      y = 8 
      ! (X == y) 
      (Returns TRUE because the value of 'x' else 'y')

5. Operands used for string

Addition operation is used to combine two variables with text values ​​together
  • t1 = "Have a good" 
    t2 = "life." 
    t3 = t1 + t2 
    (The return value of the variable t3 is "Have a good life.")

Instructions on how to make a simple slideshow with jQuery

Instructions on how to make a simple slideshow with jQuery

This post is to guide you how to make a simple slideshow with jQuery. In fact there are many ways to do sileshow images from simple to complex ... however HHV still writing mainly because this is the easiest way to do that HHV sildeshow learned and apply it in Metro Magazine Blogger Templates .Part of it is easy to read code that a person did not know anything about JS can also understand it;are consistent with the criteria "amateur web design for beginners" :)

blog thiết kế - thiết kế website cơ bản cho người mới bắt đầu
Live Demo

1. The HTML Code

For simplicity, the photograph with card insert 3 and surround it with a
card

. For ease of formatting and decoration attaching a id=”slideshow” . Finally we have the HTML code

A special point to note is that if you want any photos to appear first, then assigned to the class=”active”

2. CSS Code

 


The point to note in this code is the height Slideshow customized depending on the location of code and images ... When deep consideration we see the code on other provisions of the photo coordinates in space 3 Attribute dimension ... z-index order placement provisions photos. There are 3 class, the highest class - active (10), the next layer active (9) and all remaining photos (8).

3. Code JS

Now we begin to write a script to start your slide motion.




The above code has the following meanings: First, declare a variable, class photo that has activethen assign the variable $active and head, it is the turn photos next $next . Start running SlideSwitch function. Files $next class mounted active to bring it up on end and shots are$active shall be removed down to the active class. Finally the interval 5000ms (5 seconds) between each switch. Very simple!
In order for us to create more beautiful blur effect fade.



There appears to add a class last-active , this class has been declared in the css code with only one attribute is z-index: 9 .

The code above is interpreted as follows: class files have active (being at the top) will be assigned to class last-active (1 level down). Files in just below it, the class is assigned active (a step) and add effects animate the opacity increases from 0 to 1. Finally remove class last-activepicture taken on the same initially to the bottom.

This process is repeated with cycles 5s.

Conclusion

As mentioned there are many ways to do the most with jQuery Image Slideshow more complex and much more beautiful. But the problem is that the slideshow will be heavy and difficult to edit a lot more customizable. HHV's view remains is how to use the simplest way to achieve the highest efficiency. To achieve this is the only way to understand what you're doing.
Hopefully with this tutorial you can learn and customize according to your slideshow. VD as resizing slideshow, display time of each image, the blur, add link for each image, and even combine it with Recent Posts Widget.
.

Label 1