Tampilkan postingan dengan label tips dan trik. Tampilkan semua postingan
Tampilkan postingan dengan label tips dan trik. Tampilkan semua postingan

Sabtu, 16 Juli 2011

t=v1+v2 ,Cara meningkatkan traffic dan popularity dengan cepat dan alami

Mohon baca baik-baik lalu terapkan dengan benar....

Sebuah filosofi mengatakan "Honesty is The Best Policy (Kejujuran adalah politik/strategi terbaik)" , inilah yang akan kita buktikan....apakah konsep kejujuran bisa kita olah menghasilkan traffic dan popularity yang lebih hebat dari konsep rumit para expert webmaster atau pakar SEO..?...
Saya yakin bisa asal konsep ini di jalankan dengan benar...,bila ini di terapkan pada web anda sesuai ketentuan maka:
-Web anda akan kebanjiran traffic pengunjung secara luar biasa hari demi hari, tanpa perlu repot-repot memikirkan SEO atau capek-capek promosi keberbagai tempat di dunia internet.
-Web anda akan kebanjiran backlink secara luarbiasa hari demi hari, tanpa perlu repot-repot berburu link keberbagai tempat di dunia internet.

Jika Albert Einstein memakai persamaan e=mc2 untuk menggabungkan potensi masa dan kecepatan cahaya untuk menghasilkan energi nuklir yang luar biasa itu ,maka kita akan memakai persamaan t=v1+v2 untuk mnggabungkan potensi web saya dan web anda untuk menghasilkan traffic dan popularity yang luar biasa pula.

Jika Einstein menggunakan atom plutonium dan uranium untuk membuat bom nuklir, maka kita menggunakan Kejujuran dan ketepatan untuk membuat bom traffic dan popularity ini.

Yang perlu anda lakukan adalah ikuti langkah-langkah berikut :

1.Buat posting artikel seperti posting saya ini, atau copy-paste posting ini dan juga diberi berjudul : t=v1+v2 ,Cara meningkatkan traffic dan popularity dengan cepat dan alami
2-Selanjutnya Copy atau buat KALIMAT SAKTI yang ada di bawah nomor 4 ini lalu pasang di web anda pada bagian yang paling mudah dilihat pengunjung, misalnya di bagian atas sidebar:
3-Pindahkan atau ganti link atau alamat url posting saya (disini-1) menggantikan alamat url rekan saya (disini-2).
-untuk mengetahui alamat url posting saya dan posting yang anda buat adalah bisa dengan meng-klik judul/title posting yang kita buat ini.
4-Lalu isi alamat url posting anda pada pada disini-1 tadi. Jadi anda melakukan publish (terbitkan) 2 kali, setelah posting ini selesai anda buat lalu di terbitkan, dan lalu anda klik pada title (judul) posting untuk mengambbil/meng-copy alamat url posting anda dari address bar browser anda, lalu anda edit lagi posting tadi dan masukan pada link disini-1 itu.

Berikut tulisan "KALIMAT SAKTI" yang perlu anda pasang di bagian web anda (setelah di ganti link url-nya sesuai ketentuan di atas)

"Ingin meningkatkan traffic pengunjung dan popularity web anda secara cepat dan tak terbatas...?...
Serahkan pada saya..., Saya akan melakukannya untuk anda GRATIS...!..Klik disini-1 dan disini-2"
-Jadi setelah KALIMAT SAKTI ini di letakan di web anda maka: jika pengunjung meng-klik link disini-1 akan menuju link posting anda, dan jika meng-klik disini-2 akan menuju link posting saya...dan seterusnya kan terus terjadi mata rantai yang tak terputus seperti itu...
5-Di bawah ini ada 2 link :link anda (link web saya sekarang) dan link saya (link web rekan saya sekarang) . Maka ganti (alamatnya) "link anda" dengan "link url web anda" dan "link saya dengan link url web saya" (link rekan saya di hapus).
link andahttp://tokaido-herry.blogspot.com/2011/07/tv1v2-cara-meningkatkan-traffic-dan.html
link saya

