Cara Datangkan Ribuan Pengunjung Ke Blog Anda 10000% berhasil

Untuk Mendapatkan Ribuan Pengunjung di Blog Sobat
Sobat tinggal >>>klik disini<<<<   untuk dapatkan caranya lumayan ,cara ini 10.000% berhasil... silahkan dicoba!

Sedikit postingan saya,tetapi sangat bermanfaat bagi semua blogger's. Trimakasihh..... :)

Cara Mengganti Jumlah Kata pada Read More

Cara Mengubah Jumlah Kata Yang Tampil Di ReadMore

Cara mengubah/mengatur jumlah karakter/kata yang tampil/muncul di setiap artikel/postingan blog yang menggunakan Auto Readmore atau Readmore Otomatis -

Daripada saya basa-basi terlebih dahulu lebih baik langsung To The Point saja !!

Berikut Caranya:

1.Log in ke blog
2.Pilih Template
3.Edit HTML
4.Centang tulisan Expand Template Widget
5.Tekan Ctrl+F untuk memudahkan pencarian
6.Cari kode yang mirip seperti dibawah ini

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 450;
img_thumb_height = 150;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[

7.Supaya lebih gampang ketikan tulisan yang berwarna merah di kotak find kemudian next

Catatan: summary_noimg adalah jumlah kata/karakter yang muncul tanpa gambar
sedangkan  summary_img adalah jumlah kata/karakter yang muncul beserta gambar
Silahkan ubah angka yang berwarna biru dengan "terserah anda"

Kumpulan Icon Read More Blog (how to add read more+icon collection read more blog )

Gil'S Blog Share - Sobat Gil'S Blog pada postingan kali ini saya akan berbagi tentang kumpulan berbagai macam gambar/icon read more untuk mempercantik dan memperanggun tampilan di blog. ya, sebenarnya apa sih kegunaan icon/gambar read more ini? Sebenarnya sobat,terkadang banyak juga sebagain blogger  yang masih menggunakan read more dengan tulisan saja, mungkin mereka ingin memudahkan visitor dalam me-loading page blog, maksudnya agar tidak terlalu menjadi berat loading blognya. Tetapi dari sisi lain read more menggunakan gambar yang ber-size kecil juga tidak terlalu bermasalah dalam hal loading page blog, ya sobat fungsi lain dari read more ber-icon adalah untuk mempercantik tampilan blog, dan juga bisa digunakan supaya terlihat lebih friendly kepada para pengunjung. Ya, sobat langsung saja kita masuk ke inti pada topik pembicaraan kita kali ini, yakni kumpulan icon read more, di bawah ini farhan sudah persiapkan screen shoot icon read morenya dan URL Iconnya.

http://www.easynamechange.com/images/read_more.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAiTRE9IhelOGEV1eC4kM2wYCkoE-cYFQ0Evz1YJ2GKpDXkChbqmaen-0uF-h4oTTuP0_KdsIZrGqewhRuB19IfiIk34gMorEgSLcWOHMP4B7GqflP3iYUbbdHYtQLRozp_AF-a_vZ064/

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0vcsBF6FWvq1glyXOAxaUOt-lBo_Cl2DQnW1xYa6g4Fl15wpFNWeajqEGB3rClv5xbUH6Gde-eQ2nEVAgUHoNCF990orRvh8FkkraGue3AmMrhvhMNmdgoa09aEh-iAVZAlqLzhMUIOP_/s1600/readmore.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj25XOw2RY3VaydWxAcCNyyAdvsYLvTCGSepdJa4-VwmCV62vBYWn2XTcKPOQhtTkEvhGCW38C4z6MdQhbtjWSVQh90iaJPpOmAwfXd0g6Rcu46KOrRqR8IVjywwToLPJMVs2v9d4djXMc/s1600/readmore.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwlmvBy2BTSotcil3iaFLsc7BcL1dbf6GPFSBVe-8QvQMxYjNY51UZJxekjoXZr5IiIxTYqhheyC_qSGc-3R3rxVvRVlFCwqVkMDyXdHbnfYoLBEc6YgSXKWw1NeydRITI1mMAigpSL76m/s1600-h/29-large-allblogtools.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Cvy0tstyr-Z-m-P348n0drX4fHkKrgxQ7Of2iBNzkB9auctk1R6hYG1U5kBFdHsrHK5RrMQOZ-hAIy4OKHlyD7E665XHgcW3OFBEEBP9dWrwRD6NUuVkBWSHSGdBlVxiNRkyAyKbyuGi/s1600-h/21-large-allblogtools.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7FeQwuuNfM5PA3ZlaWBdHMN-dh6nwgbuZNtk6i14cHktwXRAT-FEk6SMy4UUY9_khfil4bHXCSaR5nfjQFVtsbxJGVhLZg45S5DNmRRa3bdsOYDD33ZhQZFgID7NyFaYdl41sIrb68k20/s1600-h/6-large-allblogtools.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmT1XlD9AddeC7v9S-bqH73t9rsJjGAD93McdbGAXe47NJjaqVP-rs3ke0WfY0lL9bNMGFvjwN-Fc0rKhzj81tc9CxcnbJVPLj2AeoS33lH1rNf11sAb6Vu62yDFad7XVhp-Q1xVbHQnZ7/s1600-h/9-large-allblogtools.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_8vCKZAvHeFD5fD1IUWpiCj678vpQuolCAYrQFY9qYYHD1sk-zHTSgX3C65pyWhtJ3J3bH2pGlXlEOPDy5zzUbmyulzptnwOeExZt5E8vfn3YAyut1xvd3V67KISWRXSJ-SLfvPBsT92P/s1600-h/23_readmore.gif

http://i814.photobucket.com/albums/zz65/arzaqnie09/10-large-allblogtools.jpg

http://i39.tinypic.com/2iqzq8i.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWO1avdodoLpbM-aBX1Hc1p6dtaG95-CS0nXsVYn_B3ObikqfxUZjRArCSqznHT9pFfhyphenhyphenOT48kD6WLJ3Cd5gOWhPLEyhg_H5K-LiOyvf7k556WSGu1NrYK3kSm7tzHWIm4tyw4ClNHKm7f/s1600/bacaselengkapnya.gif

Sobat bisa Download Lebih dari 100 Icon untuk mempercantik Read More Blog di bawah ini.

DOWNLOAD

Demikian sobat Gil'S Blog sedikit ilmu dari saya tau tentang kumpulan icon atau gambar atau read more untuk blog, semoga bermanfaat, bila ada pertanyaan comment di bawah

Animasi/Widget Point Blank

Animasi diatas adalah animasi Point Blank, bagi sobat yang punya char Point Blank dan Sangat suka Game Online PB. Sobat bisa simpan animasi diatas,atau mungkin ada yang punya blog,pasang sebagai widget ,caranya masuk bloger --> pilih Tata Letak--> tambah gadget -->HTML/Java Script --> terus masukan script
 tapi kan harus make script??? tenang aja ini scriptnya

<div class="separator" style="clear: both; text-align: center;">
<img alt="Anime Myspace Comments" border="0" height="300" src="http://i.mnpls.com/787/78754.gif" width="400" /></div>


atur warna lebar(widht) dan tinggi(height) nya.....
Trimakasih....

Cara Memasang Live Traffic Feed

Tutorial kali ini adalah cara memasang widget history pengunjung blog/web bagi anda yang ingin mengetahui history pengunjung, popular pages (halaman terpopuler dalam satu hari) dll.

Live Traffic Feed dari situs feedjit.com diperlukan bagi sebuah blog yang berguna menjadi history untuk mengetahui dari mana datangnya pengunjung blog kita. dan lebih hebatnya lagi kita bisa melihat keyword atau kata-kata apa yang dituliskan di mesin pencari seperti google search engine, atau yahoo search dll. yang berakhir di blog kita secara live (secara langsung) dengan cara mengklik Watch in Real-Time yang ada di bawah widget live traffic feed tersebut.
sebagai contoh klik Watch in Real-Time itu adalah live traffic milik trik-tips-tutorial.blogspot.com.

Pada Live Traffic Feed juga terdapat option, dimana kita bisa melihat popular pages yaitu halaman yang paling banyak dilihat pada hari tersebut.

Untuk anda yang ingin menambahkan widget diatas, ikuti langkah-langkah berikut ini.

• Kunjungi link : http://feedjit.com


• Klik widgets setelah anda berada di situs tersebut.


• Klik salah satu pilihan Javascript widget yang anda perlukan.


• Setelah memilih salah satu dari 4 pilihan disana lalu anda klick "Click here to Customize It!" itu berguna untuk menentukan warna agar sesuai pada blog kita.
  
• Selesai mengotak-atik warna, Copy dan Paste ke blog anda dengan cara berikut dibawah ini.


• ~> Login ke Blogger lalu ke Elemen Halaman dan Tambah gadget di sisi sidebar atau di footer terserah pemilik blog setelah itu pilih
  HTML/JavaScript setelah itu paste di dalamnya kode yang telah di copy di atas.


• Klik simpan dan selesai.


• Silahkan anda lihat blog anda sekarang

Cara Membuat Tombol Next Page di Blog dan website

Pada postingan kali ini saya akan berbagi artikel tentang cara membuat tombol next page pada blog, yang mana tombol ini berfungsi untuk mengarahkan para pengunjung untuk melihat halaman demi halaman yang ada pada blog kita berdasarkan angka yang tertera dalam tombol tersebut.

Artikel ini husus untuk blog-blog yang templatenya belum memiliki tombol next page, dan apabila template blog anda sudah terdapat tombol next page ini, silahkan anda abaikan saja segera artikel ini. 

Bila anda masih bingung juga seperti apakah tampilannya, silahkan anda lihat gambar seperti yang ada dibawah ini.

Bagaimana...sudah jelaskah gambarnya...? apabila sudah jelas,

Setelah itu kita akan mulai ke cara pembuatannya. Silahkan ikuti langkah langkah dibawah ini...

• Masuk ke akun blogger anda.

• Pada  tampilan Dashboard klik Design/Template kemudian klik Edit HTML

• Untuk menjaga hal-hal yang tidak diinginkan saya sarankan backup dulu template blog anda dengan mengklik Download Full Template.

• Centang kotak kecil yang bertuliskan Expand Template Widged.

• Silahkan anda cari kode ]]></b:skin>

