Minggu, 27 Maret 2011

Cara menghapus iklan banner yang terinstal di template blogger "Tutorial Blogspot"



Cara menghapus iklan banner yang terinstal di template blogger "Tutorial Blogspot" - Ketemu lagi dengan tutorial Panduan sukses blogger hari ini. kali ini kita akan membahas cara menghapus atau menghilangkan iklan banner yang terinstal di template blog yang anda pakai. Terkadang jasa penyedia template, mereka menginstal iklan banner pada template yang mereka buat. ini bertujuan untuk meningkatkan pembelian pada bisnis yang di ikutinya, atau bisa saja untuk meningkatkan visitor pada blog atau web yang mereka miliki. tetapi kebanyakan orang tidak menginginkan hal tersebut. mungkin saja mengganggu keindahan blog mereka. nah untuk menghapusnya anda bisa mengikuti langkah-langkah yang di bawa ini. Baca juga Cara menghilangkan link referral di Iklan banner.

Langkah pertama yang harus anda lakukan adalah.

  • Cari tahu link banner atau link tautan terlebih dahulu, caranya
  • Letakkan mouse anda pada banner yang terinstal di template anda yang ingin anda hapus tersebut.
  • Kemudian klik kanancopy link gambar atau copy alamat tautan
  • Jika sudah linknya di dapatkan pastekan dulu pada notepad atau tempat lain nya. agar mudah di copy lagi. jika sudah, ikuti langkah yang keduanya.

Langkah kedua cara menghapus banner tersebut.
  • Login ke blogger
  • Klik Rancangan
  • Kemudian Edit HTML
  • Centang kotak kecil kanan atas "Expand Template Widget"
  • Agar mudah dalam pencarian kode iklan yang kita copy di Langkah pertama tadi Tekan tombol Ctrl + F(Tekan tombol Ctrl dan tahan lalu tekan tombol F).
  • Pada kotak yang muncul pastekan link gambar atau link alamat tautan yang kita dapatkan tadi padalangkah pertama.
  • Kemudian tekan Enter.
  • Jika sudah ketemu hapus kode tersebut, biasanya kode lengkap untuk iklan banner kurang lebih berbentuk seperti di bawah ini
    <a href="http://adsensecamp.com/?ref_id=18639" title="Adsense Indonesia"><img src="http://adsensecamp.com/images/banner/full-smile.jpg" alt="Adsense Indonesia" border="0" /></a>
  • Untuk alamat link tautan dan alamat link gambar yang garis miring akan berbeda dengan yang anda miliki.
  • Jika ketemu hapus kesemua kode tersebut.
  • Simpan template anda
  • Selesai......

Sekarang lihat hasilnya. semoga post singkat di atas bermanfaat buat sobat semua dan salam sukses...

Cara menghapus iklan banner yang terinstal di template blogger "Tutorial Blogspot", cara menghilangkan iklan banner yang terinstal di template blog, langkah menghapus iklan banner yang terinstal di template blogger, tutorial menghapus iklan banner yang terinstal di template blogger.

Cara menambahkan Title pada Judul postingan blogger "Tutorial Blogspot"



Cara menambahkan Title pada Judul postingan blogger "Tutorial Blogspot" - Ketemulagi nih dengan Tutor Panduan sukses blogger. kali ini yang kita bahas adalah cara membuat title pada judul postingan kita di blogger. di mana link post tersebut terdapat title nya. yang di maksud dengan title di sini adalah ketika sebuah link apa bila kita sorot dengan mouse komputer akan tampil / keluar sebuah tulisan kecil. agar lebih mudah di mengerti coba anda geser mouse komputer anda pada judul post ini. di sana akan terdapat tulisan kecil yang tampil. mungkin anda berminat untuk menambahkannya, berikut ini caranya. Baca juga Tambah Gambar samping judul Posting dan Menambah bakcground di judul article.

  • Login ke blogger
  • Klik Rancangan Edit HTML
  • Kemudian centang kotak kecil yang bertuliskan Expand Template Widget
  • Kemudian cari kode
    <a expr:href='data:post.link'><data:post.title/></a>
  • Kalau sudah ketemu hapus kode tersebut, kemudian ganti dengan kode di bawah ini
    <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
  • Lalu cari kembali kode seperti
    <a expr:href='data:post.url'><data:post.title/></a>
  • Hapus kode tersebut lalu ganti dengan kode ini
    <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
  • Kemudian klik tombol simpan tamplate.
  • Selesai, sekarang silahkan lihat hasilnya.

