Teknologi Komputer: Blog

Showing posts with label Blog. Show all posts

Cara Membuat Sitemap di Halaman Statis Blog

Pada artikel berikut akan dijelaskan tentang cara pembuatan halaman Arsip di blog seperti terlihat pada gambar di bawah ini:

Pada halaman arsip ini, judul postingan ditampilkan berdasarkan bulan dan tanggal publikasi. Halaman ini berfungsi untuk navigasi dan internal link untuk memudahkan pengunjung dalam mencari topik-topik yang berada didalam blog kita. Berikut adalah cara membuat arsip blog seperti terlihat pada gambar di atas:

Langkah-langkah dalam membuat arsip blog:

Login ke dashboard blogger
Klik "Page" > "New Page"
Isi Judul dengan "Archives"
Klik mode HTML dan copy pastekan script berikut di halaman HTML tersebut.
<script type="text/javascript">

function LoadTheArchive(TotalFeed)

{

var PostTitles = new Array();

var PostURLs = new Array();

var PostYears = new Array();

var PostMonths = new Array();

var PostDays = new Array();

if("entry" in TotalFeed.feed)

{

var PostEntries=TotalFeed.feed.entry.length;

for(var PostNum=0; PostNum<PostEntries ; PostNum++)

{

var ThisPost = TotalFeed.feed.entry[PostNum];

PostTitles.push(ThisPost.title.$t);

PostYears.push(ThisPost.published.$t.substring(0,4));

PostMonths.push(ThisPost.published.$t.substring(5,7));

PostDays.push(ThisPost.published.$t.substring(8,10));

var ThisPostURL;

for(var LinkNum=0; LinkNum < ThisPost.link.length; LinkNum++)

{

if(ThisPost.link[LinkNum].rel == "alternate")

{

ThisPostURL = ThisPost.link[LinkNum].href;

break

}

}

PostURLs.push(ThisPostURL);

}

}

DisplaytheTO C(PostTitles,PostURLs,PostYears,PostMonths,PostDays);

}

function DisplaytheTOC(PostTitles,PostURLs,PostYears,PostMonths,PostDays)

{

var MonthNames=["January","February","March","April","May",

"June","July","August","September","October","November","December"];

var NumberOfEntries=PostTitles.length;

var currentMonth = "";

var currentYear = "";

for(var EntryNum = 0; EntryNum < NumberOfEntries; EntryNum++)

{

NameOfMonth = MonthNames[parseInt(PostMonths[EntryNum],10)-1]

if (currentMonth != NameOfMonth || currentYear != PostYears[EntryNum]){

currentMonth = NameOfMonth;

currentYear = PostYears[EntryNum];

document.write("<div class='dateStyle'><br />" + currentMonth+" "

+currentYear+" </div>");

}

document.write('<a href ="'+PostURLs[EntryNum]+'">

<div class=dayStyle>'+parseInt(PostDays[EntryNum],10)

+":  </div> "+PostTitles[EntryNum]+"</a><br />");

}

}

</script>

<script src="http://YOURBLOGHERE.blogspot.com/feeds/posts/

default?max-results=500&alt=json-in-script&callback=LoadTheArchive"/>

</script>



<style type="text/css">

.dateStyle {

color:#000;

font-weight:bold;

font-size: 15px;

font-family: Arial, sans-serif;

margin: 0;

}

.dayStyle {

color:#000;

font-weight:bold;

font-family: Arial, sans-serif;

display: inline-block;

}

</style>
Ganti tulisan yang bewarna merah dengan alamat blog anda.
Klik save dan publih.

Selamat sekarang blog anda sudah mempunyai halaman arsip.

