Tips, Trik, and Tutorial

Kamis, 03 Februari 2011

Check Cara Mengedit bagian Top Menu pada template blogger,,

1 komentar 00.40 Diposting oleh Danar Putra

Kali inii saya mau berbagi informasi mengenai cara mengedit top menu pada template blog kita. seperti menu home,pages, comment,posts,coments,,,,, sampai skarang sepertinyaa belum ada cara supaya dapat mengedit secara mudah dan praktis, jadi harus ngoprek html gtoo,,,tapi no problem koq,,pasti teman teman bisa deh,,,,,,

... untuk itu,tak usah lama lama lagi, langsung kita peajari cara mengedit bagian top menu pada blogger kita harus dan ada sedikit mengubah kode script html template blognya... jadii ingat sugeesti saya untuk memperthatikan dengan seksama,,,,okeeee

>> 1st example,Check it Out Guys

1. Login ke Blogger > Rancangan > Edit HTML > Edit Template ( don't forget centang expand template widget )... Kemudian Copy-Paste dahulu semua kode HTML template widget blog kamu ke dalam wordpad atau notepad, lalu simpat... untuk jaga-jaga gitu...

2. Tekan Control+F lalu cari kode " <div id='menu'> " ...kalau di kode html saya mungkin ada beberapa script html yang berbeda dengan blog kalian, jadi kalau yang menggunakan fasilitas template otomatis yang baru, bisa di "find" kata kunci seperti home dan lainnya,,,lalu chek bagian tersebut

3. Nanti akan terlihat kode sesudah " <div id='menu'> " yang seperti contoh dibawah ini...

<div id='menu'>
   <ul>
    <li><a Title='Home' expr:href='data:blog.homepageUrl'>Home</a></li>
    <li><div class='gap'/></li>
    <li><a href='http://id-id.facebook.com/people/Andi-Wong/1222512287'>About</a></li>
    <li><div class='gap'/></li>

    <li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts RSS</a></li>
    <li><div class='gap'/></li>
    <li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments RSS</a></li>
    <li><div class='gap'/></li>
    <li><a href='http://www.blogger.com/'>Login</a></li>
   </ul>
</div>

    </div>

Keterangan :

> Ubahlah nama menu yang saya kasih warna ungu, sesuai keinginan

> URL yang saya warnai biru juga diubah sesuai dengan nama menu yang kamu tentukan sendiri...

4. Finally simpan template kamu lalu lihat blog yang sudah di update dengan refresh, atau klik ''lihat blog''

...Jika kalian mau menambah lagi menu blog,tinggal copy-paste kode html top menu-nya contoh dibawah ini :

<div id='menu'>

<ul>

<li><a href='http://id-id.facebook.com/people/Andi-Wong/1222512287'>About</a></li>

<li><a href='menambah menu di tengah'>Tambah Menu di tengah</a></li>

<li><div class='gap'/></li>

<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts RSS</a></li>

<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments RSS</a></li>

<li><a href='http://www.blogger.com/'>Login</a></li>

<li><a href='menambah menu dibawah'>Tambah Menu dibawah</a></li>

</ul>

</div>

atau bisa seperti dibawah ini>>>>>>

>>2nd example

1. Jika kode html top menu di 1st example berbeda dengan kode top menu di template kamu.. coba yang ini..
2. Tekan Control+F lalu cari kode " <div class='Menu'> " ...

3. Nanti akan terlihat kode sesudah " <div class='Menu'> " yang seperti contoh dibawah ini...

<div class='Menu'>
               <ul>
               <li><a href='/'><span>Home</span></a></li>
               <li><a href='#' title='About'><span>About</span></a>
</li>
               <li><a href='#' title='Contact'><span>Contact</span></a>
</li>
               <li><a href='#' title='Extras'><span>Extras</span></a>
</li>
               </ul>
           </div>

Keterangan :

> Ubahlah nama menu yang saya warnai ungu seperti contoh diatas...

> URL yang saya warnai biru juga diubah sesuai dengan nama menu yang kamu tentukan...

5. Jika selesai kemudian Simpan template & refresh blog kamu...

...Dan jika ingin menambah lagi menu blog tinggal copy-paste kode html top menu-nya saja seperti contoh dibawah ini :

<div class='Menu'>
               <ul>
               <li><a href='/'><span>Home</span></a></li>
               <li><a href='#' title='About'><span>About</span></a>
</li>

                <li><a href='menambah menu di tengah' title='#'><span>Tambah Menu di tengah</span></a>

</li>

                 <li><a href='#' title='Contact'><span>Contact</span></a>
</li>
               <li><a href='#' title='Extras'><span>Extras</span></a>
</li>

                <li><a href='menambah menu dibawah' title='Extras'><span>Tambah Menu dibawah</span></a>

</li>

</ul>
</div>

Semoga berhasil kawan,,,,jngan lupa tinggalkan komentar yaaa,,,,, Merci Beaucoup

Baca Selengkapnya >>

Selasa, 01 Februari 2011

Tips cara Membuat "Read More" pada artikel posting untuk pengguna blogspot secara otomatis

3 komentar 17.29 Diposting oleh Danar Putra

Rasananya aneh jika seseorang masuk kehalaman depan blog anda melihat artikel-artikel panjang dan harus menggulung kebawah, jika terlalu banyak menggulung halaman blog anda termasuk blogspot, pengunjung pastinya merasa segan.

Untuk mengatasi hal itu agar secara otomatis artikel-artikel anda terpotong buatlah sebuah artikel yang terpenggal-penggal caranya dengan membuat readmore otomatis.

Dimana untuk membuat Read More pada Blogspot hanya memerlukan 2 langkah mudah dengan cara memasang 2 buah script saja di template HTML Blogspot anda dan secara otomatis semua artikel postingan blog anda dari yang paling lama sampai yang terbaru akan di tampilkan sebagian saja sesuai dengan settingan pada script Read More yang anda lakukan seperti contoh pada Blog saya ini.

Pada cara ini anda dapat mengatur berapa karakter huruf yang akan ditampilkan pada postingan di halaman depan Blog anda, dan juga anda dapat menentukan besar kecilnya thumbnail gambar yang akan ditampilkan hanya dengan merubah sedikit nilai angka yang terdapat di dalam script Read More.

Namanya juga Script Read More otomatis, yang setelah anda pasang di templete Blog anda pastinya secara otomatis pula tampilan artikel Blog anda menjadi berubah memiliki fitur Read More tersebut.

Begini caranya memasang script Read More Otomatis di Blogspot :

1). Buka Dasbord Blog anda, kemudian pilih Tata letak, lalu pilih Edit HTML Centang pada pilihan Expand Template Widget untuk membuka semua code-code tersembunyi di dalam templete Blog anda. Cari dan dapatkan code ini:

