Tampilkan postingan dengan label Trik Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Trik Blog. Tampilkan semua postingan

Minggu, 15 April 2012

Wahai Sahabat Blogger : Saya Membutuhkan Bantuanmu


Awalnya saya memang senang mengutak-atik template blogger saya. Dari kesenangan itu, saya sering membuka blog dan situs yang membahas masalah html blogger. Template yusuf blogpun berulang kali berganti wajah, hingga yang terakhir adalah seperti ini.


Sebenarnya saya sudah tidak ingin lagi untuk mengganti template blog saya, namun ketika saya mencoba memparse kode html untuk “FB auto link” langsung di jawab bahwa kode tidak well format. Tetapi uniknya, kesalahan yang disebutkan tidak berada pada baris dan kolom yang baru saja utak-atik.

Saya pun berpikir mungkin ada masalah dengan template blog saya, kemudian saya mencoba mengecek validitas blog saya melalui validator.w3.org. hasilnya ternyata sangat mengkhawatirkan saya, karena disebutkan ada 256 kesalahan dan 70-an warning. Kemudian saya mencari referensi lewat blog lain tentang cara validasi html blog seperti pada tutorial blog dan blog gedek. Saya pun mengikuti petunjuk yang disebutkan dalam blog-blog tersebut, tetapi tetap saja blogger menjawab bahwa html tidak dapat diparse karena tidak well format. Kemudian saya mencoba mengganti format html yang saya masukkan dengan format yang diubah dengan code converter seperti yang ada pada blog Informasi dan Tips Kita. Namun hasilnya tetap saja sama.

Akhirnya saya memutuskan untuk mengganti template yusuf blog dengan template yang ada di galeri blogger seperti yang tampak sekarang ini. Masalah tidak berkahir, saya mencoba memparse track code google analytics, langsung dijawab “tidak dapat diparse”. Saya langsung bingung, karena kode google analytics itu biasanya akan langsung masuk, tanpa ada masalah. Kemudian saya mencoba lagi mengkoversinya, tetapi tetap dijawab sama. Lalu saya coba lagi dengan kode read more otomatis, jawabannya pun sama.

Saya sudah menyerah terhadap masalah tersebut, saya biarkan semuanya apa adanya saja, karena sudah sangat capek mengutak berbagai trik dan teknik dari blogger lain, khususnya lewat blog-blog yang membahas masalah tip dan trik blog. Hanya satu hal yang membuat saya lega, saya mengecek lewat validator.w3.org, hasilnya adalah 16 kesalahan dan 2 warning.

Saya berharap pada semua sahabat blogger yang sempat membaca tulisan ini kiranya berkenan memberikan masukan buat. Salam Blogger.

Selasa, 14 Juni 2011

Membuat Post dengan Background Tertentu

Background sesebuah post  biasanya akan mengikut default yang telah ditetapkan dalam setting blogger. Tetapi ada satu trick yang boleh digunakan untuk menjadikan background yang berbeda untuk entri yang anda dikehendaki. 


Contohnya adalah entri ini yang menggunakan background, tidak seperti entri lain yang berlatar belakangkan seperti biasanya.


Yang menarik di sini  adalah, anda boleh pilih gambar apa saja yang anda inginkan untuk background, dan anda boleh pilih hanya untuk anda letakan dalam post yang anda sukai untuk blog anda.


Apabila anda login pada blog anda, letakkan kode berikut ini dalam new post anda. (pastikan semasa kode ini di paste, new post anda dalam keadaan 'edit html' bukan 'compose'- ini untuk mengelakkan code warna dicopy sekali.:)






<div style="background:url(Link gambar disini) no-repeat;">
Entri untuk blog anda disini. 
</div>





  • Letakkan link gambar pada tulisan MERAH (kalau anda upload dalam blog kemudian copy url gambar lagi bagus.:)
  • jika anda menggunakan gambar berukuran kecil, silakan buang no-repeat.

Tukar Gambar Apabila Dilalui Cursor

Memasang gambar yang boleh bertukar sewaktu dilalui oleh cursor di blog mungkin boleh menambah sedikit kelainan pada blog anda. Dan juga gambar yang disertakan dengan link boleh menarik sedikit perhatian.


perhatikan conoth berikut :






1. Gunakan kode di bawah, tukarkan link yang anda inginkan pada url gambar pertama dan url gambar kedua.

<a href="Target link" target="_blank"><img src="URL gambar pertama" onmouseover="this.src='URL gambar kedua'" onmouseout="this.src='URL gambar pertama'" /></a>

Senin, 13 Juni 2011

Highlight Post Dengan Tombol Select All