• Copy kode yang ada dibawah ini kemudian paste di atas kode ]]></b:skin>

 

.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;}

• Kemudian cari kode </body> 

• Copy kode yang ada dibawah ini dan paste kan diatas kode </body>

<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord=&#39;Previous&#39;;
var downPageWord=&#39;Next&#39;;
</script>
<script src='http://marbun.googlecode.com/files/scriptsnext.js' type='text/javascript'/>

• Dan terakhir silahkan Save Template anda.
• dan lihat perubahan yg terjadi pada blog anda.

Cara Membuat Widget 3 Kolom di Blog

        Nah Sobat Kali ini mari kita bahas mengenai bagaimana Cara Membuat Widget 3 Kolom Pada Blog membuat lebih dari satu menu dalam satu kolom  ini sangat berguna sekali untuk menghemat space blog kita yang sudah memiliki menu yang banyak Menu Widget di halaman depan Homepage Blog kita. Untuk Contoh bisa di Lihat Screenshot Berikut ini...:

Bagaimana apakah Sobat Tertarik Untuk Memasangnya..?? ok Langsung saja Berikut Langkah-langkah untuk membuat menu multi kolom silahkah ikuti seperti dibawah ini:


1. menu Layout
2. Page Elements
3. Add Gadget HTML/Javascript

