Home / Trik dan Tutorial Blog
Showing posts with label Trik dan Tutorial Blog. Show all posts
Showing posts with label Trik dan Tutorial Blog. Show all posts

Cara Memasang Adsense Di Bawah Paragraf Pertama dan Kedua di Blogspot

tags: cara memasang iklan di bawah paragraf pertama blogspot, cara memasang iklan di bawah gambar di blogspot, cara memasang adsense di bawah paragraf kedua di blogspot, cara menempatkan adsense di bawah postingan gambar, menempatkan iklan di bawah feature image di blogspot, cara memasang iklan adsense di paragraf pertama blogspot

cara memasang iklan di bawah paragraf pertama blogspot, cara memasang iklan di bawah gambar di blogspot, cara memasang adsense di bawah paragraf kedua di blogspot, cara menempatkan adsense di bawah postingan gambar, menempatkan iklan di bawah feature image di blogspot, cara memasang iklan adsense di paragraf pertama blogspot


Cara Memasang Iklan Adsense Di Bawah Paragraf / Di bawah Image di Blogspot

  1. Login ke akun Adsense.
  2. Pilih Ads Unit/ Jenis iklan.
  3. Parse kode unit iklan adsense terlebih dahulu.
  4. Login ke blogspot.
  5. Pilih Template > Edit HTML
  6. Lalu search (gunakan ctrl F) kode:
    7. <data:post.body/>
    disitu ada beberapa kode yang mrip dengan kode di atas. Anda bisa coba pilih salah satu sesuai dengan template yang Anda gunakan.
  7. Replace kode tersebut dengan kode di bawah ini:
    8. <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='adsense-content' style="display:block;text-align: center">KODE IKLAN DISINI</div></b:if>
    <div id='adsense-target'><data:post.body/></div>


    <script type='text/javascript'>
    function insertAfter(addition,target) {
    var parent = target.parentNode;
    if (parent.lastChild == target) {
    parent.appendChild(addition);
    } else {
    parent.insertBefore(addition,target.nextSibling);
    }
    }
    var adscont = document.getElementById(&quot;adsense-content&quot;);
    var target = document.getElementById(&quot;adsense-target&quot;);
    var linebreak = target.getElementsByTagName(&quot;br&quot;);
    if (linebreak.length &gt; 0){
    insertAfter(adscont,linebreak[0]);
    }
    </script>
    Catatan: yang di tandai merah adalah unit ilan Adsense yang harus Anda tempatkan
  8. Simpan Template
  9. Silahkan cek di menu utama.

Cara Melihat Histats Orang Lain Yang di Hidden


tags: cara melihat histats yang di hide, cara melihat histats yang di hidden, cara melihat histats orang lain yang di hide, cara melihat histats milik orang lain yang disembunyikan, cara melihat histats yang di hidden tracker, cara mengetahui statistik blog orang lain, cara mengetahui histats orang lain yang di hidden

cara melihat histats yang di hide, cara melihat histats yang di hidden, cara melihat histats orang lain yang di hide, cara melihat histats milik orang lain yang disembunyikan, cara melihat histats yang di hidden tracker, cara mengetahui statistik blog orang lain, cara mengetahui histats orang lain yang di hidden, endolita.blogspot.com

Anda ingin tahu statistik blog orang lain melalui Histats? Syaratnya tentu saja di blog tersebut sudah di pasang histats sehingga ID nya bisa terlihat. Caranya cukup simple, copykan saja kode berikut ini di address bar:

http://s4.histats.com/stats/2137182.php


Nanti hasilnya akan seperti ini:
cara melihat histats yang di hide, cara melihat histats yang di hidden, cara melihat histats orang lain yang di hide, cara melihat histats milik orang lain yang disembunyikan, cara melihat histats yang di hidden tracker, cara mengetahui statistik blog orang lain, cara mengetahui histats orang lain yang di hidden, endolita.blogspot.com
Ganti nomor kode yang ada di belakang (2137182) dengan nomor Histats yang blog nya ingin kamu ketahui.

Mudah kan?

Yang Iklan Adsense Nya Hilang Gara-Gara Blog Redirect Ke Blogspot.co.id

cara mengembalikan Iklan Google Adsense Yang Hilang, Iklan Adsense Menghilang dari blogspot.com tahun 2015, Kenapa Tampilan Iklan Google Adsense Tiba-Tiba Hilang, Cara Mengambil Kode Iklan Adsense Yang Hilang di Akun, Mengapa Pendapatan Adsense Anda Hilang Lagi, KENAPA IKLAN GOOGLE ADSENSE KU HILANG, Iklan adsense hilang diblogspot mengapa penghasilan menurun, Iklan Google Adsense Hilang, Hari ini Adsense di Blogspot Hilang, solusi iklan adsense yang tidak tampil endolita.blogspot.com
tags: cara mengembalikan Iklan Google Adsense Yang Hilang, Iklan Adsense Menghilang dari blogspot.com tahun 2015, Kenapa Tampilan Iklan Google Adsense Tiba-Tiba Hilang, Cara Mengambil Kode Iklan Adsense Yang Hilang di Akun, Mengapa Pendapatan Adsense Anda Hilang Lagi, KENAPA IKLAN GOOGLE ADSENSE KU HILANG, Iklan adsense hilang diblogspot mengapa penghasilan menurun, Iklan Google Adsense Hilang, Hari ini Adsense di Blogspot Hilang, solusi iklan adsense yang tidak tampil
Yang Iklan Adsense Nya Hilang Gara-Gara Blog Redirect Ke Blogspot.co.id pake cara ini:

Tempatin kode di bawah ini di  atas kode <head>

<script type="text/javascript">
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf("."));
if (ctld != ".com") {
var ncr = "http://" + blog.substr(0, blog.indexOf("."));
ncr += ".blogspot.com/ncr" + slug;
window.location.replace(ncr); }
</script>

Dah gitu aja yah, semoga membantu
Cek di bawah ini:

Cara Menghapus Link Credit Template Di Footer Blogger Yang Susah Dihapus

Cara Menghapus Link Credit Template Di Footer Blogger Yang Susah Dihapus, cara menghapus blog di blogger, cara menghapus postingan di blog, cara menghapus entri di blog, cara menghapus blogspot, cara menghapus blogspot permanen, cara menghapus blogspot tanpa login, cara menghapus blogspot secara permanen, cara menghapus blogspot lupa email endolita.blogspot.com

tags: cara menghapus blog di blogger, cara menghapus postingan di blog, cara menghapus entri di blog, cara menghapus blogspot, cara menghapus blogspot permanen, cara menghapus blogspot tanpa login, cara menghapus blogspot secara permanen, cara menghapus blogspot lupa email
Ngeblog yang asik itu ngeblog yang sesuai dengan keinginann kita sendiri. Artikel hasil karya sendiri, SEO hasil jerih payah sendiri, template hasil editan sendiri. Nah, yang terakhir disebutin barusan kayaknya hampir semua blogger (khususnya newbie) yang mengeluhkan adanya link credit template yang tertanam di template blog kita dan susah untuk dihapus. Bukannya tidak menghargai orang yang sudah membuat template, tapi keliatannya aja kyk blog yg gak profesional.

Efek dari menghapus atau mengganti link credit template tersebut adalah, beberapa saat setelah kita membuka blog utama kita, maka blog kita akan langsung redirect otomatis mengarah ke blog si pembuat template. Menjengkelkan memang. Padahal kita benar-benar menginginkan template tersebut.