(http://blogromeltea.blogspot.co.id/2016/02/cara-membuat-halaman-indeks-arsip-atau.html)

Cara Membuat Widget Artikel Terbaru di Blog

Widget untuk menampilkan artikel terbaru yang akan dibahas di bawah ini mempunyai beberapa kelebihan, diantaranya:
Hanya menampilkan judul artikel
Merubah jumlah postingan
Menampilkan tanggal postingan

Cara menambahkan widget artikel baru ke blogger:

Login ke dashboard blogger > Layout > Klik Add a Gadget
Dari window pop-up, tarik ke bawah dan pilih HTML/ Java Script
Copy kode di bawah ini, kemudian pastekan di dalam box diatas.
<div id="hlrpsb">
<script type="text/javascript">
function showrecentposts(t){for(var e=0;e<numposts;e++){var n,r=t.feed.entry[e],i=r.title.$t;if(e==t.feed.entry.length)break;for(var d=0;d<r.link.length;d++)if("alternate"==r.link[d].rel){n=r.link[d].href;break}i=i.link(n);var s=r.published.$t,a=s.substring(0,4),o=s.substring(5,7),l=s.substring(8,10),u=new Array;u[1]="Jan",u[2]="Feb",u[3]="Mar",u[4]="Apr",u[5]="May",u[6]="Jun",u[7]="Jul",u[8]="Aug",u[9]="Sep",u[10]="Oct",u[11]="Nov",u[12]="Dec",standardstyling||document.write(""),document.write('<div class="rctitles2">'),standardstyling&&document.write(""),document.write(i),standardstyling&&document.write(""),1==showpostdate&&document.write(" - "+l+" "+u[parseInt(o,10)]+" "+a),standardstyling||document.write("</div>"),document.write("</div>"),standardstyling&&document.write("")}standardstyling||document.write('<div class="bbwidgetfooter">'),standardstyling&&document.write(""),document.write(""),standardstyling||document.write("/div")}
</script>
<script type="text/javascript">var numposts = 10;var showpostdate = false;var standardstyling = true;</script>
<script src="http://blog-address.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><a style="font-size: 9px; color: #CECECE; float: right; margin-top: 10px;" href="http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #000000;font-size:13px;text-transform:capitalize;}.rctitles2 {padding-bottom:10px;margin-bottom:10px;border-bottom: 1px dotted #cccccc;}
</style>
Cara customize widget artikel terbaru:
Untuk merubah jumlah postingan yang ingin ditampilkan, ganti "varnumpost = 10" dengan angka yang diinginkan.
Jika ingin menggantikan tanggal postingan, ganti "false" ke "True"
Untuk mengganti warna link dan ukuran huruf, ganti tulisan warna biru dan ungu.
Ganti "http://blog-address.blogspot.com" dengan alamat blog anda.
Jangan lupa save! Selamat, sekarang Blog anda sudah memiliki widget artikel terbaru. (http://helplogger.blogspot.co.id/2012/04/recent-posts-widget-for-bloggerblogspot.html)

Cara Membuat Judul Postingan Rata Tengah di Blog

Judul sebuah artikel di blog secara default terletak di sebelah kiri. Oleh karenanya, jika anda ingin membuat judul postingan menjadi rata tengah atau rata kanan, maka anda harus menambahkan koding ke dalam template blogspot. Pada tutorial kali ini, saya akan menjelaskan cara yang mudah untuk membuat judul postingan menjadi rata tengah.

Gambar halaman depan blog dengan judul postingan rata kiri.

Berikut adalah Cara Membuat Judul Postingan Menjadi Rata Tengah:

Login ke Blogger
Pilih Template >> Edit HTML
Cari Kode (Ctrl+F): h3.post-title, maka anda akan menemukan hasil pencarian lebih dari satu, pilih kode h3.post-title a{} dan h3.post-title, h4 {}, seperti pada gambar di bawah ini:
Tambahkan kode text-align:center; kedalam kedua blok koding di atas, hasilnya akan menjadi seperti berikut:
Selesai, jangan lupa save template ya, hasilnya akan terlihat seperti berikut ini:

Selamat, blog anda sekarang mempunyai semua judul postingan yang rata tengah, baik di halaman depan blog (halaman home page) maupun di halaman postingan. Demikian, tutorial kali ini, semoga bermanfaat buat kita semua. Salam Blogger..! (http://karya-mandau.blogspot.co.id/2012/09/tutorial-cara-membuat-judul-post-rata.html)*.

Cara Menghilangkan Garis Bawah Border Widget di Blog

Sebuah widget/ gidget di blog secara default mempunyai buttom border atau border bagian bawah. Ketika anda ingin memunculkan atau menyembunyikan widget hanya pada halaman tertentu saja, maka buttom border dari widget yang sudah disembunyikan akan tetap terlihat di halaman tersebut. Hal ini tentu akan membuat tampilan dari sebuah blog menjadi terlihat kurang rapi dan kurang indah. Oleh karenanya, alangkah baik jika border bagian bawah tersebut dapat kita hilangkan. Pertanyaannya adalah bagaimana cara menghapus buttom border tersebut? Ikuti terus artikel ini ya.

Gambar halaman statis blog tanpa widget, namun menampilkan buttom border dari widget yang disembunyikan..!

Cara Menghilangkan Garis Bawah Border Widget di Blog:

Login ke blogger
Pilih Template >> Edit HTML
Cari kode (Ctrl + F) .main-inner .widget, Didalamnya anda akan melihat koding seperti berikut:
.main-inner .widget {

padding: 0 0 15px;

margin: 20px 0;

border-bottom: 1px solid $(widget.border.bevel.color);

}
Ubahlah tulisan bewarna merah menjadi 0px seperti berikut ini:
.main-inner .widget {

padding: 0 0 15px;

margin: 20px 0;

border-bottom: 0px solid $(widget.border.bevel.color);

}
Terakhir, jangan lupa save template!
Selesai, blog anda sekarang akan terbebas dari buttom border dan tentunya akan menjadi lebih indah! Sekian dulu tutorial dari saya, semoga bermanfaat ya buat teman-teman semua!

Cara Merubah Ukuran Font di Postingan Blog

Pada dasarnya ada beberapa cara untuk merubah ukuran font di blog. Pada tutorial kali ini saya akan menguraikan dua cara yang bisa digunakan untuk merubah ukuran font di blog.

Cara pertama yaitu dengan mengedit langsung pada artikel yang sedang dibuat. Namun, adakalanya ukuran font di blog tetap tidak akan berubah walaupun sudah beberapa kali diganti lewat halaman compose di postingan blog, sehingga anda harus merubahnya satu-persatu melalui HTML. Hal ini tentu sangat merepotkan dan menghabiskan banyak waktu.

Cara kedua merupakan cara yang lebih mudah dan efisien, hanya dengan menggantinya sekali, ukuran font dari semua artikel pada blog anda akan berubah secara otomatis. Saya juga menggunakan cara yang satu ini pada blog dan berikut adalah langkah-langkah cara mengubah ukuran font di blog dengan sangat mudah:

Login ke blogger
Pilih Template >> Customize
Klik Advanced
Pilih Body Text >> Font (Jenis dan Ukuran Huruf)
Lihat Preview dibawahnya, apakah sudah sesuai dengan keinginan anda, jika belum silahkan ganti lagi dengan ukuran font yang anda inginkan.
Terakhir, klik Apply to Blog

Selesai, demikian tutorial kali ini tentang cara merubah ukuran font pada artikel blog, semoga ada manfaatnya untuk kita semua! Salam Blogger..(http://www.palucomputer.com/2015/03/cara-merubah-ukuran-fonthuruf-artikel.html)*.

Cara Menghilangkan Tanda Obeng dan Tang di Blog

QuickEdit yang diberi tanda dengan obeng dan tang berfungsi sebagai jalan cepat untuk mengedit widget di blog. Namun demikian, tanda QuickEdit jarang dipakai, karena kebanyakan blogger lebih nyaman menggunakan dashbor. Oleh karena itu, ada baiknya untuk menghapusnya, sehingga akan mempercantik tampilan dan mempercepat loading sebuah blog.

Pada tutorial kali ini, saya ingin membahas bagaimana cara menghapus atau menyembunyikan tanda obeng dan tang di blogspot. Ikuti langkah-langkah berikut ya.

Cara Menghapus Tanda Obeng dan Tang di Blog

Login ke blogger
Pilih Template > Edit HTML
Cari Kode (Ctrl+F) <b:include name='quickedit'/>, seperti dibawah ini:

Akan banyak kode tersebut di blog, hapus semuanya. Jika tidak ingin menghapusnya, anda juga bisa membuat komen untuk menonaktifkan kode tersebut dengan cara menambahkan tanda  diawal dan diakhir kode-nya seperti berikut :
Terakhir, jangan lupa Save Template.

Cara Menyembunyikan Tanda Obeng dan Tang di Blog
Jika tidak ingin menggunakan cara di atas, anda juga bisa menggunakan cara yang lebih mudah karena tidak perlu menghapus atau memberi tanda komen satu persatu. Hanya saja, cara berikut ini hanya berfungsi untuk menyembunyikan tanda obeng dan tang. Ketika terjadi perayapan oleh google, icon ini akan tetap terbaca sebagai gambar yang tidak mempunyai title dan deskripsi. Berikut cara menyembunyikan tanda obeng dan tang tanpa harus menghapusnya:

Login ke blogger
Klik Template >> Customize
Pilih Advanced >> Add CSS
Isi Kotak tersebut dengan koding: .quickedit { display:none; }, seperti gambar berikut ini:
Terakhir klik Apply to Blog. Selesai, silahkan anda memilih salah satu cara dari yang sudah dijelaskan di atas. Namun, saya menyarankan untuk memilih cara pertama, menurut saya cara yang terakhir tidak baik untuk SEO.
(http://www.blogooblok.com/2015/01/cara-menghilangkan-dan-menghapus-tanda.html)*.

Cara Membuat Laporan Invalid Klik Iklan Adsense

Jika anda ingin mempertahankan akun adsense anda, sebaiknya anda mematuhi semua aturan yang sudah ditetapkan oleh google supaya akun anda tidak dibanned. Ada beberapa kegiatan illegal yang dilarang oleh google, salah satu diantaranya adalah invalid click atau klik palsu pada iklan adsense. Invalid klik terjadi ketika anda mengklik iklan adsense sendiri baik secara sengaja ataupun tidak. Lantas, bagaimana jika kita sudah terlanjur melakukannya? Anda tidak perlu khawatir karena saat ini google sudah menyediakan form pengaduan. Berikut langkah-langkah untuk melakukan pengaduannya:

Masuk ke halaman pengaduan invalid klik.
Isi form pendaftaran seperti dijelaskan berikut ini:

Keterangan gambar:
- Nama: Isi sesuai dengan yang didaftarkan ke akun adsense.
- Alamat Email: Isi sesuai dengan yang didaftarkan ke akun adsense.
- ID Penayang: ID penayang bisa dicek pada Tab Penghasilan Adsense di blog anda.
- URL Lokasi Iklan: Tulis URL halaman tempat anda mengklik iklan sendiri.
- Topik: Pilih topik "Melaporkan aktivitas yang tidak biasa pada akun saya."
- Tanggal dan Waktu Aktifitas Klik: Isikan tanggal dan waktu kejadiaan.
- Paragraf yang menjelaskan alasan tentang aktifitas klik yang menurut anda tidak sah: Ceritakan kronologi kejadian bagaimana bisa mengklik iklan sendiri
- Harap sertakan apapun dari log atau laporan lalu lintas situs, aplikasi selular: Optional (Isi IP Address, provider atau yang berhubungan dengan jaringan internet lainnya)
Klik tombol kirim: Pada tahap ini berarti anda sudah selesai mengajukan laporan tentang aktivitas yang tidak valid di blog anda. Berhati-hatilah untuk tidak melakukan klik iklan sendiri kedepannya, karena google akan bisa melacak akun dan aktifitas anda yang bisa membuat akun anda dibanned. Tetap semangat ngeblog ya.!

Cara membuat Tab Menu Rata Tengah dan Rata Kanan di Blog

Pada tutorial kali ini, saya ingin berbagi tentang bagaimana cara membuat menu bar menjadi rata tengah di blogspot. Pada dasarnya, default dari tab menu di blog adalah rata kiri, sehingga dibutuhkan kode khusus yang harus ditambahkan kedalam template jika ingin membuat tab menu menjadi rata tengah atau rata kanan. Di bawah ini adalah tampilan default menu di blogspot dengan rata kiri.

Selanjutnya, saya akan menguraikan langkah demi langkah untuk membuat tab menu menjadi rata tengah atau rata kanan.

Cara Membuat Tab Menu Rata Tengah
Berikut langkah-langkahnya:

Login ke Blogger
Pilih Template > Edit HTML
Cari kode (Ctrl+F) ]] > < /b:skin>
Copy dan Paste kode berikut tepat di atas kode tersebut di atas
.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;
}
Selesai dan klik save template!

Cara Membuat Tab Menu Rata Kanan
Pada dasarnya, cara untuk membuat tab menu rata kanan sama dengan cara membuat tab menu rata tengah, perbedaannya hanya pada "text align"nya saja. Berikut langkah-langkahnya:

Login ke Blogger
Pilih Template > Edit HTML
Cari kode (Ctrl+F) ]] >< /b:skin>
Copy dan Paste kode berikut tepat di atas kode ]] >< /b:skin>
.PageList {text-align:right !important;}
.PageList li {display:inline !important; float:none !important;
}
Selesai dan klik save template!