Silahkan masukkan script menu multi kolom dibawah ini ke HTML/Javascript :

<style type="text/css">
div.TabView div.Tabs
{height: 30px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 90px; /* Lebar Menu Utama Atas */
text-align:center ; height: 26px; /* Tinggi Menu Utama Atas */
padding-top:8px; vertical-align:middle; border:1px solid #555555; /* Warna border Menu Atas */
border-bottom-width:0; text-decoration: none; font-family: "Verdana",Arial; /* Font Menu Utama Atas */
font-weight:bold; color:#fff; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #E6E6E6; /* Warna background Menu Utama Atas */ }
div.TabView div.Pages {clear:both; border:1px solid #BDBDBD; /* Warna border Kotak Utama */ overflow:hidden; background-color:#E6E6E6; /* Warna background Kotak Utama */ }
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}
div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}
</style>
<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 300px;" class="Tabs">
<a>Title 1</a>
<a>Title 2</a>
<a>Title 3</a>
</div>
<div style="width:300px; height:250px; " class="Pages">
<div class="Page">
<div class="Pad">
Isi menu tab view 1
</div>
</div>
<div class="Page">
<div class="Pad">
Isi menu tab view 2
</div>
</div>
<div class="Page">
<div class="Pad">
Isi menu tab view 3
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>

Catatan :
Atur warna dan lebarnya sesuai yang kamu inginkan

Nah itulah Cara Membuat Widget 3 Kolom di Blog. Sekian, terimakasih atas kunjungannya, Selamat Mencoba dan Semoga Bermanfaaft... :D

Cara Menambahkan Scroll Pada Arsip Blog

Scroll pada Blog Archive

Plug in Blog Archive telah terpasang kembali pada Blog Carater-66 ini, nah agar tampiannya tidak terlalu panjang ke bawah maka saya mencoba dengan membuat scroll (contohnya ada di side bar blog ini), sehingga tampilannya lebih minimalis dan tidak membuat loading blog menjadi lelet. Tertarik untuk membuatnya? Berikut langkah - langkah Cara Menambahkan Scroll Pada Arsip Blog atau Blog Archive (Blog List in Carater-66) :

1.      Sign In di Bloggermu

2.      Klik Menu Rancangan

3.      Klik Menu Edit HTML

4.      Beri Tanda Centang Pada Kotak "Expand Widget Template"

5.      Cari Kode <div id='ArchiveList'> dengan Control F

6.      Lalu Tambahkan Kode Berikut di Atasnya:

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

7.      Ganti 150px dengan ukuran kesukaanmu

8.      Kemudian cari kode dibawah ini:

<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>

9.      Lalu ganti dengan kode berikut (anda juga bisa hanya menambahkan kode yang bercetak merah) :

<b:if cond='data:style == &quot;FLAT&quot;'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == &quot;MENU&quot;'>

<b:include data='data' name='menu'/>

</b:if>

</div>

</div></div>

10. Setelah selesai kodenya jadi seperti di bawah ini, lalu save.

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

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>

<b:if cond='data:style == &quot;HIERARCHY&quot;'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == &quot;FLAT&quot;'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == &quot;MENU&quot;'>

<b:include data='data' name='menu'/>

</b:if>

</div>

</div></div>

<b:include name='quickedit'/>

 Semoga bermanfaat....