Saya punya sedikit trik cara untuk menghilangkan link credit template yang susah dihapus. Biasanya posisinya ada di sebelah footer template. Dan memakai java script yang tertanam di dalam source code di dalam template kita. Lalu bagaimana cara menghapus Link Credit Template Di Footer Blogger Yang Susah Dihapus tersebut?

  1. Pertama login ke akun Blogger
  2. Klik Template > Edit HTML
  3. Lalu cari script seperti ini: <script type='text/javascript'> . Di dalamnya pasti ada banyak yang mirip seperti script tsb.

    4. Cara Menghapus Link Credit Template Di Footer Blogger Yang Susah Dihapus, cara menghapus blog di blogger, cara menghapus postingan di blog, cara menghapus entri di blog, cara menghapus blogspot, cara menghapus blogspot permanen, cara menghapus blogspot tanpa login, cara menghapus blogspot secara permanen, cara menghapus blogspot lupa email endolita.blogspot.com

  4. Jangan khawatir, kurang lebih seperti ini scriptnya:
    5. <script type='text/javascript'>
    //<![CDATA[
    var _0x5019=["\x72\x69\x64\x61\x66\x6f\x74\x6f","\x69\x6E\x64\x65\x78\x4F\x66","\x68\x74\x6D\x6C","\x23\x66\x6F\x6F\x74\x65\x72","\x6C\x6F\x67","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3a\x2f\x2f\x72\x69\x64\x61\x66\x6f\x74\x6f\x2e\x62\x6c\x6f\x67\x73\x70\x6f\x74\x2e\x63\x6f\x6d\x2f","\x6C\x6F\x61\x64"];$(window)[_0x5019[8]](function (){var _0xd58bx1=$(_0x5019[3])[_0x5019[2]]()[_0x5019[1]](_0x5019[0]);console[_0x5019[4]](_0xd58bx1);if(_0xd58bx1<1){window[_0x5019[6]][_0x5019[5]]=_0x5019[7];} ;} );
    //]]>
    </script>
    <script type='text/javascript'>
    //<![CDATA[
    var _0x5019=["\x76\x69\x64\x65\x6f\x61\x72\x73\x69\x70","\x69\x6E\x64\x65\x78\x4F\x66","\x68\x74\x6D\x6C","\x23\x66\x6F\x6F\x74\x65\x72","\x6C\x6F\x67","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3a\x2f\x2f\x76\x69\x64\x65\x6f\x61\x72\x73\x69\x70\x2e\x62\x6c\x6f\x67\x73\x70\x6f\x74\x2e\x63\x6f\x6d\x2f","\x6C\x6F\x61\x64"];$(window)[_0x5019[8]](function (){var _0xd58bx1=$(_0x5019[3])[_0x5019[2]]()[_0x5019[1]](_0x5019[0]);console[_0x5019[4]](_0xd58bx1);if(_0xd58bx1<1){window[_0x5019[6]][_0x5019[5]]=_0x5019[7];} ;} );
    //]]>
    </script>
  5. Hapus script tersebut, lalu Simpan Template.
  6. Coba Anda ganti Link Credit Footernya dengan link yang Anda inginkan. Apakah masih redirect ??
  7. Cek di bawah ini:

Cara Membuat Gambar Box Postingan Agar Terlihat Seperti Ukuran Sebenarnya Tanpa Efek Cropping


Hari ini saya mau berbagi tips tentang bagaimana caranya agar image atau gambar di postingan halaman depan, atau thumbnail di box postingan halaman muka terlihat seluruhnya seperti ukuran sebenarnya, tanpa ada efek cropping.

cara merubah gambar di postingan agar terlihat seluruhnya, cara membuat image di potingan blog terlihat full, agar thimbnail gambar terlihat seperti ukuran sebenarnya, agar image di blogger tidak terpotong atau crop, cara membuat image terlihat full size, template list, template grid endolita.blogspot.com

Biasanya hal ini terjadi entah itu template dengan bentuk List ataupun template dengan bentuk Grid. Seperti apa contohnya? Coba Anda lihat di bawah ini:

Tampilan image awal

cara merubah gambar di postingan agar terlihat seluruhnya, cara membuat image di potingan blog terlihat full, agar thimbnail gambar terlihat seperti ukuran sebenarnya, agar image di blogger tidak terpotong atau crop, cara membuat image terlihat full size, template list, template grid endolita.blogspot.com

Setelah di edit ulang

cara merubah gambar di postingan agar terlihat seluruhnya, cara membuat image di potingan blog terlihat full, agar thimbnail gambar terlihat seperti ukuran sebenarnya, agar image di blogger tidak terpotong atau crop, cara membuat image terlihat full size, template list, template grid endolita.blogspot.com

Pernahkah terbersit di benak Anda untuk merubah ukuran image yang terpotong tersebut agar terlihat full size? Nah perlu Anda ketahui bahwa ini diakibatkan oleh javascript yang dibuat oleh si pembuat template itu sendiri. Untuk merubahnya silahkan Anda ikuti cara-cara saya berikut ini:

  1. Login ke akun Blogger
  2. Kemudian Klik Template > Edit HTML
  3. Cari script di template Anda yang mirip dengan script di bawah ini:
    4. //<![CDATA[
    function bp_thumbnail_resize(e,d){var c=280;var a=true;var b="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyrxKZ-8vTHztiTNb-vAdf5BnC7PlhyTKs4-7Bwq4JvKwGHKofC-JVvfvk0n29m_NLNQY7zD5yM_Ux3olJ7zAnxjSLmxtcYjMcYdhwIdhNQmcf0400rBXOX9Me4uXFZS7Gn1O4PNOLNlA/s72-c/default.png";if(a==true&&e==""){e=b}image_tag='<img src="'+e.replace("/s72-c/","/s"+c+"-a/")+'" class="postthumb" alt="'+d+'"/>';if(e!=""){return image_tag}else{return""}};
    //]]>
  4. Atau untuk lebih detailnya, Anda cari yang mirip seperti kode di bawah ini:
    5. <img src="'+e.replace("/s72-c/","/s"+c+"-c/")

  5. Setelah ketemu, Anda cukup ganti saja kode "-c" dengan kode kode "-a" sehingga menjadi seperti ini:

    6. <img src="'+e.replace("/s72-c/","/s"+c+"-a/")

  6. Setelah itu simpan template Anda
  7. Sekarang lihat tampilannya di menu utama blog Anda.

Bagaimana? Apakah sudah berubah sekarang? Jika ada sebagian image yang tidak tampil full, Anda cukup otak-atik aja kode margin di template Anda.

Mungkin itu aja tips dan trik tentang mengubah desain template blogger kali ini. Semoga bermanfaat. Jangan lupa jika ada pertanyaan silahkan berkomentar di bawah ini ya :)

Cara Biar Kolom Komentar Blog Bisa Disisipi Gambar


Cara Agar Bisa Memasukkan Gambar Di Komentar Blog - Pada umumnya kotak komentar yang tersedia di template default tidak memiliki elemen khusus untuk bisa disisipi gambar atau image. Kotak komentar yang sering kita lihat pada blog blog orang lain paling hanya bisa disisipi oleh smiley atau sejenis emoticon sebagai bagian dari gambaran ungkapan si pemberi komentar.

cara menyisipkan gambar di kolom komentar blog, agar komentar bisa dimasukkan foto atau image, cara memasukkan url gambar di komentar blogger endolita.blogspot.com