5-Selesai, siapkan counter tracker dan pengecek link misalnya sitemeter dan technorati untuk melihat hasil banjir traffic dan linkback web anda.

Apa itu t=v1+t2...?
t : Jumlah traffic yang akan di peroleh web anda dalam suatu hari
v1 : Jumlah pengunjung web anda dalam suatu hari
v2: Jumlah pengunjung yang dimiliki v1 (pengunjung dari pengunjung web anda) dalam suatu hari.

Traffic:
Misalnya, web saya ini atau web anda dalam sehari memiliki rata-rata pengunjung 50 orang.., dan semuanya menerapkan konsep kita ini (KALIMAT SAKTI) dengan benar, dan dari 50 orang itu masing-masing memiliki 50 orang pula pengunjung dari blog-nya , maka web kita akan berpeluang di kunjungi 50 ditambah 50 x 50 orang pada hari itu = 2550 orang , dan akan berpeluang terus meningkat pula hari demi hari ,karena setiap hari selalu ada pengunjung baru di dunia internet, setiap hari juga ada blogger atau web baru di dunia internet...BUKTIKAN

Popularity:
Misalnya, web kita memiliki pengunjung 50 orang dalam suatu hari, dan semuannya menerapkan konsep ini , maka dalam hari itu web anda akan mendapatkan 100 linkback ke web anda, yaitu sebuah link pada KALIMAT SAKTI dan sebuah link pada link saya di kalikan 50. dan akan berpeluang meningkat terus hari demi hari....

Kenapa perlu di buat link link anda dan link saya pada posting...?
...hal ini untuk menjaga keabadian link kita, karena seperti kita tau link pada posting lebih kecil kemungkinannya terhapus....

Bisakah kita berbuat tidak fair atau tidak jujur menyabotase konsep ini, misalnya "menghilangkan semua link asal" lalu di isi dengan web/blog kita sendiri...? ....Bisa, dan konsep ini tidak akan menjadi maksimal untuk membuktikan Kejujuran adalah strategi/politik terbaik.....Tapi saya yakin bahwa kita semua tak ingin menjatuhkan kredibilitas diri sendiri dengan melakukan tindakan murahan seperti itu...
[BACA SELENGKAPNYA] - t=v1+v2 ,Cara meningkatkan traffic dan popularity dengan cepat dan alami

Senin, 27 Juni 2011

Cara Memasang Feedjit di Blog

  • Buka situs http://feedjit.com 
  • Pada halaman utama, masukkan nama dan alamat email anda pada kotak yang disediakan kemudian tekan tombol Get Free Live Traffic Feed. 
  • Setelah itu anda akan dibawa kehalaman seperti berikut :

Select a color scheme: Pilih pola warna yang anda inginkan
Customize your color scheme
: Atur sendiri kombinasi warna yang anda inginkan
Select widget width
: Pilih lebar widget yang anda inginkan
Feedjit advanced options
: Opsi tambahan dari Feedjit. Opsi ini hanya berlaku bagi pengguna berbayar. Namun anda bisa mencobanya secara gratis dengan mengklik Sign-up for a free to get access
Install Feedjit on my
: Pilih Other blog or website
  • Jika sudah, klik tombol GO
  • Copy semua kode dalam kotak lalu buka blogger.
  • Klik menu Design -> Page elements 
  • Klik Add a Gadget-> HTML / Javascript 
  • Paste kodenya kedalam kotak dan klik Save.
semoga bermanfaat

[BACA SELENGKAPNYA] - Cara Memasang Feedjit di Blog

Minggu, 12 Juni 2011

Cara Membuat Visitor Histats di blogger

Histats adalah sebuah indikator untuk mendeteksi jumlah orang yang mengunjung diblog kita, jumlah halaman yang dibuka dan pengunjung yang online