</head>

2). Kemudian tandai dan langsung ganti dengan code ini :

Angka-angka di atas bisa anda modifikasi sesuai dengan keinginan anda, lihat gambar di bawah ini:

3). Setelah yang tadi beres, sekarang cari dan dapatkan Code ini :

<data:post.body/>

4). Kemudian tandai dan langsung ganti dengan Code ini :

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>
</b:if>

Tulisan Read More pada Script di atas bisa anda ganti dengan kata-kata yang lain, lihat contoh gambar di bawah :

5). Well,selesai sudah, nah silahkan teman teman mencobanya,Semoga Berhasil yaaa!!!

Baca Selengkapnya >>

Cara membuat artikelBerhubungan Berdasarkan Label ( related post)

4 komentar 11.02 Diposting oleh Danar Putra

Sekarang kita belajar membuat "Artikel yang Berhubungan Berdasarkan Label" ( related post)...related post itu biasanya muncul dibawah postingan kita misalnya kita buat tulisan tentang Cara menulis yang baik trus label nya sama dengan tulisan Cara membaca yang baik, maka dibawah artikel Cara menulis yang baik akan muncul related post Cara membaca yang baik...kira kira seperti itu.
Sama seperti tutorial ku sebelumnya tinggal copy paste aja kode kodenya tidak sulit kan..heee , nah tapi yang ini harus hati hati ya pren caranya seperti ini:

1. Login ke Blogger
2. Pilih menu "Layout-->Edit HTML"
3. Beri tanda centang pada kotak "Expand Widgets Template".
4. Lalu Copy kode dibawah ini

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Artikel Yang Berhubungan</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

5. Cari Kode <data:post.body/> dan letakkan script tadi dibawahnya ( di bawah kode <data:post.body/> ). Untuk blog yang ada link "readmore/baca selengkapnya" biasanya akan terdapat 2 kode. Taruh dibawah kode yang pertama.
6. Lalu simpan
7. Selesai