Nah, kali ini akan saya bahas mengenai caranya kotak komentar supaya bisa disisipi gambar gambar tertentu supaya lebih cantik dilihat. Contoh demonya bisa dilihat di kolom komentar saya di bawah

  1. Login ke akun Blogger
  2. Pilih Template > Edit HTML
  3. Cari kode </body> kemudian letakkan script dibawah ini tepat diatasnya:

    4. <script type='text/javascript'>
    //<![CDATA[
    function repText(id) {
    var a = document.getElementById(id),
     b = a.innerHTML,
     b = b.replace(/<i rel="image">(.[^\>]*)<\/i>/ig, "<img class='cm-image' src='$1' alt='loading...' \/>");
     b = b.replace(/\[img\](.[^\]]*)\[\/img\]/ig, "<img class='cm-image' src='$1' alt='loading...' \/>");

     document.getElementById(id).innerHTML = b;
     b = b.replace(/<i rel="code">(.*?)<\/i>/ig, "<code>$1<\/code>");
     b = b.replace(/<i rel="pre">(.*?)<\/i>/ig, "<pre>$1<\/pre>");
     b = b.replace(/<b rel="quote">(.*?)<\/b>/ig, "<blockquote>$1<\/blockquote>");
     b = b.replace(/&amp;feature=[0-9a-zA-Z-_]*/ig, "");
     b = b.replace(/\/s(640|1600)/g, "/s400");
     } repText('comment-holder'); 
    c = document.getElementById('comment-holder');
    if (c) {
     b = c.getElementsByTagName("p");
     for (i = 0; i < b.length; i++) {
      if (b.item(i).getAttribute('CLASS') == 'comment-content') {
       ki_comm = b.item(i).innerHTML.replace(/\[code\](.[^\]]*)\[\/code\]/ig, "<code>$1<\/code>");
       ki_comm = ki_comm.replace(/\[pre\](.[^\]]*)\[\/pre\]/ig, "<pre>$1<\/pre>");
       ki_comm = ki_comm.replace(/\[blockquote\](.[^\]]*)\[\/blockquote\]/ig, "<blockquote>$1<\/blockquote>");
       ki_comm = ki_comm.replace(/\[quote\](.[^\]]*)\[\/quote\]/ig, "<blockquote>$1<\/blockquote>");        
       b.item(i).innerHTML = ki_comm;
      }
     }
    }
    //]]>
    </script> 
  4. Simpan Template.
  5. Nah untuk memasukan file gambar di kolom komentarnya, anda cukup meletakkan kode dibawah ini
    6. <i rel="image">URL Gambar Anda</i>
    atau
    [img]URL Gambar Anda[/img]

  6. Tulisan berwarna Merah adalah kode URL gambar yang Anda inginkan.
  7. Lalu lihat hasilnya, Gambar anda akan tampil ketika komentar anda sudah diluncurkan.

Selamat Mencoba! Tolong di share juga ya :)

Berburu Blog Zombie Yuk!


Cara Mencari Blog Zombie Dengan Mudah - Blog Zombie adalah  istilah yang digunakan untuk sebuah blog yang telah terhapus karena sengaja dihapus si pemilik maupun terdeteksi melakukan hal ilegal oleh Google yang kemudian bisa didaftarkan atau diaktifkan kembali.

Fungsi Blog Zombie

Fungsi dari Blog Zombie ini adalah sebagai ladang backlink atau juga sebagai blog dummy dari blog utama kita. Jika Anda beruntung, Anda bisa mendapatkan blog berpagerank. Blog yang punya nilai ++++++ oleh Google.


cara mudah mendapatkan blog zombie, bagaimana cara mencari blog zombie itu?, blog zombie adalah, alat untuk cek blog zombie, berburu blog zombie endolita.blogspot.com

Alat-alat yang diperlukan untuk berburu Blog Zombie

 Mozilla Firefox ( versi terbaru )
Addons Link Checker
Addons Visited
dan untuk tambahan Addons Seoquake


Cara Mencari Blog Zombie

Buka Google.com lalu tulis keyword seperti dibawah ini (pilih salah satu)

site:blogger.com/profile/ admin  >>> Atau yang lainya
site:blogger.com/profile/ keyword blog >>> Contohnya : SEO, Adsense dll
site:blogger.com/profile keyword Blogs I follow
site:blogger.com/profile/ keyword Location: Indonesia >>> Atau Negara Lainnya
site:blogger.com/profile/  Gander: Male / Female
site:blogger.com/profile keyword On Blogger since October 2009 = Atau yg lainya


Buka salah satu profil yang muncul di Google

cara mudah mendapatkan blog zombie, bagaimana cara mencari blog zombie itu?, blog zombie adalah, alat untuk cek blog zombie, berburu blog zombie endolita.blogspot.com
Klik kanan pada halaman profil blogger yang sudah dibuka > Tekan Check page link. Perhatikan baik-baik link-link yang rusak sesuai warna yang kamu atur di Add-ons Link checker.

cara mudah mendapatkan blog zombie, bagaimana cara mencari blog zombie itu?, blog zombie adalah, alat untuk cek blog zombie, berburu blog zombie endolita.blogspot.com

Buka link-link yang berwarna merah seperti gambar berikut:

cara mudah mendapatkan blog zombie, bagaimana cara mencari blog zombie itu?, blog zombie adalah, alat untuk cek blog zombie, berburu blog zombie endolita.blogspot.com

Nah jika nuncul tulisan begini "Maaf, blog yang Anda cari tidak ada. Namun nama xxxxx tersedia untuk didaftarkan!". Berarti blog tersebut bisa Anda bangkitkan kembali dan dihidupkan kembali lewat akun blogger kamu. seperti gambar berikut:

cara mudah mendapatkan blog zombie, bagaimana cara mencari blog zombie itu?, blog zombie adalah, alat untuk cek blog zombie, berburu blog zombie endolita.blogspot.com
Perhatikan juga di Tool bar, semakin banyak jumlah L dan LD nya, semakin bagus dan berkualitas blog zombie itu :)

Cek di bawah ini untuk melihat contoh blog Zombie:

Membuat Gallery Foto di Postingan Blog


Cara mengupload foto yang kita pakai di postingan blogger biasanya tidak begitu memuaskan karena gambar yang kita upload hanya bisa diatur center, left dan right saja. Tidak bisa diatur berjejer seperti foto pada album facebook. Nah, cara upload foto ala blogger itu tentunya memakan tempat di blog dan kurang maksimal.

cara membuat gallery foto di postingan blog, cara membuat slideshow foto di postingan blog, template gallery, cara membuat album foto di blog endolita.blogspot.com

Kali ini saya akan membuat gallery foto yang dimuat di postingan blog, khususnya untuk Anda yang memiliki konten seperti fashion, kuliner ataupun produk-produk tertentu. Bagaimana cara membuatnya? Simak di bawah ini:
  1. Login ke akun Blogger.
  2. Pilih Posting > Entri baru
  3. Untuk memasang foto gallery, klik mode Edit HTML, bukan yang mode Compose. Kemudian copy paste script di bawah ini pada postingan Anda.

    4. <div class="snap_preview">
    <style type="text/css">.gallery{margin:auto;}.gallery-item{float:left; width:33%;} .gallery-caption { margin-left: 0; }</style>
        <br />
    <div class="gallery snap_nopreview">

    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="Url Image anda" target="_blank">
        <img border="0" height="250" src="Url Image anda" width="200" /></a>
        </dt>
    </dl>
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="Url Image anda" target="_blank">
        <img border="0" height="250" src="Url Image anda" width="200" /></a>
        </dt>
    </dl>
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="Url Image anda" target="_blank">
        <img border="0" height="250" src="Url Image anda" width="200" /></a>
        </dt>
    </dl>
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="Url Image anda" target="_blank">
        <img border="0" height="250" src="Url Image anda" width="200" /></a>
        </dt>
    </dl>
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="Url Image anda" target="_blank">
        <img border="0" height="250" src="Url Image anda" width="200" /></a>
        </dt>
    </dl>
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="Url Image anda" target="_blank">
        <img border="0" height="250" src="Url Image anda" width="200" /></a>
        </dt>
    </dl>
    </div>
    </div>

    Keterangan :
    • Kode yang berwarna biru silahkan anda masukkan Url gambar anda
    • Untuk merubah ukuran gambar anda bisa rubah untuk tinggi cari height="250"
    • Untuk lebar width="200".
    • Untuk menentukan berapa gambar yang berderetan bisa anda lihat yang saya warnai hijau, Ubahlah Angka yang anda inginkan. 33% terdiri dari 3 deret. Rumusnya 100% : 3 = 33,3333% aku genapkan menjadi 33%. untuk menjadi 4 deret maka rumusnya. 100% : 4 = 25%.

  4. Apabila anda ingin menambahkan gambar lagi di deretannya, anda tinggal masukkan script di bawah ini, sebelum kode </div> </div> terakhir.

    5. <dl class="gallery-item">
    <dt class="gallery-icon"><a href="https://www.blogger.com/Url%20Image%20anda" target="_blank">
        <img border="0" height="250" src="Url Image anda" width="200" /></a>
        </dt>
    </dl>

  5. Sekarang silahkan klik terbitkan entri :) Nanti contoh gallery foto di postingannya akan seperti ini:


