Diajar BLOG

SJUTAIT - Template SEO Friendly 100% Valid HTML5 Valid CSS3 dan Full Responsive

Template SJUTA - Responsive, Fast Loading, SEO 100%, HTML5, and Valid CSS3 - Pasti banyak banget yang nyari nyari template Joss dan COMPLETED pokonya..

kalo anda sedang mencari template yang super JOSS berarti anda sudah datang ke tempat yang benar, karena kali ini saya akan membagikan template buatan Mas Bintang yang diberinama SJUTAIT, Hebatnya.. template ini sudah SEO 100%, Valid HTML5 dan Valid CSS3 dan Tentunya Responsive

Fiture Template :
Kehebatan Template SJUTAIT bisa dilihat dibawah ini :

1. Full Responsive

2. SEO 100% Via Chkme

3. Super Faster. Loading ngga pake lama

4. Valid HTML5

5. Valid CSS3 *o*

6. Tata Letak

Bukan hanya itu sob.. masih banyak kelebihannya. yang penasaran banget. silahkan langsung dilihat DEMO nya dan yang udah ngiler banget langsung aja disedot ya :D

Demo
Download

Selamat mendownload :D Semoga Bermanfaat :)

Cara Mempercepat Blog Dengan Script Lazy Load, Ampuh

1 komentar:

Bagaimana Cara Membuat Blog lebih Ringan?

Jawaban : Script Lazy Load
Sebenarnya Script Lazy Load ini ada kelebihannya dan ada kekuranggannya juga.Script ini berfungsi untuk mempercepat loading gambar. dan anda gambar itu juga akan mendapat sedikit efek. keren lho..

Banyak orang, yang blognya berhasil menjadi lebih ringan. Namun, tidak sedikit pula yang malah membuat blognya tambah berat.
Jika Script ini membuat blog anda tambah buruk silahkan hapus saja.

Ini dia tutorialnya Cara Mempercepat Blog Dengan Script Lazy Load, Ampuh :

Login ke blogger
Masuk ke template -> Edit HTML
Cari Kode </head> (Gunakan CTRL+F untuk memudahkan pencarian)
Lalu simpan kode dibawah ini yang saya dapat dari Blog Depermana-Share.
Simpan kodenya tepat diatas </head>

$(function() {

$("img").lazyload({placeholder : "http://bit.ly/Qv60g5",threshold : 200});

});

</script>

Simpan template dan lihat hasilnya.

Lihat perubahannya di Google Page Speed. Klik Disini

Semoga Berhasil

Cara Pasang TV Online di Blog Dengan Mudah

1 komentar:

Pernahkan anda melihat blog orang yang ada TV nya?

Bagus ngga? Mau Ngga? Kalo Mau, anda sudah berada di tempat tutorialnya yaitu Cara Pasang TV Online di Blog Dengan Mudah.

Langsung saja ya...

Masuk ke akun blogger.com anda, sudah?
Buat Postingan baru / Entry baru
Klik Mode HMTL. Lalu Masukan Kodenya. Lihat GAMBAR/FOTO

Ini Kode nya :

<embed align="top" allowfullscreen="true" allowscriptaccess="sameDomain" bgcolor="#ffffff" devicefont="false" height="790" menu="true" name="MivoTV" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" scale="noscale" scroll="auto" src="http://id.imediabiz.com/MivoTV.swf?r=' + Math.round(Math.random() * 99999) + '" type="application/x-shockwave-flash" width="100%" wmode="transparent"></embed>

Note : Kode yang berwarna Biru anda ganti / sesuaikan dengan template blog anda :)

Kalo Kode Cara Pasang TV Online di Blog Dengan Mudah udah dimasukin tinggal publish aja...

Selesai deh~ :D

Cukup mudah kan? Pasti bisa dong.. Semoga Artikel kali ini yang berjudul Cara Pasang TV Online di Blog Dengan Mudah bisa bermanfaat. Minta Komennya ya! :D

Tips Agar Postingan Blog Anda Banyak Yang Berkomentar

Tidak ada komentar:

Cara Agar Postingan Banyak Komentar - Kalo blog itu, kita tau gak bakal pernah lepas dari 2 hal. Yap, apalagi kalau bukan 'Postingan' dan 'Pengunjung'. Dua faktor itu yang menjadi penunjang agar blog maju. Tetapi perlu diperhatikan, kita yang notabene sebagai pemilik blog, juga ingin mendapatkan feedback dari para pembaca artikel blog kita. Nah, itu lah kenapa di sediakan kotak komentar.

