Friday, April 6, 2012

Hyundai Santa Fe 3

Click to see in high resolutionIt’s interesting to notice there are some patterns ruling the music industry which could also be applied to the car world. Haven’t you noticed that every year has lots of unknown performers popping with a few songs which don’t take long to become annoying due to the endless repetition, but frequently return to ostracism after some months? Having your own fifteen minutes may be getting harder, but even tougher is to maintain that fame. That’s exactly what Hyundai is now trying to do with its cars, and this article will show why.

Fluidic sculpture is the name for which Hyundai must thank to. This design language first hit the streets with Sonata’s current generation, released in 2009, but before giving the automaker a big series of successful cars, it brought a great opportunity of directing the spotlights to it like it was never done so far. In other words, Hyundai suddenly received all the media attention, but also the need of showing something with enough potential to convert that into customers. After all, this brand was already well-stabilished. It lacked some “extra” item, something that made it stand out in the crowd. So the Koreans made sure to not only show pretty vehicles, but entirely good ones. In other words, new platforms, bigger construction quality and more investments at technology both for luxury and performance. So if they’ve started to sell better products, it wouldn’t be hard to expect the success it has actually been seen in the last years. But as the music stars mentioned at this article’s beginning, Hyundai would soon lose the spotlights to another automaker if it just kept using the same formula. Therefore, in order to preserve the good reputation it now presents an evolution of those original design concepts, with most of the same elements now associated to a much more elegant interpretation.

Hyundai Santa Fe 1This new phase started from the top of the showroom, with expensive vehicles such as Equus, Azera and now Santa Fe. The crossover uses slightly more straight lines and achieved an excellent proportion between the windows and the black and chrome parts at the body, managing to resemble most of the current Hyundai cars without looking like some copy. The interior received a great upgrade in everything, with a very attractive design in several coating options, not to mention cutting-edge items such as the panoramic sunroof and the big touchscreen for the infotainment system. This generation differs from the previous because it’ll also have a seven-seat option, expected to use longer wheelbase and some exclusive design items – Hyundai’s idea is to replace Veracruz with it, competing at this one’s market with the bigger charisma of Santa Fe. What the pictures don’t show are the expected engine options: with diesel it’ll use a 2.0L and a 2.2L, respectively with 150 and 200 hp, while the gasoline options are a 190-hp 2.4L and the turbocharged 2.0L with 260 hp. It’ll have two-wheel-drive and all-wheel-drive traction options and manual or automatic transmissions, but always with six speeds. The safety pack has obviously increased, too, featuring reprojected braking, suspension and steering and several electronic systems to provide help.

Read more > Hyundai Santa Fe 3

Thursday, April 5, 2012

Amazing Examples To Customize Blockquote Style In Blogger/Blogspot

Add awesome designs, backgrounds and CSS3 effects for displaying HTML, CSS and other codes in blogger posts using CSS and CSS3. Just follow these steps:

Step 1. Go to design > Edit HTML > check the "Expand widget templates" box

Step 2. Search for this piece of code:

</head>

Step 3. Just above it, paste the following code:

<link href='http://helplogger.googlecode.com/svn/trunk/css/blockquotes/styles.css' rel='stylesheet' type='text/css'/>

Step 4. Save the Template

Now everytime you create a post, switch to Edit HTML tab, choose the syle you like and add the red codes below to the beginning and end of the text you want to quote. See the screenshot below:


Here are the available designs:

Example 1:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

<div class="code1"> YOUR TEXT HERE </div>

Example 2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

<div class="code2"> YOUR TEXT HERE </div>

Example 3:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

<div class="code3"> YOUR TEXT HERE </div>

Example 4:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

<div class="code4"> YOUR TEXT HERE </div>

Example 5:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

<div class="code5"><div class="code-5"> YOUR TEXT HERE </div></div>

Example 6


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

<div class="code6"> YOUR TEXT HERE </div>


Enjoy!
Read more > Amazing Examples To Customize Blockquote Style In Blogger/Blogspot

A Simple Related Posts Widget For Blogger

