ADSEN-SEE || Free Template Blogger Simple Pertama,Beberapa hari ini
jarang posting dalam blog ini,dikarena ngurus blog yang lain dan sambil
belajar,ternyata mengedit template itu sulit juga?tetapi kesulitan itu
bisa diatasi kalau mau belajar,sebelum saya share template simple
ini,saya ucapkan terimakasih kepada website www.u-sup.blogspot.com dan
maskolis,karena dari kedua blogger ini saya telah banyak mendapatkan
ilmu dalam membuat template.
Adapun Template ini sebelumnya ga tahu saya beri namanya apa,tetapi dikarenakan warna subscribe yang dibuat oleh maskolis dan navigasi page yang dibuat oleh mas usup makanya saya mengikuti warna dan template ini saya beri nama simple gray.
Jadi apa saja yang ada dengan template simple gray ini?silahkan lihat gambar dibawah
Dan Yang Terakhir saya Katakan Kekurangan Tamplate ini masih banyak,yaitu masih banyak error html 5 dan tidak responsive.jadi sudah jelas?kalau belum silahkan sobat tanya dikolom komentar,dan templatenya silahkan download disni terimaksih.
Adapun Template ini sebelumnya ga tahu saya beri namanya apa,tetapi dikarenakan warna subscribe yang dibuat oleh maskolis dan navigasi page yang dibuat oleh mas usup makanya saya mengikuti warna dan template ini saya beri nama simple gray.
Jadi apa saja yang ada dengan template simple gray ini?silahkan lihat gambar dibawah
 |
