Showing posts with label Widget. Show all posts
Showing posts with label Widget. Show all posts

Menukar Newer & Olderpost Kepada Tajuk Artikel Di Blog

Assalamualaiikum dan selamat sejahtera kepada semua pembaca di gilerhackers.com.
Hari ini [GH] kongsikan lagi 1 trick atau tutorial untuk blog.Anda pernah melihat blog rakan rakan yang menampilakan tajuk posting sebelum dan selepas pada blog mereka?  ini adalah salah satu cara mudah untuk pengunjung mengetahui entri entri terbaru sebelum dan selepasnya.

perhatikan gambar dibawah:

untuk membuat seperti gambar diatas, anda hanya perlu menambah script dibawah, caranya mudah sahaja, pergi ke bahagian layout., add widget, pilih html/javascript dan copy code dibawah.

code:
<style type="text/css">
.home-link{display:none}
#blog-pager-newer-link {font-size:12px;width:300px;float:left; text-align:left;font-family:Arial, sans-serif;}
#blog-pager-older-link {font-size:12px;width:300px;float:right; text-align:right;font-family:Arial, sans-serif;}
</style><script type='text/javascript' src='http://code.gilerhackers.com/js/nextpost.js'></script>

Jika tiada apa apa perubahan berlaku, kemungkinan anda tidak meletakan code JQuery pada blog anda.untuk meletakan jQuery pada blog sila letak code jQuery dibawah selepas perkataan </head> pada template blog anda.

code jQuery:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

selamat mencuba, jika mempunyai sebaranga keraguan, sila tinggalkan komen anda dibawah.

Banner Rotator Script Untuk Blogspot



Assalamualaiikum dan selamat sejahtera. Ada yang bertanya kami di facebook macam mana nk buat banner rotator, tapi nak letak di blogspot.bagi mereka yang menggunakan platform wordpress atau joomla mungkin anda hanya perlu mengunakan plugins plugins yang sudah disediakan.tapi bagai mana untuk blogger yang menggunakan blogspot?

Ok [GH] terangkan apa fungsi banner rotator ni.
Dengan mengunakankan banner rotator, bagi anda yang ingin meletakan kod iklan seperti Affiliate,mungkin dengan penggunaan Banner Rotator ini boleh menjimatkan ruang.
Iklan banner anda akan bertukar tukar pada setiap kali page di refresh lebih mudah setiap kali halaman lain dibuka banner akan bertukar mengikut apa yang telah ditetapkan.

Banner rotator untuk blogspot ini sangat mudah digunakan, tetapkan sahaja gambar dan link (pautan) untuk banner anda.
Untuk letak Banner Rotator di blogspot, sila copy code dibawah dan paste kan pada HTML/JAVASCRIPT widget.

<script language='JavaScript'>
<!-- BANNER ROTATOR

var how_many_ads = 3
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;


//**************************** 1 ****************

if (ad==1){
url='LINK';
alt='Tajuk';
banner='url-gambar';
width='300';
height='250';
}

//**************************** 2 ****************


if (ad==2) {
url='LINK';
alt='Tajuk';
banner='url-gambar';
width='300';
height='250';
}


//**************************** 3 ****************

if (ad==3) {
url='LINK';
alt='Tajuk';
banner='url-gambar';
width='300';
height='250';
}



</script>
<script src='http://code.gilerhackers.com/js/banner.js' type='text/javascript'></script>

Nota Tetapan:

url='LINK'; (letakan link banner)
alt='Tajuk'; (letakan Tajuk banner)
banner='url-gambar'; (letakan url gambar banner)
width='300'; (saiz lebar banner)
height='250'; (saiz tinggi banner )

contoh:
url='http://j.mp/serviceblog';
alt='Tempah Blog';
banner='http://i.imgur.com/AvlzaW9.gif'; (
width='300';
height='250';

Jika anda ingin menggunakan lebih dari 3 banner, anda hanya perlu menambah jumlah ads sahaja.jika mempunyai sebarang pertanyaan, silalah ke facebook rasmi GilerHackers disini

Suka artikel ini? Jangan lupa share dan Lawati Link dibawah ^_^

 

© Copyright 2013 [GH] GilerHackers! All Rights Reserved.
Beo v.3 Themes Design by BukhariMalek | Contact On Facebook Diselenggara Oleh: IdeaKreatif