In the last tutorial, i've been talking about the Related Posts widget that shows related posts along with thumbnails just at the end of your blog articles. Some of the users, however, would prefer a simpler and cleaner displaying of their related posts so that it would show just the posts titles. So let's begin adding it!

related post, related post blogger, blogger tricks

How to add Related Posts Widget to Blogger

Step 1. Go to Template >> Edit HTML and tick the "Expand Widget Templates" checkbox

Step 2. Find the below tag

</head>

Step 3. And just above it, paste the following code:


<!--Related Posts Scripts and Styles Start-->
<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
margin-top: 20px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;
}
#related-posts .widget h2, #related-posts h2{
font-size: 17px;
font-weight: normal;
color: black;
font-family: Arial Narrow;
margin-bottom: 0.75em;
padding-top: 0em;
}
#related-posts a{
font-size:16px;
color: #555555;
font-variant:small-caps;
}
#related-posts a:hover{
text-decoration: none;
color: #ffffff;
font-weight: bold;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:none;
text-color:#000000
}
#related-posts ul li{
list-style-type: none;
border-left: 2px solid #1399CF;
border-bottom: 1px dotted #1399CF;
margin-bottom: 3px;
padding-left: 30px;
padding-top:0px;
}

#related-posts ul li:hover{
background-color: #1399CF;
border-left: 2px solid #B3CA3D;
border-bottom: 1px dotted #B3CA3D;
}
</style>
<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related_posts.js' type='text/javascript'/>
<!--Remove--></b:if>
<!--Related Posts Scripts and Styles End-->

Note:
- if you want to change the size and color of 'Related Posts' title, change the bolded values (17 for the font size and black for the color)
-to change the related post title color, replace the value in red;
-to change the background color on mouseover, replace the color value in blue;

Step 4. Now find (CTRL + F) the below line:

    <div class='post-footer'>

Step 5. Just above it, paste the code below:

<!-- Related Posts Code Start-->
<!--Remove-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> var maxresults=5; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script> </div> <!--Remove--></b:if> <!-- Related Posts Code End-->

Note: In order to change the number of maximum related posts being displayed for each label, search for the code max-results=5 and change the number "5" to any desired number.

Step 6. Save Template

Enjoy!!!
Read more > A Simple Related Posts Widget For Blogger

Mercedes-Benz SLK 250

Mercedes-Benz SLK 250Não é de hoje que a política de impostos do Brasil vem fazendo a indústria automotiva suar para ter êxito por aqui. Os anos 1980 tiveram alíquota baseada na potência do motor, então logo se viram carros cada vez mais fortes, mas “curiosamente” com os registros formais sempre nos 99 cv que antecipavam a tarifa mais alta. A Mercedes-Benz até onde se sabe não fez nenhuma gambiarra desse estilo, mas usou um bom raciocínio com o SLK 2012 para pagar menos.

Suas versões mais baratas antes eram SLK 200 e SLK 350, e não eram ruins de preço. Mas o aumento do IPI faria a primeira ganhar o preço da segunda, e esta ficaria cara em excesso. Então a grande sacada foi trocar as duas por uma intermediária, a SLK 250. Porque seu preço de R$ 249.900 (já com a nova alíquota) seria quase o que a SLK 200 alcançaria, mas agora isso se paga por uma versão mais potente que aquela e mais barata que a outra. Mas é claro que não existem milagres – a Mercedes-Benz só repassou uma parte do aumento ao cliente, cortando a outra dos seus próprios lucros.

Mercedes-Benz SLK 250Mas o resto continua intacto, e é aí que o SLK fascina. Seu desenho não esconde a inspiração no superesportivo SLS AMG, mas ganha personalidade própria por remeter também à sua primeira geração. Porque ele preserva o estilo de roadster compacto e de frente longa e imponente que virou vedete nos anos 1990, quando surgiu sua primeira geração. Aliás, parte dessa fama veio pela capota rígida de acionamento elétrico, cuja operação leva poucos segundos e até hoje é interessante de ver em carros assim. O interior revela a identidade com o irmão maior em detalhes como as saídas de ar em forma de hélice, e alude aos Mercedes-Benz em geral com o farto pacote de itens.