cara membuat gallery foto di postingan blog, cara membuat slideshow foto di postingan blog, template gallery, cara membuat album foto di blog endolita.blogspot.com
cara membuat gallery foto di postingan blog, cara membuat slideshow foto di postingan blog, template gallery, cara membuat album foto di blog endolita.blogspot.com
cara membuat gallery foto di postingan blog, cara membuat slideshow foto di postingan blog, template gallery, cara membuat album foto di blog endolita.blogspot.com
cara membuat gallery foto di postingan blog, cara membuat slideshow foto di postingan blog, template gallery, cara membuat album foto di blog endolita.blogspot.com
cara membuat gallery foto di postingan blog, cara membuat slideshow foto di postingan blog, template gallery, cara membuat album foto di blog endolita.blogspot.com
cara membuat gallery foto di postingan blog, cara membuat slideshow foto di postingan blog, template gallery, cara membuat album foto di blog endolita.blogspot.com

Cara Membuat Recent Post Berdasarkan Kategori Label Dengan Thumbnail


Cara Membuat Recent Post Berdasarkan Kategori Label Dengan Thumbnail - Fungsi dari fitur ini adalah untuk lebih memudahkan pembaca agar menemukan artikel yang dicarinya. Karena tampilannya disertai dengan gambar thumbnail, maka pengunjung akan lebih tertarik untuk melihat isi dari artikel postingan tersebut secara lengkapnya.

cara membuat recent pos berdasarkan kategori label, cara membuat recent post dengan thumbnail, cara membuat label kategori tertentu endolita.blogspot.com

Lihat, nanti hasilnya akan seperti ini:

cara membuat recent pos berdasarkan kategori label, cara membuat recent post dengan thumbnail, cara membuat label kategori tertentu endolita.blogspot.com

Jika tertarik, silahkan ikuti langkahnya berikut ini:

  1. Login ke akun Blogger
  2. Klik Template > Edit HTML
  3. Cari kode ]]></b:skin> lalu simpan script berikut di atasnya:

    4. /*** Fitur Kategori ***/
    img.label_thumb{
    float:left;
    padding:5px;
    border:1px solid #8f8f8f;
    background:#D2D0D0;
    margin-right:10px;
    height:55px;
    width:55px;
    }
    img.label_thumb:hover{
    background:#f7f6f6;
    }
    .label_with_thumbs {
    float: left;
    width: 100%;
    min-height: 70px;
    margin: 0px 10px 2px 0px;
    adding: 0;
    }
    ul.label_with_thumbs li {
    padding:8px 0;
    min-height:65px;
    margin-bottom:10px;
    }
    .label_with_thumbs a {}
    .label_with_thumbs strong {}

  4. Cari kode </head> , letakkan script berikut di atasnya

    5. <script type='text/javascript'>
    //<![CDATA[
    function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
    if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
    {s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirKJgiSxvLxvrJzPttdjOp9-YENUOBWRMsfDeXBYUKC1R6mDZiipR8IeE5j8VddikVZ7ADot0IAfoEK8ssyJa1-ZAwAmJN1DPxa-5LkOVGWBWY4Fuxwh1FVoK8ia8rIaKNxuLZpHCYOSbG/';}
    var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
    document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}
    else
    if("summary"in entry){var postcontent=entry.summary.$t;}
    else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
    else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
    var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
    if(showcommentnum==true)
    {if(flag==1){towrite=towrite+' | ';}
    if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
    if(displaymore==true)
    {if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
    document.write(towrite);document.write('</li>');if(displayseparator==true)
    if(i!=(numposts-1))
    document.write('');}document.write('</ul>');}
    //]]>
    </script>

  5. Simpan Template
  6. Terakhir, masuk ke menu Tata Letak > pilih Tambah Gadget > pilih HTML/JavaScript
  7. Pastekan Kode berikut:

    8. <script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 50;</script>

    <script type="text/javascript" src="/feeds/posts/default/-/BISNIS%20ONLINE?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
  8. Simpan Template

