Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts

Cara Menyembunyikan Judul Posting Blog

mencoba hal yang baru itu perlu
  1. Masuk ke akun blogger kita masing-masing.
  2. Klik fitur rancangan (Template).
  3. Klik Edit HTML dan Lanjutkan
  4. Klik expand template widget.
 Cari kode berikut ini :
h3.post-title {
  margin: 0;
  font: $(post.title.font);

Lalu tambahkan kode HTML ini :

visibility: hidden;

Sehingga tampilan kode keseluruhan akan menjadi seperti contoh berikut ini.

h3.post-title {
  margin: 0;
  font: $(post.title.font);visibility: hidden;

     5.  Klik simpan dan selesai.

Cara Menyembunyikan Posting Blog di Halaman Depan Blog

Langsung saja yukk
Cara Menyembunyikan Posting Blog di Halaman Depan Blog.
1. Template > Edit HTML
2. Copas atau Simpan kode berikut ini di bawah kode ]]></b:skin>

<b:if cond="data:blog.url == data:blog.homepageUrl">
<style type="text/css">
.post, #blog-pager {display:none;}
</style>
</b:if>
<b:if cond="data:blog.url == data:blog.homepageUrl">
<style type="text/css">
body#layout .sidebar {display:inline;margin-top:200px;}
</style>
</b:if>

Jika ingin mengilangkan sidebar widgetnya juga, ini kodenya:

<b:if cond="data:blog.url == data:blog.homepageUrl">
<style type="text/css">
.post, .sidebar, #blog-pager {display:none;}
</style>
</b:if>
<b:if cond="data:blog.url == data:blog.homepageUrl">
<style type="text/css">
body#layout .sidebar {display:inline;margin-top:200px;}
</style>
</b:if>

CARA MEMBUAT NOMOR ANGKA PADA HALAMAN BLOG

Membuat nomor halaman blog sebenarnya sudah banyak sekali artikel tersebut tapi biar saya mudah mencarinya suatu ketika jika saya butuhkan saya coba buat dan tulis ulang diblog ini, sebenarnya tidak terlalu rumit bagi sobat yang ingin menerapkan di blog sobat. Berikut Cara Cepat membuat nomor halaman di blog..!! bagi yang belum tau maksud navigasi nomornya seperti gambar dibawah ini

Cara Cepat membuat nomor halaman di blog

CARA MENAMBAH LEBAR KOTAK KOMENTAR BLOG

Cara Menambah Lebar Form Komentar Terbaru Blogger  - Lebar form kotak komentar biasanya secara default telah ada di setiap template, baik bawaan Blogger ataupun template - template free yang banyak bisa digunakan untuk blogger. Form kotak komentar ini bisa diubah dan diatur lebar dan tingginya, kali ini kita akan lebih fokus membahas tentang bagaimana mengatur lebarnya. Banyak blog yang telah sharing untuk cara mengubah atau menambah ukuran lebar pada blog. Maka dari itu, saya mau ikut-ikutan sharing cara ini terhubung banyak juga komentar blog lain yang berukuran lebar standar. Sebelumnya saya berterima kasih dulu kepada Kang Ismet yang sudah berbagi script ini.

Cara Meringankan Loading Blog Dengan Google Code

Banyak para blogger yang mendambakan loading blognya enteng atau ringan saat di buka atau di akses, tentunya hal ini sangat mudah dilakukan oleh para master blogger. Karena biasanya para master blogger mengkompres atau menyingkat kode css agar blog jadi ringan saat di akses para pengunjung, ada banyak sekali cara mengkompres kode css dan juga javascript untuk blog, dan semua cara bisa dipraktekkan sesuai dengan keinginan, kecocokan dan kemampuan masing-masing para blogger.

Membuat Anti Copy Paste Blog Kecuali bagian tertentu di Blog

Membuat Anti Copy Paste Blog Kecuali bagian tertentu di Blog

  1. Pertama ,  masuk terlebih dahulu ke editor template ( Edit Html )
  2. Kemudian pasang kode css anti copas dibawah ini diatas kode  ]]></b:skin> atau </style>

Cara Mempercepat Loading Blog / Web dengan jQuery LazyLoad

Berikut Cara Mudah Mempercepat Loading Blog dengan jQuery LazyLoad

  1. Pertama Buka Blogger, dan masuk ke menu Template => Edit Html
  2. Cari kode </head>, (gunakan CTRL+F, atau klik disini untuk mengetahui cara mencari kode di Edit HTML) dan letakkan/pastekan kode berikut tepat diatasnya.
    <script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='https://googledrive.com/host/0ByoCwyjwB1aDTXhnVVlxcTBadVk' type='text/javascript'/> <script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;http://bit.ly/Qv60g5&quot;,threshold : 200}); }); </script>
  3. Yang Terkahir Klik Simpan template.