(http://www.tulisanwortel.com/2014/05/cara-membuat-tab-menu-menjadi-center.html)*.

Cara Mengetahui ID Widget di Blog

Ketika kita ingin memunculkan atau menyembunyikan widget hanya pada halaman tertentu saja, maka kita perlu mengetahui ID dari widget tersebut. Pada tutorial kali ini, saya akan menjelaskan bagaimana cara mengecek ID widget di sebuah blog. Pada dasarnya, ada dua cara untuk mengetahui ID widget, yaitu dengan cara mengecek dari Layout atau mengecek lewat Template. Caranya akan dijelaskan selengkapnya di bawah ini:

Mengetahui ID widget dari Layout

Untuk mengetahui ID widget dari layout, begini caranya:

Login ke blogger.
Pilih Layout.
Cari widget mana yang ingin diketahui ID nya, lalu klik Edit.
Kemudian cek URL dari widget tersebut, ID widget terletak hampir di ujung dari URL widget.

Mengetahui ID widget dari Template

Untuk mengetahui ID widget dari template, Berikut langkah-langkah nya:

Login ke blogger.
Pilih Template.
Klik Menu "Jump to widget", kemudian klik widget yang ingin diketahui ID nya.
ID widget terletak setelah tulisan "id=" seperti terlihat di gambar di bawah ini.

Selesai, sekian dulu tutorial singkat kali ini, semoga bermanfaat ya, jangan lupa like and share! (http://wadahtutorial.blogspot.co.id/2012/01/cara-mengetahui-id-widget-blogger.html)*.

Cara Membuat Auto Readmore Tanpa Javascripts di Blog

Halaman depan blog akan secara otomatis menampilkan beberapa artikel terbaru secara lengkap, sehingga membuat laman postingan menjadi sangat panjang. Untuk mengatasi hal ini, banyak blogger yang membuat auto readmore dengan memenggal setiap tulisan menjadi hanya beberapa baris saja dan dengan memasang auto readmore akan membuat tampilan blog menjadi lebih rapi. Contoh tampilan homepage dengan auto readmore bisa dilihat di gambar berikut:

Pada kesempatan kali ini, saya akan membahas tentang cara membuat auto readmore plus thumbnail (gambar) tanpa menggunakan javascript. Kenapa tidak menggunakan javascript? Karena javascript bisa memperlambat loading blog. Sebaliknya, auto readmore tanpa javascript akan membuat loading blog menjadi semakin ringan dan cepat.

Lantas, bagaimana cara membuat auto readmore+gambar tanpa javascript di blog ?

Begini caranya....

Login ke Blogger
Pilih Template > Edit HTML
Cari kode (Ctrl+F) ]]></b:skin> dan paste kode berikut diatasnya:
.thumbnail-post {

width:160px;height:120px;

float:left;margin:0px 10px 0px 0px;

}
Note: Tulisan bewarna merah adalah ukuran gambar yang bisa diubah-ubah.
Selanjutnya, cari kode <data:post.body/> yang kedua atau ketiga dan ganti dengan kode berikut:
<b:if cond='data:blog.pageType != "static_page"'>

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