Catatan:
  • var numposts = 5 adalah Jumlah daftar isi label atau kategori yang di tampilkan. Silahkan Anda ganti nilainya sesuai dengan keinginan.
  • var numchars = 50 adalah Jumlah karakter ringkasan isi posting yang di tampilkan. Silahkan Anda ganti nilainya seperti keinginan.
  • true adalah Kode perintah untuk di tampilkan.
  • false adalah Kode perintah untuk tidak di tampilkan.
  • BISNIS%20ONLINE adalah Label yang isinya akan di tampilkan. Silahkan Anda ganti dengan label atau kategori blog Anda yang ingin isinya di tampilkan. (Besar kecil huruf harus sama dengan label atau kategori blog Anda, Gunakan %20 jika label atau kategori Anda ada space atau spasinya.
tags: #cara membuat recent pos berdasarkan kategori label # cara membuat recent post dengan thumbnail # cara membuat label kategori tertentu

Semoga artikelnya bermanfaat. Cek di bawah ini untuk tutorial blog lainnya:

Cara Mengganti Tampilan Homepage Static Menjadi Grid Pada Blog


tags: cara merubah tampilan home menjadi 4 kolom, cara merubah tampilan home menjadi 3 kolom, cara merubah kotak postingan menjadi kotak-kotak, cara mengatur homepage menjadi magazine

Cara Mengganti Tampilan Homepage Static Menjadi Grid Pada Blog - Pada template biasa, pada umumnya tampilan homepage di blog menggunakan mode static atau list. Tampilan homepage yang mode grid/ kotak biasanya digunakan untuk template sejenis Magazines, Movie, atau Gallery.

cara merubah tampilan home menjadi 4 kolom, cara merubah tampilan home menjadi 3 kolom, cara merubah kotak postingan menjadi kotak-kotak, cara mengatur homepage menjadi magazine endolita.blogspot.com

Nah, kali ini saya akan berbagi cara atau tips mengubah tampilan hompage blog yang static menjadi grid/ kotak. Namun tentunya blog tersebut akan mengalami sedikit perubahan pada tampilannya, yaitu static atau listnya akan memanjang ke bawah dan lebar, namun akan menjadi kotak-kotak kecil yang akan menghemat luas pada homepage blog tersebut.

cara merubah tampilan home menjadi 4 kolom, cara merubah tampilan home menjadi 3 kolom, cara merubah kotak postingan menjadi kotak-kotak, cara mengatur homepage menjadi magazine endolita.blogspot.com

cara merubah tampilan home menjadi 4 kolom, cara merubah tampilan home menjadi 3 kolom, cara merubah kotak postingan menjadi kotak-kotak, cara mengatur homepage menjadi magazine endolita.blogspot.com
ini contoh blog saya dengan tampilan homepage grid via http://diamonita.blogspot.com

Lalu bagaimana cara mengganti tampilan homepage static menjadi grid pada blog ? Itu sangat mudah sekali. Yang perlu Anda perhatikan hanya tutorial yang akan saya bagikan pada blog Endolita ini. Perlu diingat, saya disini hanya akan merubah tampilan dasarnya saja. Untuk masalah penempatan waktu/ tanggal post dengan judul dan lain sebagainya, solusinya harus Anda edit sendiri CSS di template blog Anda. Saya yakin Anda bisa.

  1. Login ke akun Blogger
  2. Klik Template > Edit HTML
  3. Cari kode </head> , lalu letakkan script di bawah ini di atasnya.
    4. <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <script type='text/javascript'>
    var thumbnail_mode = &quot;yes&quot; ;
    summary_noimg = 380;
    summary_img = 180;
    img_thumb_height = 130;
    img_thumb_width = 220;
    </script>
    <script type='text/javascript'>
    //<![CDATA[
    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>
    <style type='text/css'>
    .post {width:45%;height:200px;float:left;margin:10px;position:relative;display: block;}
    .post h3{height:32px;margin-top:60px; margin-bottom:-15px;padding:5px;font-family: Helvetica, Arial;line-height:1em;font-weight: bold;  font-size:16px;letter-spacing:-0.5px;}
    .post-body {padding:5px;height:241.5px;font-family: Helvetica, Arial; font-size: 13px; margin:20px;}
    .post-footer {margin-top:30px;height:20px;}
    .post-labels {display:none;}
    .mobile .post {width:auto;height:auto;}
    .mobile .post-body {height:auto;}
    .more {float:right;background:#52e052;color:#000!important;padding:5px 10px;text-decoration:none!important;transition: all 1s ease;}
    .more:hover {background:#ff0000;color:#fff!important;text-decoration:none!important;}
    </style>
    </b:if>
    </b:if>
  4. Klik Simpan Template

Catatan :

  • 380 adalah jumlah karakter yang akan ditampilkan jika sebuah posting tidak memiliki gambar.
  • 180 adalah jumlah karakter yang akan ditampilkan jika sebuah posting memiliki gambar.
  • 130 adalah tinggi gambar.
  • 220 adalah lebar gambar.
  • 45% adalah ketinggian kotak posting pada homepage.
  • 200 adalah lebar kotak posting pada homepage.
  • Angka diatas bisa Anda ganti sesuai selera dan keinginan Anda sendiri.


Jika Anda menginginkan ada fitur Readmore di tampilan grid anda, Anda gunakan metode berikut,

  1. Cari kode <data:post.body/>, biasanya ada 1-3 kode seperti itu
  2. Copy kode dibawah ini, lalu ganti kode <data:post.body/> yang ke 2 dengan script di bawah ini:


    3. <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><b:else/><b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/><b:else/><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><a class='more' expr:href='data:post.url'>Read More</a></b:if></b:if>

    Catatan :

    • Tulisan Read More bisa Anda ganti sesuai dengan keinginan Anda, misalnya dengan Lanjutkan Membaca, Baca Selengkapnya, atau Lihat Selengkapnya.

  3. Klik Simpan Template


Catatan :

Jika setelah menggunakan metode grid diatas ada kendala dengan tombol Beranda, Posting Lama, Posting Baru, atau tombol Home, Newer Post, Older Post, pada homepage blog Anda hilang, solusinya adalah cari kode <b:includable id='nextprev'> pada bagian Edit HTML, lalu simpan kode ini <div style='clear:both;'/> dibawahnya.

Udah gitu aja. Thanks :)

10 Cara Menghindari Blog Dihapus Permanen Oleh Google


Kali ini saya akan berbagi cerita tentang pengalaman saya di dunia blogging. Pengalaman yang menjadi pelajaran buat saya sekarang ini. Dulu saya pernah memiliki sebuah Blog yang di beri nama Sareweh. Blog dengan konten bahasa inggris yang kemudian coba saya daftarkan ke Google Adsense, dan bersyukur di-approve dan diterima oleh Google. Saya kemudian menempelkan iklan adsense tersebut di blog Sareweh. Tanpa saya sadari, blog tersebut ternyata cukup memberikan tambahan uang saku yang lumayan buat saya. Itu dulu, 4 tahun yang lalu. Sebelum blog tersebut kemudian dihapus permanen oleh Google disertai banned dari Google terhadap akun adsense milik saya.

10 cara menghindari blog dihapus permanen oleh google, endolita.blogspot.com

Saya sempat melayangkan permohonan ke Google namun tampaknya ada kebijakan sendiri dari Google yang membuat blog saya tidak bisa di restore/ dikembalikan. Saya sempat bingung dengan kebijakan Google tersebut. Padahal isi konten blog saya waktu itu hanya seputar dunia komputer dan teknik pemrograman.

10 cara menghindari blog dihapus permanen oleh google, endolita.blogspot.com

Akhirnya waktu itu saya berhenti dari dunia blogging dan memutuskan untuk fokus dengan aktifitas saya di dunia nyata sebagai karyawan. Disela-sela kesibukan saya, saya selalu menyempatkan diri untuk membuat blog baru lagi, lalu memposting artikel jika ada waktu senggang. Melihat jumlah artikel yang sudah cukup lumayan, akhirnya saya memutuskan untuk mendaftarkan kembali blog saya tersebut ke Google Adsense. Namun waktu itu Adsense menolak permintaan saya sebab saya mendaftarkan identitas yang sama dengan akun Google Adsense yang sebelumnya pernah di banned. Saya sempat terfikir untuk mendaftar memakai identitas teman saya, namun saya mengurungkan niat tersebut karena saya rasa tidak puas jika memakai identitas orang lain. Pada tahun 2012 ada kebijakan baru dari Google bahwa blog yang menggunakan bahasa Indonesia diklaim sudah bisa didaftarkan ke Google Adsense. Saya belum sempat mendaftarkannya waktu itu karena takut cuma isapan jempol saja.

Akhirnya bulan Agustus 2014 kemarin saya mencoba mendaftarkan blog berbahasa indonesia dan bersyukur diterima oleh Google Adsense. Saya jadi bersemangat lagi beraktifitas di dunia blogging. Belajar dari pengalaman dulu, serta informasi yang saya dapat dari teman-teman yang sempat share dengan saya, saya menyimpulkan beberapa poin yang harus diperhatikan agar akun Adsense dan akun Blog tidak di-banned dan dihapus oleh Google. Ada beberapa asumsi menurut saya tentang kebijakan Google yang memberikan beberapa penilaian terhadap ke-absahan sebuah Blog, dan Google tidak menyukai beberapa hal berikut ini:

  1. Google tidak menyukai penempatan iklan Adsense atau iklan lain yang melayang di tepi halaman dan menghalangi konten di dalam halaman sebuah blog.
  2. Google tidak menyukai penempatan iklan Adsense yang terlalu banyak. Maksimal penempatan iklan Adsense di blog adalah 4-5 iklan. Jika dibandingkan, mungkin Google sekarang lebih bijak dibandingkan Google dulu yang hanya memperbolehkan penempatan Adsense sekitar 2-3 iklan saja.
  3. Google tidak menyukai apabila ada iklan lain di sebuah blog yang penempatannya melebihi iklan Adsense yang sudah terpasang di blog tersebut. Saya sempat memasang iklan chitika dan infolink di sebuah blog namun segera saya copot karena takut blog saya kena banned lagi.
  4. Google tidak menyukai komentar yang memakai OpenID atau link URL Karena akan menyimpan backlink untuk blog lain. Jika terlalu banyak yang berkomentar dengan cara ini, maka bisa dianggap komentar spam. Google lebih menyukai komentar dengan memakai akun Google.
  5. Google tidak menyukai cara meningkatkan pagerank dengan memakai Pink Blog otomatis. Karena bisa menimbulkan link spam. Link yang kita tanam otomatis di situs lain dan berbeda konten bisa saja dianggap link sampah. Dan Google akan menganggap blog kita sebagai blog spam (penyampah).
  6. Google tidak menyukai konten dewasa/ jorok dan gambar-gambar tidak seronok di blog yang dipasangi iklan Adsense.
  7. Google tidak menyukai kata-kata kasar dan menyinggung pihak tertentu di dalam konten sebuah Blog.
  8. Google tidak menyukai artikel yang copy-paste dari blog lain. Jika ingin meniru sebuah artikel dari blog lain, maka diperkenankan untuk mengedit 80% artikel tersebut dengan kata-kata yang dibuat sendiri.
  9. Google tidak menyukai konten yang mempromosikan sebuah produk iklan di Televisi ataupun produk yang sudah memiliki hak cipta, yang kemudian produk tersebut dibuat artikel di blog kita tanpa seizin perusahaan yang membuat produk tersebut.
  10. Google tidak menyukai artikel di sebuah blog yang mengarahkan sebuah link aktif ke situs yang berkonten SARA/porno dan situs judi.
Itulah 10 asumsi saya berdasarkan pengalaman mengenai kebijakan yang di buat oleh Google tentang penilaiannya pada sebuah blog. Saya hanya sekedar share tidak ada maksud untuk menakut-nakuti atau bahkan melarang. Jika mencari artikel yang serupa, silahkan cek di bawah:

Cara Backup Artikel Blog Yang Sudah Diposting


Apa sebenarnya tujuan membackup artikel blog yang sudah diposting? Paling tidak kita bisa menyimpan seluruh artikel blog untuk dijadikan arsip, serta berjaga-jaga jika sewaktu waktu blog kita di blokir oleh blogger. Sehingga saat kita akan membuat blog baru, kita tidak usah capek juga membuat artikel baru.

cara backup artikel blog yang sudah diposting, cara menduplikat semua hasil postingan pada blog, cara backup artikel blog, cara backup postingan blog endolita.blogspot.com

Lalu bagaimana cara membackup seluruh artikel postingan blog tersebut? Simak di bawah ini:

Cara Backup Artikel Blog Yang Sudah Diposting:
  1. Login ke akun Blogger
  2. Pilih Setelan >> Lainnya
  3. Lalu perhatikan di menu Alat blog (sebelah kanan)

    4. cara backup artikel blog yang sudah diposting, cara menduplikat semua hasil postingan pada blog, cara backup artikel blog, cara backup postingan blog endolita.blogspot.com

  4. Klik Ekspor Blog, sehingga muncul tampilan seperti di bawah ini:

    5. cara backup artikel blog yang sudah diposting, cara menduplikat semua hasil postingan pada blog, cara backup artikel blog, cara backup postingan blog endolita.blogspot.com

  5. Klik Unduh Blog, simpan dengan format .xml di direktori komputer anda.
  6. Selesai. Kini arsip semua postingan blog telah berhasil disimpan

Lalu bagaimana cara mengupload backup arsip postingan tersebut di blog baru nantinya?


 Cara Menerbitkan Arsip Postingan Blog Di Blog Baru:
  1. Login ke akun Blogger
  2. Pilih Setelan >> Lainnya
  3. Lalu perhatikan di menu Alat blog (sebelah kanan)
  4. Klik Impor Blog, sehingga muncul tampilan seperti di bawah ini:

    5. cara backup artikel blog yang sudah diposting, cara menduplikat semua hasil postingan pada blog, cara backup artikel blog, cara backup postingan blog endolita.blogspot.com

  5. Klik Browse, lalu pilih arsip blog dengan format .xml tadi
  6. Klik tombol Impor Blog.
  7. Selesai
Itulah sekilas pemahaman saya tentang cara backup artikel blog yang sudah diposting dan cara menerbitkannaya kembali. Semoga bermanfaat dan mudah dipahami. Cari artikel menarik lainnya tepat di bawah ini:

Mengalihkan URL Postingan Yang Terhapus Dengan Pengalihan Khusus


Semua blogger pasti pernah mengalami hal seperti ini. URL postingan yang tidak sengaja terhapus atau benar-benar sengaja dihapus kadang suka meninggalkan jejak di mesin pencarian. Karena sudah benar-benar terindeks, URL postingan tersebut tidak serta merta ikut terhapus pula, namun akan memberikan satu peringatan bahwa halaman yang dicari tersebut sudah hilang, atau sudah terhapus. Hal ini nantinya akan memberikan efek ketidakpercayaan pengunjung terhadap blog tersebut.

cara mengalihkan url yang terhapus, cara mencegah blog tidak ditemukan di mesin pencarian, membuat pengalihan khusus di blog endolita.blogspot.com

Lalu bagaimana caranya mengatasi hal tersebut? Salah satunya adalah dengan cara berikut ini:

Namun yang akan saya bahasa sekarang disini adalah dengan metode pengalihan alamat URL postingan yang sudah terhapus ke URL yang masih hidup/ aktif. Berikut caranya:
  1. Login ke akun Blogger
  2. Pilih Setelan >> Preferensi penelusuran
  3. Di menu Kesalahan dan pengalihan, Klik Edit pada Pengalihan Khusus, Lihat gambar di bawah ini:

    4. cara mengalihkan url yang terhapus, cara mencegah blog tidak ditemukan di mesin pencarian, membuat pengalihan khusus di blog endolita.blogspot.com

  4. Namun perlu diperhatikan, URL yang dimasukkan tidak perlu diambil secara lengkap. Cukup ambil bagian awal garis miring sebelum tanggal saja, lihat contoh berikut ini:
    5. Dari :
      /2015/01/cara-memasang-buku-tamu-auto-show-hide-di-blog.html
    Kepada :
      /2015/01/cara-memasang-buku-tamu-buka-tutup-di-blog.html

    cara mengalihkan url yang terhapus, cara mencegah blog tidak ditemukan di mesin pencarian, membuat pengalihan khusus di blog endolita.blogspot.com

  5. Jika sudah klik Simpan Perubahan.
Jika ditemukan URL postingan lain yang tidak ditemukan, gunakan cara yang sama seperti di atas.

Itulah sekilas pemahaman saya tentang cara mengalihkan URL postingan yang terhapus dengan pengalihan khusus. Semoga artikelnya bermanfaat. Cek artikel lainnya di bawah ini:

Cara Menyembunyikan Dan Mengganti Link Aktif Di Komentar Blog


Link aktif yang dibuat oleh para pengunjung blog di kolom komentar tidak selamanya menguntungkan untuk mendongkrak popularitas sebuah blog. Karena seringkali ditemukan link-link aktif yang tidak berhubungan dengan isi konten yang sedang dibahas. Dan itu akan dianggap spam oleh Google Spider.

cara menyembunyikan link aktif di komentar, cara menyembunyikan link aktif di kolom komentar blog, cara menghapus link aktif di kolom komentar blog, cara menghapus anchor text di kolom komentar blog endolita.blogspot.com

Karenanya untuk mengatasi komentar-komentar yang mengandung unsur anchor text, kita bisa mengakalinya dengan beberapa cara, diantaranya dengan mengganti, menyembunyikan, membuat sebuah peringatan, atau mengubah link ke URL lain. Bagaimana caranya? Simak di bawah ini:

Menghilangkan Link Aktif di Komentar Dengan CSS Kode
Untuk menghilangkan link aktif (yang menggunakan tag a) tambahkan script CSS berikut di atas kode ]]></b:skin>
#comments p a {display:none;}

