iBlogaya: Panduan Blogger

Showing posts with label Panduan Blogger. Show all posts

Cara menyembunyikan Title / Judul Blog agar tidak tampil di Pencarian Google

Cara menyembunyikan title blog agar tidak tampil di Pencarian Google, ikuti langkah-langkah berikut :

* Login di Blogspot Anda, pilih Tata Letak, lalu klik Edit HTML dan jangan lupa beri tanda centang pada kotak Expand Widget Template;

* Cari kode seperti dibawah ini:

<title><data:blog.pageTitle/></title>

* Ganti dengan kode di bawah ini:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

* Simpan Template, selesai. Tunggu perubahannya paling lama 1 x 24 jam.

Selamat Mencoba, Semoga Sukses!!!

Posted on 10:58 PM / 0 Comments / Read More

Cara Menghapus Header Di Blog

Untuk anda yang ingin menghapus Header Blog anda, saya wajibkan untuk menerapkan tutorial ini, karena ini sudah terjamin 100% berhasil dan sudah diakui oleh Google, hehe. Untuk Cara Menghapus Header Di Blog, silahkan ikuti dan cermati tutorialnya dibawah ini.

1. Untuk menghapus Header Blog, yang dilakukan pertama kali adalah mengatur Widget Header di menu Edit HTML.

Login ke Blog
Menuju Edit HTML
Centang Expand Widget Template
Cari kode ini <b:widget id='Header1' locked='true'
Lalu ganti kode yang berwarna merah menjadi false
Simpan Template

2. Sampai situ, Header belum terhapus, jadi anda harus menghapus widgetnya.

3. Menuju Tata Letak lalu Edit Widget Header

4. Klik hapus lalu Simpan Setelan

Selamat, Header Blog anda telah terhapus dan kini Blog anda terlihat lebih simple, semoga bermanfaat!

Posted on 4:46 AM / 0 Comments / Read More

Cara Membuat Scroll Di Widget Arsip Blog

Nah dengan memberikan scroll pada Arsip Blog maka akan membatasi widget Arsip Blog tidak semakin panjang karna adanya scroll
Ok,Kita langsung aja ke proses membuat Scrool pada widget Arsip Blog :

Log In ke akun blogger anda
Masuk ke menu template
Klik edit HTML lalu Centang Expand Template Widget
Setelah itu cari kode ]]></b:skin> pada template anda
Copy paste/copas kode di bawah ini lalu taruh di atas kode ]]></b:skin>
#BlogArchive1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}
Simpan template dan lihat hasilnya

NB : Untuk tulisan yang berwarna biru/ height:200px; itu adalah tinggi scrollnya ,anda bisa sesuaikan tingginya dengan merubah 200px menjadi 150px atau sesuaikan dengan kebutuhan anda

Posted on 4:45 AM / 0 Comments / Read More

Cara Membuat Search Engine di Blog

Tentu kita semua sudah tahu apa itu Search Engine (hari gini gak tahu apa itu search engine? cape' deeh...). Search Engine adalah ... bla.. bla..bla.. dst.
Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan dan juga bla.bla..bla..... udah ah penjelasannya, yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah, yaitu:

1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascriptkemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="Search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu. Aangka 30menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya

Posted on 4:42 AM / 0 Comments / Read More

Cara Merubah Tulisan Posting Lama,Beranda dan Posting Baru Dengan Gambar

Cara Merubah Tulisan/Link Posting Lama,Beranda dan Posting Baru Dengan Gambar-
Mungkin anda pernah melihat gambar seperti diatas saat blogwalking, dan ingin membuatnya.
maka dari itu saya sekarang akan memandu anda untuk membuatnya.
Lebih jelasnya Tutorial ini menjelaskan tentang cara merubah tulisan posting lama dengan gambar tanda panah dan merubah tulisan posting baru dengan gambar tanda panah dan juga merubah tulisan home atau beranda dengan gambar rumah.
berbagai cara dilakukan para blogger untuk menghias blognya agar lebih rapih dan indah, supaya
pengunjung lebih betah berlama-lama diblog kita. nah salah satunya Cara Merubah Tulisan Posting Lama,Beranda dan Posting Baru Dengan Gambar yang akan saya jelaskan kali ini.

Berikut Caranya:
1.Log in ke blog
2.Pilih Template
3.Edit HTML
4.Centang tulisan Expand Template Widget
5.Untuk memudahkan pencarian tekan Ctrl+F
6.Lalu cari kode posting lama yaitu  <data:olderPageTitle/>
kalau sudah ketemu kodenya ,hapus kode tersebut dan ganti dengan kode dibawah ini

<img src='http://i1244.photobucket.com/albums/gg573/hanzo48/PostingLamaHienzo.png'/>

7.Kemudian cari kode posting baru yaitu  <data:newerPageTitle/>
kalau sudah ketemu kodenya ,hapus kode tersebut dan ganti dengan kode dibawah ini

<img src='http://i1244.photobucket.com/albums/gg573/hanzo48/PostingBaruHienzo.png'/>

8.Setelah itu cari kode beranda/home yaitu  <data:homeMsg/>
kalau sudah ketemu kodenya ,hapus kode tersebut dan ganti dengan kode dibawah ini

<img src='http://i1244.photobucket.com/albums/gg573/hanzo48/berandahienzo.png'/>

9.Klik Simpan Template

Silahkan cek pada blog anda dan lihat hasilnya..
Semoga Bermanfaat....

Posted on 4:41 AM / 0 Comments / Read More

Cara Menyembunyikan Label pada Postingan

Banyak orang  lebih suka untuk menyembunyikan label atau tag dari footerpos,dengan beberapa alasan , mungkin salah satunya agar posting tampak lebih simple tidak terlalu banyak tampilan, Untuk menyembunyikan Label dari post footer ternyata tidak susah, berikut langkah-langkahnya :

1.Click 'Layout' tab | click the 'Edit HTML' Subtab. kemudian click 'Expand Widget Templates' to expand the CSS code. Cari code HTML dibawah :

<b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
          </b:loop>
        </b:if>

2. Berikutnya Delete code HTML diatas ...kemudian save .

Selamat Mencoba Semoga bermanfaat..

Posted on 4:39 AM / 0 Comments / Read More

Cara Hide Langganan Entri Atom pada Postingan

1.Login Ke Blog anda.

2.Kemudian Pilih Opsi Pilihan Pada Dasboar.

3.Lalu Pilih Template Edit HTML

4.Cari Kode ]]></b:skin> .Atau Tekan Tombol CTRL+F Untuk Mempercepat Pencarian.
5.Bila Sudah ketemu copy dan paste kode berikut diatasnya.