Sekarang, misalnya kita membuat salah satu artikel, terus tidak ada yang memberikan komentar satupun, rasanya kayak nyesek ya? Kita kan ngarepnya dikasih tanggapan atas artikel yang kita buat, eh malah silent reader semua visitor blognya. Nah, kali ini kalau kalian punya nasib yang sama kayak cerita aku diatas...saya akan mau beberapa 'cara atau tips agar postingan blog kalian banyak di komentari orang' yang saya dapat dari TIA BLOG

1. Buat artikel yang menarik/yang memancing agar para pengunjung tertarik untuk berkomentar di suatu artikel kalian

2. Lalu, Sekarang ke "Setelan" Blog. Kalau yang tidak jelas, bisa di klik gambar ini :

Nah, biar aku jelasin ya.

- Abis dari menu "Setelan", kalian pilih menu "Pos dan Komentar"

- Lalu, coba lihat ke arah menu 'Moderasi Komentar', dan pilih option SELALU.

- Lalu, dibawahnya ada menu Tampilkan Verifikasi Kata, dan pilih option Tidak.

Nah Save deh.

Pasti beberapa ada orang yang nanya, kenapa verifikasi katanya dihilangkan? Bukannya itu mencegah Robot? Nah, gini penjelasannya.

Verifikasi di blogger itu kadang bentuknya rumit, ribet buat diikutin. Ada beberapa orang yang tadinya sudah mau berkomentar di blog, tetapi malah mengurungkan niatnya. Karena mereka sudah kesal duluan dengan Verifikasi Kata nya yang salah terus. Ada baiknya untuk memilih 'Moderasi' saja, kenapa? Karena, setiap komentar yang masuk, bisa kalian pilih untuk kalian publikasikan di blog kalian.

Nah, gimana? Sudah ngerti? Yasudah, semoga infonya bermanfaat dan siap-siap artikel kamu di banjiri oleh komentar visitor kamuuu, yuhuuuu!

Cara Membuat Scroll Pada Widget Mudah (Label, Popular Post dll)

Tidak ada komentar:

Yang Blognya kebanyakan Widget, mungkin bisa dipersimple lagi dengan menggunakan Scroll pada salah satu widgetnya misalnya pada Label / Popular Post atau juga pada Link Teman / Partner

Cara Membuat Scroll Pada Widget Mudah (Label, Popular Post dll) :
Nah, kali ini saya coba dulu untuk membuat Scrollnya pada Labels

1. Masuk Ke Blogger.com
2. Silahkan Anda Pergi Ke Menu Template -> Edit HTML
3. Kemudian Cari Kode ]]></b:skin> (Gunakan tombol CTRL+F, untuk mempercepat, dan memudahkan proses pencarian)
4. Copy Kode dibawah ini dan simpan tepat di atas kode ]]></b:skin>

#Label1 .widget-content{ height:150px; width:auto; overflow:auto; }

5. Simpan Template dan lihat hasilnya.

Pertanyaan yang mungkin ingin anda sampaikan : Bagaimana cara membuat Scroll di Widget yang lain ?

Untuk membuat Scroll pada Widget lain tinggal anda rubah Kode #Label1 dengan kode widget yang anda inginkan.
Cara Mencari Kode Widget, Misalnya kita akan mencari Kode Widget Popular Post :

Sudah Mengertikan ? Jadi Nantinya kita rubah kode tadi menjadi :

#PopularPosts1 .widget-content{ height:150px; width:auto; overflow:auto; }

Cukup sampai disini semoga berhasil. Cara Membuat Scroll Pada Widget Mudah (Label, Popular Post dll)

Cara Membuat Random Post di Blog dengan Mudah, Tanpa Edit HTML

1 komentar:

Cara Membuat Scroll Pada Widget (Label, Popular Post dll) Simple dan Mudah

Images Source : Yoga-Tc BLOG

Langsung saja ini dia cara membuat Random Post di Blog dengan Mudah, Tanpa Edit Html :

Yang pertama pastinya, anda sudah Login ke Blogger.com!
Silahkan Masuk Ke Tata Letak / Page Element
Silahkan klik tambahkan Gadget -> Pilih HTML/Javascript
Lalu Masukan Kode dibawah ini

<script type = "text/javascript">
var randarray=new Array();
var l=0;
var flag;
var numofpost=5;
</script>
<script src="https://googledrive.com/host/0By9Vs49VphQqaDFNWTNZZVlMR2s" type="text/javascript"></script>
<script src="/feeds/posts/summary?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts"type="text/javascript"></script>

