-->

Responsive Google Ads for Blogger

logo google adsense
Good day every one! I'll show you how to make responsive google ads for blogger. I was tried in my blog and work well. So if you still have problem when make ads with responsive theme, follow this step.

1. Play with Media Query

Thats mean we should know all media query in our blog. For example, template this blog using media queri :
@media all and (max-width: 951px) {}
@media all and (max-width: 599px) {}
@media all and (max-width: 450px) {}

2.  Make Certain About Ads

If we want to put ads on container, we should know container width. We can make custom adsense for example 970x90. That mean have width 970px and height 90px.

3. Adding Google Ads

In order to have a responsive ad unit will be a little hard and limited. You can add maximum of 3 ads, and you will start with the biggest (970x90) or you can use only the normal wide ad (728x90) and the rectangle ad (300x250). In this tutorial we will use all 3, to understand the concept of using the responsive method.
Take code in 'my ads'  on your google adsense account and get code. Choose synchronous and that code like this one :
<script type="text/javascript">

    google_ad_client = "ca-pub-0000000000000001";

    google_ad_slot = "999999999";

    google_ad_width = 728;

    google_ad_height = 90;

</script>

<!-- Your ads name -->

<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

add only once script code for fast loading and repeat all ads.

<div class="responsiveAd970">
    <!-- place adsense 970x90 script here -->
</div>

<div class="responsiveAd768">
    <!-- place adsense 728x90 script here -->
</div>

<div class="responsiveAd300">
    <!-- place adsense 300x250 script here -->
</div>

4. CSS and Media Query

.responsiveAd300,
.responsiveAd768,
.responsiveAd970 { text-align: center; margin: 25px 0 25px 0; }
.responsiveAd300 { display: none; }
.responsiveAd768 { display: none; }
@media screen and (max-width: 951px) {
    .responsiveAd768 { display: block; }
    .responsiveAd970 { display: none; }
}
@media screen and (max-width: 599px) {
    .responsiveAd768 { display: none; }
    .responsiveAd300 { display: block; }
}
@media screen and (max-width: 450px) {
    .responsiveAd300 { overflow: hidden; padding-right: 20px; }
}

 Now you can try with your custom template and custom adsense for blogger. Happy blogging
[click to continue]

Label Style for Your Blog

Hello guys,  this is my label style in my blog to purpose valid HTML5
Link Demo
[click to continue]

Blogspot Juga Bisa 100/100 di Google Page Speed Insights

Dalam beberapa bulan terakhir perkembangan dunia blogging cukup ekstrim. Baik dari segi performa maupun segi design. Salah satunya adalah masalah page speed. Setelah beberapa hari melakukan percobaan, Puji Tuhan dan Alhamdulillah blogspot juga bisa mencapai 100/100 di Google Page Speed Insights.
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fusahatani-ms.blogspot.com%2F&tab=mobile

Menggunakan style dari Google Web Starter Kit
[click to continue]

Introducing Codotalas Blogger Template

Hi Bro! I want to introducing Codotalas Blogger Template. Its my project for blogger template and check this out
codotalas
Tipography :
1. HTML
Like almost blogger Indonesian using HTML5 and trully validation by W3.org
2. CSS
Using simple CSS3 and validation
3. Color
Inspiration from www.dominos.com (American Pizza)
5. Simple navigation and header
Using left header and right navigation

Note :
This is beta template and not for to download. And be patient to wait hohoho!

[click to continue]

Blogger Default Bisa Valid HTML5