Untuk menemukan kode html secara cepat tekan CTRL+F lalu akan muncul kotak isian Find nah kamu ketik aja kode yang kamu cari disitu nanti tinggal tekan tombol next letak kode ny, nyar ketemu sendiriii,,,,, :)

Baca Selengkapnya >>

Trik Memperbaiki File Zip yang Rusak ( Damaged )

3 komentar 10.57 Diposting oleh Danar Putra

Ini adalah tool yang bisa digunakan untuk mencoba memperbaiki file zip yang rusak tersebut ( best solution to repair a damaged zip file ) – DiskInternals ZIP Repair.
DiskInternals ZIP Repair membantu memperbaiki beberapa kerusakan struktur file zip dan mengekstrak konten dari archieve meskipun CRC value dari data arsip aslinya tidak sesuai denagn data yang akan di ekstrak.

The program supports all major zip capabilities and reinforces your standard zip applications with an automatic recovery feature.
Did I mention that DiskInternals ZIP Repair is a freeware tool? ( Aplikasi ini gratis lho sob ) !!
Enjoy and download it now!

Baca Selengkapnya >>

Cara Mendatangkan Pengunjung dan Menaikkan Rank Blog

5 komentar 10.41 Diposting oleh Danar Putra

Selama ini saya berusaha mencari berbagai ribu macam cara *Lebay* untuk bisa menaikkan page rank dan juga menaikkan jumlah pengunjung,,setelah melakukan semedi selama berpuluh'' menit di depan lappy kebanggan, Akhirnyaa dapat wangsit juga supaya web atau blog kita ramai pengunjung, nihh ga usah pake lama,,langsung ajaa yaa :

1. Daftarkan blog kamu di goolge addurl
Misalnya blog nya : http://tipstrik-tutorial.blogspot.com nah kamu isikan alamat blog ini di kotak url, nah jika kamu tulis artikel ( postingan baru ) misanya alamatnya : http://tipstrik-tutorial.blogspot.com/2009/07/mencari-uang-dari-internet.html , keemudian buka lagi goolge addurl trus kamu masukkan Url postingan kamu dalam kotak Url ( jadi tiap tiap posting ) juga di submit ya, jangan cuma url home nya saja.

2. Daftarkan di geocities
Copy aja alamar URL kamu dan tulis alamat email kamu lalu klik submit your site

3. Daftarkan juga di mypagerank.net
Caranya sama seperti mendaftarkan di google addurl jadi tiap posting kamu daftarkan juga alamat url nya, jangan hanya home nya saja yaa,,ingattt lhoo

4. Isilah buku tamu dan tinggalkan komentar di blog orang lain yang kamu kunjungi, sekalian tulis pesan untuk kunjungan balik, usahakan melakukan hal ini tiap hari walupun cuma nulis 5 komentar / buku tamu di blog lain dan tentu saja di kasih link ke blog kamu ya..jangan lupa

5. Tuker tukeran link, dan banner dengan para blogger

6. Ikut dalam forum forum tertentu yang kamu suka, misalnya aku ikut forum photoshop dan tiap aku nulis komentar atau artikel atau sekedar menjawab pertanyaan orang lain selalu diusahakan untuk membuat link ke blog kita

7. Jika punya keahlian atau bakat ikut sumbang artikel, misalnya seperti di Ilmu Komputer, Wikipedia dan lain lain dan yang paling penting kasih link ke blog kamu

8. Coba kamu buka google lalu ketik : submit free url nanti google akan membuka url website yang menyediakan free submit url, tentu saja setelah itu kamu daftarkan blog kamu

9.Sabar dan jangan menyerah memang butuh waktu agar blog kita ada yang mengunjungi dan ditemukan oleh mbh google

Semoga dengan cara tersebut web kita bisa ramai pengunjungnya dan juga harus bermanfaat tentunyaa,,,

Baca Selengkapnya >>

Cara Membuat Blog dengan blogspot

2 komentar 06.13 Diposting oleh Danar Putra

Panduan membuat blog bagi pemula

1. Apa itu Blog ?