<b:if cond='data:post.firstImageUrl'>

<a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' expr:src='data:post.firstImageUrl'/></a>

<b:else/>

<a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh969481izNp2ReArSjDX_wlqFq_HSonR5zvpqRIQnZ7xpyrKVciahvDqbHxLJoagiqMgpcvDk4rIxAAQhmfsQE5fX_mWdgLJqwzxjG3YT169d7pQglm4Lf-_UF6KoAenZmUaoRsghxAGNZ/s1600/picture_not_available.png'/></a></b:if>

<div class='post-snippet'>

<data:post.snippet/>

</div>

<div class='rm-button-wrap'>

<a class='button' expr:href='data:post.url'>Readmore</a>

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

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

<data:post.body/></b:if>

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

<data:post.body/></b:if>
Terakhir Jangan lupa Save!

Selesai, sekarang anda sudah bisa membuat halaman utama di blog berisi postingan yang dipenggal dengan auto readmore yang membuat blog anda terlihat lebih professional.

(http://mas-rd.blogspot.com/2015/07/cara-membuat-auto-readmore-thumbnail.html)*.

Cara Menghilangkan Judul Halaman Statis

Banyak blogger ingin menghapus judul pada halaman statis kerena dapat mengganggu tampilan dari halaman tersebut. Namun, untuk menghapusnya tidaklah semudah menghapus sebuah widget dengan mengklik remove buttom. Pada dasarnya judul di halaman statis (page title) muncul secara otomatis seperti halnya judul tulisan (post title). Namun, menghapus judul halaman statis tidak bisa secara otomatis dengan hanya sekali klik, dibutuhkan beberapa baris koding untuk bisa betul-betul menghilangkan judul dihalaman tersebut.

Berikut contoh tampilan halaman statis dengan dan tanpa judul:

Cara Menghilangkan Judul di Halaman Statis:

Nah, untuk menghilangkan judul dihalaman statis, ikutilah langkah-langkah berikut:

Login ke akun blogger anda
Buka Template > Edit Template
Cari (Ctrl+F) kode ]]</b:skin>
Copy Paste kode berikut ini di bawah kode tersebut:
<b:if cond='data:blog.pageType == "static_page"'>

