News Ticker

Menu

Browsing "Older Posts"

Browsing Category " Blog "

Cara Menampilkan Hanya Judul Pos Saja pada Homepage Blogger

Feb 13, 2014 / No Comments
Sudah lama sekali Saya tidak memposting mengenai tutorial desain blog, nah kali ini Saya akan membahas mengenai cara merubah tampilan blogger agar daftar postingan blog yang ada di halaman depan atau hompage hanya menampilkan judulnya saja. Ingin tahu bagaimana caranya ? Langsung ikuti intruksi di bawah ini :
Screenshot : Menampilkan hanya judul pos pada homepage


1. Masuk ke akun blogger Anda dan pilih blog yang ingin Anda edit. Kemudian masuk ke menu Template dan klik Edit HTML.
2. Tekan Ctrl+F untuk mencari tag </head>.
3. Setelah Anda menemukan tag tersebut, copy dan paste script di bawah ini teat diatas tag </head>.

<style type='text/css'>

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

.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#cc6600;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#000000;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {color:#333333;}

.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}

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

</style>

4. Simpan template Anda, dan lihat perubahan yang terjadi pada blog Anda

DEMO

yup, sekian dulu dari Saya. Semoga bermanfaat !
Apabila Anda menyukain artikel ini, silahakn share artikel ini.

Tips Melindungi Iklan Google Adsense Anda dari Bom Klik

Feb 12, 2014 / 1 Comment
How to Protect Google Adsense Ads from Bom Click
Google Adsense Bom Klik

Google Adsense adalah layanan iklan kontekstual dari Google. Dimana Anda akan dibayar apabila memasang iklan dari Google Adsense di website atau pun blog Anda. Pendapatan dihitung berdasarkan seberapa banyak orang melakukan klik pada iklan yang Anda pasang di website/ blog Anda. Jumlah pendapatan pun bervariasi tergantung jenis iklan dan darimana asal pengunjung Anda yang meng-klik iklan Anda. Karena itu jumlah klik sangat penting dalam meningkatkan pendapatan dari Google Adsense. Mungkin Anda pernah berpikir untuk mengklik iklan Anda sendiri, namun hal itu merupakan pelanggaran policy dari google.
  • Anda tidak boleh mengklik iklan Anda sendiri
  • Anda tidak boleh meminta orang lain untuk mengklik iklan Anda
  • Anda tidak boleh membayar orang lain untuk mengklik iklan Anda
  • dan sebagainya
Akibat dari pelanggaran diatas adalah akun google adsense Anda akan di BANNED. Jika akun Anda di banned, iklan Anda akan hilang dan pendapatan Anda yang tercatat di Google akan terhapus. Lalu apa hubungannya degan bom klik ?

Apa itu Bom Klik ?

Bom Klik adalah kegiatan dimana seseorang atau kelompok melakukan banyak klik pada suatu link tertentu dalam jangka waktu singkat. Apabila Saya kaitkan dengan iklan Google Adsense, bisa diartikan dengan "kegiatan dimana seseorang atau kelompok dengan sengaja melakukan banyak klik pada iklan google adsense Anda dalam waktu singkat ". 

Google selalu mencatat aktivitas klik yang terjadi pada iklan yang Anda pasang, dan apabila terjadi bom klik pada iklan Anda (misal seseorang melakukan klik sebanyak 100 klik pada iklan yang sama dalam waktu 1 menit) maka google akan mendeteksi aktivitas tidak wajar dan mengira Anda melakukan klik pada iklan sendiri. Nah, karena itulah akun Anda sangat berpotensi untuk ter-BANNED. Lalu bagaimana mencegah atau melindungi iklan google adsense yang terpasang di blog/website kita dari bom like ?

Cara Melindungi Iklan Google Adsense Anda dari Bom Klik

Apabila hal ini terjadi pada Anda, tindakan pertama yang harus Anda lakukan adalah menghubungi pihak Google dan melaporkan apa yang sebenarnya terjadi melalui Invalid Click Contact Form yang disediakan oleh google. Pihak google akan mereview laporan Anda dan melakuakn re-check pada akun Anda.

Selain itu cara-cara berikut ini juga dapat Anda lakukan untuk mencegah bom klik :

Google Analytics, melalui Google Analytics Anda bisa mendeteksi darimana saja pengunjung Anda berasal dan Anda bisa mencatat IP dari pengunjung yang mencurigakan kemudian mem-banned IP tersebut agar tidak bisa mengakses situs Anda lagi.