1. Anda harus mengujungi http://www.histats.com/

2. Masukkan alamat blog Anda pada kolom Url dan klik Register. 

3. Pada Create New Account Login data Anda isi dengan ketentuan:
-Mail: dengan alamat email Anda.
-Mail confirm: alamat email juga seperti kolom Mail.
-Pasword: isi dengan pasword Anda yang nantinya buat login.
-Pasword confirm: ulangi pasword.
Lalu klik Continue.
 
4. Lalu Anda menuju ke additional information isi dengan:
-name: isi dengan nama Anda.
-surname: isi dengan julukan nama Anda.
-address: alamat Anda.
-city: kota dimana Anda tinggal.
-country: negara asal Anda.
-tim zone: biasanya secara otomatis akan menunjukkan pukul sekarang di Asia/Jakarta.
-captcha: isi kode menurut gambar.
-ceklis Publisher Agreement Terms.
Kemudian klik Save.
 

5. Anda diperkenankan untuk mengecek email Anda yang sudah Anda daftarin tadi untuk mengaktifkan Account ini dengan cara mengklik link yang berwarna biru yang dikirim oleh Histats seperti dibawah ini.



6. Anda login ke Histats yang ada diatas samping kanan dengan alamat email dan pasword Anda.

7. Anda klik Add a website.
8. Kemuadian Anda akan dibawa ke halaman untuk mengisi:
-Site url: dengan url blog Anda.
-title: judul blog Anda.
-Description: deskripsi tentang blog Anda.
-Page view start value: biarkan angka 0.
-Visitors start value: biarkan dengan angka 0 juga.
-Type: isi sesuai situs Anda.
-Category: isi sesuai kategory blog Anda.
-Language: biarkan berbahasa english.
-Captcha:
isi kode menurut gambar.
Lalu klik Continue.


9. Klik icon Stats.
10. Klik Counter CODE.
11. Klik add new counter.
12. Anda pilih Select a counter style sesuai keinginan Anda mau berapa line. Lalu Anda klik gambar yang Anda pilih.

13. Anda akan dibawa ke halaman seperti dibawah ini dan jangan lupa Anda ceklis semuanya. Kemudian tekan Save.
14. Klik counter id.

15. Kemudian Anda copy kode HTML yang diberikan seperti gambar dibawah ini.
16. Klik menu Rancangan.

17. Klik Elemen Laman.

18. Klik Tambah Gedget

19. Pilih HTML/Javascript.

20. Pastekan ke dalam content HTML tersebut.

21. Selesai dan lihat hasilnya


selamat mencoba semog bermanfaat!    

[BACA SELENGKAPNYA] - Cara Membuat Visitor Histats di blogger

Jumat, 10 Juni 2011

Cara Membuat Fans Page Facebook




     
     





 
  • Sobat bisa juga menentukan tingi dan lebar dari box.
  • Jika semua setting sudah cocok dengan selera sobat, sekarang tinggal menekan tombol "Get Code".
  • Copy seluruh kode pada kolom XFBML.
  • Buka blog sobat, pilih menu Rancangan --> Edit Laman --> Tambah Gadget --> Tambah HTML/JavaScript, dan pastekan kode XFBML tadi di kolom Konten.
  • Setelah itu klik tombol "Simpan".
  • Selesai, sekarang lihat blog sobat.
[BACA SELENGKAPNYA] - Cara Membuat Fans Page Facebook

Kamis, 09 Juni 2011

Menambahkan Menu horizontal di blog

Apa yang dimaksud dengan menu horizontal? jawabannya sederhana yaitu menu-menu sebuah blog/web yang berjajar mendatar, ya seperti blog saya ini ada menu horizontalnya.
apa manpaat menu horizontal? tentu banyak, salah satunya membuat isi blog anda akan kelihatan tersusun dengan menu horizontal ini, kemudian tentu akan mempercantik blog sobat juga, dan masih banyak lagi.

