FendyShare: tutorial blog Learn and Share

Cara menghapus label pada blog

Posted by Unknown Posted on 7/03/2013 with 14 comments

Banyak yang bertanya bagaimana cara menghapus label pada blog ? jadi share saya kali ini adalah cara menghapus label secara permanen atau tidak pada blog...
Pengertian label sendiri ialah tempat penempatan artikel blog yang sesuai dengan pokok bahasan artikel tersebut,jadi label sendiri sebenarnya berperan penting untuk mempermudah pengunjung blog kita untuk mencari artikel yang berhubungan.

Akan tetapi blog kurang baik juga apabila memiliki label yang banyak,karena akan membinggungkan kita sendiri untuk menempatkan di label yang mana, apalagi kalau label blognya misalnya hanya berisi beberapa postingan pasti kesannya blog terlalu sederhana dan minim post..

jadi bagaimana cara menghapus label tersebut ?? Simak berikut ini :

Pertama, masuk ke menu kemudian pilih Post maka akan seperti gambar di bawah ini ..

Pilih jenis label yang mau di hapus permanen atau tidak ,Pilih seperti gambar di atas seperti pada gambar No. 1...kemudian Klik seperti pada gambar No.2 ,Contoh disini saya ingin menghapus label jenis obat.

Kedua , maka akan muncul artikel artikel sesuai label yang anda pilih lihat gambar di bawah ini. apabila anda ingin menghapus label secara permanen maka ceklist semua artikel yang akan di hapus seperti yang bertanda panah merah. Apabila anda hanya ingin menghapus label hanya pada artikel tertentu saja maka ceklist hanya artikel itu saja ..

cara menghapus label pada blog secara permanen

Terakhir, Pilih icon bergambar Label seperti gambar di bawah ini kemudian pilih label yang akan di hapus ,kemudian liat sampai ada tulisan label telah di hapus..

Baiklah cukup itu saja tutorial saya kali ini dan simak tutorial lainnya tentang blog selanjutnya apabila anda masih kesulitan jangan sungkan untuk bertanya di kotak komentar di bawah ini :c:

Label: tutorial blog

Cara agar judul posting blog bisa di klik

Posted by Unknown Posted on 6/28/2013 with 5 comments

Berawal dari masalah blog saya yang sebelumnya judul postingnya tidak bisa di klik akhirnya saya browsing sana-sini dan akhirnya menemukan solusinya,

Di sini saya akan berbagi mengenai cara agar judul posting bisa di klik. Beberapa template yang dishare oleh rekan blogger baik dalam atau pun luar negeri mempunyai kode CSS dan HTML berbeda. Otomatis strukturnya juga berbeda.

Diantara sekian banyak perbedaan itu ada judul yang merupakan link, ada juga yang tidak berupa link. Atau dalam istilah blogger pemula, ada judul yang bisa di klik ada juga yang tidak bisa di klik.padahal judul blog dengan link aktif sangat berperan penting agar blog kita menjadi SEO

Berikut ini adalah cara untuk membuat judul posting bisa di klik :

Login akun blogger Anda
Lalu pilih Template > Edit HTML
Cari kode di bawah ini

<h2 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h2>

Catatan : sama saja

hijau

<h2 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
        </b:if>
      </b:if>
      </h2>

Apabila kode di atas tidak ada, kemungkinan template sobat menggunakan tag h3 untuk judul, solusinya ganti tulisan h2 di atas menjadi h3.

Label: seo, tutorial blog

Membuat Artikel Terkait dengan Gambar di Blog

Posted by Unknown Posted on 6/26/2013 with No comments

Posting kali ini saya akan share tentang Widget artikel terkait (related posts) yang disertai dengan thumbnail ini memang sangat mirip dengan widget dari LinkWithin. Sudah pernah menggunakan LinkWithin ? jika belum, sobat bisa lihat contoh gambar dibawah, nah seperti itu kira-kira bentuknya. Setiap bagian akan disorot dalam warna pelengkap ketika mouse berada di atasnya, dan ketika seluruh bagian ini di klik akan mengarah ke URL dari "pos terkait" yang ditampilkan. artikel terkait sendiri sangat penting agar blog kita lebih SEO dan pengunjung lebih mudah untuk membaca artikel yang berkaitan