<style>

.post-title.entry-title{

display: none;

}

</style>

</b:if>

Sehingga jadi seperti ini:

Selesai, sekarang judul dihalaman statis anda sudah hilang, silahkan like dan share tulisan ini.

(http://blogromeltea.blogspot.co.id/2015/02/cara-menghilangkan-judul-halaman-statis.html)*

Cara Menampilkan Widget Hanya di Halaman Tertentu

Untuk menampilkan widget, iklan atau fitur tertentu hanya akan tampil dihalaman tertentu saja, ikutilah langkah-langkah berikut:

Buka Template > Edit HTML
Cari (Ctrl+F) kode widget yang akan ditampilkan pada halaman tertentu. Berikut contoh kode widget yang hanya tampil dihalaman utama saja.:
<b:widget id='HTML1' locked='false' title='iklan adsense' 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:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Berikut merupakan list kode untuk menampilkan atau tidak menampilkan widget pada halaman tertentu:

Menampilkan widget hanya pada halaman depan saja (homepage)
<b:if cond='data:blog.url == data:blog.homepageUrl'> coding </b:if>
Menampilkan disemua halaman kecuali homepage
<b:if cond='data:blog.url != data:blog.homepageUrl'> coding</b:if>
Menampilkan widget hanya pada halaman Archive saja
<b:if cond='data:blog.pageType == "archive"'>coding</b:if>
Menampilkan widget disemua halaman kecuali halaman Archive
<b:if cond='data:blog.pageType != "archive"'>coding</b:if>
Menampilkan widget hanya dihalaman posting
<b:if cond='data:blog.pageType == "item"'>coding</b:if>
Menampilkan widget disemua halaman kecuali halaman posting
<b:if cond='data:blog.pageType != "item"'>coding</b:if>
Menampilkan widget hanya dihalaman statis saja
<b:if cond='data:blog.pageType == "static_page"'>coding</b:if>
Menampilkan widget disemua halaman kecuali halaman statis
<b:if cond='data:blog.pageType != "static_page"'>coding</b:if>
Menampilkan widget hanya pada postingan tertentu saja
<b:if cond='data:blog.pageType == "alamat-postingan"'> coding</b:if>
Note: Untuk alamatnya jangan menggunakan id country, pakailah id global seperti .com: contoh: <b:if cond='data:blog.url == "http://nia-notes.blogspot.com/p/search.html"'>
Menampilkan widget kecuali dipostingan tertentu
<b:if cond='data:blog.pageType != "alamat-postingan"'> coding</b:if>
Menampilkan widget pada halaman label tertentu
<b:if cond='data:blog.url == "alamat-label"'>coding</b:if>

Nah, dengan menggunakan Conditional If diatas, kita dapat memilih untuk menampilkan atau tidak menampilkan widget, iklan atau fitur dihalaman tertentu.

Ref: http://www.indoamaterasu.com/2016/06/cara-membuat-widget-tampil-di-halaman.html

Cara Menghilangkan Tulisan "Powered by Blogger" di Blog

Jika Anda ingin menghilangkan tulisan "powered by blogger" di blog, caranya sangatlah mudah. Anda hanya perlu mengikuti beberapa langkah berikut:

Buka Template > Edit HTML
Cari (Ctrl+F) kode berikut ini:
Dibawahnya akan ada koding seperti berikut:

Jika tanda > disamping koding diatas dibuka, akan terlihat source code yang lebih panjang seperti berikut ini:

<b:section class='foot' id='footer-3' name='Footer' showaddelement='no'>

<b:widget id='Attribution1' locked='true' title='' type='Attribution' visible='true'>

<b:includable id='main'>

<b:if cond='data:feedbackSurveyLink'>

<div class='mobile-survey-link' style='text-align: center;'>

<data:feedbackSurveyLink/>

</div>

</b:if>

<div class='widget-content' style='text-align: center;'>

<b:if cond='data:attribution != ""'>

<data:attribution/>

</b:if>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>
Anda bisa menghapus semua code diatas atau memberikan tanda comment dengan memberikan tanda  diawal dan akhir koding diatas.

Sampai disini, anda sudah berhasil menghapus tulisan "Powered by blogger" diblog anda. Referensi: http://blogedek.blogspot.co.id/2012/01/menghapus-powered-by-blogger.html

Cara Menghilangkan Tulisan "Subscribe to: Post (Atom)"

Berikut cara termudah untuk menghapus tulisan "Subscibe to:" dan Link "Post (Atom)" di blog. Kenapa link tersebut perlu dihapus? Karena link tersebut sangat jarang digunakan oleh user dan dengan menghapusnya dapat mempercantik tampilan blog anda.

Buka Template > Edit HTML
Cari (Ctrl+F) kode berikut ini:
<b:include name='feedLinks'/>
Hapus kode diatas!
Jika mau, anda juga bisa menghapus koding terkait dengan koding diatas, seperti:
<b:if cond='data:feedLinks'>

<div class='blog-feeds'>

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

atau:

<b:includable id='feedLinksBody' var='links'>

<div class='feed-links'>

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType'

target='_blank'><data:f.name/>(<data:f.feedType/>)</a>

</b:loop>

</div>

</b:includable>

Dengan menghapus kedua code block diatas dapat meringankan template blog anda.

Jika tidak ingin menghapus coding secara permanen, dapat juga dibuatkan comment dengan mengetikkan tanda <!-- diawal dan -- > diakhir sebagai penutup comment.
Terakhir jangan lupa Save!
Selamat ! blog anda sekarang terbebas dari tulisan "Subcribe to: Post (Atom)".

Cara Menghilangkan Link "Newer Post, Home, Older Post" di Footer Blog

Untuk menghilangkan link "Newer Post, Home, Older Post" di footer blog sangatlah mudah, anda hanya perlu mengikuti beberapa langkah berikut:

Buka Template > Edit HTML
Cari (Ctrl+F) kode berikut ini:

<b:include name='nextprev'/>
Hanya dengan menghapus kode diatas, anda sudah dapat menghilangkan link Newer Post, Home dan Older Post di blogspot.
Jika tidak ingin menghapus coding secara permanen, dapat juga dibuatkan comment dengan mengetikkan tanda
Terakhir jangan lupa Save! Selamat, blog anda sekarang terbebas dari link "Home" yang ada dibawah blog.