Pemikiran admin pada awalnya, dengan menganti template akan membuat loading blogs menjadi cepat, ternyata sama saja.
Coba dan terus coba mengurangi widget yang ada, namun cuma sedikit
perubahan yang terjadi. Akhirnya coba cari deh ke om google, ketemu
situs yang ngasih tips mempercepat loading blogs disini. Tipsnya
langsung dicoba, tapi sebelumnya tech id baca-baca dulu. Ternyata
penyebab selama ini tech id gonta ganti template cuma karena masalah
CSS.
Saya sendiri tidak begitu mengerti yang namanya CSS, jadi langsung aja
diperaktekin tuh cara buat mempercepat loading blogs. All hasil loading
terasa cepat, bayangkan aja file dengan bobot 28ribuan dicompress jadi
8ribuan, sekitar 29% sisanya, berarti sekitar 71% CSS nya dicompress.
Menakjubkan bukan? Penasaran ingin mencobanya?
Ayo dech kita langsung peraktekin aja tuh tipsnya.
Pertama cari code CSS pada blogs Anda, biasanya ada diantara <b:skin><![CDATA[ disini CSSnya ]]></b:skin>.
Kira-kira dicopy aja tuh semua code script dari <b:skin><![CDATA[ sampel code script ]]></b:skin>. pokonya begitu deh, dicopy semua.
Kalo udah dicopy CSSnya simpan dulu deh di notepad ato apa deh terserah
Anda. ini sih cuma buat jaga-jaga aja kalo-kalo terjadi error. Tapi saya
coba gak ada errornya tuh.
Nah langsung aja deh survey ke situsnya atau yang udah kepilih Advanced mode.
Kalo udah sampe kesitusnya: copy in aja tuh code CSS blog Anda di kotak yang gede banget tepatnya di Your CSS code:
Udah di paste belum CSSnya ke kotak yang gede itu? loh kok bengong?
Setelah di paste di kotak tadi, langsung aja tuh klik Compress-it. Kalo
udah di klik dia bakalan compress sendiri tuh CSS blog Anda. Selanjutnya
dia kasih kita penjelasan berapa aja tuh yang udah ke Compress.
Kalo udah, dicopy lagi CSS yang udah dicompress dan pastekan di blog Anda. Masih inget kan cara menenpatkannya?
Kalo lupa saya ingatkan lagi deh. Paste aja tuh code CSS dari http://www.cssdrive.com/index.php/main/csscompressoradvanced/ di antara code <b:skin><![CDATA[ disini nieh pastenya ]]></b:skin>.
Eng ing eng.... apakah yang terjadi?
Buka aja blogs Anda dan rasakan perubahan yang terjadi. Semoga bermanfaat.
Terkadang untuk seorang pemula sulit dan bingung ketika ingin
menampilkan Halaman yang di inginkan agar jadi halaman utama di
bloggnya.
Nah kali ini saya ingin berbagi cara agar halaman yang kita inginkan
selalu jadi tampilan utama pada blog, dan hanya menampilkan satu halaman
saja..
Sebetulnya caranya mudah saja.. tapi untuk seorang pemula memang
membingungkan dan cukup sulit, di karenakan belum tahu.. tapi kalau
sudah tahu se ya memang mudah.
Setelah melanjuti postingan tentang Cara Mudah Memberi Peringatan Saat Klik Kanan, kini saya akan membahas tentang Cara Menonaktifkan Fungsi Block Pada Blog. Dengan menerapakan Cara Menonaktifkan Fungsi Block Pada Blog,
pengunjung blog kita tidak akan bisa melakukan penyorotan teks atau
blok teks pada tulisan blog tersebut. Apa yang akan mereka copy kalau
tidak ada tulisan yang diblok? Tentu saja tidak ada. Tertarik untuk mencoba? Ikuti cara ini :
Budaya tukar-tukaran link masih
tetap terjadi di blogosphere. Hal ini karena PageRank masih merupakan
presitse tersendiri tentang kesuksesan sebuah blog. Dan juga walaupun
SERP tidak dipengaruhi oleh PageRank, namun secara tidak langsung
jumlah, kualitas, dan relevansi backlink pada sebuah blog tetap
berpengaruh pada peringkat di SERP.
berikut adalah cara2 menaikan trafic pada blog....
Tulis content lebih banyak. Jika anda menginginkan traffic, anda
harus menulis content. Orang-arang tidak akan mengunjungi site anda
jika anda tidak menulis content yang baik, menarik & berkualitas,
dan pengunjung baru tidak akan kembali ke blog anda. Maka teruslah
menulis postingan yang menarik.
Design & layout yang baik. Jika design site anda berantakan,
navigasinya sulit, warnanya tidak match atau mengganggu penglihatan
(silau), atao juga full error, pengunjung pasti tidak akan betah untuk
berla
Belajar Membuat Blog Untuk Pemula,
Tips untuk meningkatkan page view dan jumla pengunjung, semoga artikel
Tips Blog Di bawah Ini Membantu anda, dalam belajar Ngeblog berikut ini
adalah Trik Cara Meningkatkan Pageview Blog Ini ada sedikit tips yang bisa meningkatkan pageview blog Anda:
Cara merubah kursor penunjuk di blog - Cara ini merupakan salah satu
teknik dalam menghias blog kita. Saya juga banyak tutorial bagaimana
kita bisa memodifikasi blog kita, salah satunya adalah Cara memberi
burung twitter terbang di blog. Kali ini Blogaul akan posting artikel
dengan judul cara mengganti kursor penunjuk di blog.
Dalam
membuat sebuah blog, kita pasti dihadapkan pada pemilihan sebuah warna.
Warna dalam membuat blog memiliki kode tersendiri. Kode warna bagi
sebagian blogger yang senang merias tampilan dan keindahan Blog, sangat
dibutuhkan untuk kemudahan mendapatkan kode HTML dari setiap warna yang
diperlukan. Nah untuk lebih mudah mendapatkan kode HTML setiap warna
yang diinginkan, alangkah baiknya jika temen-temen memasang tabel kode
warna ini di Blog atau di dalam postingan artikel. Dengan demikian
dijamin teman-teman akan lebih cepat dalam bekerja merias blog karena
tabel kode warrna sudah terinstall di Blog.
Cara pasang widget kode warna pada blogger
Langkah Pertama
Login ke blogger dengan id anda
Klik menu Tata Letak
Pada tab menu klik Edit HTML
Silahkan Backup dulu template anda dengan klik Download Template Lengkap
Sekarang cari kode </head>. Jika sudah ketemu, copy lalu paste kode berikut di atas kode </head>
<script language='javascript'>
function Barva(koda)
{
document.getElementById("vzorec").bgColor=koda;
document.hcc.barva.value=koda.toUpperCase();
document.hcc.barva.select();
}
function BarvaDruga(koda)
{
document.getElementById("vzorec2").bgColor=koda;
document.hcc.Barva2.value=koda.toUpperCase();
document.hcc.Barva2.select();
}
</script>
<script type='text/javascript'>
var hue;
var picker;
//var gLogger;
var dd1, dd2;
var r, g, b;
function init() {
if (typeof(ygLogger) != "undefined")
ygLogger.init(document.getElementById("logDiv"));
pickerInit();
//ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"
//ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"
}
// Picker ---------------------------------------------------------
function pickerInit() {
hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);
hue.onChange = function(newVal) { hueUpdate(newVal); };
picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180);
picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };
hueUpdate();
dd1 = new YAHOO.util.DD("pickerPanel");
dd1.setHandleElId("pickerHandle");
dd1.endDrag = function(e) {
// picker.thumb.resetConstraints();
// hue.thumb.resetConstraints();
};
}
executeonload(init);
function pickerUpdate(newX, newY) {
pickerSwatchUpdate();
}
function hueUpdate(newVal) {
var h = (180 - hue.getValue()) / 180;
if (h == 1) { h = 0; }
var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);
document.getElementById("pickerDiv").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";
pickerSwatchUpdate();
}
function pickerSwatchUpdate() {
var h = (180 - hue.getValue());
if (h == 180) { h = 0; }
document.getElementById("pickerhval").value = (h*2);
h = h / 180;
var s = picker.getXValue() / 180;
document.getElementById("pickersval").value = Math.round(s * 100);
var v = (180 - picker.getYValue()) / 180;
document.getElementById("pickervval").value = Math.round(v * 100);
var a = YAHOO.util.Color.hsv2rgb( h, s, v );
document.getElementById("pickerSwatch").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";
document.getElementById("pickerrval").value = a[0];
document.getElementById("pickergval").value = a[1];
document.getElementById("pickerbval").value = a[2];
var hexvalue = document.getElementById("pickerhexval").value ='#'+
YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]);
ddcolorposter.initialize(a[0], a[1], a[2], hexvalue)
if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select();
}
</script><!--[if gte IE 5.5000]>
<script type="text/javascript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
YAHOO.util.Event.addListener(window, "load", correctPNG);
</script>
<![endif]-->
Selesai
Langkah Kedua :
Berikutnya, memasang tabel kode warna pada blog.
Ada dua pilihan, pertama dipasang sebagai posting blog dan yang kedua
dipasang pada halaman utama (homepage) blog. Nah, kode untuk tabel kode
warna yang akan dipasang adalah berikut ini :