Valid HTML5
Ternyata menggunakan Blogger Default Bisa Valid HTML5. Artinya dengan menggunakan widget, label, komentar, dan pernak-pernik lain bawaan blogger atau blogspot, blogger dapat Valid HTML5. Seperti kita tahu bahwa beberapa pernak-pernik bawaan blogger banyak mengandung eror. Seperi kotak komentar yang erornya banyak, Label blog, Kategori, bahkan yang ditakuti seperti navbar blogger.
Untuk kebanyakan blog Validasi Template Blogger memang dikesampingkan dengan alasan kurang memenuhi harapan si admin. Tapi bagi yang cinta validasi baik itu XHTML atau HTML5, Validasi perlu diusahakan walau sampai titik darah penghabisan :(
Saat blogwalking sejuta trik menemukan sebuah blog yang ternyata Valid HTML5. Tidak sekedar halaman depan atau home page saja. Tetapi blog tersebut lolos Valid HTML5 tiap artikel juga. Usut punya usut ternyata si admin menggunakan popup komentar blogger.
Untuk mengetahui blog yang sudah Valid HTML5 baik itu di halaman depan atau homepage maupun tiap artikel atau tiap posting, Berikut saya berikan nama blognya di Blog Mahesa Putra. Tidak seperti milik hendro prayitno yang menggunakan komentar Discus. Terus terang saya sendiri kurang familiar dengan komentar Discus ini. Bagaimana dengan sahabat?
Setelah melihat blog tersebut segera saya melakukan pengeditan template yang berfokus pada komentar blogger. Alhamdulillah dengan menggunakan template lama, saya juga berhasil membuat blog saya Valid HTML5 walaupun masih asal Valid. :D. Dan blog yang valid tiap postingnya adai di blog saya yang beralamat di :

http://ahmad-maryuki.blogspot.com/

Dengan begitu blogger default pun bisa Valid HTML5.Bagi sahabat yang menginginkan template blog Valid HTML5 bisa melihat pada artikel sebelumnya di :
Free Premium Blogger Template Valid HTML5
SEO Friendly Blogger Template Valid HTML5

Perhatian! Blog ini hanya untuk tutorial, Jadi untuk masalah Valid HTML5 bisa lihat hasilnya di posting tersebut. 

Original Post by Sejuta Trik Blogger
[click to continue]

Cek This Posting 2

You can see original template in http://www.premiumbloggertemplates.com/2010/12/artarius-blogger-template.html

Free Premium Blogspot Valid HTML5

Free Premium Blogspot Valid HTML5

Free Premium Blogspot Valid HTML5

Design by Sejuta Trik Blogger
[click to continue]

Ceck This Posting

gambarLorem ipsum eu usu assum liberavisse, ut munere praesent complectitur mea. Sit an option maiorum principes. Ne per probo magna idque, est veniam exerci appareat no. Sit at amet propriae intellegebat, natum iusto forensibus duo ut. Pro hinc aperiri fabulas ut, probo tractatos euripidis an vis, ignota oblique ut nec. Ad ius munere soluta deterruisset, quot veri id vim, te vel bonorum ornatus persequeris.

Sea stet iudico cetero cu, ut mei ferri mnesarchum, at duo enim vivendum abhorreant. Usu eruditi veritus vivendo ut, ut cibo lucilius inciderint eam, ne hinc discere explicari sea. Nam iusto delicata ne, eam dolore singulis maiestatis ex. Cu eruditi dolorem accusam pri, ea vidisse aliquip forensibus eam, ut erant labore fastidii has. Cum quod saepe periculis ea, eos iuvaret maiorum moderatius eu, pro ferri scaevola mnesarchum ut.


Nisl malis veritus pro no, pro an enim admodum mediocritatem. Ei his graeci option officiis, no oratio vocent efficiendi vix. Eu prima eleifend volutpat ius, mel atomorum omittantur te, quo debet possim habemus no. Et eum aliquip iuvaret dignissim, dicant epicurei vituperata vim eu. Usu dicunt verear deleniti te.

Amet blandit scripserit sit id, ea vim mollis oportere postulant. Nostro suavitate intellegam id mei, mea ex agam quodsi complectitur. Cu eos nibh justo philosophia, no pro velit suscipit philosophia. At est dicit instructior, viderer minimum conceptam no nec, te nec dicta iusto legendos. Duo ex velit vocibus, lucilius quaestio his eu. Cum falli aeterno delicatissimi et, elit justo epicuri has ut.
[click to continue]