+6289-627-868-764 ahmaddwialfian@gmail.com
Showing posts with label Tips Trik Blog. Show all posts
Showing posts with label Tips Trik Blog. Show all posts

Sunday, November 17, 2013

Cara Merawat Blog Dengan Baik

Kali ini saya akan posting cara merawat blog dengan baik. bagi pemula, hal ini dapat dilakuakn agar blog kita dapat terawat dengan baik dan benar sob.....


>>>Usahakan tulisan yang bermanfaat

Hindarilah tulisan-tulisan yang berbau curhat dan kesedihan, karena hal tersebut akan tampak lucu jika kita baca di lain hari ketika kita sudah lupa tentang hal itu. Usahakan menulis yang baik sehingga dibaca oleh semua orang dan juga memberikan manfaat. Dan berfikirlah bahwa tulisan kita suatu saat pasti dibaca oleh orang lain. Semoga memberi manfaat.

>>> Jangan lupa Selalu berpikir kreatif
Sebelum kita menemukan hal-hal baru yang seperti saya tuliskan di atas, tentunya kita harus mempunyai pikiran yang kreatif dalam melakukan sesuatu. Atau sebaliknya, kita temukan dan coba terlebih dahulu hal-hal yang bersifat baru bagi kita, lantas kita mendayagunakan pikiran kita pada hal tersebut agar membuahkan karya-karya yang kreatif dan tanpa batas. Jika kita sudah bisa berpikir kreatif, lantas menuangkannya ke dalam tulisan tentu tidak akan sesulit yang kita bayangkan. Asalkan ada tekad dan niat.

>>>Mencoba hal-hal baru, dan tidak terfokus pada hal yang itu-itu saja

Dalam kehidupan sehari-hari, seorang blogger atau penulis akan lebih baik jika mencoba hal-hal yang baru dan mungkin belum pernah ia lakukan. Seperti misalnya jika seorang blogger yang sering menulis tentang kuliner, pastilah tempat makan yang ia kunjungi selalu berbeda tempat dan bermacam-macam jenis masakan pernah ia rasakan.

Contoh lain adalah pengalaman menggunakan Sistem Operasi pada komputer, jika seorang blogger yang sering menulis tentang teknologi komputer maupun internet secara umum, akan menjadi kurang populer jika ia menuliskan tips dan trik salah satu sistem operasi. Lebih baiknya adalah ia mencoba menggunakan sistem operasi yang lain misalkan Linux yang mungkin mempunyai tantangan yang berbeda dari OS lain.

>>>Menulis beberapa pengalaman pribadi

Jangan segan-segan menulis pengalaman pribadi kita. Namun yang perlu digaris bawahi adalah, tulislah pengalaman-pengalaman yang positif, entah itu tentang kesuksesan, kemandirian, maupun kerja keras. Dengan begitu akan muncul kata-kata motivasi yang nantinya akan bermanfaat bagi pembaca. Menulis pengalaman pribadi memang sulit, dan tidak semua pengalaman pribadi bisa kita tulis ke dalam blog kita.



Secara on page yaitu dengan cara memeriksa bagian-bagian dari blog kita sepert :
  • HTML blog berupa kode-kode script atau css yang mungkin bermaslah
  • Link-link yang masuk atau keluar apakah terdapat broken link
  • Periksa meta tag, meta description, site map, dan sebagainya dan hal ini bisa kita lakukan dari google web master tool
Secara off page yaitu melakukan beberapa tindakan
  • Melakukan postingan secara berkala dengan kualitas artikel terbaik, karena konten adalah menu utama sebuah blog yang disuguhkan untuk pembaca.
  • Lakukan blogwalking untuk memperkenalkan diri dan menjalin persahabatan serta becklink.
  • Keragaman artikel akan membuat pengunjung lebih betah dan datang kembali untuk membaca dan mencari informasi.
Sekian dulu sobat artikel dari saya. Semoga bermanfaat ya sob.
No comments