Tingkatkan Trafik Blog Anda, jangan coba-coba memasang iklan google adsenses pada blog yang memiliki trafik pengunjung rendah. Megapa ? Karena blog dengan trafik rendah sangat rentan untuk diserang oleh bom klik dan akun Anda bisa di BANNED. Sedangkan pada blog dengan trafik tinggi tidak akan terkena efek bom klik, karena hal itu dianggap wajar oleh google apabila banyak klik iklan yang terjadi di blog dengan trafik tinggi.

Hati-hati dalam menggunakan layanan peningkat trafik pihak ketiga, layanan peningkat trafik blog berpotensi mengandung malware dan dapat berimbas pada google adsense Anda.

Jangan minta orang lain untuk mengklik iklan Anda, seperti yang sudah dituliskan diawal artikel ini bahwa hal ini dilarang oleh google, jadi jangan pernah Anda coba-coba untuk melakukannya.

Demikianlah tips simple untuk melindungi iklan google adsense dari bom klik, apabila Anda merasa artikel ini bermanfaat Anda bisa share ke teman terdekat Anda agar mereka tidak menjadi korban dari bom klik ini. Salam Blogger !

Cara Memunculkan Tab Earning pada Blogger

Jan 31, 2014 / 1 Comment

Pengguna Blogger pasti sudah tahu mengenai Google Adsense. Google Adsense adalah layanan advertisement-networking, dimana Anda bisa mendapatkan penghasilan dari pemasangan iklan Adsense di website atau blog Anda. Khusus pengguna blogger, apabila ingin mengaktifkan akun Adsense mereka harus mendaftarkan diri melalui dashboard blogger. Pada dashboard blogger ada tab yang bernama "Earnings", disitulah para blogger bisa mengaktifkan Google Adsense dan menampilkan iklan di blognya.
READ IN ENGLISH : How to Showing Up Earning Tab on Blogger


Penyebab Tab Earning Tidak muncul di Dashboard Blogger

Namun di beberapa dashboard blogger, tab tersebut tidak ditemukan. Hal ini terjadi karena pengaturan bahasa pada blog tersebut tidak didukung oleh Google Adsense (Contoh : Bahasa Indonesia). 

Solusi

Jadi untuk memunculkan tab earning tersebut adalah dengan merubah pengaturan bahasa pada blog tersebut dengan bahasa yang didukung Google Adsense (Contoh : English - US). Dan berikut ini adalah langkah-langkah merubah preferensi bahasa pada blogger :

1. Login ke akun blogger Anda
2. Masuk ke Settings - Languange and Formating
3. Ubah bahasa ke English (United States)
4. Klik Save settings

Setelah itu logout dan loginlah kembali ke akun blogger Anda, dan tab earning pun muncul di dashboard Anda.

Cara Membuat Kotak Komentar Facebook di Blogger

Apr 21, 2013 / No Comments
Cara Membuat Kotak Komentar Facebook di Blogger

Manfaat memasang kotak komentar facebook

Bicara mengenai kotak komentar facebook di blog, mungkin diantara kalian ada yang bertanya-tanya. Sebenernya apa sih manfaat yang kita dapat jika kita memasang kotak komentar facebook di blog kita ? Sebenernya dengan memasang kotak komentar facebook pada blog dapat membantu berkembangnya blog Anda. Karena ketika ada seseorang yang berkomentar pada blog Anda, biasanya komentarnya akan muncul di beranda teman-temannya. Dengan begitu jika ada teman dari si pengomentar yang tertarik dengan itu akan mengklik link yang menuju blog Anda. Otomatis blog Anda akan tertambah jumlah pengunjungnya.

Demo

Jika Anda ingin melihat demonya silahkan klik tombol di bawah ini.

Cara membuat kotak komentar facebook di blog