Note :
Sesuaikan Angka 5 dengan jumlah Post yang ingin anda tampilkan. Tapi Jangan Kebanyakan ya. hee

Itu saja ya Cara Membuat Random Post di Blog dengan Mudah, Tanpa Edit HTML Simple kan ? Pasti Work deh :D Thanks

Download Template SEO Friendly Terbaik dari Kang Kapuk

Tidak ada komentar:

Download Template SEO Friendly Terbaik - Alhamdulilah setelah kemarin gk ngepost sekarang ngepost lagi dengan Tema Download Template SEO Friendly. kita tahu bahwa template adalah hal penting yang berperan dalam SEO, template seperti dasar SEO. template yang SEO Friendly juga harus di padukan dengan Visitor Friendly atau kata blogger sebelah User Friendly. template yang SEO adalah template yang memiliki strukture, navigasi yang baik dan masih banyak lagi kemudian template yang visitor friendly ditandai dengan Ringannya template tersebut.

Template ini adalah Template buatan Kang Kapuk, template ini digunakan saya di blog ini.Template ini lumayan ringan, lihat saja blog saya ringan atau tidak hehe.... tapi template blog ini telah saya Kompress HTML dan CSS dan tidak memasang widget tidak penting untuk visitor sehingga lebih ringan lagi.

Template Simple Clean By Kang Kapuk : Review

Review Template

Catatan : Review tersebut diambil dari halaman Homepage blog ini.

Kelebihan Template :
- Cukup Ringan
- Di lengkapi Navigasi breadcrumbs
- Valid HTML 5
- 2 Kolom Posting
- n More

Download :

Download Template SEO FRIENDLY - 4Shared

Password :

kesiangansekolah.blogspot.com

yang perlu anda ketahui bahwa template blog ini valid HTML 5 tetapi setelah mengupload template ini dan memasangnya di blog anda ada beberapa widget yang tidak valid dan ada script kode yang jg tidak valid sehingga anda harus menghapus atau mengganti agar valid HTML 5 100 %. Widget dan Script kode tersebut adalah Widget Tombol G+ dan <b:include name='quickedit'/>

Untuk Script Kode <b:include name='quickedit'/> , anda cukup menghapusnya saja dengan :
1. Masuk ke dasbor > blog anda > Template > Edit HTML
2. Cari <b:include name='quickedit'/> , dan hapus script kode tersebut. biasanya ada banyak tergantung jumlah widget blog.

kemudian cek di http://validator.w3.org/

Sumber Template : Kesiangansekolah.blogspot.com

Widget Ajaib Peningkat SEO

Tidak ada komentar:

Cara rahasia meningkatkan SEO.

Meningkatkan seo di chkme.com menggunakan free links building

Pada articel lalu saya jelaskan menggunakan terlalu banyak widget dapat mengurangi SEO

namun ternyata widget yang ini beda sama yang lainnya.

Langsung saja ke TKP.
Pertama sebelum mencoba anda cek dulu SEO anda di chkme.com

PERGI KE SINI LINK FOR YOU SEO
Lalu masuk ke blogger.com jika anda belum masuk
pilih tata letak -> pilih lagi HTML/JAVASCRIPT

masukan kode yang anda dapatkan dialamat tadi atau yang lebih mudahnya masukan saja kode ini di HTML/JAVASCRIPT tadi

