WHAT'S NEW?
Loading...
Blog kalian ada tulisan diberdayakan oleh blogger?,simak tutorial berikut mungkin ini bisa membantu kalian silahkan ikuti di bawah ini dan juga cara menggantinya biar bisa mengganti dengan tulisan kita sendiri.

1. sobat login ke dasbor
2. Klik rancangan
3. Klik edit HTML
4. Cari kode ]]></b:skin>
5. Copy kode  dibawah ini :


#Attribution1 {<br />height:0px;<br />visibility:hidden;<br />display:none<br />}


6. Letakkan kode  tepat diatas kode ]]></b:skin>
7. Klik simpan template.


Apabila tulisannya belum hilang, masuk ke Tata Letak pada bagian bawahnya atau Attribution klik pada setting kemudian hapus.

 Jika ingin mengganti dengan tulisan kita sendiri

1. Buka tulisan "edit html" blog kalian,

2. Cari kode <!-- outside of the include in order to lock Attribution widget --> atau kalau gak ketemu juga lebih mudahnya dengan pencarian Ctrl+F di keyboard kalian,

3. Kalau udah ketemu kodenya, lanjut ke copy-paste kode berikut ini diatas kode tulisan  <!-- outside of the include in order to lock Attribution widget --> atau diantara bawah <footer>

<center>
Copyright © 2013 <a href="http://abalhafiz.blogspot.com/">BELAJAR NGEBLOG</a>. Powered by abalhafiz.</center>
 
semoga bermanfaat.




Tutorial Cara Mematikan Fungsi Klik Kanan, Ctrl A, Ctrl u, Select Pada Blog. Tutorial Cara Mematikan Fungsi Klik Kanan, Ctrl A, Ctrl u, Select Pada Blog. Ya itulah judul postingan kali ini. Sebenarnya sangat simple, tapi ya itu jika kita mengetahui fungsinya.
Ok, tanpa berlama-lama di pembukaan, lebih baik langsung saja menuju pointnya..





Berikut caranya:

  1. Masuk ke Akun blog sobat.
  2. Pilih menu "template".
  3. Klik "edit html".
  4. Proceed dan checklis "expand template widget".
  5. Lalu cari kode <body> atau <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> (Untuk memudahkan pencarian, tekan CTRL F pada keyboard)
  6. jika sudah didapati, silahkan ganti dengan kode berikut ini:

<body expr:class='&quot;loading&quot; + data:blog.mobileClass' oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>

   7. Selanjutnya, lihat/preview. Jika tidak ada yg salah, save dan lihat hasilnya! ^_^
So, sangat mudahkan sob, gak perlu banyak mengganti kode ini dan itu lagi. Cukup kode simple diatas saja.
Oh, ia selain itu ada beberapa yang mungkin sobat perlu ketahui dari kode tersebut:

oncontextmenu='return false;' (Kode ini berfungsi untuk mematikan fungsi klik kanan pada blog)
onkeydown='return false;' (Kode ini berfungsi untuk mematikan fungsi ctrl A, ctrl U di blog sobat)
onmousedown='return false;' (Kode ini berfungsi untuk mematikan fungsi block/select/shift dan sejenisnya pada text/artikel di blog sobat)

Jadi, gunakan seperlunya saja, misalnya jika sobat hanya ingin mematikan fungsi ctrl U pada blog, maka kodenya adalah sebagai berikut:

<body onkeydown='return false;'>

So, gak sulitkan!.. Ya semuanya sebenarnya sangat mudah. Tapi ingat, kita harus mempunyai alasan yang kuat untuk jika ingin menonaktifkan fungsi2 tersebut. Karena terkadang mungkin akan membuat pengunjung sedikit kecewa,. Namun, jika ada pertanyaan dan lainnya, silahkan tinggalkan dikolom komentar! Demikian dulu ya postingan yang berjudul "Tutorial Cara Mematikan Fungsi Klik Kanan, Ctrl A, Ctrl u, Select Pada Blog"




Cara membuat semua link pada blog kita otomatis dibuka pada tab baru.

Cara ini cukup ampuh untuk meningkatkan pageview kita 
Caranya :

  • Masuk ke dashboard
  • Klik design
  • Pilih tab Edit HTML
  • Cari kode <Head> --> Bisa dengan CTRL + F
  • Letakkan kode berikut ini dibawah <Head>
  • Simpan Template
  • Selesai...
Selamat Mencoba


1. Menghapus / Remove Read More Link Bawaan Blogger ( Fungsi Jump Break Link )
Masuk Blogger > Template > Edit HTML
Backup your template
Click the "Expand widget Templates" Box
Tekan Control + F
Cari tag line <data:post.body/>
Dibawahnya hapus kode berikut ini : 

<b:if cond='data:post.hasJumpLink'> 
<div class='jump-link'> 
<a expr:href='data:post.url + "#more"'><data:post.jumpText/>
</a> 
</div> 
</b:if >

Kemudian Save Template
Selesai!!. Anda sudah menghapus fungsi Jump Break link Blogger pada blog Anda.

2. Menghapus Auto Read More Link di Blogger

Untuk yang ini tidak semudah atau se-sederhana menghapus Jump Break Link diatas, karena type template dan jenis kode Auto Read More bisa berbeda-beda. Untuk itu saya akan berikan 2 contoh dibawah dengan cara yang berbeda.

Cara Pertama

Remove Blogger Auto Read More Option