Menghilangkan Link Aktif Di Komentar Dengan jQuery
Letakkan cript berikut di atas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
jQuery(document).ready(function(){
 jQuery("#comments p").find("a").remove();
});
</script>

Mengganti Dengan Pesan Peringatan
Letakkan cript berikut di atas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
jQuery(document).ready(function(){
 jQuery("#comments p").find("a").replaceWith("<span>Peringatan: Link aktif akan dihapus secara otomatis !</span>");
});
</script>
Catatan: Tulisan berwarna Biru bisa diganti dengan kalimat peringatan yang diinginkan


Mengubah URL Link
Letakkan cript berikut di atas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
jQuery(document).ready(function(){
 jQuery("#comments p a").attr("href", "URL BLOG ANDA");
});
</script>
Catatan: Ganti tulisan berwarna Biru dengan alamat URL blog anda

Itulah sekilas pemahaman saya tentang cara nenyembunyikan link aktif di komentar blog. Semoga bermanfaat. Cek di bawah ini untuk mencari artikel yang lain:

Cara Membuat Anchor Text Yang SEO Friendly


Anchor Text adalah sebuah metode untuk menyisipkan link dalam sebuah kalimat. Cara ini biasa digunakan oleh para blogger yang suka menyimpan link di kolom komentar blog lain untuk dijadikan backlink.