Semoga artikel di atas bermanfaat buat sobat semua dan salam sukses...

Cara menambahkan Title pada Judul postingan blogger "Tutorial Blogspot", tutorial menambahkan Title pada Judul postingan blogger, langkah membuat title pada judul postingan blogspot, trik memasang title pada judul postingan blogspot, tips membuat title pada judul postingan blogspot, tambah title pada judul postingan blogspot, title pada judul postingan blogspot.

Cara memasang Readmore Otomatis 2 di blogspot "Tutorial blogspot"



Cara memasang Readmore Otomatis 2 di blogspot "Tutorial blogspot" - Ketemu lagi dengan artikel baru panduan sukses blogger. kali ini kita membahas bagaimana cara menambah readmore otomatis pada blogspot, ini versi yang ke dua. dimana sebelumnya saya post juga Cara Memasang Readmore otomatis versi yang pertama. versi yang kedua ini lebih enteng dari versi yang pertama. jika anda berminat untuk memasangnya ke dalam blog sobat berikut ini caranya.
  • Login ke blogger
  • Klik Rancangan
  • Edit HTML
  • Centang kotak kecil "Expand widget template"
  • Kemudian cari kode </head>
  • Kalau sudah ketemu pastekan kode di bawah ini di atas kode tersebut
    <script type='text/javascript'>
    var thumbnail_mode = "float" ;
    summary_noimg = 250;
    summary_img = 250;
    img_thumb_height = 120;
    img_thumb_width = 120;
    </script>


    <script type='text/javascript'>
    //<![CDATA[
    /******************************************
    Auto-readmore link script, version 2.0 (for blogspot)

    ********************************************/
    function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
    if(s[i].indexOf(">")!=-1){
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
    }
    }
    strx = s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
    }

    function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {
    imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
    summ = summary_img;
    }

    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
    }
    //]]>
    </script>

  • Kemudian cari kode <data:post.body/>
  • Kalau sudah ketemu ganti kode <data:post.body/> tersebut dengan kode di bawah ini
    <b:if cond='data:blog.pageType != "item"'>
    <div expr:id='"summary" + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
    <span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
  • Simpan Template anda.
  • Jika anda masih menggunakan Readmore versi lama anda harus menghapus terlebih dahulu kode lama tersebut. cara menghapusnya anda bisa melihat kembali tutorial yang anda pakek sebelumnya.
  • Selesai...

Catatan:

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Semoga artikel diatas bermanfaat buat sobat semua dan selamat mencoba, salam sukses...

Cara memasang Readmore Otomatis 2 di blogspot , pasang readmore otomatis, tutorial membuat readmore otomatis pada blog, langkah menambah readmore otomatis pada blogger, readmore otomatis tutorial, readmore otomatis versi terbaru, penggal artikel blog secara otomatis, script readmore otomatis pada blog.

Cara menampilkan kategori berdasarkan nama label di blogspot "Tutorial blogspot



