EG ('I') NCREDIBLE: September 2014

Jumat, 05 September 2014

Cara Membuat Tombol Next Page Dengan Angka di Blog

Cara Membuat Tombol Next Page Dengan Angka di Blog
1. Login ke blogger.com
2. Pada dashboar -> template -> klik edit HTML
3. Kemudian tambahkan kode dibawah ini diatas ]]></b:skin>

/* Tombol Next Page Dengan Angka by Blog Krizeer
----------------------------------------------- */
.showpageArea{float:left;color:#555;font-size:11px;margin:10px 0}
.showpageArea a{color:#555;text-shadow:0 1px 2px #fff}
.showpageNum a:hover,.showpage:hover{border:1px solid #b2b2b2;color:#555!important}
.showpage{margin:0}
.showpage:hover a{color:#555!important}
.showpagePoint{background:#f8f8f8;border:1px solid #b2b2b2;margin:0 2px 0 0;padding:5px 12px}
.showpageNum a,.showpageOf,.showpage{border:1px solid #e8e8e8;background:#f8f8f8;margin:0 2px 0 0;padding:5px 12px}

4. Kemudian cari kode </body>, dan tambahkan kode dibawah ini tepat diatasnya:

<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
var upPageWord='Prev';
var downPageWord='Next';
</script>
<!-- Tombol Next Page by BlogKrizeer.blogspot.com -->
<script type="text/javascript" src="https://googledrive.com/host/0By9Vs49VphQqeWVMYzNqbWlNaU0"></script>

5. Simpan template

Catatan: silahkan sobat ganti angka "4", dan kata "Prev" dan "Next" yang saya kasih tanda kuning sesuai keinginan sobat. Angka 4 pertama itu akan menunjukan jumlah post yang ingin ditampilkan ketika mengklik salah-satu nomor pada tombol next page tersebut, dan angka 4 kedua akan menampilkan jumlah nomor yang ingin sobat tampilkan pada homepage blog sobat.

>>>>

Cara Menambahkan Efek Turun Salju di Blogger

cara menambahkan efek salju

>>>>

Tips Membuat Efek Meteor Jatuh Di Blog

Anda sudah tau bukan efek-efek yang terdapat di layar blog sobat ketika sobat membukaBlog sobat, efek meteor jatuh ini dibuat oleh Stephen Chapman

Nah begini langkah-langkahnya, nah

seperti biasa langkah pertama masuk ke akun blog sobat langkah selanjutnya Menuju ke dashbord Blog Sobat → More Options → Layout → Add a gadget + Pilih HTML/Java script , selanjutnya copy paste kan kode di bawah ini di HTML/Java script

Selesai dan tinggal dilihat hasilnya

>>>>

Cara membuat efek daun berjatuhan pada blog

Berikut cara membuat efek daun berjatuhan pada blogspot anda.

1. Pastikaln anda sudah login ke blogger anda

2. Pada halaman dashboard klik rancangan > Edit HTML

3. Jangan lupa centang Expand widget template.

4. Dengan menggunakan Ctrl+ F, atau tekan F3 cari kode</head>

5. Copy code dibawah dan letakan kode tersebut tepat diatas kode </head> tadi.

<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>

6. Simpan pekerjaan adan dengan menekan tombol SAVE

7. Lihat hasilnya.. bagus kan? ^_^

>>>>

Cara Mudah Merubah Tampilan Cursor Mouse di Blog

cara mudah merubah cursor mouse pada blog

Mouse pointer atau penunjuk mouse adalah tanda yang menyatakan posisi mouse pada layar. Umumnya berbentuk tanda panah akan tetapi bisa diubah sesuai keinginan. Untuk itu pada postingan kali ini saya akan membagikan cara mudah merubah pointer atau cursor mouse pada Blog anda. Cursor mouse merupakan salah satu bagian penting pada Blog, karena merupakan bagian yang paling sering mendapat perhatian dari pengunjung. Dengan merubah kursornya dengan tampilan yang lebih unik tentunya Blog anda akan terlihat lebih menarik. Jika anda tertarik untuk mengganti kursor pada Blog anda, silakan ikuti tutorialnya dibawah,

Langkah-langkah:

Kunjungi situs www.cursors-4u.com.

Disana anda akan disugukan banyak contoh dari kursornya.
Anda dapat memilih berdasarkan kategori yang ada.

Silakan anda pilih salah satu gambar yang anda ingin gunakan pada Blog anda.

Jika anda telah menentukan kursor mana yang akan anda gunakan, klik gambar tersebut untuk mendapatkan kode dari kursornya.
Sekarang copy kode yang diberikan untuk kursor yang telah anda pilih. (Option #1 - Universal CSS/HTML Code)

Nah anda sekarang telah mendapatkan kodenya.

Untuk memasangnya di Blog anda, Pilih Tata Letak >> Tambahkan Gadget >> HTML/Javascript.
Isikan konten dengan kode yang sebelumnya telah anda copy.
Jika sudah klik "Simpan".

Sekarang anda akan menemukan perubahan yang terjadi pada cursor mouse yang ada Blog anda.

Sekian tutorial dari saya mengenai cara mudah mengganti kursor blog dengan animasi, Semoga bermanfaat.

Sumber : http://bocah-alus.blogspot.com/2013/03/cara-mudah-merubah-cursor-mouse-di-blog.html#ixzz3CSAa9elc

>>>>

Cara Membuat Read More Otomatis Di Blog

Cara Membuat Read More Otomatis Di Blog

Login Kehalaman Blogger
Dari bagian dashbord blog Pilih Template --> Edit HTML --> Proses atau Lanjutkan
Jangan lupa centang Expand Widget Templates
Sekarang Cari Kode </head> (Gunakan Tombol CRTL + F dan F3 untuk mempermudah pencarian kode)
Jika sudah ketemu Copy dan letakan diatas kode </head> tersebut.

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://dapurtutorial.googlecode.com/files/ReadMoreScript.js' type='text/javascript'/>

Tahap selanjutnya cari lagi salah satu kode berikut : <data:post.body/> atau <p><data:post.body/></p>
Ganti Kode yang anda temukan diatas dengan kode berikut 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 style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>

Sekaran klik tombol Simpan Template
Selesai dan lihat Hasilnya

Demikian Tutorial Blog mengenai Cara Membuat Read More Otomatis Di Blog dari Mister Complete kali ini. selamat mencoba dan semoga bisa bermanfaat.

>>>>

Cara Memasang Buku tamu di Blog

Buku tamu/Guest book adalah salah satu aksesoris wajib oleh para blogger. Bentuk nya sih mungkin beda beda pada setiap blog , ada yang di taruh di page,ada yang di taruh menggantung di kanan blog .
nah pada kesempatan kali ini saya akan berbagi tips yang tentunya gratis yaitu cara membuat buku tamu menggantung di kanan blog. untuk mau melihat demonya silahkan klik disini.
semoga anda tertarik

untuk mau membuatnya silahkan ikuti langkah langkahnya:

1. Silahkan sign in dulu di akun blogger sobat.
2. Jika sudah masuk ke tata letak/layout.
3. trus add gadget ,pilih Html/javascript
4. copy paste kan kode di bawah ini

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcuDTez6dbakCcF9yUDv144_iF27uFKPuwcDj5TqBki9CRCYKmWWFBVupLr52IfTpVOioqMXN-HPb0sft9u6F1Z87c_cCrbIgDeEtXDqBFvKMV1gTYdndmD0n-StjoK64Z6UpPc5U1yV4/s1600/bukutamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

PASANG SCRIPTNYA DI SINI

<div style="text-align:right">
<a href="http://blog-wongndeso.blogspot.com/2013/04/cara-memasang-buku-tamu-di-blog.html">[get this widget]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

5. Ganti tulisan meraah dengan kode cbox milik sobat
6. Save

Selesai

>>>>

	«		»
	«		»
	«		»

EG ('I') NCREDIBLE

clock

Jumat, 05 September 2014

Cara Membuat Tombol Next Page Dengan Angka di Blog

Cara Menambahkan Efek Turun Salju di Blogger