cara membuat anchor text, cara memasang anchor text, cara membuat anchor text menjadi seo friendly, cara membuat link di komentar, membuat backlink di kolom komentar blog endolita.blogspot.com

Berikut ini adalah tipe anchor text sederhana yang biasa digunakan oleh para blogger pada umumnya:
<a href="url"> klik disini </a>
Contoh:
<a href="http://endolita.blogspot.com"> endolita </a>
Sedangkan anchor text yang Seo Friendly harus memiliki unsur-unsur berikut ini:
  • Tittle Tag
  • Manipulasi Keyboard
  • Penulisan Huruf Kecil
Caranya seperti ini:
<a href="url" tittle="+"><b></b></a>
Contoh:
<a href="http://endolita.blogspot.com/2015/01/cara-membuat-anchor-text-yang-seo-friendly.html" tittle="cara+membuat+anchor+text+yang+seo+friendly"><b>Cara Membuat Anchor Text Yang SEO Friendly</b></a>
Catatan:
  • Kenapa harus menggunakan tittle=""  ? karena akan memudahkan Google Spider untuk crawler blog kita.
  • Kenapa harus menggunakan tanda tambah ( + ) di kalimat tittle tersebut? Secara khusus dapat tersusun dengan rapi dan memudahkan Google Spider membaca setiap kata yang kita tulis, bukan per-kalimat .
  • Penggunaan keyword dengan huruf kecil (lowercase) pun mempengaruhi. Kenapa? Karena saya pikir ketika seseorang mengetikan sesuatu di search engine, mereka tidak akan rajin-rajin amat menyempatkan diri untuk menggunakan huruf kapital.
Itulah sekilas pemahaman saya tentang cara membuat anchor text yang SEO Friendly. Semoga bermanfaat. Jika mencari artikel lain yang serupa, silahkan cek di bawah ini:

Cara Mengetahui Alamat URL Feed Blog


Mungkin diantara sebagian Blogger belum ada yang mengetahui caranya melihat alamat URL feed blog sendiri. Padahal sangat penting untuk anda yang suka men-submit artikel atau postingan di salah satu penyedia layanan backlinks atau forum tertentu.

cara mengetahui alamat url feed blog, cara mengetahui alamat feed blog kita endolita.blogspot.com

Bagaimana caranya? Simak berikut ini:
  1. Buka browser Mozilla Firefox
  2. Kemudian buka blog anda
  3. Lalu klik kanan disembarang halaman blog anda
  4. Klik View Page Info
  5. Akan muncul jendela pop up ( lihat gambar di bawah ini )

    6. cara mengetahui alamat url feed blog, cara mengetahui alamat feed blog kita endolita.blogspot.com

  6. Klik tab Feeds
  7. Di halaman popup itu akan muncul URL feed blog anda (lihat gambar di bawah ini)

    8. cara mengetahui alamat url feed blog, cara mengetahui alamat feed blog kita endolita.blogspot.com

  8. Klik pada salah satu URL feed yg ada
  9. Lalu copy dan simpan sebagai data jika suatu waktu diperlukan untuk submit RSS feed blog anda.
  10. Selesai
Untuk pemakai browser lain: Klik kanan pada halaman blog, lalu pilih View Page Source
cari saja URL yang mengandung kata Feed (gunakan ctrl F untuk mempermudah) nanti akan ada 3 buah feed disana, ambil salah satunya.

Itulah sekilas pemahaman saya tentang Cara Mengetahui URL Feed Blog. Semoga bermanfaat. Jika mencari artikel lain yang serupa silahkan cek di bawah ini:

Cara Membuat Tabel Thumbnail Di Blog Untuk Bisnis Online


Membuat tabel di blog tentunya sangat diperlukan jika sewaktu waktu kita akan memposting sebuah artikel yang berhubungan dengan penyisipan gambar, metode pengklasifikasian sebuah benda, artikel yang mendefinisikan sebuah perbandingan, dsb. Namun seperti kita ketahui bahwa blogger untuk sementara ini tidak menyediakan fasilitas untuk membuat tabel di dalam fitur mereka. Karena itu kita sendiri yang harus membuat tabel tersebut dengan cara menyisipkan kode HTML yang dibuat secara manual.

cara membuat tabel di blog, cara membuat tabel untuk bisnis online di blog, cara mudah bikin tabel di blog, cara membuat tabel thumbnail di blog, endolita.blogspot.com

Untuk anda yang suka bertukar link sesama blogger cara ini mungkin bisa dipakai. Atau mungkin untuk anda yang berniat membuka bisnis online menggunakan tabel manual, cara ini juga relatif mudah untuk digunakan. Syaratnya, anda mempelajari terlebih dahulu kode html dasar. Tenang, saya sudah punya cara belejar dasar untuk mengenal kode HTML dengan mudah. Silahkan baca disini: Belajar Kode HTML Dasar

Baiklah, kita langsung membahasa bagaimana caranya membuat tabel di postingan blog, Pertama tama anda lihat kode dasar membuat tabel di bawah ini:
<table border="1">
<tr>
<td>Judul Gambar 1</td>
<td>Judul Gambar 2</td>
</tr>

<tr>
<td>URL Gambar 1</td>
<td>URL Gambar 2</td>
</tr>
</table>
Catatan:
  • Judul Gambar yang berwarna Hijau, anda isi dengan judul yang anda inginkan
  • URL Gambar yang berwarna Biru, anda isi dengan link URL gambar yang sudah anda simpan di situs penyedia penyimpanan gambar (atau untuk lebih mudah anda cari saja di Google)

Nah, cara penerapannya di postingan blog, anda ikuti cara-cara berikut ini:
  1. Login ke akun Blogger 
  2. Pilih Post, kemudian pilih mode HTML (bukan mode Compose)
  3. Kemudian sebagai contoh Anda copy-paste script di bawah ini di mode HTML tadi:

    4. <center>
    <table border="1" style="width: 500px;"><caption align="top"><b>Tabel 1. Daftar Blogger</b></caption>
    <tbody>
    <tr align="center"><th>No.</th> <th>Nama Blog</th> <th>URL Blog </th> <th>Logo/ Screenshoot Blog</th></tr>
    <tr align="center"><td>1.</td> <td>Endolita</td> <td>http://endolita.blogspot.com</td><td><a href="http://i880.photobucket.com/albums/ac8/tikulerz/icon/11111_zps6cb421b7.jpg~original" title="Cara Membuat Tabel dan Thumbnail"><img alt="Cara Membuat Tabel dan Thumbnail" src="http://i880.photobucket.com/albums/ac8/tikulerz/icon/11111_zps6cb421b7.jpg~original" height="100" width="100" /></a></td></tr>
    <tr align="center"><td>2.</td> <td>Sarewelah</td> <td>http://sarewelah.blogspot.com</td><td><a href="http://i880.photobucket.com/albums/ac8/tikulerz/icon/sarewelah_zps4e96c7de.jpg~original" title="Cara Membuat Tabel dan Thumbnail"><img alt="Cara Membuat Tabel dan Thumbnail" src="http://i880.photobucket.com/albums/ac8/tikulerz/icon/sarewelah_zps4e96c7de.jpg~original" height="100" width="100" /></a></td></tr>
    <tr align="center"><td>3.</td> <td>Adesense Blogger Templates</td> <td>http://adsense-bloggertemplate.blogspot.com/</td><td><a href="http://i880.photobucket.com/albums/ac8/tikulerz/icon/templatebloggeer_zps2777bf68.jpg~original" title="Cara Membuat Tabel dan Thumbnail"><img alt="Cara Membuat Tabel dan Thumbnail" src="http://i880.photobucket.com/albums/ac8/tikulerz/icon/templatebloggeer_zps2777bf68.jpg~original" height="100" width="100" /></a></td></tr>
    </tbody></table>
    </center>
    Catatan: 
    • Ganti tulisan berwarna Hijau dengan nama blog anda
    • Ganti tulisan berwarna Merah dengan URL blog anda
    • Ganti tulisan berwarna Biru dengan URL gambar anda

  4. Terakhir, klik Publikasikan