Catatan penting brow script lazyload ini tidak menjamin bisa mempercepat waktu loading blog 100% fast loading Anda akan tetapi menjadi lebih cepat daripada sebelumnya

cara membuat template blog menjadi responsive

Jika ingin blog kalian menjadi full responsive seperti blog Shizenku Blogspot ini, jangan meninggalkan halaman artikel ini sebelum selesai membaca tulisan yang ada di postingan Cara membuat blog jadi responsive ini. Sebelum saya mulai membahas cara agar blog jadi responsive kalian cek terlebih dahulu url blog ini http://shizenku.blogspot.com sudah responsive apa belum dengan cara mengecilkan ukuran lebar browser, bisa juga dengan mengganti resolusi layar pc kalian menjadi resolusi yang lebih kecil atau di bawah resolusi asli monitor pc kalian. Cek juga menggunakan handphone atau perangkat mobile seperti : smartphone, tablet, atau hp dengan resolusi kecil. 
Bagaimana sobat sudah dicek belum. Ini cuma sebagai bukti saja, bahwa trik yang akan saya bagikan ini sudah saya terapkan pada blog ini yang alhamdulillah sekarang sudah responsive.

cara membuat template blog menjadi responsive

Jika ingin blog kalian menjadi full responsive seperti blog Shizenku Blogspot ini, jangan meninggalkan halaman artikel ini sebelum selesai membaca tulisan yang ada di postingan Cara membuat blog jadi responsive ini. Sebelum saya mulai membahas cara agar blog jadi responsive kalian cek terlebih dahulu url blog ini http://shizenku.blogspot.com sudah responsive apa belum dengan cara mengecilkan ukuran lebar browser, bisa juga dengan mengganti resolusi layar pc kalian menjadi resolusi yang lebih kecil atau di bawah resolusi asli monitor pc kalian. Cek juga menggunakan handphone atau perangkat mobile seperti : smartphone, tablet, atau hp dengan resolusi kecil. 
Bagaimana sobat sudah dicek belum. Ini cuma sebagai bukti saja, bahwa trik yang akan saya bagikan ini sudah saya terapkan pada blog ini yang alhamdulillah sekarang sudah responsive.

cara membuat template blog menjadi responsive

Jika ingin blog kalian menjadi full responsive seperti blog Shizenku Blogspot ini, jangan meninggalkan halaman artikel ini sebelum selesai membaca tulisan yang ada di postingan Cara membuat blog jadi responsive ini. Sebelum saya mulai membahas cara agar blog jadi responsive kalian cek terlebih dahulu url blog ini http://shizenku.blogspot.com sudah responsive apa belum dengan cara mengecilkan ukuran lebar browser, bisa juga dengan mengganti resolusi layar pc kalian menjadi resolusi yang lebih kecil atau di bawah resolusi asli monitor pc kalian. Cek juga menggunakan handphone atau perangkat mobile seperti : smartphone, tablet, atau hp dengan resolusi kecil. 
Bagaimana sobat sudah dicek belum. Ini cuma sebagai bukti saja, bahwa trik yang akan saya bagikan ini sudah saya terapkan pada blog ini yang alhamdulillah sekarang sudah responsive.

Membuat Tombol Share dengan Efek Slide di Blog

Ok sobat karena sekarang lagi hangat-hangatnya dengan gaya "slide" maka berikut ini saya akan membagikan tentang cara Membuat Tombol Share dengan Efek Slide di Blog, jadi tombol share ke jejaring sosial ini ada efek slidenya.

Membuat Tombol Share dengan Efek Slide di Blog

Demonya dapat anda lihat di template simplecips yang telah dibagikan sebelunya. Ok Mungkin saja sobat tertarik untuk memasang tombol share seperti ini biar templatenya lebih kelihatan keren..hehehe.. Langsung saja berikut ini adalah kode-kodenya, dan cara memasangnya di blog sobat.

Membuat Efek Gambar Bergetar di Blog

Efek Gambar Bergetar di Blog. Berikut ini seocips akan membagikan tentang Cara Membuat Efek Gambar Bergetar di Blog. Jadi untuk sobat yang suka memsang efek-efek tertentu di blognya mungkin dapat mencoba memasang efek gambar bergetar seperti ini.

Membuat Efek Gambar Bergetar di Blog

Widget Musik memutar lagu di blog dengan lagu pilihan sendiri