<a title="SEO Links Exchanges | Blog Link Building Service" target="_blank" href="http://seo-links-exchanges.blogspot.com/"><img width="80" alt="SEO Links Exchanges, Blog Link Building Service" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdB9LvUmsvtQdxzsz1Xc1vl-s2c4JDy47q6fq5Zq9mW09Xqolv1u-35tsYyWf-IHhBlCEGtUw-mvUZZ4ZW8y_LOdY_pzAgegi_qAg5dvuvTigrTz_jhmscIcrgeaRWut2CuZEhT3Wdyho/s1600/Free+Links+04.png" height="15" /></a> <a title="Build Your Links For Free | Links Building Service" target="_blank" href="http://free-links-building.blogspot.com/"><img width="80" alt="Build Your Links For Free, Links Building Service" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8moEk1uVPdiz2B3gBawD7mnhtsvjT19RqrEv5unmRiZlF13E3BD_T3-vwX9BkPM3RkTKcaHMN4Yx9kphgWF9B0URSfJH7mBMELN7fBe1MMbiwtCOjx5bGo5dxyHGscWru41_V4rr0lqEr/s1600/Free+Links+03.png" height="15" /></a> <a title="SEO Links Attitude | Free SEO Links Building " target="_blank" href="http://free-links-exchanges.blogspot.com/"><img width="80" alt="SEO Links Attitude | Free SEO Links Building " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUcr_8ptVGf2FoOjiqJT62TDJYn914bhxqcKyPs4meu3PUJl-LtAiN8E8yKb-BzRzTnkPFApEoyCdhrfkn8_VkDYhFek2UmqdX18m4flA1PPRJ4AwhKWluxyRUvA_npGOLuXT3mBRVDAE/s1600/Free+Links+02.png" height="15" /></a> <a target="_blank" href="http://linux-tutor-and-tips.blogspot.com/"><img width="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0yrfqCTdJXTI8e0JJpr9vuMQwEK1xKwnR8fRGXeX0BEvs644CCn_XthlP3WHnUTdlqmoQn5it3XHObKv10o6c26AEFwyw6vKubyWiF58Zcp0R8hiwdcHslasKGug6w49b-6zIyBNfbRA/s1600/Free+Links+01.png" height="15" /></a>  <a title="Free Backlink Service, Links Building 4 Free" target="_blank" href="http://free-backlink-service.blogspot.com/"><img width="80" alt="Free Backlink Service, Links Building 4 Free" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqV_HcqdrG9AgA7BYMRVsckK0VNuGT2JxsindaANsbzM2uTiqAuJyVm0t-m_3UubEy3LM8wFuhOFdH-VVtskRCPq2rDdRhynO46wnYafzTexTdSlJ4zapvhlP8_I7sPbXTlQxoEf3i8xc/s1600/Free+Links+05.png" height="15" /></a>

Jangan rubah sedikit pun kode diatas.
jika langkah diatas sudah selesai coba cek SEO anda di chkme.com
pasti ada perubahan... :keren:

Download Template Premium BLOG Terselbung Gratis Alias Free

Tidak ada komentar:

Template Premium Blog Terselubung Gratis

Ada yang tahu blog terselubung? mungkin para blogger sudah tidak asing lagi dengan kaa "Terselubung". Baru baru ini kabar buruk terjadi menimpa Blog yang sudah beridiri bertahun - tahun ini, yaitu dihapus oleh mas Google. Tidak tahu kenapa, namun yang pasti saya dengar sudah banyak orang dirugikan karena post dari Blog ini hampir hasil Jiplak semua.

Nah, ceritanya nanti aja ya. karena saya sekarang akan memberikan template premium Terselubung tanpa harus mengeluarkan uang sepeser pun alias FREE.

Kalo belum tahu penampakan Template nya bisa dilihat pada SS berikut.

Masih belum jelas? silahkan dilihat Demonya KLIK DISINI
Ngilerkan? ya udah kalo udah bener bener greget silahkan dicomot ya

Minta Komennya ya! :)

Cara Membuat Blog Valid HTML 5 Lengkap dari Kangismet.net

Tidak ada komentar:

Cara Membuat Blog Valid HTML5 - Awalnya saya males belajar tentang HTML5 tapi mengikuti perkembangan zaman, akhirnya belajar juga HTML5. Jujur saya terkontaminasi oleh Bung Adhy Kompi Ajaib :)

Apa itu HTML5? HTML5 adalah pengembangan dari versi sebelumnya, dimana tujuan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin. Intinya, agar web/blog terbaca sempurna di semua browser dan mudah dalam penggunaan.

Perlukah web/blog valid HTML5? dari berbagai sumber saya temukan bahwa diantara keuntungan mevalidasi blog adalah :

Membantu Search Engine meng-indeks dokumen website/blog lebih baik.
Render browser lebih baik dan lebih cepat
DOCUMENT OBJECT MODEL (DOM) lebih stabil dan konsisten
Future Proof, yang berarti HTML lebih kompatible, backward compatible terhadap browser terbaru.
Mengetahui kondisi website/blog lebih detail ( link-link broken, link mati, dst.)
Lebih disukai browser-browser dan tentu masih banyak lagi keuntungan lain dari validasi HTML ini.

Baguskah validasi Blogspot untuk SEO? Nah.. ini yang saya masih belum tau, kalau melihat alasan di atas tentunya baik, tapi kenapa vitur-vitur template blogspot itu sendiri belum valid HTML5. Saya tunggu pendapat sobat tentang validasi untuk SEO.

VALIDASI BLOG DISINI atau DISINI | CONTOH BLOG YANG TELAH DIVALIDASI

Cara Membuat Blog 100% Valid HTML5

Langkah 1 : Backup template sebelum melakukan editing.
Langkah 2 : Cari kode seperti ini :

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><head>ganti dengan :
<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html><HTML><head><meta charset='utf-8'/>