Pada kesempatan kali ini membahas lagi mengenai Highlight Post dengan tambahan tombol select all yang mempermudah pengunjung blog untuk memBlok text yang ditonjolkan, misalkan anda menuliskan tutorial dan Anda menyisipkan script yang harus dicopy maka tombol select all ini sangat berguna untuk blok text otomatis.

Seperti contoh dibawah ini




Ingatkah kau...
Waktu kamu berbohong kepadaku
dan aku memaafkanya..

Ingatkah kau
Akan perjuanganku terhadapmu
walau aku tak bisa tetap ku perjuangkan

Ingatkah kau akan perhatianku terhadapmu
yang setiap waktu datang menyelimutimu

Tapi kini kau membalasnya dengan senyum pahitmu...

Hehehe hanya sekedar contoh gak perlu di artikan ya..

Okelah kita beranjak ke cara pembuatanya

1. Masuk Edit HTML pada blog Anda lalu taruh code javascript dibawah ini dibawah code <head>





<script type="text/javascript">
function fnSelect(objId)
{
fnDeSelect();
if (document.selection)
{
var range = document.body.createTextRange();
range.moveToElementText(document.getElementById(objId));
range.select();
}
else if (window.getSelection)
{
var range = document.createRange();
range.selectNode(document.getElementById(objId));
window.getSelection().addRange(range);
}
}
function fnDeSelect()
{
if (document.selection)
document.selection.empty();
else if (window.getSelection)
window.getSelection().removeAllRanges();
}
</script>

4. Masih pada Edit HTML lalu masukkan code CSS berikut diatas code ]]></b:skin>




/*__Style_copy_area__*/
.copybox { /* -- Style Box dalam --*/
padding:5px;
border:1px solid #FFC71F;
background:#FFFFCC;
}
.kopiaer { /* -- Style Box Luar --*/
background:red;
padding:7px;
}
.cangkirkopi { /* -- Style Tombolnya --*/
background:#B88A00;
border:1px solid #FFC71F;
color:#FFD65C;
padding:2px;
font-weight:bold;
}

Anda bisa mengunah tampilan code CSS diatas sesuai selera Anda lalu SAVE

5. Setelah itu pada posting editor gunakan code dibawah ini untuk menonjolkan textnya


<div class="kopiaer">
<input class="cangkirkopi" type="button" value="Select All" onClick="fnSelect('kopihangat')"/>
<div class="copybox" id="kopihangat">

INI TEKS YANG INGIN DITAMPILKAN

</div>
</div>

> Ingat ganti text yang berwarna biru berbeda setiap 1x penggunaan dan keduanya harus sama

> Ganti teks yang berwarna merah diatas dengan teks Anda

6. Publish dehh dan lihat hasilnya

Nah diatas adalah tutorial singkat dari Saya semoga berguna bagi Anda, Silahkan lontarkan komentar jika Anda mempunyai pertanyaan mengenai tutorial ini.

Menampilkan Widget Di Halaman Tertentu

Langkah pertama yang harus Anda lakukan adalah masuk menu "Design" kemudian masuk ke bagian "Edit HTML" lalu centang kotak "Expand widget templates"

lalu cari code widgetnya seperti ini


<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:includable>
</b:widget>

Untuk mempermudah pencarian silahkan masukkan judul widget seperti "Pesan" kedalam kotak pencarian browser (ctrl + F)

Kemudian tambah code

<b:if cond='data:blog.url == data:blog.homepageUrl'>

dan ditutup dengan code </b:if> untuk menempatkan di hanya halaman depan saja

dan ditempatkan seperti dibawah ini


<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Perhatikan penempatan code yang berwarna hijau !

kemudian save.

Dan dibawah ini adalah code yang bisa digunakan untuk penempatan lainya

Untuk menempatkan di halaman depan/index digunakan code
<b:if cond='data:blog.pageType == data:blog.homepageUrl'>


Untuk menempatkan di halaman Archive saja
<b:if cond='data:blog.pageType == "archive"'>


Untuk menempatkan dihalaman item/posting saja digunakan code
<b:if cond='data:blog.pageType == "item"'>


Dan untuk pada halaman pages atau static page blogger digunakan
<b:if cond='data:blog.pageType == "static_page"'>

Dan untuk tambahan, jika Anda ingin menempatkan di halaman tertentu dengan menggunakan URL gunakan code dibawah ini
<b:if cond='data:blog.url == "URL_HERE"'>


Ganti code URL_HERE dengan URL yang ingin anda tampilkan.

Dan untuk pengecualian, misalnya anda tidak menempatkan widget hanya di halaman depan saja dengan cara mengganti tanda = pertama dengan tanda !