Masuk Blogger > Template > Edit HTML
Backup your template
Click the "Expand widget Templates" Box
Tekan Control + F
Cari tag line <div class='post-body entry-content'> 
Dibawahnya cari semua kode seperti berikut ini :

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;
summary<data:post.id/>&quot;);</script> 
<div class='readmorecontent'>
<a class='readmore' expr:href='data:post.url'>
<b>Read more &#187;</b></a></div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/></b:if>

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

note : beberapa code mungkin bisa berbeda tergantung jenis template, tapi secara keseluruhan hampir sama.

Gantilah semua kode diatas dengan kode berikut :

<data:post.body/>

Kemudian Save Template
Refresh Homepage blog Anda dan check fungsi Auto Read More telah hilang dari blog Anda.

Namun ada kasus yang masih melihat tombol Read more link, setelah melalui semua proses diatas, maka ini bisa diatasi dengan kembali cari kode mirip berikut dibawah :

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='readmore-wrap'>
<a class='readmore' expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>

Save Template Anda sekali lagi,
Dan Selesai!!

Cara Kedua

Remove Auto Read More Feature with Thumbnail

Masuk Blogger > Template > Edit HTML
Backup your template
Click the "Expand widget Templates" Box
Tekan Control + F
Cari semua kode yang mirip seperti berikut :

<p><script type='text/javascript'> summary_noimg = 800; summary_img = 650; img_thumb_height = 150; img_thumb_width = 200; </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> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <div><a expr:href='data:post.url'>Read more &#187;</a></div> </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if></p>

Gantikan semua dengan kode dibawah ini :

<p><data:post.body/></p>

Kemudian Save Template
Selesai!!

Sumber: problogiz.blogspot.com


Cara Mengaktifkan Template Blog Versi Mobile Selular ( Costum Tersesuai )

Tampilan blog pada mobile/hp bisa kita aktifkan bisa juga tidak. Biasanya template seluler digunakan untuk mempercepat proses loading ketika diakses, terutama jika versi web-nya sangat berat. Dalam hal ini blogger menyediakan berbagai alternatif penggunaan, mulai dari template default hingga kita dapat mengolahnya sendiri (custom/tersesuai).

Jika anda memilih template seluler yang disediakan blogger, tampilannya memang sangat sederhana, memudahkan pembaca dan proses loadingnya cepat. Tapi ada hal yang harus anda perhatikan, ketika anda memilih tampilan tersebut, maka tag heading-nya akan menyesuaikan dengan template dasar, yakni:

h1: judul blog
h2: widget blog
h3: judul posting

Nah kalau sudah gitu, jelas nggak sesuai dengan tag heading dinamis pada nice seo template blogspot. Oleh karena itu, aku sarankan anda memilih fitur Custom/Tersesuai. Tenang saja, tampilannya 90% sama persis dengan tampilan web. Untuk mengeceknya, tambahkan ?=1 di belakang url address.
http://albarony-template.blogspot.com/?=1

Tampilan Seluler Operamini

Untuk mengaktifkan fitur custom, masuk ke menu template. Klik sesuaikan template seluler (gambar pengaturan), lalu klik Ya dan pilih Tersesuai dan Simpan.

Template Seluler Blog

Selajutnya, anda harus mengatur widget mana saja yang ingin ditampilkan di versi mobile. Karena jika anda tidak melakukannya, maka tidak ada satupun widget/gadget yang tampil di versi seluler. Untuk mengatasi hal ini, anda dapat menambahkan perintah berikut ini:

mobile='yes' Maksudnya widget tersebut selain tampil pada versi web juga tampil pada versi mobile
mobile='only' Maksudnya widget tersebut hanya tampil pada versi mobile

Untuk cara penggunaannya, letakkan perintah tag tersebut di dalam elemen widget, untuk memudahkan taruh setelah tag ID. Misal,

<b:widget id='HTML1' mobile='yes' locked='false' title='' type='HTML'>
<b:widget id='BlogArchive1' mobile='yes' locked='false' title='Blog Archive' type='BlogArchive'>
<b:widget id='PopularPosts1' mobile='yes' locked='false' title='Entri Populer' type='PopularPosts'>

Demikan penjelasan sederhana bagaimana cara mengaktifkan custom template seluler, namun sangat berguna agar template tetap seo friendly.
Sumber : albarony-template.blogspot.com



Cara Membuat scroll bar di posting blog sangatlah mudah, seperti yang tertera pada gambar diatas. Caranya hampir sama seperti saat kita menulis postingan blog. Namun yang paling penting adalah jangan lupa sobat copy/paste atau Tulis Kode script di bawah ini pada mode Edit HTML di bagian posting blog.
<div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid #000000'>

LETAKKAN TULISAN SOBAT ATAU APAPUN DISINI.
(Tulisan ditulis di Compose, sedangkan Kode di Tulis pada mode Edit HTML)

</div>

  • Ingat, Sobat Tulis  pada mode Edit HTML, bukan Compose.!!!
  • Untuk melihat dan mengecek berhasil atau tidak, silahkan sobat klik Compose.
  • height:200px; adalah ukuran lebar atas bawah kotak scroll, silahkan sobat ganti nilainya, seperti keinginan sobat.
  • width: auto; adalah ukuran otomatis lebar samping kotak scroll, silahkan sobat ganti nilainya, seperti keinginan sobat.
  • border:1px solid adalah ukuran tebal garis kotak scroll, silahkan sobat ganti nilainya, seperti yang sobat inginkan.
  • #000000 adalah Kode warna pada garis kotak scroll, silahkan sobat ganti Kode warnanya seperti yang sobat inginkan.
 Demikian artikel ringan tentang Cara Membuat Scroll Bar di Posting Blog, semoga bermanfaat buat sobat semua.


Follow:

Blogger Templates Created by ThemeXpose