Blog merupakan sigkatan dari “Web log” adalah salah satu aplikasi web berupa tulisan-tulisan yang umum disebut sebagai posting pada halaman web. Tulisan-tulisan tersebut seringkali diurut dari yang terbaru dan diikuti oleh yang lama.
Awalnya, blog dibuat adalah sebagai catatan pribadi yang disimpan secara online, namun kini isi dari sebuah blog sangat bervariatif ada yang berisi tutorial ( contoh blog ini ), curhat, bisnis dan lain sebagainya. Secara umum, blog tidak ada bedanya dengan situs yang ada di internet.
Flatform blog atau seringkali disebut juga dengan mesin blog dibuat sedemikian rupa oleh para designer blog agar mudah untuk digunakan. Dulu, untuk membuat aplikasi web diperlukan pengetahuan tentang pemrograman HTML, PHP, CSS dan lain sebagainya, dengan blog semuanya menjadi mudah semudah menyebut angka 1 2 3.

2. Cara membuat blog di blogspot

Salah satu penyedia blog gratis yang cukup populer saat ini adalah blogspot atau blogger, dimana ketika mendaptar adalah melalui situs blogger.com namun nama domain yang akan anda dapatkan adalah sub domain dari blogspot, contoh : contohsaja.blogspot.com
Kenapa harus membuat blog di blogger.com bukan pada situs penyedia blog lainnya? Sebenarnya tidak ada keharusan untuk membuat blog di blogger, namun ada banyak kelebihan yang dimiliki blogger di banding dengan penyedia blog lain. Beberapa contoh kelebihan blogspot di banding yang lain yaitu mudah dalam pengoperasian sehingga cocok untuk pemula, lebih leluasa dalam mengganti serta mengedit template sehingga tampilan blog anda akan lebih fresh karena hasil kreasi sendiri, custom domain atau anda dapat mengubah nama blog anda dengan nama domain sendiri misalkan contohsaja.blogspot.com di ubah menjadi contohsaja.com,sedangkan hosting tetap menggunakan blogspot dan masih tetap gratis.
Perlu ditekankan dari awal bahwa internet itu sifatnya sangat dinamis, sehingga mungkin saja dalam beberapa waktu kedepan panduan membuat blog di blogspot ini akan sedikit berbeda dengan apa yang anda lihat di blogger.com
Untuk mengurangi hal yang tidak perlu di tulis, berikut cara membuat blogger di blogger.com

Membuat Email

Salah satu syarat yang harus dipenuhi dalam membuat blog adalah anda memiliki alamat email yang masih aktif atau di gunakan. Jika anda belum mempunyai alamat email, silahkan daftar terlebih dahulu di gmail karena blogger adalah salah satu layanan dari Google maka ketika mendaftar ke blogger sebaiknya gunakan email gmail. Jika anda belum paham bagaimana cara membuat email, silahkan gunakan mesin pencari google untuk mencari panduannya.

Daftar Blog di blogger

Silahkan kunjungi situs http://www.blogger.com
Setelah halaman pendaftaran terbuka, alihkan perhatian ke sebelah kanan atas, ubah bahasa ke Indonesia agar lebih mudah difahami. Silahkan langsung login dengan menggunakan username serta password gmail anda ( akun email anda bisa untuk login ke blogger).
Klik tombol bertuliskan CIPTAKAN BLOG ANDA.
Isilah nama judul blog serta alamat blog yang di inginkan. Ingat! dalam membuat alamat blog harus benar-benar serius karena itu permanen tidak dapat digantikan lagi (kecuali nanti ganti dengan custom domain). Jika alamat yang diinginkan ternyata tidak bisa digunakan, masukkan kembali alamat lain yang masih tersedia. Jika alamat blog yang diinginkan masih tersedia, silahkan klik anak panah bertuliskan LANJUTKAN.
Silahkan pilih template yang anda sukai ( template ini nanti bisa diubah lagi kapan saja anda mau), kemudian klik LANJUTKAN.
Akan ada tulisan “Blog Anda Sudah Jadi!”. Silahkan lanjutkan dengan klik tombol MULAI BLOGGING.
Setelah masuk post editor, silahkan isi apa saja ( disarankan untuk langsung mengisi posting, biasanya jika tidak langsung posting akan terjaring robot anti spam milik blogger, dan blog anda akan di lock). Contoh : hello world. Klik Tombol PRATINJAU untuk melihat tampilan yang nanti akan muncul di blog, klik tombol TERBITKAN ENTRI jika posting anda mau dipublikasikan ke publik.
Klik “Lihat Entri” untuk melihat blog anda. Untuk melihat blog yang saya buat tadi klik disini
Selesai. Selamat nge blog ria :)