Berbeda dengan LinkWithin yang mengacak semua post yang ada untuk ditampilkan, widget ini sesuai dengan label atau kategori dari blog kita..

Gambar thumbnail ditampilkan untuk masing-masing pos terkait yang dihasilkan dari thumbnail posting yang bersangkutan. Oleh karena itu, hanya gambar yang telah Anda upload ke setiap blog post yang akan ditampilkan. Dan selain bagus dan rapi, script ini tidak membuat blog menjadi berat.

Caranya Seperti biasa silahkan login dulu ke Blogger. Sip ! sekarang ikuti langkah-langkahnya berikut ini :

Sekarang tuju Edit HTML.

Jangan lupa backup template sobat dulu dengan mengklik Download Template Lengkap.

Klik Expand Template Widget.

Kemudian letakkan kode berikut ini, tepat diatas kode </head>

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

Kemudian cari kode berikut ini :

<div class='post-footer-line post-footer-line-1'>

atau jika tidak ada, cari kode seperti dibawah ini :

<p class='post-footer-line post-footer-line-1'>

Jika sudah ketemu, kemudian letakkan kode berikut tepat setelah kode diatas :

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

Setelah selesai semua, jangan lupa Simpan Template.

Untuk mengganti jumlah related posts-nya, silahkan edit var maxresults=5, ganti angka 5 dengan angka yang sesuai lebar postingan blog sobat. Sedangkan untuk mengganti judul dari related posts, silahkan edit var relatedpoststitle="Related Posts", ganti dengan judul yang sobat inginkan.

Semoga bermanfaat ! :c:

Label: tutorial blog, widget

Memasang Breadcums agar Membuat Blog Lebih SEO

Posted by Unknown Posted on 6/21/2013 with No comments

Membuat Breadcump di suatu web sangat penting agar blog kita lebih SEO ,
maka tak ada salahnya kita menggunakan trik yang satu ini. Trik ini bernama "Breadcrumbs", dan biasanya nanti akan tampil di bagian atas postingan kita. Jika sobat penasaran seperti apa penampilannya? Silahkan untuk melihat pada bagian atas postingan blog ini, pasti akan ada tulisan "Anda berada di : Home > Trik dan Tips Blogging > Cara Memasang BreadCrumbs - Agar Blog Lebih SEO Friendly", nah...itulah yang dinamakan breadcrumbs.

Menurut beberapa ahli pakar SEO, trik ini benar-benar besar pengaruhnya untuk SEO blog kita, bagi sobat yang tertarik untuk memasang breadcrumbs di blognya, silahkan untuk menyimak langkah-langkah berikut:

Tutorial

1. Login ke Blogger.com
2. Klik Menu "Rancangan/Template"
3. Klik "Edit HTML"
4. Lalu jangan lupa untuk mencentang kotak "Expand Template Widget"
5. Lalu Carilah kode tag ]]></b:skin> dan silahkan untuk meletakkan kode berikut di atasnya

.breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}

6. Silahkan cari kode <b:includable id='main' var='top'>
7. Jika sudah, silahkan untuk meletakkan kode berikut di atas kode no.6

<b:includable id='breadcrumbs' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Anda Berada di  :
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> >
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
> <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>

</b:includable>

8. Selanjutnya carilah kode <b:loop values='data:posts' var='post'> maka nanti sobat akan menemukan dua atau tiga kode yang sama, maka pilihlah yang paling atas atau yang paling pertama kali sobat temukan. Jika sudah ketemu, silahkan letak kode berikut di bawahnya

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

9. Simpan hasil kerjaan sobat, silahkan lihat tampilannya pada blog anda.

Bagaimana Gampang bukan? Semoga bermanfaat :)

Label: seo, tutorial blog

Cara Membuat Link Sumber Otomatis Ketika Postingan kita Di CoPas

Posted by Unknown Posted on 6/18/2013 with 10 comments

Copy Paste, tentu setiap orang pasti suka MengCopy Paste-kan Postingan kita, dan sering kali mereka tidak menyertakan Sumbernya atau Link Blog yang di CoPas. Oleh sebab itu, Saya membuat Postingan ini buat para Blogger yang merasa Postingannya di CoPas tapi tidak di sertakan Sumbernya. OK, berikut langkah-langkahnya.