Langkah 3 : Ganti kode </html> dengan </HTML> (paling bawah di template)

Langkah 4 : ganti kode ini :

<b:include data='blog' name='all-head-content'/>

dengan kode di bawah ini :

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/><meta content='blogger' name='generator'/><link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/><link expr:href='data:blog.url' rel='canonical'/><link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/><link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/><link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/><link href='http://www.blogger.com/openid-server.g' rel='openid.server'/><link expr:href='data:blog.homepageUrl' rel='openid.delegate'/><b:if cond='data:blog.pageType == "item"'><b:if cond='data:blog.postImageThumbnailUrl'><link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/></b:if><b:if cond='data:blog.metaDescription != ""'><meta expr:content='data:blog.metaDescription' name='description'/><b:else/><meta expr:content='data:blog.pageName + " - " + data:blog.title' name='description'/></b:if></b:if>

Langkah 5 : Ganti <b:skin><![CDATA[ dengan kode dibawah :

<link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' rel='stylesheet' type='text/css'/><style type="text/css"> <!-- /*<b:skin><![CDATA[*/]]<style>

Langkah 6 : Hapus semua kode ini :

<b:include name='quickedit'/>

Setiap kali menambahkan widget baru, hapus kode di atas.
Langkah 7: Hapus semua kode ini (opsional)

<a expr:name='data:post.id'/>

Langkah 8 : hapus kode seperti ini :

<b:include data='post' name='postQuickEdit'/>

atau seperti ini :

<b:includable id='postQuickEdit' var='post'><b:if cond='data:post.editUrl'><span expr:class='"item-control " + data:post.adminClass'><a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'><img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/></a></span></b:if></b:includable>

Langkah 9 : Hapus kode dibawah ini (kalau ditemukan, kalau tidak ada, lewati saja)

<div class='post-share-buttons goog-inline-block'>...sampai...</div>

Langkah 10 : Ganti semua code & dengan &

Sampai di sini, template sobat sudah bisa Valid HTML5 untuk Homepage. Akan tetapi pada postingan masih banyak error karena komentar blogger (kecuali komentar hack seperti blog ini). Mudah-mudahan saya bisa share cara mem-fix-an postingan.

Harap Diperhatikan

Kemungkinan dengan langkah-langkah di atas, blog sobat belum valid. Supaya menjadi 100%, silahkan perhatikan beberapa hal dibawah ini :

1. Selalu gunakan tag alt pada gambar, contoh :

<img alt="HTML5" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1h6hFapSNVU6i5xymQmqxttJtGLGeEQqCdjWLx7Qnj3pKtw-76xsLO-1W11x0jYaAdC-f2QnHjaWHtMu55D6p4TKZAuKWhWwj9PL6X0A9cyfthgzHVlRcxdc12Tr8doAakfhIID5Z6JA/s1600/html5.png" />

2. Jangan gunakan border="0" pada gambar, sebagai gantinya tambahkan kode :

style="border:none"

atau CSS terpisah seperti

img{border:none}

3. Pada iFrame, jangan menggunakan frameborder="0" atau allowtransparency:"true" scrolling="no", sebagai gantinya gunakan kode :

style="border:none;overflow:hidden"

atau CSS terpisah seperti

iframe{border:none;overflow:hidden}

4. Pada tag a jangan menggunakan tag name seperti :

<a name='comment-form'>

sebagai gantinya gunakan id seperti :

<a href='#comment-form'>

5. Jangan ada dua id pada template.

6. Hapus kode <b:include name='quickedit'/> setiap menambah widget baru.

Semoga bermanfaat...

Pages

Diajar BLOG

Game Reviews

Tech News

New Design

Recent Post

SJUTAIT - Template SEO Friendly 100% Valid HTML5 Valid CSS3 dan Full Responsive

Cara Mempercepat Blog Dengan Script Lazy Load, Ampuh

Cara Pasang TV Online di Blog Dengan Mudah

Tips Agar Postingan Blog Anda Banyak Yang Berkomentar

Cara Membuat Scroll Pada Widget Mudah (Label, Popular Post dll)

Cara Membuat Random Post di Blog dengan Mudah, Tanpa Edit HTML

Download Template SEO Friendly Terbaik dari Kang Kapuk

Download :

Password :

Widget Ajaib Peningkat SEO

Download Template Premium BLOG Terselbung Gratis Alias Free

Template Premium Blog Terselubung Gratis

Cara Membuat Blog Valid HTML 5 Lengkap dari Kangismet.net

Cara Membuat Blog 100% Valid HTML5

Harap Diperhatikan