Se a parte de requinte inclui GPS e farois bi-xenon, a de segurança traz seis airbags, farois bixenônio, LEDs para a iluminação diurna e os sistemas Neck-Pro, que avança os encostos de cabeça numa colisão para evitar o efeito chicote, e o Attention Assist, que emite um aviso sonoro se o motorista passar alguns segundos sem mexer no volante ou pisar nos pedais, porque isso pode indicar sonolência. O novo motor, aliás, é um 1.8 com turbo que gera 204 cv e torque de 30 kgfm, suficientes para levá-lo de 0 a 100 km/h em 6s6 e à velocidade máxima de 243 km/h, com o comando do câmbio de sete marchas 7G-Tronic Plus.

Read more > Mercedes-Benz SLK 250

Wednesday, April 4, 2012

Nissan Tiida Sedan 2013

Nissan Tiida SedanAnunciado no mês passado, o Tiida Sedan 2013 chega custando R$ 45.990. Sua novidade é incluir as bonitas rodas de liga leve aro 15” de série, que incham um pacote composto por alarme, ar-condicionado, airbag duplo, computador de bordo, direção elétrica e trio elétrico, com motor 1.8 16v e câmbio manual de seis marchas. Para quem tem o custo/benefício acima de estilo ou modernidade, ele é uma boa opção frente a 207 Passion, Cobalt, Grand Siena, Polo Sedan e Symbol.

Read more > Nissan Tiida Sedan 2013

Tuesday, April 3, 2012

Kia Optima

Kia OptimaAlguém se lembra do Kia Magentis? Este sedã grande era vendido no país desde 2007, mas nunca vendeu bem, sempre foi um estranho nas ruas. Seja pela marca que ainda estava começando a se firmar por aqui na época, pelos preços altos ou pelo desenho insosso, o carro fracassou. E agora a renovação dos Kia mundiais nos presenteia com o Optima. Este primo do Hyundai Sonata demorou, mas chega por R$ 96.900 com alto potencial de sedução.

Projetado em conjunto pelos estúdios Kia de Alemanha e EUA, seu desenho externo é uma obra de arte. Desde a frente com a grade típica dos modelos mais novos da marca, passando pelas laterais com a linha de cintura alta e imponente, até a traseira com agressivas lanternas de formato irregular que molda a tampa traseira, o carro tem linhas típicas de esportivo impressão reforçada de propósito por detalhes como as falsas tomadas de ar nos paralamas. Isso inclui a linha do teto parecida à dos cupês, que consegue não interferir no espaço digno do sedã de luxo para quatro pessoas que ele é.

Kia OptimaO interior faz jus à “segunda vocação” do Optima. Seu console é levemente voltado ao motorista para dar a impressão de cockpit, mas o pacote de equipamentos continua beneficiando a todos: ar-condicionado digital bizona, cabine revestida em couro, sistema de som multimídia com quatro alto-falantes e dois tweeters, trio elétrico e volante multifuncional. A segurança se faz presente com airbags frontais, laterais e de cortina, câmera do ré, controles de tração e estabilidade, direção hidráulica, freios com ABS e EBD, luzes diurnas, piloto automático e sensores de chuva, crepuscular e de estacionamento.

Tudo isso na versão básica, já que a de topo agrega farois de xenônio, chave Smart Key e teto solar panorâmico por R$ 105.900. O motor do Optima é um moderno 2.4 16v que produz 180 cv. E como se isso não bastasse, ela vem aliada ao excelente câmbio automático sequencial com borboletas no volante. Ou seja, a Kia volta ao segmento com um pacote digno de seduzir muitos compradores que antes levariam um Ford Fusion, Chevrolet Malibu ou Volvo S60. Como sempre, as opções de cor são preto, prata e branco.

Read more > Kia Optima

Monday, April 2, 2012

Comment management policy and moderation principles

This article explains the policies that Blogger-HAT applies in accepting, moderating and responding to comments.


Comments are one of the ways we can let other people write on our blogs.

Blogger lets us choose whether or not to allow comments overall, and also on individual posts. And it provides options for Blogger administrators to choose whether comments are automatically published, or if they must be approved first. This approval process is called moderation.