Hasilnya akan seperti Tabel di bawah ini:

Tabel 1. Daftar Blogger
No. Nama Blog URL Blog Logo/ Screenshoot Blog
1. Endolita http://endolita.blogspot.comCara Membuat Tabel dan Thumbnail
2. Sarewelah http://sarewelah.blogspot.comCara Membuat Tabel dan Thumbnail
3. Adsense Blogger Templates http://adsense-bloggertemplate.blogspot.com/Cara Membuat Tabel dan Thumbnail


Nah, untuk anda yang suka dengan desain tabel untuk Jual Beli Online mungkin script di bawah ini adalah contohnya:

<center>
<table border="1" style="width: 500px;">
<caption align="top"><b>Tabel 2. Daftar Harga Android Murah 2015</b></caption>
<tbody>
<tr>
<td style="background: #62AC53; text-align: center;"><span style="color: white;">Harga Samsung Galaxy Pro B7510</span></td>
<td style="background: #62AC53; text-align: center;"><span style="color: white;">Harga Samsung Galaxy S I9003</span></td>
<td style="background: #62AC53; text-align: center;"><span style="color: white;">Harga Samsung Galaxy Ace S5830</span></td>
</tr>
<tr>
<td style="text-align: center;"><span style="color: lime;"><a href="http://i880.photobucket.com/albums/ac8/tikulerz/icon/galaxyprob7510_zps6a783726.jpg~original" title="Samsung Galaxy Pro B7510"><img alt="Samsung Galaxy Pro B7510" src="http://i880.photobucket.com/albums/ac8/tikulerz/icon/galaxyprob7510_zps6a783726.jpg~original" /></a></span>
<br />
Baru : Rp. -<br />
Bekas : Rp. 1.300.000,-</td>
<td style="text-align: center;"><span style="color: lime;"><a href="http://i880.photobucket.com/albums/ac8/tikulerz/icon/s19003_zpsb7dcbf66.png~original" title="Samsung Galaxy S I9003"><img alt="Cara Membuat Tabel dan Thumbnail Di Blog Untuk Bisnis Online" src="http://i880.photobucket.com/albums/ac8/tikulerz/icon/s19003_zpsb7dcbf66.png~original" /></a></span><br />
Baru : Rp. -<br />
Bekas : Rp. 1.450.000,-</td>
<td style="text-align: center;"><span style="color: lime;"><a href="http://i880.photobucket.com/albums/ac8/tikulerz/icon/aces5380_zps6e65e10c.jpg~original" title="Samsung Galaxy Ace S5830"><img alt="Cara Membuat Tabel dan Thumbnail di Postingan Blog" src="http://i880.photobucket.com/albums/ac8/tikulerz/icon/aces5380_zps6e65e10c.jpg~original" /></a></span><br />
Baru : Rp. -<br />
Bekas : Rp. 1.500.000,-</td>
</tr>
<tr>
<td style="background: #62AC53; text-align: center;"><span style="color: white;">Harga Samsung Galaxy Fit S5670</span></td>
<td style="background: #62AC53; text-align: center;"><span style="color: white;">Harga Samsung Galaxy Gio S5660</span></td>
<td style="background: #62AC53; text-align: center;"><span style="color: white;">Harga Samsung Galaxy Mini S5570</span></td>
</tr>
<tr>
<td style="text-align: center;"><span style="color: lime;"><a href="http://i880.photobucket.com/albums/ac8/tikulerz/icon/fits5670_zps4efb1f94.jpg~original" title="Samsung Galaxy Fit S5670"><img alt="Cara Membuat Tabel dan Thumbnail di Postingan Blog" src="http://i880.photobucket.com/albums/ac8/tikulerz/icon/fits5670_zps4efb1f94.jpg~original" /></a></span><br />
Baru : Rp. -<br />
Bekas : Rp. 1.200.000,-</td>
<td style="text-align: center;"><span style="color: lime;"><a href="http://i880.photobucket.com/albums/ac8/tikulerz/icon/gios5660_zpsdc2c7b94.jpg~original" title="Samsung Galaxy Gio S5660"><img alt="Cara Membuat Tabel dan Thumbnail di Postingan Blog" src="http://i880.photobucket.com/albums/ac8/tikulerz/icon/gios5660_zpsdc2c7b94.jpg~original" /></a></span><br />
Baru : Rp. -<br />
Bekas : Rp. 1.300.000,-</td>
<td style="text-align: center;"><span style="color: lime;"><a href="http://i880.photobucket.com/albums/ac8/tikulerz/icon/minis5570_zps13b771ed.jpg~original" title="Samsung Galaxy Mini S5570"><img alt="Cara Membuat Tabel dan Thumbnail di Postingan Blog" src="http://i880.photobucket.com/albums/ac8/tikulerz/icon/minis5570_zps13b771ed.jpg~original" /></a></span><br />
Baru : Rp. -<br />
Bekas : Rp. 950.000,-</td>
</tr>
</tbody></table>
</center>
Catatan:
  • Ganti tulisan berwarna Hijau dengan warna background tabel anda
  • Ganti tulisan berwarna Merah dengan nama judul/ produk yang anda inginkan
  • Ganti tulisan berwarna Biru dengan URL gambar anda

Hasilnya akan seperti ini:

Tabel 2. Daftar Harga Android Murah 2015
Harga Samsung Galaxy Pro B7510 Harga Samsung Galaxy S I9003 Harga Samsung Galaxy Ace S5830
Samsung Galaxy Pro B7510
Baru : Rp. -
Bekas : Rp. 1.300.000,-		 Cara Membuat Tabel dan Thumbnail Di Blog Untuk Bisnis Online
Baru : Rp. -
Bekas : Rp. 1.450.000,-		 Cara Membuat Tabel dan Thumbnail di Postingan Blog
Baru : Rp. -
Bekas : Rp. 1.500.000,-
Harga Samsung Galaxy Fit S5670 Harga Samsung Galaxy Gio S5660 Harga Samsung Galaxy Mini S5570
Cara Membuat Tabel dan Thumbnail di Postingan Blog
Baru : Rp. -
Bekas : Rp. 1.200.000,-		 Cara Membuat Tabel dan Thumbnail di Postingan Blog
Baru : Rp. -
Bekas : Rp. 1.300.000,-		 Cara Membuat Tabel dan Thumbnail di Postingan Blog
Baru : Rp. -
Bekas : Rp. 950.000,-


Itulah sekilas pemahaman saya tentang cara membuat tabel di postingan blog. Semoga artikelnya bermanfaat. Cari artikel menarik lainnya di bawah ini:
Subscribe to: Posts (Atom)