Oke tadi sudah kita bahas apa manfaatnya, sekarang waktunya untuk membuatnya. Silahkan simak ulasan di bawah ini.
  • Yang pertama harus Anda lakukan adalah dengan membuat aplikasi di facebook. Untuk cara membuat aplikasi di facebook silahkan baca disini
  • Langkah kedua yaitu masuk ke akun blogger Anda dan buka bagian template kemudian klik Edit HTML.
  • Kemudian cari kode <b:skin><![CDATA[ dan letakkan script berikut diatas kode <b:skin><![CDATA[
    <meta content='gusti.tammam' property='fb:admins'/>
    <meta content='141460052683847' property='fb:app_id'/>
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <script src='http://yourscript.tk/js/script%20facebook%20comment.js'/>
    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>







    Ganti gusti.tammam dengan username facebook Anda
    Ganti 141460052683847 dengan ID aplikasi facebook yang tadi Anda buat
  • Kemudian cari kode <div class='post-footer-line post-footer-line-3'/> dan letakkan script berikut di bawah kode <div class='post-footer-line post-footer-line-3'/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='fb-comments' data-num-posts='10' data-width='550' expr:data-href='data:post.url'/> </b:if>







    Ganti data-num-posts='10' untuk menyesuaikan jumlah komentar yang ingin Anda tampilkan
    Ganti data-width='550' untuk menyesuaikan lebar ukuran kotak komentar.
  • Terkahir simpan template Anda dan lihatlah tampilan blog Anda sekarang.

Selesai

Nah, demikian post kali ini tentang cara memasang kotak komentar facebook di blogger, semoga bermanfaat !

Cara Membuat Gambar Membesar Saat di Sorot

Mar 16, 2013 / No Comments
Selamat Pagi sobat TammamBlog, jumpa lagi nih dengan artikel yang membahas mengenai blog. Oke mau bahas apa pagi ini ? Kita akan bahas mengenai bagaimana sih cara supaya gambar yang ada di blog kita terlihat membesar ketika disorot dengan Mouse. Seperti di bawah ini nih misalnya :
Bagaimana ? Suah tahu yang di maksud kan ? Trus gimana donk caranya ? Oke, di bawah ini nih caranya :
  • Pertama masuk terlebih dahulu ke akun blogger Anda
  • Kemudian masuk ke Template - Edit HTML
  • Jangan lupa untuk mencentang Expand Widget Template
  • Kemudian cari kode ini ]]></b:skin>, gunakan CTRL+F untuk mempermudah
  • Dan copykan kode di bawah ini diatas kode ]]></b:skin>

Sekedar catatan, jika Anda ingin merubah ukuran perbesaran gambar coba perhatikan angka 1.4 paa script diatas. Ubahlah angka-angka tersebut sesuai selera Anda. Oke lah sampai disini dulu, sampai jumpa lagi di post selanjutnya. Semoga bermanfaat

Membuat Daftar Isi Blog Otomatis Sesuai Urut Abjad

Mar 2, 2013 / 12 Comments
Selamat pagi sobat TammamBlog semuanya. Kali ini Saya mau share tutorial blogger lagi nih. Tutorialnya judulnya gimana sih cara bikin daftar isi blog otomatis yang sesuai abjad. Oke deh silahkan disimak ya dibawah ini.
Untuk membuat daftar isi sebenarnya ada banyak cara. Ada juga dafatr isi yang sesuai label, mungkin lain kali akan Saya share. Tapi kali ini kita pelajari dulu deh membuat yang sesuai abjad.

Kita memanfaatkan script yahoo pipes untuk membuat daftar isi yang sesuai abjad. Apa itu Yahoo Pipes ? Yahoo Pipes itu intinya adalah berfungsi untuk memanipulasi feed yang ada pada blog kita. Apa saja kelebihannya ? Coba deh dibaca ni yang ada di bawah :
Daftar isi di atur berdasarkan Abjad
Daftar isi tidak berdasarkan Label Blog
Daftar Isi bisa di Susun atau di atur menggunakan angka
Daftar isi bisa di susun atau di atur menggunakan Bullet List
Daftar isi memiliki tampilan yang simple
Daftar isi menampilkan jumlah komentar disamping kanan Post Title (Judul Posting)
Bagaimana cara membuatnya ? Silahakn ikuti langkah-langkah di bawah ini :
  • Pertama silahkan masuk ke akun blogger Anda.
  • Kemudian buatlah laman khusus untuk dijadikan daftar isi, dengan cara klik laman - buat laman. Jangan lupa untuk memilih mode HTML
  • Lalu copylah script di bawah ini.

  • Di bawah ini adalah beberapa hal yang bisa Anda ubah :
    Ganti http://alamat_blog_anda.blogspot.com dengan URL blog sobat
    Ganti kata alphabet menjadi chrono kalau sobat blogger menginginkan daftar isi tidak di atur berdasarkan Abjad atau Alphabet
    Bentuk default dari Daftar Isi ini menggunakan Bullet list. Kalau ingin dirubah menjadi angka, ganti kode ul menjadi ol (ada dua kode ul di dalam kode daftar isi, ganti kedua kode itu).
    Untuk menghilangkan jumlah komentar yang tampil dalam daftar isi ini, hapus kode document.write(pComment); //to remove comment count delete this line
    Ganti kata bold menjadi normal kalau sobat blogger ingin judul posting tidak tampil dengan tulisan tebal
  • Terakhir, pratinjau terlebih dahulu sebelum di Publish.
Itu tadi adalah tutorial singkat bagaimana membuat daftar isi blog otomatis yang sesuai urut abjad. Semoga bisa bermanfaat. Apabila ada pertanyaan atau Anda masih bingung bisa tanyakan lewat kotak komentar di bawah

Cara Membuat Auto-Redmore tanpa Menggangu Halaman Statis