.feed-links{

display:none;
}

6.Bila Sudah Pilih Langsung Simpan Template..

Posted on 4:37 AM / 0 Comments / Read More

Mengganti Posting Lama Menjadi Angka

Trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)". sebagai berikut :

1. Pertama, Log in di Blogger.com

2. Klik Rancangan kemudian ke "Edit HTML"

2. Setelah itu cari kode ini ]]></b:skin> gunakan ctrl F untuk mempermudah pencarian.

3. Taruh script di bawah ini pas di atas kode ]]></b:skin>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

3. Cari Lagi kode </body> kemudian taruh script dibawah ini di atas kode tersebut.

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

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

<script type='text/javascript'>

var pageCount=5;

var displayPageNum=5;

var upPageWord ='Previous';

var downPageWord ='Next';

</script>

<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>

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

Jika penempatan scriptnya sudah benar pasti tulisan "Posting Lama" akan Terganti menjadi angka, silahkan di liat" dengan merefresh blog kalian.

Posted on 4:35 AM / 0 Comments / Read More

Cara Menyembunyikan Langgan Entri Atom dari Laman Beranda

Saat kita membuat posting baru, seringkali muncul tulisan "Langgan: Entri (Atom)" di bagian bawah posting. Tulisan "Langgan: Entri (Atom)" tersebut bisa dihilangkan tetapi akibatnya sering muncul blok warna abu-abu yang cukup mengganggu pemandangan. Nah solusinya adalah dengan menyembunyikannya saja. Cara menyembunyikan tulisan "Langgan: Entri (Atom)"adalah sebagai berikut :

1. Login ke Blogger
2. Masuk ke menu Edit HTML
3. Centang Expand widget HTML
4. Cari kode berikut :
<b:include data='feedLinks' name='feedLinksBody'/>
5. Tambahkan kode pada bagian akhir sehingga menjadi :

6. Simpan

Posted on 4:33 AM / 0 Comments / Read More

Cara Menyembunyikan Label di Blog dari Laman Beranda

Pada kesempatan pagi ini, saya akan berbagi ilmu sedikit tentang bagaimana cara Menyembunyikan Label yang muncul pada Beranda blog kita, mungkin diantara sobat ada yang merasa tidak suka, seperti saya sendiri juga kurang suka, makanya saya hapus dan saya postingkan ilmu ini kepada sobat, mungkin bisa bermanfaat buat sobat juga, langsung saja tutorialnya disambi :

Sobat masuk pada Edit HTML
Kasih tanda centang pada Expand Widget Templates
Cari kode seperti yang ada di bawah ini :

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

Kalau sudah menemukan kode yang seperti itu, hapus kode tersebut dan ganti dengan kode di bawah ini!

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if></b:if>

Klik tombol preview, kalau sudah berhasil. Klik Save

Posted on 4:29 AM / 0 Comments / Read More

Cara Menghilangkan Jumlah Komentar Di Halaman Home

Cara menyembunyikan komentar di laman home

