JASA PEMBUATAN WEBSITE

Menampilkan Jumlah Komentar dan Postingan di Blog

hasilnya nanti seperti dibawah ini :

Naahhh ingin sekali membuatnya bukan? Yuk ikuti tutorial dibawah ini :

MEMBUAT WIDGET ARTIKEL TERBARU DENGAN GAMBAR DAN SCROLL

Pertama seperti biasa anda harus login dulu akun blogger anda.

Setelah itu Pilih Tata letak.

Lalu pilih Tambahkan Gadget.

Setelah itu pilih HTML/Javascript.

Kemudian masukkan kode dibawah ini

Cara Memasang Scoll pada Archive Blog

Cara Memasang Scoll pada Archive Blog

Login ke Blogger
Di halaman Dasbor, pilih Template
Kemudian pilih Edit HTML
Cari kode ini : <div id='ArchiveList'> lebih cepatnya gunakan CTRL+F
Setelah ketemu taruh kode <div style='overflow:auto; width:ancho; height:200px;'> ini tepat diatasnya kode <div id='ArchiveList'>
Kemudian beri kode tambahan </div> sebelum kode <b:include name='quickedit'/>
Selesai!
Catatan : Sebelum kalian menggunakan tutorial ini sebelumnya kalian harus tambahkan HTML/Java Script - Blog Archive pada Tata Letak kalian!
Jika masih bingung kalian bisa melihat tata letak yang benar seperti dibawah ini :

template SEO friendly

Masih melanjutkan postingan saya sebelumnya seputar template SEO friendly, kali ini saya ingin sedikit berbagi tutorial tentang bagaimana cara memodifikasi template blogger menjadi lebih SEO friendly.

Tutorial seperti ini sebenernya sudah cukup basi. Ketika saya masih baru mengenal dunia blogger tutorial seperti ini sudah banyak yang membahasnya. Tapi tentu saja apa yang akan saya bagikan disini adalah sesuai dengan pengalaman dan hasil experimen sendiri, jadi mungkin akan ada perbedaan dengan tutorial-tutorial yang pernah ada sebelumnya.

Cara Memasang Breadcrumb di Blog

Artikel saya kali ini akan membahas tentang fitur navigasi yang terletak di atas atau bisa juga di bawah judul postingan, yang biasa kita kenal dengan nama breadchumb. Pengertianbreadcrumb sendiri kurang lebihnya adalah suatu navigasi yang berisikan kategori atau label dari postingan dan bisanya selalu di awali dengan tombol menuju home (halaman depan blog).

Membuat Semua Link Terbuka Di Tab Baru

Membuat Semua Link Terbuka Di Tab Baru \ Poin penting untuk meningkatkan pageview adalah dengan membuat pengunjung betah berlama-lama di blog sobat. Nah untuk membuat pengunjung betah dan selalu berada di blog bisa dengan membuat tab baru ketika ada link yang di klik oleh pengunjung, dan tentunya semua link akan terbuka di tab baru secara otomatis.

Berikut Kumpulan Tag Conditional

Menampilkan widget hanya di Homepage

<b:if cond="data:blog.url == data:blog.homepageUrl">
.......isi.....
</b:if>

Menampilkan widget selain di Homepage

<b:if cond="data:blog.url != data:blog.homepageUrl">
.......isi......
</b:if>

Menampilkan widget hanya di Archivepage

<b:if cond='data:blog.pageType == "archive"'>
......isi......
</b:if>

Menampilkan Widget selain di Archivepages

<b:if cond='data:blog.pageType != "archive"'>
.......isi......
</b:if>

Menampilkan Widget hanya di Itempages / Postingan

<b:if cond='data:blog.pageType == "item"'>
.......isi css......
</b:if>

Menampilkan widget selain di Itempages

<b:if cond='data:blog.pageType != "item"'>
.......isi......
</b:if>

Menampilkan widget hanya di Staticpages

<b:if cond='data:blog.pageType == "static_page"'>
.......isi......
</b:if>

Menampilkan widget selain di Staticpages

<b:if cond='data:blog.pageType != "static_page"'>
.......isi css......
</b:if>

Menampilkan widget pada URL atau halaman tertentu

<b:if cond='data:blog.url == "alamatpostingan"'>
.......isi css......
</b:if>

Menampilkan widget selain di URL atau halaman tertentu

<b:if cond='data:blog.url != "alamatpostingan"'>
.......isi css......
</b:if>

Menampilkan widget hanya halaman muka, tidak terlihat dihalaman posting

<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'>

.......isi css......

.......isi Javascript......

</b:if></b:if>

Link Error

<b:if cond='data:blog.pageType == "error_page"'>

<a expr:href='HALAMAN/LINK_POSTINGAN_ERROR'/></b:if>

Menampilkan widget di halaman mobile/seluler

<b:if cond='data:blog.isMobile'>
... Isi ...
</b:if>

Menampilkan widget di halaman perambaan label

<b:if cond='data:blog.searchLabel'>

-----ISI-----------

</b:if>

Penerapan Tag Conditional

Cari code HTML widget yang dipasangi tag conditional di template (gunakan Ctrl+F untuk mempermudah pencarian). Kemudian masukkan code tag conditional di antara widget tersebut. Contohnya seperti ini:

<b:widget id='HTML3' locked='false' title='Adsvertisement' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.pageType == "item"'>
    
    <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'><data:content/></div>
    <b:include name='quickedit'/>
    </b:if>
    </b:includable>
    </b:widget>

Jika sudah menyisipkan codenya, jangan lupa klik Simpan perubahan pada template Anda.

semoga artikel ini berguna untuk Anda, Terima kasih.

Selamat pagi ! dipagi ini saya akan menulis artikel tentang kumpulan Tag Conditional. Bagi yang belum tahu apa itu tag conditional ini saya akan menjelaskannya dengan singkat, walaupun sudah banyak ditulis oleh blogger-blogger lain. Tag Condisional adalah tag yang digunakan untuk mengatur suatu gadget/widget atau suatu elemen tertentu untuk ditampilkan atau tidak ditampilkan dalam halaman blog Anda. Contoh: dihalaman postingan blog Anda ingin menampilkan widget arsip blog tetapi tidak pada halaman utama blog Anda. Untuk mengatur widget arsip blog tersebut tampil dan tidak tampil maka digunakanlah Conditional Tag. Nah, sekarang saya akan memberikan kumpulan Tag Conditional Blogspot yang digunakan untuk menyesuaikan halaman spesifik, simak ya !

Sumber refrensi: http://blog.rizkyramadhani.com/2013/05/Kumpulan.dan.Kegunaan.Tag.Conditional.Blogspot.html#ixzz30Tpg6JUs