Contoh

<b:if cond='data:blog.pageType != data:blog.homepageUrl'>

Nah tidak terlalu sulit kan? semoga bermanfaat bagi Anda.

Sekian silahkan berkomentar jika ada pertanyaa, :D

NB : Code diatas juga dapat di aplikasikan ke fungsi-fungsi blogger lainya yang akan saya bahas di waktu selanjutnya

Cara Menghilangkan Widget Attribution Blogger

Caranya cukup simple dan mudah banget, ikuti Saja langkah dibawah ini.

pertama masuk pada "Design" Lalu "Edit HTML"

masukkan code css dibawah ini diatas code ]]></b:skin>

#Attribution1 {height:0px; 
visibility:hidden;

display:none
}


Tinggal SAVE deh.

Minggu, 05 Juni 2011

cara buat border lengkung pada blog

Menukar tampilan bagi mengindahkan blog tentunya merupakan antara yang tidak dapat tidak dilakukan oleh seseorang blogger.Selain dari cantik dan tidak memberatkan loading blog adalah antara yang perlu diberi perhatian bila melakukan sesuatu perubahan pada template.Sebelum ini saya ada membuat entri tentang membuat border disekeliling posting.tapi dalam bentuk persegi.Kali ini pula dipenjuru border adalah dalam bentuk bulat.
buat border lengkung

Untuk membuatnya:

1.Masukk ke blogger dan pilih design
2.Klik edit HTML dan tandakan pada Expand template widget
3.Cari kod h2.date header{ 

dan letakkan kod ini dibawahnya


border-left:3px solid #0000FF;
border-right:3px solid #0000FF;
border-top:3px solid #0000FF;
border-bottom:0px solid #0000FF;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;


4.cari kod . post-body { 

dan letakkan kod ini dibawahnya

border-right:3px solid #0000FF;
border-left:3px solid #0000FF;
5. Kemudian cari kod ini pula, .post-footer {
Tambah kod ini dibawahnya
border-left:3px solid #0000FF;
  border-right:3px solid #0000FF;
  border-top:0px solid #0000FF;
  border-bottom:3px solid #0000FF;
  -moz-border-radius-bottomleft:15px;
  -moz-border-radius-bottomright:15px;

6.Untuk mengganti border pada sidebar pula cari kod ini:

.sidebar .widget { 

dan letakkan kod ini dibawahnya

border:1px solid #0000FF;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px

Kod berwarna oren adalah kod bagi warna biru,boleh ditukarkan dengankod warna yang  bersesuaian.

7.Seterusnya save template 

Design blog anda sendiri

Blogspot memberikan kemudahan kepada pengguna bagi mereka bentuk sendiri design bagi blog.Kemudahan ini amat lah berfaedah kepada mereka yang tidak mahir kod CSS.Kalau dulu kita mungkin tercari cari tutorial dalam internet bagaimana untuk mengubah suai blog kita.Kini dengan adanya kemudahan yang disediakan oleh Blogspot ini, kita boleh mengubahnya hanya dengan menekan tetikus sahaja.

Pertama sekali anda perlu masuk ke Blogger
Kemudian pilih Design

Kemudian kelihatan aplikasi baru:Template Designer.
klik pada Template Designer anda akan dibawa ke Blogger Template Designer.

 
Dibahagian ini anda akan dapat mengubahsuai blog anda dengan begitu mudah sekali.apa yang perlu anda lakukan ialah menyusun kedudukan nya mengikut kemahuan anda tanpa menghilangkan widget,bloglist dan aplikasi yang ada.Berdasarkan gambar di atas, Blogger Template Designer ini menyediakan empat aplikasi untuk kita merekabentuk blog iaitu Templates, Background, Layout dan Advanced. 

Pada bahagian Templates, kita boleh memilih jenis-jenis Templates yang disediakan. Ada empat pilihan utama dan setiap pilihan utama ada subpilihan lain. Semuanya berjumlah lebih kurang 10-16 Templates untuk dipilih.

Pada bahagian background kita boleh menukar warna latar belakang blog, atau warna tema.Anda boleh mengekalkan template yang ada,anda boleh menukar gambar latar belakang anda disini.
Selepas menukar background anda boleh pergi kebahagian Layout.Disini kita boleh menyusun atur kedudukan sidebar,column kepada 2 atau 3 column.Kita juga boleh mengubah saiz template.
selamat mencuba.

Tentang SEO

Ketika anda berbicara dengan mereka yang mengaku dirinya pakar SEO, ketika anda mengikuti kursus SEO, ketika anda bermaksud menyewa konsultan SEO, pernahkan anda terfikir untuk bertanya apakah faktor terpenting dari sudut pandang SEO dalam pandangan mereka?
Kemungkinan besar dengan jarg0n-jargon yang sulit anda mengerti mereka akan menunjuk elemen-elemen canggih seperti social media optimization, link wheel dan link prism untuk link building, blog review, forum posting, dan sebagainya. Mereka sama sekali tidak salah, tapi sesungguhnya elemen terpenting untuk SEO justru ada di tangan anda sendiri, yaitu konten.
Teknik dan strategi SEO terus berkembang seiring dengan berkembangnya algoritma indexing dan ranking yang terus disempurnakan terutama oleh search engine besar seperti Google, Yahoo, dan Bing. Tetapi sejauh apapun SEO berkembang, beberapa elemen dasar tidak pernah berubah, salah satunya adalah kenyataan bahwa konten – dalam berbagai bentuknya – merupakan faktor paling menentukan kesuksesan SEO.
Beberapa bulan lalu saya dihubungi oleh pemilik sebuah website untuk membantunya dalam hal SEO. Sayangnya dari sisi pengembangan konten, dengan mengedepankan kepraktisan, mereka sedapat mungkin mengotomatisasi konten websitenya. Dengan terbuka saya mengatakan “Maaf, kelihatannya pendekatan kita berbeda sehingga kemungkinan berhasilnya kecil sekali”.
Saya tidak ingin menyalahkan apa yang mereka anggap benar, meskipun demikian saya sampaikan alasan mengapa saya berfikir demikian. Kita memerlukan berton-ton konten yang unik, menarik, bermanfaat, dan berkualitas untuk meyakinkan search engine bahwa kita layak mendapat ranking.
Dengan keyakinan penuh terhadap strategi yang mereka usung, mereka memilih untuk tidak mengindahkan pandangan saya. Sekarang setelah berbulan-bulan, masa konten mereka masih belum terbentuk, traffic mereka sangat kecil, dan nampaknya sekarang berada di ambang kematian.
Untuk memberi gambaran kepada anda, website mereka merupakan website affiliasi yang hanya menggantungkan diri pada sebanyak-banyaknya orang untuk disalurkan ke website-website tertentu. Lucunya mekanisme penyaluran pengunjung ini dia buat dalam frame yang mengandung tag <div> dengan nama perusahaan kemana mereka menyalurkan pengunjung tersebut. Dengan gambaran seperti itu, tentunya anda tidak akan heran jika mereka gagal.
Calon klien saya yang lain adalah seorang penulis buku. Sebelum kita menyepakati kerjasama, saya tekankan bahwa saya memerlukan sangat banyak konten berbentuk tulisan. Dia harus menyediakan konten tersebut sementara saya akan mengatur strategi yang tepat untuk memaksimalkan manfaat konten tersebut dan akan melakukan editing sehingga konten tersebut sesuai dengan sasaran, SEO. Karena dia menyanggupinya, maka kontrak ditandatangani.
Beberapa bulan kemudian kami mendapatkan konten yang dia kirimkan dan isinya kurang lebih sama dengan isi buku yang dia tulis. Jadi untuk apa orang membeli buku kemudian mengakses website dia jika isinya sama?
Ketika anda membangun konten untuk website anda, mulailah dengan riset (baik riset keyword maupun analisa kompetisi) kemudian buatlah rencana yang memungkinkan website anda disukai oleh kelompok sasaran.

Optimalisasi Blog dengan Teknik SEO

Topik mengenai SEO memang tidak akan pernah habis diperbincangkan. Pada Posting kali ini saya akan mencoba sedikit berbagi mengenai optimalisasi blog melalui teknik SEO on page dan off page agar blog anda memiliki traffic yang tinggi dan bisa tampil di halaman depan search engine untuk keyword yang anda inginkan. Sebenarnya saya bukan Master SEO, jadi saya mohon maaf buat master SEO yang udah jago, saya membuat tips SEO ini semuanya berdasarkan pengalaman pribadi Blog saya.
SEO on page merupakan tehnik SEO yang langsung anda lakukan di website anda. Hal ini berhubungan dengan judul yang tepat, keyword yang cukup dan tidak berlebihan dan lain sebagainya. Semakin jeli anda melihatnya, maka semakin bagus pula posisi anda di mata search engine. Sedangkan SEO off page adalah link yang anda bangun menuju website anda, bisa dari iklan baris yang berbayar, atau tukeran link dengan blogger lain. Berikut ada beberapa tips SEO dari saya untuk anda
SEO On Page
  • Usahakan keyword anda terfokus pada posting yang anda tulis. Pikirkanlah, kira-kira kalau anda sebagai pengunjung, kata kunci apa yang orang akan tuliskan untuk menemukan tulisan di dalam blog anda.
  • Buatlah content yang sesuai dengan kemampuan anda, dalam artian jangan copy paste dari blog orang lain. Dengan begitu, posting anda akan unik dan akan bernilai tinggi di mata search engine.
  • Gunakan judul yang mengandung keyword anda. Usahakan paling tidak satu keyword yang sesuai dengan judul postingan anda.
  • Gunakan huruf tebal (bold) dan huruf miring (italic) dalam pada keyword dalam posting anda. Namun hati-hati untuk tidak menggunakannya secara berlebihan karena akan dianggap spam oleh search engine.
  • Gunakan ALT untuk image anda. Search engine adalah robot yang tidak bisa membaca gambar. Jadi gunakanlah alternate text untuk memberitahu pada search engine mengenai apa gambar anda.
  • Bangunlah internal link dalam blog anda. Artinya setiap posting anda setidaknya memiliki link untuk menuju ke posting lain. Setelah itu carilah link dari luar, entah itu dari iklan baris, social bookmarking, social networking dan lain sebagainya.
  • Update artikel atau konten secara berkala. Konten adalah segalanya. Jadi walaupun anda sudah melakukan semua teknik SEO namun mengabaikan untuk update konten, maka tidak ada gunanya. Paling ideal kalau anda bisa posting artikel tiap hari, minimal 1 artikel. Namun jika anda sibuk, anda bisa mengupdate setiap 3-4 hari sekali.
SEO Off Page
Berbeda dengan SEO On Page, untuk SEO Off Page, anda membangun external link menuju ke situs anda sebanyak-banyaknya, dengan kata lain anda harus giat berpromosi. Penyebaran link bisa dengan cara promosi di situs-situs sebagai berikut:
a. Social Bookmarking
Bookmarking ke situs social bookmarking, bisa dengan cara manual dan bisa juga dengan cara otomatis. Kalau dengan cara manual anda bisa memilih situs social bookmarking lokal seperti lintasberita.com atau infogue.com yang memiliki traffic tinggi. Sedangkan untuk yang otomatis, anda harus mengeluarkan sedikit dana untuk menyewa pihak yang akan mensubmit web anda secara rutin.
b. Iklan Baris
Ini adalah cara termudah untuk meyebarkan link web/blog anda. Semakin banyak link anda tersebar di internet, maka semakin mudah pula orang menemukan situs anda. Dengan cara ini juga Google akan menganggap situs anda penting sehingga peluang anda untuk masuk ke halaman depan pencarian google semakin besar.
c. Situs Jejaring Sosial
Bila anda memiliki akun di Facebook, updatelah status yang mengandung nama dan link ke blog anda. Dengan begitu, teman anda akan semakin sering melihat nama situs dan ada kemungkinan untuk mengkliknya.
d. Forum
Sekarang banyak forum lokal yang bisa anda manfaatkan untuk sarana berpromosi seperti adsense-id.com, dll. Aktiflah di forum dan sering-seringlah berbagi dengan teman anda mengenai blog anda.
Itulah beberapa tips dari saya yang sudah pernah saya praktekkan dan berhasil untuk beberapa blog saya. Pada dasarnya SEO memiliki prinsip dan cara yang sama. Yang membuatnya berbeda adalah pengalaman anda.
Pada postingan selanjutnya, saya akan mencoba berbagi tools-tools yang harus anda miliki untuk optimalkan blog atau web anda. Selamat Mencoba!

Cara agar isi blog tidak bisa diblok untuk copy paste

Nah bagaimana agar postingan atau isi blog kita tidak bisa di copy-paste, ikuti petunjuk berikut ini:
1. Masuk di Dashboard
2. Klik pada tata Letak
3. Kemudian klik pada tab HTML
4. Lalu beri tanda centang pada kotak expand template widget
5. Setelah itu cari kode <head> pada kode template anda, dan letakkan kode ini tepat dibawah kode <head>

ini Scriptnya:
<SCRIPT type=’text/javascript’>
if (typeof document.onselectstart!=&quot;undefined&quot;) {
document.onselectstart=new Function (&quot;return false&quot;);
}
else{
document.onmousedown=new Function (&quot;return false&quot;);
document.onmouseup=new Function (&quot;return true&quot;);
}
</SCRIPT>

7. Klik Simpan Template
8. Selesai dah, selamat mencoba.
Mungkin dengan ini privasi kita bahkan karya kita tidak dengan mudah di Copas orang lain.