Cara menampilkan kategori berdasarkan nama label di blogspot "Tutorial blogspot" - Ketemu lagi dengan artikel terbaru Panduan sukses blogger. kali ini kita akan membahas cara menampilkan kategori pada blog muncul berdasarkan label yang kita buat. misalnya anda memiliki post yang labelnya Berita,selebriti dan yang lainnya. anda ingin menambah widget tersebut dengan artikel terbaru yang tampil dengan nama label yang sama, misalnya labelselebriti jadi artikel yang bersangkutan dengan label selebriti tersebut yang akan tampil. jika anda tertarik untuk membuatnya berikut ini caranya. Baca jugaMenambah efek garis bawah pada link blogspot.

  • Login pada blogger.
  • Klik Rancangan.
  • Kemudian cari gadget Feed klik tanda (+) untuk menambahnya.
  • Kemudian masukkan alamat feed. lebih kurang seperti ini
    http://alamatbloganda/feeds/posts/default/-/namalabel?orderby=updated
  • Ganti alamatbloganda itu dengan url blog yang anda miliki, dan untuk namalabel ganti dengan nama label yang ingin anda tampilkan.
  • Kemudian atur pengaturan yang ada disana yang anda perlukan.
  • Jika sudah simpan template anda.
  • Sekarang lihat hasilnya.

Semoga artikel singkat di atas bermanfaat buat sobat semua dan salam sukses...

cara menampilkan kategori berdasarkan nama label di blog, tutorial membuat kategori berdasarkan nama label, cara memasang widget kategori muncul berdasarkan nama label, kategori berdasarkan nama label tutor pada blogspot.

Cara membuat efek garis bawah pada url atau link pada blogspot