Jika sobat membuat blog, kemudian masih menggunakan template bawannya, tentu tidak tersedia menu horizontal seperti pada blog saya ini, Atau ketika sobat memakai template yang sobat download secara gratisan dan pada template tersebut belum ada menu horizontalnnya, sobat bisa menambahkannya dengan mengikuti petunjuk di bawah ini.

  • Masuk ke blog kamu.
  • Pilih Design (Rancangan) --> Edit HTML --> centang "Expand Template Widget".
  • Cari Kode kode ]]></b:skin>
  • kemudian simpan kode CSS di bawah ini sebelum kode ]]></b:skin>

/* navbar
================== */

#bg_nav {
background: #ffffff;
width: 850px;
height: 29px;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
color: #000000;
font-weight: bold;
margin: 0px auto 0px;
padding: 0px;
border-top: 1px solid #000000;
border-bottom: 1px solid #ffffff;
overflow: hidden;
}
#bg_nav a, #bg_nav a:visited {
color: #000000;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
padding: 0px 0px 0px 3px;
}

#bg_nav a:hover {
color: #000000;
text-decoration: underline;
padding: 0px 0px 0px 3px;
}

#navleft {
width: 500px;
float: left;
margin: 0px;
padding: 0px;
}
#navright {
width: 220px;
font-size: 11px;
float: right;
margin: 0px;
padding: 3px 5px 0px 0px;
}
#navright a img {
border: none;
margin: 0px;
padding: 3px 5px 0px 0px;
}

#nav {
margin: 0px;
padding: 0px;
list-style: none;
}
#nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#nav a, #nav a:visited {
background: #ffffff;
color: #000000;
display: block;
font-weight: bold;
margin: 0px;
padding: 8px 15px 8px 15px;
border-left: 1px solid #ffffff;
}
#nav a:hover {
background: #c06000;
color: #000000;
margin: 0px;
padding: 8px 15px 8px 15px;
text-decoration: none;
}

#nav li {
float: left;
margin: 0px;
padding: 0px;
}
#nav li li {
float: left;
margin: 0px;
padding: 0px;
width: 150px;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #ffffff;
width: 160px;
float: none;
margin: 0px;
padding: 7px 30px 7px 10px;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
#nav li li a:hover, #nav li li a:active {
background: #c06000;
padding: 7px 30px 7px 10px;
}

#nav li ul {
position: absolute;
width: 10em;
left: -999em;
}

#nav li:hover ul {
left: auto;
display: block;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}
850px adalah panjang menu ganti untuk menyesuaikan dengan blog sobat
ganti juga kode script yang berwarna hijaw dan merah jika merasa menu horizontal yang dibuat kurang sesuai dengan template blog sobat.
  • Kemudian cari kembali kode seperti di bawah ini
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'
showaddelement='no'>
<b:widget id='Header1' locked='true' title='test
(Header)' type='Header'/>
... dan seterusnya sampai ke ...
</b:section>
</div>
  • Jika sudah di temukan simpan script di bawah ini tepat di bawah kode yang berwarna biru atau berwarna merah (sesuaikan dengan template blog kamu).
<div id='bg_nav'>
<div id='navleft'>
<div id='nav'>
<ul>
<li><a href='http://http://tokaido-herry.blogspot.com/'>home</a></li>
<li><a href='http://Link_yang_dituju'>Nama Link</a></li>
<li><a href='http://Link_yang_dituju'>Nama Link</a></li>
</ul>
</div>
</div>
<div id='navright'>
<form action='http://http://tokaido-herry.blogspot.com/search' id='searchform' method='get' name='searchform'> <input id='s' name='q' type='text' value=''/> <input id='searchsubmit' type='submit' value='Cari'/>
</form>