| DEMO |
Informasi Template:
- Template 2 Kolom
- Posting Auto Readmore
- Menu Navigasi drop down
- Navigsi Page Perhalaman
- Meta tag
- Kolom Adsense Diheader dan sidebar
- Share Bookmark
- Serta ada juga label gambar automatis homepage.label gambar yang saya maksud adalah seperti gambar dibawah
Untuk Mengaktipkan Label Gambar Seperti Contoh Silahkan Edit Melalui Edit HTML Cari Seperti Dibawah
<b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name == "Tutorial"'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0ooNrNlhri-HqhaXDqzPimc3fQiIJE97eH6lFfaLGWT8ICvEvpZok9TlEyWCIwHyIX2v4G1ZTf9L68M3QDxRkDdEa1gAH3J4qXlmU3MZLK63bLlzG7Z4yyxSvQli56r-WsHzIifAeKjDi/s1600/tutorial.png '/> </b:if> </b:loop>
Untuk Menampilkan Label Gambar Tersebut disetting dari label tag dan didemo saya pakai label Wordpress,Joomla,Blogger,Movie,Music Tutorial dan
hurup awal hurup besar seperti teks warn biru,kalau sobat blogger ingin
mengganti gambar silahkan dengan kreasi anda,dan untuk memanggil label
gambar tersebut agar tampil dihalaman homepage pilih 1 label saat
posting arikel,karena kalau terdapat 2 label saat posting maka akan
muncul 2 gambar jadi pilih label sesuai milik sobat.
Untuk Memasang Subscribe Silahkan Masukan Script Dibawah DiGadget HTML/JavaScript dan ganti link anda
<style type='text/css'> .social a{color: #000000;font: bold 12px Calibri,Helvetica, Arial, sans-serif;text-decoration: none;padding: 3px 5px 2px;position: relative;display: inline-block;text-shadow: 0 1px 0 #fff;-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s; background: #f3f3f3;border: solid 1px #dcdcdc;} .social a:hover {color: #333;border-color: #999;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);} .social a:active{color:#000;border-color: #444;} .sub-box{width:300px;background:();padding: 2px 5px 7px 2px;font-family:Droid Sans,Helvetica,Arial;} .emailform{margin:16px 0 0; display:block; clear:both;} .emailtext{margin:10px 0 0;background:#f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioYwpchzHN9YQGqVHYlj60HPPQBcQKL4o8G_k8jcE_ggGGSBDfuu9tq0j4NhBxHouVruc8PQhr5-_b8aoGigqtcXZZLXzL4LlFashVoNkxP5elLx1RJ2CVf9JK53O-rF3_NxFa6kXRocw/s1600/email.png) no-repeat scroll 4px center;padding:6px 5px 6px 34px;color:#444;font-weight:bold; text-decoration:none;border:1px solid #ccc;width:175px;} .emailtext:hover{background: #f3f3f3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioYwpchzHN9YQGqVHYlj60HPPQBcQKL4o8G_k8jcE_ggGGSBDfuu9tq0j4NhBxHouVruc8PQhr5-_b8aoGigqtcXZZLXzL4LlFashVoNkxP5elLx1RJ2CVf9JK53O-rF3_NxFa6kXRocw/s1600/email.png) no-repeat scroll 4px center;border-color:#999;} .emailtext:focus{outline:none;} .sub-button{color:#eee;font-weight:bold; text-decoration:none;padding:5px 10px; border:1px solid #666;cursor:pointer;background:#999} .sub-button:hover{color:#444;border-color: #999;background:#ccc} </style> <center><div class="social" style="padding: 0pt 0pt 0pt 5px;"> <table><tbody><tr><td> <a href='http://feedburner.google.com/fb/a/mailverify?uri=ketemplate' target='_blank'><img alt='newsletters' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicpwfax-W1X6cJJFma17X2WjMIR-zrlA1oFlOuO_XNiOn5RPJSDXLvWkJa1Ud6DAHasszATehHxVDmgEwNj7GpLjr4yve8bHQb_qCj_m_I3GV0eCpBOu06HzHcnJUQIGYsuLtkAvvIIxo/s1600/mail.png" border="0" title='newsletters'/></a> </td> <td> <a href='http://feeds.feedburner.com/ketemplate' target='_blank'><img alt='rss' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYSUBoq9ujtkiN9tbS4mFHVFrFu4zshIOD21RR_Igbjmr-8n2pPB_cEGqq5KzyWpNrhGhqUeIapLmm-KLEaA3ylGrHxlN8aS5Mru3IvyE28usQIO61aABPQTJD3hscARCBYAku3HsqwOo/s1600/rss.png" border="0" title='rss'/></a> </td> <td> <a href='http://twitter.com/ketemplate' target='_blank'><img alt='twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg42cydmmc2Fv5gbLR_w8H3fYlJtLN590pX4CB_uhPXR8nxyJJC5cQ1K59VS4ekxylbLXZJ2lOH89XhT5SvlBuufruf9fTzl464Q5lM0mcFsuBDw0XVTLq0kGWKw4E7CgHf3UmhI2oupa0/s1600/twitter.png" border="0" title='twitter'/></a> </td> <td> <a href='http://www.facebook.com/ZgNewspaper' target='_blank'><img alt='facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg27yJPWRJKqLSCgPFtamg-WvKDZjoICJi0Q56nxI9uu4AbAOGCcYQkKXg4cmnRA_LLR2fAXqzAIAA3WZcmzpZcDVdX0tyOq4nLED58VqaQAHU7jqN2mw6g258EA6-cyo2GOZ39Stx1oRQ/s1600/facebook.png" border="0" title='facebook'/></a> </td> <td> <a href='https://plus.google.com/111216751352000579620/' target='_blank'><img alt=' youtube' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigGu5YQxmSy6M6qXrvlu066C9Zzu0Zw_eTuMbRn9tXm-6sjfNjs1tL6ezOTz86jkIPl00tTjyPxCNi7vACZ0f6kk8GLCcQnUDSaphwQ8Tc0TlzRk2ohSjRbZwmDMQ57zT3m3R8dFfvvKU5/s1600/g+.PNG" border="0" title='google+'/></a> </td></tr></tbody></table> </div></center> <center> <div class='sub-box'> <div style="text-align: left; display: inline-block;"> <h8 style="display:block;font-family:'calibri';font-size:15px;font-weight:bold;">Subscribe via RSS Feed</h8> <small><i>If you enjoyed this article just <a href='http://feeds.feedburner.com/ketemplate' target='_blank' title='feedburner'> <b>click here</b></a>, or subscribe to receive more great content just like it.</i></small> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ketemplate', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type="hidden" value="ketemplate" name="uri"/> <input type="hidden" name="loc" value="fr_FR" /> <input type="text" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" value="Enter your email..." name="email" class="emailtext" /> <input type="submit" class="sub-button" value="Enter" title='' alt='' /> </form></div></div>
Dan Yang Terakhir saya Katakan Kekurangan Tamplate ini masih banyak,yaitu masih banyak error html 5 dan tidak responsive.jadi sudah jelas?kalau belum silahkan sobat tanya dikolom komentar,dan templatenya silahkan download disni terimaksih.
0 komentar:
Posting Komentar