Cara membuat efek garis bawah pada url atau link pada blogspot - Sudah lama juga nihpandaun sukses blogger nggak post artikel yang berkaitan dengan Tutor Blogspot. kali ini kita akan membahasnya yaitu bagaimana cara menambah efek garis bawah pada link di blogger kita. di mana artikel sebelumnya (terakhir) saya membahas tentang cara menambah efek garis miring pada link blogger. berikut ini cara membuat efek garis bawah tersebut.

  • Login ke blogger
  • Klik Rancangan
  • Edit HTML
  • Cari kode a:hover {
  • Jika sudah ketemu anda tambahkan kode di bawah ini ke dalamnya
    text-decoration:underline;
  • Jika kode tersebut sudah di tambahkan akan seperti ini
    a:hover{
    text-decoration:underline;
    ...}
  • Simpan tamplate anda
  • Selesai....

Sekarang lihat halaman blog anda dan letakkan mouse anda pada tulisan yang terdapat linknya. jika langkah di atas sudah benar anda terapkan akan nampak perubahan. semoga tutor blogspot di atas bermanfaat buat anda semua dan salam sukses...

Cara membuat efek garis bawah pada blog, menambah garis bawah di blogspot, tutor memasang garis bawah pada link blog, garis bawah tutorial, langkah membuat garis bawah pada blog.

CARA Menambah efek tulisan miring pada link yang terdapat pada blogspot



CARA Menambah efek tulisan miring pada link yang terdapat pada blogspot - Ketemu lagi dengan artikel baru panduan sukses blogger. post kali ini berkaitan dengan tutorial blogspot, semoga ini bisa membantu teman yang lagi mencari tutor blogspot tentang cara menambah efek tulisan miring pada link blogger. sebenarnya ini sudah banyak yang di poskan pada blogger lain, tapi alangkah lebih baik nya saya post artikel ini di sini, untuk memperlengkap tutorial yang ada. berikut ini caranya.

  • Login ke blogger
  • Klik Rancangan
  • Edit HTML
  • Cari kode a:hover {
  • Jika sudah ketemu anda tambah kode di bawah ini ke dalamnya seperti
    font-style:italic;
    jika kita tambahkan akan seperti
    a:hover{
    font-style:italic;
    ...}
  • Jika sudah di tambahkan Simpan template anda
  • Sekarang lihat halaman blog anda dan letakkan mouse anda pada tulisan yang terdapat linknya.
  • Selesai....

Semoga artikel singkat di atas bermanfaat buat anda semua dan salam sukses...

BACA Juga Membuat widget Postingan terakhir di blogger

Cara membuat efek tulisan miring pada blog, menambah tulisan miring di blogspot, tutor memasang tulisan miring pada link blog, tulisan miring tutorial, langkah membuat tulisan miring pada blog.

MEMBUAT WIDGET POSTINGAN TERAKHIR DI BLOGGER Cara menambah gadget Recent Post di blogspot



MEMBUAT WIDGET POSTINGAN TERAKHIR DI BLOGGER Cara menambah gadget Recent Post di blogspot - Ketemu lagi hari ini dengan artikel terbaruPanduan sukses blogger. Artikel kali ini adalah dengan Tutorial BLogspot yaitu Cara Membuat widget postingan terakhir di blogger atau sering di sebut dengan Recent post. dimana widget recent post atau postingan terakhir ini akan bergerak dari atas ke bawah, tentunya ini akan menjadi daya tarik sendiri untuk blog kita. sebenarnya ini adalah menjawab salah satu pertanyaan teman kita di kotak komentar blog ini.
cara membuat model Archives & Postingan Terakhir seperti di blog saranghenamja.blogspot.com, gimana ya??? Ksi tau donk cara nya... Krim ke email aku ya... chelmi blablabla.com
Pliz,,, atau posting kan cara nya di blog anda...
Semoga adanya artikel ini menjawab pertanyaan teman tersebut. untuk membuatnya sangat lah mudah. berikut ini caranya.

  • Login terlebih dahulu ke blogger
  • Kemudian klik tambah gadget
  • Pilih HTML/JavaScript
  • Copy dan Pastekan kode di bawah ini ke dalam nya
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
    <style type="text/css" media="screen">
    <!--

    #spylist {
    overflow:hidden;
    margin-top:5px;
    padding:0px 0px;
    height:350px;
    }
    #spylist ul{
    width:220px;
    overflow:hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin:0px 0px;
    }
    #spylist li {
    width:208px;
    padding: 5px 5px;
    margin:0px 0px 5px 0px;
    list-style-type:none;
    float:none;
    height:70px;
    overflow: hidden;
    background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
    border:1px solid #ddd;
    }

    #spylist li a {
    text-decoration:none;
    color:#4B545B;
    font-size:11px;
    height:18px;
    overflow:hidden;
    margin:0px 0px;
    padding:0px 0px 2px 0px;
    }
    #spylist li img {
    float:left;
    margin-right:5px;
    background:#EFEFEF;
    border:0;
    }
    .spydate{
    overflow:hidden;
    font-size:10px;
    color:#0284C2;
    padding:2px 0px;
    margin:1px 0px 0px 0px;
    height:15px;
    font-family:Tahoma,Arial,verdana, sans-serif;
    }

    .spycomment{
    overflow:hidden;
    font-family:Tahoma,Arial,verdana, sans-serif;
    font-size:10px;
    color:#262B2F;
    padding:0px 0px;
    margin:0px 0px;
    }

    -->
    </style>

    <script language='javascript'>

    imgr = new Array();

    imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
    showRandomImg = true;

    boxwidth = 255;

    cellspacing = 6;

    borderColor = "#232c35";

    bgTD = "#000000";

    thumbwidth = 70;

    thumbheight = 70;

    fntsize = 12;

    acolor = "#666";

    aBold = true;

    icon = " ";

    text = "comments";

    showPostDate = true;

    summaryPost = 40;

    summaryFontsize = 10;

    summaryColor = "#666";

    icon2 = " ";

    numposts = 10;

    home_page = "http://jayaputrasbloq.blogspot.com/";

    limitspy=4
    intervalspy=4000

    </script>

    <div id="spylist">
    <script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
    </div>
  • Kemudian simpan
  • Jangan lupa ganti alamat http://jayaputrasbloq.blogspot.com yang bertulisan hitam tebal di atas dengan alamat blog anda.
  • Selesai...
  • Sedangkan Untuk membuat archives nya itu memang sudah bawaan dari blogger. itu bisa anda tambahkan melalui Rancangan Tambah gadget Arsip Blog > Seting kemudian Simpan.

Semoga tutorial di atas bermanfaat buat anda semua dan salam sukses...

Cara membuat postingan terakhir di blog, langkah memasang postingan terakhir di blogspot, tutorial menambah post terakhir pada blog, post terakhir tutorial, langkah membuat postingan terakhir pada blog.