Tutorial setting template blog (blogspot), cara menghapus/menyembunyikan tampilan komentar dihalaman home. Template memiliki desain yang berberda-beda, mulai dari struktur laman, struktur navigasi, warna background hingga style tampilan komentar, tergantung designer template tentunya.

Sebagai pengguna blogspot template sangat mudah didapat. Tidak perlu membayar, tidak perlu join situs provider template agar diberikan link download, mereka memberikannya secara percuma kepada anda. Banyak sekali provider template yang bisa anda pilih sesuai dengan cita rasa anda tentunya. Namun, kendati anda disajikan sekian banyak pilihan terkadang anda masih harus mendekornya karena terdapat elemen tertentu yang masih kurang sesuai dengan keinginan anda. Entah itu masalah navigasi template yang menurut anda kurang pas, lebar header, desain footer, susunan heading, dst.

Tutorial setting template blog kali ini kita akan share cara menghilangkan widget penghitung pesan dalam halaman beranda/home. Jika anda menghendaki widget penghitung jumlah pesan dihalaman home dihilangkan, dan hanya ditampilkan dalam kolom posting berikut caranya.

Masuk ke dashboard Blogger

Klik tab Template

Klik Edit HTML, lalu klik Proceed/Lanjutkan.

Centang Expand widget

Temukan kode dibawah ini

<span class='post-comment-link'>
        <b:if cond='data:blog.pageType != "item"'>
          <b:if cond='data:blog.pageType != "static_page"'>
            <b:if cond='data:post.allowComments'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </span>

Hapus kode diatas.
.
Selanjutnya, hapus kode dibawah ini.

<span class='post-comment-link post-comment-link-1'>
        <b:if cond='data:blog.pageType != "item"'>
          <b:if cond='data:post.allowComments'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 Comment<b:else/><data:post.numComments/> Comments</b:if></a>
          </b:if>
        </b:if>
      </span>

Klik tombol Save/Simpan.

Selesai.

Lihat tampilan blog anda sekarang, widget penghitung jumlah pesan yang tampil dihalaman home mestinya sudah hilang setelah penghapusan kode HTML diatas.

Posted on 4:27 AM / 0 Comments / Read More

Cara Membuat Tombol Share (berbagi) Add This Diatas Postingan Blog

Berfungsi untuk memudahkan pengunjung Blog kita untuk Berbagi Artikel yang di telah di baca. Like Facebook, Twitter Tweet, dan Google+1, merupakan layanan berbagi saat ini. OK, yang berbinat, silahkan ikuti langkah-langkah di bawah ini.

[1]. Pertama, pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Lalu centang kotak [ Expand Template Widget].
[4]. Cari Code <div class='post-body entry-content'>. [Agar mempermudah pencarian, tekan CTRL + F atauF3 pada Keyboard].
[5]. Selanjutnya, Copy dan Paste-kan Code di bawah, tepat di ATAS Code tadi.

<b:if cond='data:blog.pageType == "item"'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Sebarkan Artikel di :
</div>
<div style='float:left;padding-left:10px;'>
    
    <div class='addthis_toolbox addthis_default_style '>
    <a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
    <a class='addthis_button_tweet'/>
    <a class='addthis_button_google_plusone' g:plusone:size='medium'/>
    <a class='addthis_counter addthis_pill_style'/>
    </div>
    <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8062ca66617053' type='text/javascript'/>
    
</div>
</div>
</b:if>

Posted on 4:23 AM / 0 Comments / Read More

Mengatasi Halaman Statis yang terpasang Auto Readmore

Pada dasarnya, auto readmore adalah fasilitas yang mana berguna untuk memangkas hanya ringkasan artikel saja. Namun perlu diketahui, fungsi halaman statis blog kita pun kena imbasnya karena tidak bisa terlihat penuh melainkan hanya terlihat ringkasan dari halaman tersebut karena ikut terkena efek dari fungsi script Auto Readmore tersebut. dan yang lebih di sayangkan, walaupun kita sudah klik readmore pun tetap tidak ada efek sama sekali melainkan hanya itu-itu saja.

Untuk sobat yang belum tahu apa itu laman statis, di bawah adalah gambar tersimpel cara membuat laman statis tersebut ;

Nah udah tau kan, kalo gitu langsung ke inti pembuatannya.

Masuk ke Dasboard klik tanda anak panah lalu klik "Template"
Klik "Edit HTML" >> Klik "Proceed"
Klik "Expand Widget Template"
Cari kode readmore yang telah terpasang, kurang lebihnya seperti dibawah ini!

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>Read more...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Tambahkan kode berwarna biru ini tepat diatas kode berwarna merah

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>

Kemudian tambahkan kode penutup berikut tepat dibawah kode berwarna hijau

</b:if>

Simpan template

Posted on 3:11 AM / 0 Comments / Read More