</div>
</div><!-- ujung bg_nav -->
Catatan : ganti http://tokaido-herry.blogspot.com/ dengan alamat blog sobat, ganti juga Link_yang_dituju dan Nama Link sesuaikan dengan menu yang sobat inginkan.
Terakhir klik Simpan
[BACA SELENGKAPNYA] - Menambahkan Menu horizontal di blog

Cara Membuat Menu Kontak Kami

Berikut Langkah Langkahnya:

    * Silahkan kunjungi dulu situs http://www.emailmeform.com/ lalu cari dan klik menu Sign Up Now For Free.
    * Isi Form yang tersedia
 
  • First Name : Isi Nama depan anda 
  • Last Name : Isi Nama Belakang Anda 
  • Username : Isi  username Untuk Login Anda
  • Password : Isi  password
  • Retype Password : Isi Sama Dengan Password pertama
  • Your Email : Isi alamat email Anda
  • Centang I agree to EmailMeForm Terms of Service
  • Klik tombol Sign Up

    * Cek E-mail anda Klik Email Verifikasinya
    * Jika proses verifikasi sudah selesai maka akan ada tulisan Click Here, klik tulisan tersebut.
    * Untuk membuat menu contact us klik tulisan Add Form Setelah itu Akan Muncul 2 pilihan:
          o 1. Go to the Template section. I’d like to choose from a list of pre-made forms.
          o 2. Take me to the Form Builder. I’d like to create my own form.
    * Klik No 2
    * Buatlah Bentuk Form Sesuka Anda.
    * Jika Sudah Silahkan Klik Save Form. Kemudian akan muncul 4 pilihan:
          o 1. Continue editing this form. ( Melanjutkan Editing Form Yang Anda Buat)
          o 2. Modify email notifications for this form.
          o 3. Take me back to the Form Manager.
          o 4. Open new window and view my form. (Melihat hasil Form yg anda buat)
    * Pilih Yang No 3
    * Kemudian Anda Klik Code Kemudian Copy Paste COde HTM Only Di Blog Anda
    * SeleSai.

Mudah Mudahan Ini Bermanfaat. Selamat Mencoba.
[BACA SELENGKAPNYA] - Cara Membuat Menu Kontak Kami

Selasa, 07 Juni 2011

Cara mengetahui pengunjung blog


salah satu yang perlu ketahui ketika anda mempunyai blog tentunya adalah banyaknya pengunjung blog kita dan dari mana saja pengunjung blog kita tersebut? bukankah begitu!

untuk itu berikut Bebeerapa witget yang dapat di pajang di blog anda untuk mengetahui pengunjung blog anda.