The following sections describe the policies that I apply in moderating Blogger-HAT and Blogger-HAT-Lite.

You are welcome to use this as the basis of your own comment-management rules - but please make sure that consider each suggestion, to see how it applies your blog, and acknowledge Blogger-Hints-and-Tips as the original source by placing this line in the footer of your own posted policy
Modified from the comments-moderation policies applied by Blogger-Hints-and-Tips.


Comments Policy

Blogger-Hints-and-Tips welcomes genuine comments from readers.

This blog retains the no-follow option set by Blogger in most default templates. This means that web-addresses put into comments left here will not help to get your site indexed.   But if you write interesting comments, I will probably look at your site, and may subscribe to your blog's RSS feed or share it on my Facebook page, which will give you some credit with most search engines.

All comments are moderated, using the moderation policies outlines below.

Blogger-HAT aims to review and act on all comments within 3 days: however there may be delays if time is needed to research issues.


Moderation principles
  • Only English-language comments are accepted.   Others will be deleted, or marked as spam.
  • "+1", "me-too" and "thanks, that helps" comments may be published, provided the number of them does not detract from other visitors experience of the blog.
  • Comments that provide specific feedback about problems you have with the advice in an article - or about changes in Blogger etc since the article was written - are especially welcome.
  • All comments are published, or rejected, as is: I do not edit or alter your comments in any way.  (See the section below about copyright for more information about this.)
  • Comments that are spam will not be published, and Blogger's spam-filters will be alerted.
  • Comments that do not relate to the article that they are left on will not be published: they will be deleted.
  • Comments that are "signed" with a blog or website URL/address will not be published, unless there is a direct link between the URL and the content of the article and the comment you left. 
  • Comments that contain email addresses or other contact information (eg phone numbers) will not be published.  (This is for your own protection - even if you think it's not necessary, I do not want to be responsible for you being harassed.)
  • Comments that include personal names will not be published, unless the name is common enough that you are not readily identifiable.
  • Comments that do not meet Blogger's publication standards (including racism, hate-speech, violence etc) will not be published, and maybe reported as spam at Blogger-HAT's sole discretion.
  • Comments that conflict with the terms and conditions of Blogger-HATs advertisers (including AdSense and other advertisers) will not be published.
  • Application of all these principles is at Blogger-HAT's discretion.


Help with your blog:

By Gnome-help-faq.svg: GNOME icon artists
Gnome-emblem-generic.svg:
GNOME icon artists derivative work:
Ower 89 (Gnome-help-faq.svg Gnome-emblem-generic.svg)
[GPL (http://www.gnu.org/licenses/gpl.html)],
via Wikimedia Commons
I do not provide advice about specific problems on individual blogs via comments on this site: if you need help with a specific blog problem, post a question on the Blogger Product Forum.
.
But comments that link to posts in the Blogger-Problem-forum are welcome, and I will try to assist you in the forum if you link to your query ina comment left here.

Why the difference? It's because advice I give in the forum is quality-assured by the other helpers who also read the posts there: If overlook something, one of the other helpers is likely to spot it. Similarly, if your problem needs knowledge that I don't have, someone else may be able to help. As Blogger grows more and more complex, solving problems needs a wider range of skills, and the chance of one person knowing everything gets even smaller.)


Copyright:

The content of all comments is owned by the person who left the comment.

By leaving a comment this blog, you are giving me the non-exclusive right to display your comment here, and to repeat it within blog-posts provided the source is acknowledged.  

You also note that my blog has RSS-feeds for comments enabled, so you comment may be published elsewhere too.



Comments submitted to alternative channels:

Messages left on Blogger-HAT's Facebook page or Twitter stream or Google+ page will be responded to in those forums.

Comments sent by email via my personal Google+ Profile will generally not be responded to.


What else? 

Are there other issues that you think a comments policy should cover?   Please let me know if you think I've missed an important issue.



Related Articles:



Ways of letting people write on your blog.

\Basic copyright info for blogs and bloggers
Read more > Comment management policy and moderation principles
 
 
Copyright © blog
Blogger Theme by Blogger Designed and Optimized by Tipseo