[1]. Pertama, pastinya Login dulu ke Blog Kalian.

[2]. Kemudian dari Dasbor, cari Rancangan --> Edit HTML.

[3]. Lalu cari Code <head>.

[4]. Setelah ketemu, Copy dan Paste-kan Code di bawah ini, tepat di BAWAH Code tadi.

KETERANGAN :
* Tulisan yang berwarna Biru, ganti dengan kata-kata yang Kalian inginkan.

[5]. Kemudian Simpan Perubahan.

Sekarang, Coba Copy Paste Postingan Kalian untuk memastikan apakah cara ini berhasil atau tidak.

Label: tips and trick, tutorial blog

apa itu javascript ?

Posted by Unknown Posted on 6/17/2013 with No comments

Dilihat dari namanya yang menggunakan kata “Java” yang jika diartikan ke dalam bahasa Indonesia yaitu Jawa, banyak orang yang menyangka jika script ini berasal dari bahasa Jawa. Prasangka ini sangat jauh sekali jika kita mempelajari script ini. Tidak ada sepatah kata pun yang berasal dari bahasa Jawa dalam script ini.

Dalam blogosphere, JavaScript sangat dikenal dengan script yang bisa bikin gendut blog kita dan dapat membuat loading blog menjadi berat. Banyak yang sudah kenal dengan JavaScript, tetapi banyak juga yang belum tahu apa itu JavaScript. Oleh karena itu, ayo kita kupas tuntas.

Menurut Wikipedia, JavaScript adalah bahasa scripting yang popular di internet dan dapat bekerja di sebagian besar browser popular seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT.
Yang pertama kali merancang JavaScript adalah perusahaan bernama Netscape Navigator yang ingin melengkapi fitur browser miliknya -Navigator- yang sebelumnya telah mendukung Java untuk lebih bisa dimanfaatkan para programmer yang non-Java.

JavaScript biasanya diletakkan pada bagian antara tag <head> dan </head> dan dimulai dengan tag <script type="teks/javascript"> diakhiri dengan tag </script>

Contoh JavaScript

File JavaScript biasanya terletak di file tersendiri yang berektensi *.js dan dipanggil dengan cara menentukan nama file lalu dimasukkan dalam tag <script type="teks/javascript" src="nama_file.js"></script>Maka dikembangkanlah bahasa pemrograman bernama LiveScript untuk mengakomodasi hal tersebut. Bahasa pemrograman inilah yang akhirnya berkembang dan diberi nama JavaScript, walaupun tidak ada hubungan bahasa antara Java dengan JavaScript.

Label: info, tutorial blog

Membuat Iklan Melayang Dipinggir Blog Dengan Tombol Close

Posted by Unknown Posted on 6/14/2013 with No comments

Bagi Anda yang mempunyai blog dan ingin memonitize blognya atau mengumpulkan rupiah dari blognya mungkin ini salah satu caranya yaitu Membuat Iklan Melayang Dipinggir Blog Dengan Tombol Close.

Space iklan ini bisa diisi oleh iklan PPC Anda ataupun untuk slot iklan yang Anda sediakan bagi advertiser yang ingin memasang iklannya di blog Anda.

Dan beberapa waktu yang lalu saya mencoba memasang Iklan Melayang Dipinggir Blog Dengan Tombol Close ini dan cocok dengan selera saya. Sebenarnya script cara Membuat Iklan Melayang Dipinggir Blog Dengan Tombol Close ini banyak bertebaran di Google, setelah saya cari kesana kemari akhirnya menemukan kode script yang cocok dari Blog Sporty.

Dan kini saya share kode scriptnya untuk Anda yang kebetulan nyasar ke sini sedang mencari kode script untuk Membuat Iklan Melayang Dipinggir Blog Dengan Tombol Close ini. Cara membuatnya pun cukup gampang, Anda hanya perlu menyiapkan script iklan atau gambar iklan ukuran 160 x 600 atau 120 x 600.

Silahkan copy kode di bawah ini dan paste ke gadget HTML/JavaScript pada tata letak blog Anda.