Thursday, October 24, 2013

Cara Mempercepat Loading Dengan Meringankan Blog


1. Cara Mempercepat Loading Blog dengan Menggunakan CSS Compressor

Kompress lah CSS blog anda baik secara manual maupun secara otomatis, Secara manual tentunya anda harus lebih teliti memilah mana yang dapat dirangkum dan mana yang berdiri sendiri, Jadi saran saya gunakan saja tool yang telah banyak disediakan diberbagai situs. Sebagai contoh sobat bisa menggunakan http://www.csscompressor.com, http://cssoptimiser.com, http://imabblog.com/cssoptimizer/compress.html, http://tools.arantius.com/css-compressor, http://www.cssdrive.com/index.php/main/csscompressor

2. Cara Mempercepat Loading Blog dengan Memperkecil Ukuran Gambar

    Sudah pastilah bahwa ukuran gambar yang besar dalam parameter pixel ataupun kbyte akan menambah berat loading blog. Sobat blogger bisa mengurangi kualitas gambar sebagai salah satu cara tersebut ataupun sobat blogger bisa kompress gambar tersebut. Jadi usahakanlah ukuran file gambar atau foto yang digunakan sekecil mungkin.

3. Mempercepat Waktu Loading Blog dengan Meletakkan Script pada akhir editor template

Walaupun tidak semua script bisa diletakkan pada akhir, upayakanlah bagian script lebih diperioritaskan untuk diletakkan pada bagian akhir halaman edit template tersebut, karena pada bagian ini akan dibaca oleh browser jika bagian lain sudah selesai diproses..

4. Mempercepat Loading Blog dengan tidak mengulangi upload gambar yang sama

Gunakanlah Url gambar yang sama untuk dipakai berulang ulang jika memang diperlukan, tetapi jangalah mengupload gambar yang sama dengan alamat baru.  Misalnya suatu gambar mempunyai alamat seperti :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAej-zOVsKVGOwP9bA-rQl0qMv6_RKKk6BrwXMjZfW_rXoZu1w7RfIx_F1i_MmTs3tk-z41dUteB45gYMnzKNUh3q6dbkmjroM0Oc9MwnrScjMBWtOiE1tfVnnFYLAQm0vPXtHFgTT9YY/s1600/lagu.jpg
dan sudah digunakan pada suatu artikel blog kita, maka bila ada postingan lain yang menggunakan gambar yang sama maka sebaiknya menggunakan kembali alamat tersebut.

5. Meringankan blog dengan menghindarkan iklan yang berlebihan

Seperti yang kita ketahui bahwa iklan selalu menggunakan gambar dan script, jadi usahakanlah jangan menambah iklan yang akan memperburuk waktu loading blog anda, Semakin sedikit iklan yang tampil di blog semakin menambah ringan suatu blog. Jikalau berkenan tidak ada iklan tentu akan lebih cepat lagi.

6. Mempercepat Loading Blog dengan tidak menggunakan background gambar

Background gambar sudah pasti lebih menarik dari pada background berupa warna saja bukan ?, Tetapi background gambar akan menambah lemot loading blog sobat, jadi sebaiknya  ganti saja dengan background berupa warna jika anda menginginkan tambahan kecepatan loading tersebut. Jika anda belum tahu cara mengganti background bisa membaca artikel cara mengganti background blog dengan gambar dan warna

7. Mempercepat Loading Blog dengan membuang widget tertentu

Buanglah widget yang tidak perlu, maksud saya adalah widget yang akan mempengaruhi jalannya loading blog sobat, misalnya saja widget jam, widget kalender, widget translate dan lain lain.

8. Mempercepat loading blog dengan CSS Sprites