Feb 3, 2013 / No Comments

Mungkin diantara kalian pernah mencoba menambahkan script auto-readmore pada blog Anda, atau mungkin Anda mendapat script itu dari TammamBlog yang sempat Saya share. Ternyata setelah diperiksa ada beberapa script auto-readmore yang tidak sempurna, dan yang kemarin TammamBlog share juga termasuk kedalamnya. Lalu dimana ketidaksempurnaan itu ? Ketidaksempurnaan tersebut berada pada fungsi auti-readmore yang seharusnya hanya untuk posting blog, ternyata berimbas juga ke halaman statis atau laman. Hal ini mengakibatkan laman menjadi ditampilkan sebagian, dan muncul tombol Readmore. Namun ketikan tombol tersebut di klik, tidak terjadi apa-apa. Tentu itu merusak penampilan blog kita, jika menggunakan laman. Nah, karena itu TammamBlog mencoba mencari solusinya. Dan jawabannya ketemu di blog Serba Serbi. Disana Saya menemukan script yang berfungsi sebagai auto-readmore, tetapi tidak menggangu halaman statis. Berikut scriptnya.


<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes-dengan gambar,no-tanpa gambar
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</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(thumbnail_mode == "yes") {
    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>


Keterangan : Script berwarna biru adalah jumlah dan ukuran tampilan.
 summary_noimg = Jumlah karakter tanpa gambar
 summary_img = Jumlah karakter dengan gambar
 img_thumb_height = Tinggi gambar {dalam pixel}
 img_thumb_width =Lebar gambar { dalam pixel }
 Ubahlah sesuai keinginan anda
Untuk penggunaannya silahkan ikuti petunjuk di bawah ini.
  • Pertama masuk dulu ke akun blogger Anda, kemudian masuk ke dashboard - template - Edit HTML. Jangan lupa untuk mencentang Expand Widget Template
  • Apabila anda sudah mengisi script Auto Read More maka anda harus menghapusnya terlebih dahulu. Gunakan Tutorial Auto Read More yang anda pakai sebelumnya, untuk mengetahui script mana yang harus anda hapus
  • Kemudian cari tag </head> dan copy script diatas tepat dibawah tag </head>
  • Kemudian cari tag <data:post.body/>  dan ganti tag tersebut dengan script di bawah ini.

  • <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>


  • Preview dan simpan template Anda jika sudah merasa cocok.

Cara Membuat Search Engine pada Blog

Jan 31, 2013 / No Comments

Anda tentu tidak asing dengan istilah Search Engine atau sering disebut sebagai mesin pencari. Dan Saya yakin Anda juga tahu mesin pencari terbesar di internet, Google lah jawabannya. Tapi pada kesempatan kali ini, Saya tidak membahas mengenai Google, melainkan mengenai bagaimana cara membuat search engine pada blog.

Untuk apa blog di beri search engine ?

Fungsi search engine pada umunya adalah untuk menemukan sebuah atau sesuatu yang berkaitan dengan keyword yang digunakan dalam kata kunci. Jadi jika ditanya untuk apa blog Anda dipasang search engine? Tentu jawaannya adalah agar pengunjung blog Anda lebih mudah dalam hal menemukan sesuatu yang dicari dalam blog Anda.

Lalu, bagaimana caranya memasang search engine pada blog ?

Disini saya akan membagikan script search engine yang dapat Anda pasang di blog Anda. Script disini mungkin sederhana dan tidak begitu baik jika dibandingkan dengan script search engine yang lebih rumit. Tapi mungkin ini sudah mencukupi-lah untu Anda yang ingin blognya mempunyai search engine. Berikut scriptnya.



<form action="/search" class="right" id="searchthis" method="get"><input class="input-text" id="searchBox" name="q" onblur="if(this.value==&quot;&quot;)this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value=&quot;&quot;;" type="text" value="Apa yang Anda Cari ?" vinput=""><input class="searchbutton" id="submit-button" type="submit" value="Cari"></form>


Keterangan :

  • Silahkan ganti huruf yang berwarna orange dengan posisi yang Anda inginkan. Misalnya jika ingin meletakkan di kiri, ubah menjadi left.
  • Ganti kata yang berwarna cokelat dengan kata-kata yang sesuai dengan keinginan Anda
  • Ganti juga kata yang berwarna merah dengan kata yang diinginkan

Bagaimana cara menggunakan script diatas ?

Nah, sekarang yang perlu Anda lakukan adalah :

  • Masuk ke akun blogger Anda
  • Masuk ke Tata Letak - Tambah Gadget - HTML/JavaScript
  • Selanjutnya copy script diatas pada tempat yang tersedia.

Sekian artikel kali ini, semoga bermanfaat