ingin memutar lagu di blog dengan lagu pilihan sendiri tapi tidak ketemu artikel yang cocok akhirnya saya memutuskan mencoba membuat widget pemutar music sendiri dan jadilah widget pemutar music yang sederhana ini.

Ok berikut ini adalah penampakan widget ini :

memutar lagu di blog dengan lagu pilihan sendiri

Cara Menghilangkan Tulisan Powered by Blogger

Setelah sebelumnya posting tentang cara menghilangkan navbar pada blogspot, kali ini saya akan share tentang cara untuk menghapus atau menghilangkan link tulisan powered by blogger yang berada di footer blog sobat.


Apakah menghapus atau menghilangkan tulisan powered by blogger tidak melanggar TOS?

Well, saya tidak tau dan juga malas mencari tau jawabannya :D toh kenyataannya banyak kok template blog yang menghapus tulisan powered by blogger tersebut

cara menampilkan dan menyembunyikan widget di blog

Berikut Teknik cara menampilkan dan menyembunyikan widget di blog.
catatan: gunakan sesuai keperluan.

1. Untuk menampilkan elemen/widget hanya di Home page.

Kodenya

Cara Copy Paste Blog yang di Protect


Berikut beberapa cara dengan menggunakan browser yang berbeda :

Untuk browser Google Chrome:
  1. Untuk browser Google Chrome Shortcut, Klik Kanan > Pilih Properties.
  2. Pada field textbox Targeted file, tambahkan -disable-java pada bagian belakang "C:\Documents and Settings\Administrator.SNAKE\Local Settings\Application Data\Google\Chrome\Application\chrome.exe" -disable-javascript
  3. Selesai, Silahkan copy artikel yang kamu inginkan.
atau

mempercepat loading blog Blogger

Script untuk mempercepat loading blog Blogger |Berbagai cara yang dilakukan untuk mempercepat loading blog, yaitu dengan cara mengcompress kode CSS/HTML. Namun trik ini beda sekali, yaitu penggunaan script yang dicoding secara khusus untuk mempercepat loading blog. Script yang membuat fungsi ini adalah lazy load script, dengan menanamkannya ke dalam struktur template, maka browser tidak akan membaca gambar-gambar di blog yang berakibat mempercepat loading dan meringankan beban server.
 Nah, berikut ini adalah kode scriptnya :

Blog Agar Lebih SEO Friendly

Caranya  
1. Login ke blogger, masuk ke menu template
2. Jangan lupa klik kotak kecil yang ada dipojok kiri atas yang bertuliskan "expand widget"
3. Cari kode <title><data:blog.pageTitle/></title> (gunakan tombol ctrl+f untuk mempercepat pencarian)
4. Kemudian ganti kode tersebut dengan kode berikut

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
5. Klik Pratinjau untuk mengetahui bila terjadi kesalahan dalam pemasukan kode, bila pada halaman pratinjau tidak ada masalah, klik SIMPAN
6. Lihat hasil perbedaannya, sekarang blog kamu sudah menjadi semakin SEO Friendly

Menyembunyikan Widget dari Halaman Awal Blog

Berikut cara menyembunyikan widget dari halaman awal blog sehingga menghemat loading page beranda blog.

1. Login ke halaman blogger kamu.
2. Masuk ke dasbor blog yang ingin kamu edit templatenya.
3. Pilih menu Template, kemudian klik Edit Template.
4. Bila html tidak muncul, silakan pancing dengan cara menekan CTRL+F. Setelah itu untuk melakukan pencarian cepat pada tampilan admin blogspot yang baru ini kamu harus menekan CTRL+SHIFT+F.
5. Cari nama widget yang akan kamu hilangkan dari halaman awal blog, kemudian sisipkan kode yang berwarna merah tepat seperti pada kode berikut.

Membuat / Menambahkan Kolom Komentar Facebook Di Blog

Membuat / Menambahkan Kolom Komentar Facebook Di Blog

Setelah saya share artikel tentang Cara Membuat Fanspage Facebook Untuk Blog, sekarang saya akan share artikel tentang bagaimana Cara Mudah Membuat / Menambahkan kolom Komentar Facebook Pada Blog untuk sobat blogger.

Lalu bagaimana cara membuat kotak komentar facebook di blog? Sebenarnya facebook sudah menyediakannya, tapi sebagian dari kita atau lebih mungkin belum tau. Saya sendiri sebenarnya tidak tau akan adanya itu, setelah saya googling-googling, akhirnya saya menemukan cara mudah membuat kolom komentar facebook di blog dan tidek ribet dalam pembuatannya.