Cara ini memang memerlukan suatu pengetahuan ataupun keahlian yang cukup agar kita dapat menggabungkan beberapa gambar ke dalam satu gambar. Agar pemanggilan gambar tersebut tidak serta merta menjadi berulang ulang yang tentunya akan memakan waktu loading. Karena setiap image akan selalu menggunakan ektra request http. Saudara bisa mencoba untuk menggunakan SpriteMe dengan mengunjungi situs http://spriteme.org.

9. Meringankan loading blog dengan Lazyload

Gunakan lazyload yang akan membantu meringankan blog sehingga menambah kecepatan loading, lazyload akan menunda loading gambar dengan mengutamakan script terlebih dahulu, sehingga seoalh-olah berjalan dengan lebih cepat. Dan anda bisa mencoba untuk meletakkan kode script di bawah ini di atas kode </head>, jika dirasakan tidak ada perubahan pada loading anda, maka ada baiknya dilepaskan lagi script tersebut.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' type='text/javascript'/>
<script src='http://googledrive.com/host/0B2fPWv1fLnEnSjZSNUdIaXhscEk' type='text/javascript'/>
<script type='text/javascript'>
 $(function() {
    $(&#39;img&#39;).lazyload({
      placeholder : &quot;http://2.bp.blogspot.com/-sJ-tZahntLI/T9coeqmdqMI/AAAAAAAADUQ/ztxIT1Fht4g/s1600/grey.png&quot;,
        effect      : &quot;fadeIn&quot;,
        threshold   : 100
     });
 });
</script>
Jika di blog anda sudah ada jquery maka hapus  <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' type='text/javascript'/> di atas, dalam 1 blog hanya boleh ada 1 jquery.

Ingat :

1. Jika tidak berfungsi sesudah di copas kode di Save, silahkan paste kode tersebut sebelum atau di atas kode </body> pada script template.

2. Jika tidak berfungsi di paste di atas atau sebelum kode </body>, silahkan paste kode tersebut sebelum atau di atas kode  </head>
Demikian Tulisan yang dibutuhkan agar blog ringan tentunya sebelum ditinggal pengunjung maka gunakan script  Lazy Load Membantu Meringankan Blog
No comments

Sunday, June 23, 2013

Cara Simple Mengganti "Older Posts" Dengan Angka


Hallo Sob...... pengen tau caranya membuat Older Post menjadi angka..... caranya so simple sob,.,.,

tinggal lakukan langkah" seperti ini ya
1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut

.showpageArea a {
 text-decoration:underline;
}
.showpageNum a {
text-decoration:none; border: 1px solid #cccccc; margin:0 3px; padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc; background-color:#cccccc; }
.showpagePoint {
color:#333; text-decoration:none; border: 1px solid #cccccc; background: #cccccc; margin:0 3px; padding:3px;
}
.showpageOf {
text-decoration:none; padding:3px; margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none; border: 1px solid #cccccc; padding:3px;
}
.showpage a:hover
{ text-decoration:none;
}
.showpageNum a:link,.showpage a:link
{ text-decoration:none; color:#333333;
}

3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->
Selamat mencoba!!
No comments

Tuesday, June 18, 2013

Percepat Loading Blog dengan Optimalisasi/Kompres CSS


Kadang kalanya loading blog kalian itu lama. Itu terpengaruh karena beban yang ada di blog kamu itu terlalu besar seperti Javascript. ingin membuat loading anda menjadi lebih cepat. lihatlah petunjuk di bawah ini sob........... !

1. Lakukan Editing CSS Secara Manual.
Ada beberapa contoh aturan berikut ini:
Misalnya aturan pada header-wrapper,
#header-wrapper {
background: url(http://www.freeimagehosting.net/uploads/e439563253.jpg) no-repeat #000;
height: 150px;
margin-top: padding: 0px 0px 0px 0px;
text-align: center;
border: 1px solid #000;
}
Contoh di atas adalah penataan CSS secara standar, dimaksudkan agar browser dapat membaca aturan dengan baik dan urut. Namun pada saat ini, semua browser telah memiliki kecepatan dan kemampuan baca yang tinggi (anda sudah tidak pake IE 6 yang kuno itu lagi kan?), sehingga aturan seperti di atas tidak menjadi hal wajib. Aturan di atas memiliki white space (sisa ruang) dan juga spasi. Kita dapat melakukan perampingan pada ruang-ruang tersebut. Contoh:
#header-wrapper{background:url(http://www.freeimagehosting.net/uploads/e439563253.jpg) no-repeat #000;height:150px;margin-top:padding:0px 0px 0px 0px;text-align:center;border:1px solid #000;}
Pada contoh styling berikut:
{Margin-top: 15px;
Margin-right: 10px;
Margin-bottom: 15px;
Margin-left: 15px; }
Style margin di atas dapat kita rampingkan dengan CSS short-hand dan mengurangi spacenya:
{Margin:15px 10px;}
Karena nilai margin atas dan bawah sama serta nilai kanan dan kiri sama, kita dapat merampingkan dengan cara di atas, dimana 15px mewakili ukuran atas-bawah dan 10px mewakili kanan-kiri. Jika semua nilai margin sama, misalnya 15px, kita tinggal tuliskan: {margin:10px}. Perhatikan bahwa semua aturan nilai dimulai dari atas dan berjalan searah jarum jam: atas, kanan, bawah, dan kiri.

Ehm, sudah mulai pusingkah? Tidak kan? Bukankah belajar itu menyenangkan? ^^ Untuk melakukan cara-cara lain dan jika tertarik anda dapat mengunjungi W3 School.

2. Gunakan Layanan Situs-situs Penyedia Tool Kompres CSS Secara Online
Nah ini bagian yang lebih mudah. Anda dapat menggunakan beberapa tool layanan kompresi CSS dan dalam sekejap anda langsung mendapat hasilnya. Silahkan kunjungi:
Atau anda dapat mencari situs lainnya melalui googling dengan keyword "css compression tool".

Langkah-langkahnya:
a. Copy semua aturan CSS dari template HTML/XML.
b. Setelah masuk ke situs layanan kompresi CSS yang anda pilih, paste semua kode tersebut dan klik 'compress', 'optimize', dan lains ebagainya.
c. Tunggu beberapa saat dan hasilnya akan keluar lengkap dengan hasil ukuran file terakhir setelah kompresi dan perbandingannya. Perbedaan yang kecil sekalipun akan sangat berpengaruh terhadap berkurangnya loadtime halaman.
d. Download backup template terlebih dahulu pada halaman edit HTML.
e. Hapus bagian dimana anda mengkopi aturanCSS tadi dan masukkan hasil kompresi ke bagian tersebut.
f. Preview dan jika tidak ada masalah lagi, save.
Clue
Seluruh code CSS terletak di bagian head. Lebih tepatnya, semua code CSS pengatur tampilan terletak di antara <b:skin> dan ]]></b:skin>.
Pilih jenis/opsi kompresi 'standard'  atau sejenisnya pada tool kompresi CSS yang anda gunakan.
,,
jika ingin lebih mengerti silahkan kunjungi blog ini http://buka-rahasia.blogspot.com/2011/03/percepat-loading-blog-dengan.html
No comments

Thursday, May 23, 2013

Menghilangkan efek tang dan obeng di blog


Hai sob,,,,, para blogger mania. saya akan berbagi infonya ya.
bagi sobat-sobat yang ingin menghilangkan Efek Tang dan Obeng di blog itu caranya mudah sob.
Sebenarnya itu gambar tersebut hanya dilihat oleh admmin semata
jadi selain admin tidak akan melihat efek itu.
sobat tidak usah khawatir ingin menghilangkan efek tersebut karena sebenarnya efek tersebut hanya kiasan yang dimiliki oleh admin.
So...,., Ejoy aj lah

Salam Blogger :)
jangan lupa kunjungi juga mizukislayzer.blogspot.com
No comments