1.http://www.geovisite.com, Silahkan Klik Disini untuk mengunjunginya. Disebelah kiri terdapat bendera silahkan pilih bendera england, setelah itu Klik SignUp-Regeister lalu isikan data-data yang di perlukan, setelah itu klik tombol save, lalu tunggu email dari geovisite, untuk itu silahkan cek email anda..setelah anda menerima email silahkan klik link yang ada, Misal seperti berikut:
( http://www.geovisite.com/admin/index.php?lg=en ) dan anda akan menuju ke menu login, silahkan login dengan mengisikan username dan password anda lalu klik GO. Silahkan klik geocounter lau copy dan pastekan kode yang ada ke blog anda.
2.http://whos.amung.us.Silahkan klik Disini untuk mengunjungi. Setelah itu silahkan klik ShowChase dan silahkan pilih witget yang anda inginkan, dan copy kodenya lalu pastekan di blog anda.

3.www.flagcounter.com, klik Disini untuk mengunjungi..Silahkan atur dulu warna, text dll untuk tampilannya nanti di blog anda lalu klik GET YOUR FLAG COUNTER, copy kodenya dan pastekan di blog anda.

4.http://radarurl.com, yang ini untuk mengetahui berapa banyak pengunjung yang online, ini mirip dengan whos.amung.us di atas,silahkan klik disini untuk mengunjungi. Setelah itu klik Get A Rarar, disitu anda pilih letak tampilannya sesuai yang anda inginkan, jika sudah memilih dibawahnya terdapat kode, silahkan copy dan pastekan di blog anda


[BACA SELENGKAPNYA] - Cara mengetahui pengunjung blog

Pasang Lebel kategori dengan Scroll

Maksud memasang Label Kategori dengan model scroll untuk memberikan penghematan terhadap sidebar blog yang kita miliki. ya sudah to the point aja...
Teknik dalam memasang Label dengan gaya scroll yaitu:
1. Tentunya sobat harus masuk kedalam Account Blogger sobat terlebih dahulu
2. Sobat Tab pada Design atau Tata Letak
3. Sobat Pilih Tab Edit HTML
4. Centang Expand Widget Templates
5. Sobat harus mengetahui nama Title Label Kategori yang sobat buat, contoh tech id menggunakan Title "daftar isi"(ini contoh template punya saya) Maka yang akan dicari pada code hmtl tersebut adalah "daftar isi"















6. Untuk mempermudah pencarian "Blog Catehori" sobat gunakan ctrl+f dan ketikkan pada kotak Find "Blog Categori"


7. cari kode di bawah ini:

<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>

Setelah ketemu, copy kan script code berikut : 

<div style='overflow:auto; width:ancho; height:250px;'> 
tempatkan di bawah kode di atas.












8.dan code penutup dari code

<div style='overflow:auto; width:ancho; height:250px;'>

yaitu script code : 

</div>

dan Pastekan tepat diatas code 

</b:includable>

Sehingga menjadi seperti:

<b:widget id='Label1' locked='false' title='Blog Categori' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<div style='overflow:auto; width:ancho; height:250px;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
Pada code <div style='overflow:auto; width:ancho; height:250px;'> anda dapat mengatur ketinggian / panjang scroll yang ditampilkan, yaitu dengan menambahkan atau mengurangi angka 250 yang di blog merah sesuai dengan keinginan sobat.
INGAT: kode warna merah  adalah kode yang ditambahkan kedalam script tersebut

selamat mencoba..
[BACA SELENGKAPNYA] - Pasang Lebel kategori dengan Scroll

Minggu, 05 Juni 2011

Cara pasang Auto Read More terbaru (Part 2)

(Revisi: Solusi tanpa hosting file .JS) Fungsi Read More kali ini emang agak berbeda dengan . Bila versi terdahulu kita harus meng-cut tulisan menggunakan cara manual dengan melakukan pemangilan fungsi versi Read More yang lama (part 1)<div class="fullpost">..</div> atau <span class="fullpost">..</span> dimana kode ini biasanya kita tanamkan secara manual kedalam halaman postingan. Untuk versi Auto Read More terbaru kali ini sepertinya lebih canggih lagi, karena fungsi pemenggalan kalimat langsung bekerja secara otomatis tanpa harus menambahkan kode diatas.

Trus..hebatnya lagi, fungsi Read More ini mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Mungki lebih nyaman saya sebut saja dengan fasilitas image thumbnail.

Tidak hanya itu saja, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image. Masih bingung maksudnya? sama..yang jelasin juga puyeng wkwkwkw  Ya sudah, biar sama2 gak pusing langsung ke tutorialnya saja ok.

Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)

<div class='post-header-line-1'/>
<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>

<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>

<a expr:href='data:post.url'>Readmore
</a>
</b:if>
<div style='clear: both;'/>

OK, kalo sudah tinggal lanjutkan dengan tutorial dibawah.

Pertama, silahkan tuju langsung ke halaman EDIT HTML, Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.

Langsung copy paste aja kode dibawah ini:


<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;

</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

 
silahkan disimpan dan lihat hasilnya :)

Keterangan:

var thumbnail_mode = "float";  (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250;
(Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250;
(Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120;
(Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120
; (Thumbnail 'lebar dalam piksel)

[BACA SELENGKAPNYA] - Cara pasang Auto Read More terbaru (Part 2)

Sabtu, 04 Juni 2011

Cara Membuat Menu Horizontal CSS 3D Button Blogger/Blogspot

Cara Membuat Menu Horizontal CSS 3D Button Blogger/Blogspot


Horizontal Menu: Pure CSS 3D Button Effect for Blogger

Menu/navigasi horizontal Blogger/Blogspot ini juga dibuat dengan HTML dan CSS murni tanpa sentuhan javascript maupun jquery., sama seperti menu/navigasi horizontal sebelumnya. Cara membuat dan memasangnya pun sangat sederhana dan tanpa mengedit template HTML, karena aturan CSS saya buat menyatu dengan HTML nya.

Cara membuat/memasang widget horizontal menu/mavigation 3d button Blogger/Blogspot:
1.  Copy dan edit kode di bawah ini:
Kode: 

<style> #navcontainer { background: #369; border-top: 1px solid #9CC; margin-top: 20px; font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; } #navlist { list-style: none outside none; margin: 0; padding: 0; } @media all { #navlist { text-align: center } } #navlist li { bottom: 11px; display: inline; line-height: 1.2em; margin: 0; padding: 0; position: relative; } html>body #navlist li { background: #000; margin: 0 3px 0 0; padding: 4px 0px 4px 0; } #navlist a, #navlist a:link, #navlist a:visited { background: #900; border: 1px solid #FFF; bottom: 2px; color: #FFF; cursor: pointer; display: inline; height: 1em; margin: 0; padding: 3px 5px 3px 5px; position: relative; right: 2px; text-decoration: none; } #navlist a:hover { background: #C00; bottom: 1px; color: #FFF; position: relative; right: 1px; } #navlist a:active { background: #999; bottom: 0px; color: #FFF; position: relative; right: 0px; } #navlist li#active { background: #369; bottom: 13px; display: inline; margin: 0 3px 0 0; padding: 0; position: relative; } html>body #navlist li#active { background: #000; margin: 0 4px 0 4px; } #navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover { background: #369; border-bottom: none; border-left: 1px solid #9CC; border-right: 1px solid #9CC; border-top: 1px solid #9CC; bottom: 0; color: #FFF; cursor: text; margin: 0; padding: 2px 5px 0 5px; position: relative; right: 0; } </style>
<div id="navcontainer">
<ul id="navlist">
<li><a href="#"><span>Link 1</span></a></li>
<li><a href="#"><span>Link 2</span></a></li>
<li><a href="#"><span>Link 3</span></a></li>
<li><a href="#"><span>Link 4</span></a></li>
<li><a href="#"><span>Link 5</span></a></li>
<li><a href="#"><span>Link 6</span></a></li>
</ul>
</div>

- Ganti  # dengan url yang ingin anda pasang di menu, misalnya url homepage, daftar isi, label, dan lain-lain.
- Ganti Link 1, Link 2, Link 3, dan seterusnya dengan nama menu/anchor text sesuai dengan yang anda inginkan, misalnya Home, Daftar Isi, Tips, dan seterusnya.
- Jika ingin menambah/menghapus daftar menu, tambahkan/hapus baris: 
<li><a href="#"><span>Link</span></a></li> sebelum </ul>.

2. Masuk ke dashboard > Design/Rancangan > Klik Add a Gadget

3. Setelah pop up window muncul, pilih opsi HTML/Javascript

4. Kemudian masukkan Kode yang sudah diedit tersebut ke kolom configure HTML/Javascript.
 

7. Klik save.
8. Drag/geser widget menu horizontal tersebut ke bawah/atas header (letakkan pada slot gadget).
9. Save lagi.
[BACA SELENGKAPNYA] - Cara Membuat Menu Horizontal CSS 3D Button Blogger/Blogspot
Related Posts Plugin for WordPress, Blogger...

kategori