<script type='text/javascript'>

        $(document).ready(function() {

        $('img#closed').click(function(){

        $('#btm_banner').hide(90);

        });

        });

        </script>

        <script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};

        </script><script type="text/javascript">

        if (window.jstiming) window.jstiming.load.tick('headEnd');

        </script>

        

        <div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;">

         <div><a id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxrrzTyJ4GK4wWJ1D6CLzl4-AQPFh0j-ruR-OtiHxpGqsISucwx1Ynk2Cyl-zwjXDnMIztUhMLweVlryrhn2BEwvo3vkowUptC3kGNE5JMMy1tTHP6gkVm1Fx7XaUDAxqUcAaOP93qHZX7/s1600/close3.png' alt='close' title='close button'/></center></a></div>

        

    <a href="http://www.kompiajaib.com/p/blog-page_1.html" target="_blank"><img src="https://lh4.googleusercontent.com/-fElagNyOtxA/UOa4OySKENI/AAAAAAAAUMY/Q34zSoAnKTo/s600/Iklan%252B120%252Bx%252B600.gif" border="0" alt="iklan 120 x 600 kanan" title="Pasang Iklan Murah" /></a>



        </div>

        

        

        <div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;">

         <div><a id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxrrzTyJ4GK4wWJ1D6CLzl4-AQPFh0j-ruR-OtiHxpGqsISucwx1Ynk2Cyl-zwjXDnMIztUhMLweVlryrhn2BEwvo3vkowUptC3kGNE5JMMy1tTHP6gkVm1Fx7XaUDAxqUcAaOP93qHZX7/s1600/close3.png' alt='close' title='close button'/></center></a></div>

        

    <a href="http://fendevils.blogspot.com/p/blog-page_1.html" target="_blank"><img src="https://lh4.googleusercontent.com/-fElagNyOtxA/UOa4OySKENI/AAAAAAAAUMY/Q34zSoAnKTo/s600/Iklan%252B120%252Bx%252B600.gif" border="0" alt="iklan 120 x 600 kiri" title="Pasang Iklan Murah" /></a>



        </div>

        

Perhatikan tulisan yang berwarna biru adalah untuk URL gambar tombol close, bisa anda ganti dengan URL gambar tombol close selera Anda.

Untuk tulisan yang berwarna merah untuk kode iklan sebelah kiri dan yang berwarna pink untuk kode iklan yang sebelah kanan.

Dengan kode script ini iklan akan melayang di sisi kiri dan kanan blog walaupun halaman discroll ke atas atau ke bawah. Dan iklan dapat diclose atau dihilangkan satu per satu dengan menekan tombol close yang berada di atasnya.

Demikian saja postingan Membuat Iklan Melayang Dipinggir Blog Dengan Tombol Close ini semoga dapat dimengerti dan bermanfaat.

Label: tips and trick, tutorial blog

Cara Menghilangkan Angka Pada Label Blog

Posted by Unknown Posted on 6/11/2013 with No comments

Kali ini saya akan membahas Cara Menghilangkan Angka Pada Label Blog. Terdapat banyak orang yang ingin menghapus/menghilangkan angka pada labelnya, selain tidak enak dilihat, dan dapat mengganggu sebagian orang yang berpendapat bahwa hal itu tidak profesional, apalagi kalau jumlah postingan pada label tersebut masih sedikit. Namun, sebagian orang menampilkan angka pada label sangat penting, karena jumlah angka yang besar akan menarik pengunjung untuk melihat label tersebut

Berikut Tutorialnya :

1. Seperti biasa, Login ke Akun Blogger sobat

2. Masuk ke Dashboard, Rancangan, lalu Edit HTML

3. Ceklis "Expand Template Widget"

4. Cari kode <span dir='ltr'>(<data:label.count/>)</span>

5. Bila sudah ketemu, Hapus kodenya

6. Klik Simpan Template.

Semoga Bermanfaat :c:

Label: tutorial blog

FendyShare

Cara menghapus label pada blog

Cara agar judul posting blog bisa di klik

Membuat Artikel Terkait dengan Gambar di Blog

Memasang Breadcums agar Membuat Blog Lebih SEO

Tutorial

Cara Membuat Link Sumber Otomatis Ketika Postingan kita Di CoPas

apa itu javascript ?

Membuat Iklan Melayang Dipinggir Blog Dengan Tombol Close

Cara Menghilangkan Angka Pada Label Blog

Popular Posts

site info

Tutorial

Join and get updates

Popular Posts

site info