DALIDEU BLOGSPOT: widget

Tampilkan postingan dengan label widget. Tampilkan semua postingan

20.47

Membuat Manu Keren dan Cantik

Jumat, 27 Juli 2012

Ha....Membuat Menu Keren dan Cantik...maksundnya.....!!!!!! mungkin anda agak penasaran bagai mana bentuk menu yang kita maksud, nah untuk lenih jelasnya langsung saja kita buat yuk....!!!

1. pastinya login terlebih dahulu
masuk ke tata letak (layout) >> elemen halaman

2. tambah gedget >> html/java script
3. masukkan code berikut:

<script src='http://dhedyfaste.xp3.biz/script/menukeren.js' type='text/javascript'></script>
<script>
YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor="green";
menuIsStatic="yes";
menuWidth=150;
menuCols=2;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="black";
hdrBGColor="#ffffff";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="black";
linkOverBGColor="#000000 ";
linkTarget="_top";
linkAlign="Left";
barBGColor="green";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="red";
barVAlign="center";
barWidth=20; // no quotes!!
barText="CATEGORIES";


// ----- Mulai Edit Menu
ssmItems[0]=["Daftar Menu"] //Header Menu
ssmItems[1]=["Home", "http://dalideu.blogspot.com",""]
ssmItems[2]=["About me", "http://www.blogger.com/profile/16222178000193634246",""]
ssmItems[3]=["My Facebook", "http://facebook.com/siiguembel.elite",""]
ssmItems[4]=["My Twitter", "http://twitter/guembel",""]
ssmItems[5]=["kerinciku", "http://tanahsakti.blogspot.com",""]
ssmItems[6]=["dalideu", "http://dalideu.blogspot.com/first blog",""]

buildMenu();
//----- Selesai Edit Menu
</script>

4. ubahlah text yang berwarna merah dengan link yang akan anda tuju . .
5. simpan perubahan . lihat hasilnya . . .

01.59

Widget Label Tag Cloud Animasi

Jumat, 25 Mei 2012

TAG CLOUD ANIMASI

Widget Label Tag Cloud Animasi, Nah memang bermacam-macan bentuk animasi namun untuk mebuat animasi label blog yang tampilannya menawan anda bisa coba yang ini :

Seperti bisa ini di letakan di penambahan Gedget :

<b:widget id='Label99' locked='false' title='Tag Cloud' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<script src='http://anvity.googlecode.com/files/swfobject.js' type='text/javascript'/>

<div id='flashcontent'>Blogumulus by <a href='http://www.anvity.blogspot.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a> Distributed by <a href='http://www.anvity.blogspot.com'>Tifan Dwi Avianto</a></div>

<script type='text/javascript'>

var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "250", "300", "7", "#ffffff");

// uncomment next line to enable transparency

//so.addParam("wmode", "transparent");

so.addVariable("tcolor", "0x333333");

so.addVariable("mode", "tags");

so.addVariable("distr", "true");

so.addVariable("tspeed", "100");

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

so.addParam("allowScriptAccess", "always");

so.write("flashcontent");

</script>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

Keterangan :

Lebar 250

Tinggi 300

Latar Belakang #ffffff

Warna Huruf 0x333333

Ukuran Huruf 12

Silakan anda rubah sesuai keinginan anda.

SIMPAN

15.33

Cara Membuat Iklan di Bawah Judul Postingan

Rabu, 23 Mei 2012

Cara Membuat Iklan Di Bawah Judul Postingan

Cara Membuat Iklan Di Bawah Judul Postingan, Maksud dari judul di atas yaitu agar iklan yang anda pasang akan tampil di bawah judul postingan anda. Sebelum melanjutkan, Tutorial ini dapat Anda gunakan untuk iklan PPC :

Adsense,
AdsenseCamp
Klik Saya
Ads Speedy
Adbrite
Bidvertiser
Chitika
AdClickMedia
ContextWeb
Kumpul Blogger
PPC Indo
dan lainnya

Silakan Anda Parsekan Dahulu Kode Iklan yang akan anda letakkan tersebut di Tempat Parse HTML

setelah itu anda lakukan

Masuk ke akun blogger kita.
Klik fitur rancangan.
Klik edit HTML.
Klik Expand Template Widget.
Cari kode HTML di bawah ini.

<div class='post-body entry-content'> atau <div class='post-header-line-1'>. Mengingat kode HTML tiap template berbeda-beda, maka cari saja salah satu yang ada pada template blog kita.

Setelah ketemu, letakan kode iklan yang sudah kita phrase tepat di bawah kode tadi.
Klik simpan dan selesai.

14.53

Cara Memasang Widget Parse HTML

Cara Memasang Widget Parse HTML, Parse HTML yaitu suatu alat untuk mengconvert code-code HTML yang akan di tampilkan di kolom postingan atau dengan kata lain, Code-code yang di buat untuk di letakkan dipostingan atau juga untuk membuat code-code iklan yang akan kita sisipkan di Edit HTML template :

Di Bawah Ini adalah script untuk widget parse HTML

Coba dan Lihat Hasilnya

04.47

Cara Membuat Widget Jam Garuda Di Blog

Rabu, 16 Mei 2012

Kali ini kita akan membuat Jam Garuda Di blog, Cara Membuat Widget Jam Garuda Di blog tidaklah terlalu sulit untuk kita memasangnya karena sudah banyak tutorialnya tp alangkah sulit seandainya kita untuk membuat scriptnya...Tapi kali ini kita akan memasangnya saja di sidebar atau di mena tempat Jam Garuda iniu cocok di letakkan menurot anda:

Login: Login to BloGGeR (Login ke BloGGeR) dengan cara menuliskan "User Name/alamat email" dan memasukkan "Pasword (Sandi)".
Dasboard (Dasbor): KLIK link "Layout (Tata Letak)". Tunggu beberapa saat hingga halaman baru terbuka.
Tata Letak (Layout): Saat ini sampeyan ada di halaman "Page Element/Elemen Laman". KLIK "Tambah Gadget (Add Gadget)".
Widget: KLIK "HTML/Javascript". Tunggu beberapa saat.
HTML/Javascript: Copy paste Javascript ke dalam box penambahan widget (HTML/Javascript).
SAVE/Simpan: KLIK "SAVE/Simpan".

Javascript

Selesai

Lihat Hasilnya...OK

Artikel Lainya

00.34

Primbon Ramalan Jodoh

Senin, 07 Mei 2012

Primbon Ramalan Jodoh, Dalam primbon ini anda bisa mengetahui kecocokan anda denga pacar anda atau anda dengan calon istri anda atau mungkin anda dengan istri anda, walau hasil dari primbon ini tidaklah mutlak untuk jadi ukuran penilaian hubungan atatara anda dengan pasangan anda, tapi tidak adalah salahnya anda mencoba untuk melihat dan mengetahuinya.

Namun kecocokan antara kita dengan pasangan kita semuanya tergantung kepada kita dan pasangan kita, keharmonisan dan keselarasan di dalam hubungan antara kita dengan pasangan kita, di ciptakan dengan saling hargai menghargai, saling memahami kekurangan masing, dan banyak lagi saling....yang membawa hubungan kita bisa harmonis.

Bagi anda yang mau menikah Coba aja Kecocokan Dari hasil Primbon Ini. Tapi Jangan menjadi Ukuran semuanya kembali kepada kalian dan berserah diri ketuhan karena tuhanlah yang menentukan pasangan bagi kita.

Artikel Lainnya

20.03

Cara Pasang TV Online Di Blogspot

Sabtu, 05 Mei 2012

Cara Pasang TV online di Blogspot

Cara Pasang Tv Online Di blogspot itulah tema yang akan kita bahas dan kita kupas habis sampai tv online ini bisa nongkrong di blog sahabat sekalian, memang sudah banyak blog atau website yang membahas bagai mana cara memasang tv online di blog tapi tidak ada salahnya di blog dalideu blogspot ini membahas ulang cara untuk memasangnya di blog atau website para pengunjung sekalian.

Banyak mampaat dengan adanya tv online di blog kita, disamping kita bisa menonton kita juga bisa sambil browing ke mana-mana mencara-cari apa yang ingin kita cari. DEMO

Ya udah kita langsung saja

Login ke Blogger.com
Kemudian Tata Letak
Pilih Add Gadget/ Tambah Elemen Halaman
Pilih HTML/JavaScript dan copas kode berikut pada konten
Atau Bisa Juga Di Kolom Postingan Dengan Memakai Format HTML

<div id="NamaTV"> </div> <div id="TVstyle"> </div> <div class="tvborder"> <iframe allowtransparency="true" frameborder="0" id="fsTVframe" name="TVPlayerWb" scrolling="no"></iframe></div> <ul id="fsTVOnline"></ul> <div class="clear"> </div> <span id="TVsource"></span><a href="http://www.warungbebas.com/" id="wb_tvauth">Warung Bebas TV Streaming</a><script src="http://javascript-share.googlecode.com/files/wb.js"> </script><script type="text/javascript"> wb.tv_setting={channel_start:7,player_width:565,player_height:375,icon_width:65,float_icon:false}; </script><script src="http://javascript-share.googlecode.com/files/wb_tv_online_indonesia_2_0.js"> </script>

Setelah itu anda simpam
Selesai...Selamat menonton.

Artikel Lainnya

23.24

Cara Membuat Text Animasi Berubah Warna Di Blog Dalideu

Jumat, 04 Mei 2012

Cara Membuat Text Animasi Berubah Warna Di Blog Dalideu text animasi ganda yaitu suatu text yang warnanya dapat berubah-rubah dengan sendirinanya maka text ini menyerupai animasi, Biasanya tek\xt ini di gunakan ucapan selamat datang atau suatu sapan yang punya blog kepada si pengunjung blog sehingga text ini menpunyai daya tarik tersendiri bagi pengunjung blog kita. Untuk membuatnya anda bisa mengikuti langkah-langkah berikut ini :

Login: Login to BloGGeR (Login ke BloGGeR) dengan cara menuliskan "User Name/alamat email" dan memasukkan "Pasword (Sandi)".
Dasboard (Dasbor): KLIK link "Layout (Tata Letak)". Tunggu beberapa saat hingga halaman baru terbuka.
Tata Letak (Layout): Saat ini sampeyan ada di halaman "Page Element/Elemen Laman". KLIK "Tambah Gadget (Add Gadget)".
Widget: KLIK "HTML/Javascript". Tunggu beberapa saat.
HTML/Javascript: Copy paste Javascript ke dalam box penambahan widget (HTML/Javascript).
SAVE/Simpan: KLIK "SAVE/Simpan".
Buka Blog (Open Blog): Lihat hasilnya dengan membuka blog sampeyan.
Efek Animasi Teks ini sudah di coba di BlogSPOT (blog tempat percobaan) dan tampil sangat menarik, tanpa masalah sedikitpun.

Kode HTML/Javascript Animasi Berubah Warna

<div style="padding:5px 20px; border:2px solid blue; font-size:21px; font-family:Cataneo BT;font-weight:bolder;"><marquee behavior="scroll" direction="left" onmouseover="stop" onmouseout="run" scrollamount="3">
<script type="text/javascript">
var message="Selamat datang Di Tutorial Dalideu blogspot com  Dengan Judul Cara Membuat Text Animasi Berubah rubah Warana di Blog Dalideu...Blognya Mdah Kincai"
var bgsGR1color="green" /* Warna utama teks */
var bgsGR2color="red" /* Warna teks flash pertama */
var bgsGR3color="blue" /* Warna teks flash ke dua */
var flashspeed=40 // kec. ganti warna (1/1000 dt)
var flashingletters=50 // jumlah teks pertama
var flashingletters2=50 // jumlah berwarna teks ke dua
var flashpause=30 // waktu jeda pergantian warna (1/1000 dtk)
var n=0
if (document.all||document.getElementById){document.write('<font color="'+bgsGR1color+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')}else
document.write(message)
function crossref(number){var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj}function neon(){if (n==0){for (m=0;m<message.length;m++)
crossref(m).style.color=bgsGR1color}
crossref(n).style.color=bgsGR2colorif (n>flashingletters-1) crossref(n-flashingletters).style.color=bgsGR3color if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=bgsGR1colorif (n<message.length-1)
n++
else{n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return}}
function beginneon(){if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)}
beginneon()
</script></marquee></div>

Silakan Anda Otak atik sesuai dengan Keinginan Anda. Sebelum yakin Silakan lihat DEMO

Artikel Lainnya

04.12

Membuat Cursor Jam Dengan Identitas Blogger

Kamis, 03 Mei 2012

Membuat Cursor Jam Dengan Identitas Blogger, Tutorial kali ini kita akan mengetahui bagaimana membuat cursor jam dengan identitas blogger. tujuan dari kita membuat ini ialah untuk mempercantik blog kita sehingga blog cantik tutorialnya bagus akhir-akhirnya pengunjung dengan sendiri datang tampa kita undang.. hahaha.. maling kali ya tampa di undang.. maka untuk membuatnya gampang-gampang susah, dibilang gampang ya susah di bilang susah ya gampang... Yuk...!!! kita mulai saja. Oh ya Untuk tampilan cursosnya seperti cursor di blog ini.

1.Copy kode CSS berikut ini Lalu Pastekan dia atas ]]></b:skin>

dalideujam1{
        background:transparent;
        position:absolute;
        z-index: 999999;
        top:0px;
        left:0px;
        width:16px;
        height:16px;
        font-family:cursive;
        font-size:16px;
        text-align:center;
        font-weight:bolder;
}
.dalideujam2{
        position:absolute;
        z-index: 999999;
        top:0px;
        left:0px;width:12px;
        height:12px;
        font-family:cursive;
        font-weight:bolder;
        font-size:10px;
        text-align:center;
}

2.Lalu Copy javascript berikut ini, kemudian anda letakkan di atas </body>

<script src="http://dalideujam.googlecode.com/files/dalideujam.js" type="text/javascript"></script>

3. Cara Yang Lain :
Sahabat blogger mau meletakkannya di Penambahan Gedget bisa di Copy Pastekan di Dalam Kolom Gedget HTML/Javascript kode HTML/Javascript berikut :

<style type="text/css">
.dalideujam1{
        background:transparent;
        position:absolute;
        z-index: 999999;
        top:0px;
        left:0px;
        width:16px;
        height:16px;
        font-family:cursive;
        font-size:16px;
        text-align:center;
        font-weight:bolder;
}
.dalideujam2{
        position:absolute;
        z-index: 999999;
        top:0px;
        left:0px;width:12px;
        height:12px;
        font-family:cursive;
        font-weight:bolder;
        font-size:10px;
        text-align:center;
}
</style>

<script src="http://dalideujam.googlecode.com/files/dalideujam.js" type="text/javascript"></script>

Selesai.

Sumber : GubugReyot

Artikel Lainnya

19.59

Cara Memasang Widget Perkiraan Cuaca Di Blog

Senin, 30 April 2012

Cara Memasang Widget Perkiraan Cuaca Di Blog

Cara Memasang Widget Perkiraan Cuaca Di Blog, Widget ini sangat lah baik di pasang agar supaya kita mengetahui keadaan cuaca hari ini di kota kita ataupun di kota-kota lain sehingga seandainya kita mau berpergian kita tahu akan cuacanya...maka kita akan siap-siap akan hal itu. Sedia payung sebelum hujan, mungkin begitulah istilahnya, Nah untuk memasangkannya anda dapt melihat langkah-langkah berikut :

Klik Disini
Masukan Nama kota tempat anda tinggal, lalu klik tanda Search disampingnya
Setelah muncul Info Cuaca kota kamu silakan Get Your Wheater Sticker yang di bawah.
Silahkan pilih banner Info Cuaca yang kamu sukai.
Silahkan pilih banner yang kamu inginkan, kemudian akan tampil kode HTML dari banner yang anda pilih.
Copy kode HTML banner yang kamu pilih.
Selanjutnya Login ke blogger kamu, tambah gedget kamu pilih HTML/javascript lalu pastekan kode tadi.
Selesai, Lihat hasilnya

Artikel Lainnya

05.06

Membuat Menu Rocking Rolling Rounded Dengan Jquery

Sabtu, 28 April 2012

membuat menu Rocking Rolling Rounded Dengan Jquery

Untuk membuat menu Rocking Rolling Rounded Denagn Jquery ( RRR) ini anda dapat mengikuti tutotialnya disini. Sebelum kita membuat dan memasangnya di blog alangkah lebih bai saudara melihat demonya dulu dengan cara klik demo di bawah ini

Ganti JUDUL MENU dengan judul menu yang kamu kehendaki,

· Kode # gantri dengan sebuah alamat URL.

· Ganti Nama Menu dengan nama menu yang kamu inginkan.

2. Khusus untuk kotak penelusuran pada menu ini sudah Saya set agar dapat berfungsi pada situs-situs blogspot. Jika kamu bukan termasuk pengguna layanan blogspot, kamu harus mengganti kode yang Saya beri warna biru dengan elemen formulir kotak penelusuran posting di template mu agar elemen tersebut bisa bekerja.

3. Script yang Saya letakkan di bawah kerangka menu lebih baik jangan dipindahkan ke area <head> ... </head>. Sebagian besar script memang idealnya diletakkan di dalam wilayah kekuasaan <head> namun beberapa dari mereka juga ada yang harus diletakkan setelah objek seperti pada menu ini.

Artikel Lainnya

13.28

Cara Menyembunyikan Widget

Kamis, 26 April 2012

Cara Menyembunyikan Widget

Cara Menyembunyikan Widget, Lo...untuk apa kita menyembunyikan widget setelah kita tambah kok di sembunyikan....? mungkin begitulah kira-kira pertanyan yang akan timbul di kepala kita, namun untuk mengetahui cara menyembunyikan widget sangatlah penting bagi kita karena dari sekian banyaknya widget yang kita pasang di home kadang-kadang ada yang kita tidak inginkan untuk tampil di home dan kita ingin widget yang kita tampilkan di halaman postingan lain dan begitu juga sebaliknya.

Untuk mengetahui bagai mana cara menyembunyikan widget ini baiklah sahabat blogger dapat mengikuti cara-caranya sebagai berikut :

1.Untuk membuat Widget tampil di halaman posting (dan hilang di home):

Tentukan/pilih widget yang ingin di sembunyikan.
Catat judul widget tersebut.
Cari judul widget tersebut di template kamu (gunakan ctrl+f atau f3)
Maka secara keseluruhan widget tersebu memiliki struktur seperti di bawah ini:

<b:widget id='HTML14' locked='false' title='Judul Widget Kamu' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
</b:includable>
</b:widget>

Ket : Huruf yang berwarna merah itu adalah judul widget kamu
Dan huruf yang berwarna biru adalah kode untuk menyembunyikan widget.

2.Membuat widget hanya tampil di Home Page.

Sama seperti di atas, hanya saja strukturnya berbeda. Strukturnya seperti di bawah ini:

<b:widget id='HTML14' locked='false' title='Judul Widget anda' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
</b:includable>
</b:widget>

Ket ; Huruf yang berwarna merah adalah judul widget anda.
Huruf yang berwarna biru adalah kode untuk menyembunyikan widget di homepage.
Setelah puas membedah, Simpan template?

06.41

Cara Membuat Background Blog Berubah rubah Warna

Rabu, 25 April 2012

Cara Membuat Backgroud Blog Berubah rubah Warna

Sahabat blogger blog Dalideu blogspot sekarang kita akan mencoba untuk Mengetahui bagaimana cara membuat background blog berubah rubah warna, untuk membuat apa yang kita maksud marilah kita langsung saja untuk membuatnya, Nah untuk meyakinkan anda silahkan dilihat Demonya.

1. Masuk ke Blogger anda
2. Klik Rancangan
3. Tambah Widget HTML/javascrip
4. Copy Pastekan kode di bawah ini

<script type='text/javascript'>
function bgChange(bg)
{document.body.style.background=bg;}
</script>
<table border="1">
<tr><th><input type="button" value="Coklat" onclick="bgChange('#500800')" /><br /></th>
<th><input type="button" value="Putih" onclick="bgChange('#ffffff')" /><br /></th>
<th><input type="button" value="Kuning Muda" onclick="bgChange('#ffffcc')" /><br /></th>
<th><input type="button" value="Cyan" onclick="bgChange('#00ffff')" /><br /></th>
<th><input type="button" value="Biru" onclick="bgChange('#0000ff')" /><br /></th>
<th><input type="button" value="Merah" onclick="bgChange('#ff0000')" /><br /></th>
<th><input type="button" value="Orange" onclick="bgChange('#ff6600')" /><br /></th>
<th><input type="button" value="Hijau Lumut" onclick="bgChange('#00ff00')" /><br /></th>
<th><input type="button" value="Kuning" onclick="bgChange('#ffff00')" /><br /></th>
<th><input type="button" value="Merah Jambu" onclick="bgChange('#ff69ba')" /><br /></th>
<th><input type="button" value="Hitam" onclick="bgChange('#000000')" /><br /></th>
<th><input type="button" value="Background Utama" onclick="bgChange('#141414')" /></th>
</tr>
</table>

5. Simpan

Keterangan:

Kode tersebut di atas sebaiknya di letakkan di Header, Namun kalau anda untuk meletakkannya di Sidebar anda cuma menghapus kalimat yang berwarna hijau atau tulisan <table border="1">
<tr><th></th></tr></table>. Kalau anda menambah warna anda juga bisa caranya dengan menanambah kode di bawah ini :

<th><input type="button" value="Background Utama" onclick="bgChange('#141414')" /></th>

Selesai

Artikel Lainnya

09.46

Membuat Widget Recent Post Bohai

Selasa, 24 April 2012

Untuk Membuat widget Recent Post Bohai di blog
Mungkin widget ini sudah pernah sahabat bloggger melihatnya atau ada niat para sahabat blogger sakalian untuk memasang di blog sahabat, tampilannya cukup menarik sehingga mengundang pengunjung blog kita untuk betah berada di blog kita. untuk lebih jelasnya lihat

Langasung saja kita laksanakan tata cara membuatnya mulai dari awal :
1. Login ke akun Blogger sobat
2. Klik Perancangan >> Elemen Laman
2. Klik Tambah Gadget
3. Pilih HTML/Javascript
4. Masukan kode berikut :

<style type="text/css">
#rp_plus_img{height:282px;overflow:hidden;border:solid 0px #585858;padding:6px 10px 14px 5px;background-color:none;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#000;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;}
#rp_plus_img .news-text{display:block;font-size:10px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 0px #585858;width:55px;height:55px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://rizki-khaizir.googlecode.com/files/recentpostslidethumbnails.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 25;
var numchars = 75;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

5. Klik Simpan
6. Lihat hasilnya.

Keterangan dan Catatan :

Untuk membuat halaman menjadi lebih tinggi, gantilah nilai height:282px sesuai keinginan;
Untuk mengganti kecepatan, rubahlah nilai var speed = 400; sesuai keinginan sobat;
Rubahlah nilai var numposts = 25; untuk menampilkan jumlah postingan;
Rubahlah nilai var numchars = 75; untuk mempilkan jumlah karakter;
Feed sobat harus diset "Penuh" melalui "Pengaturan - Feed Situs - Izinkan Feed Blog : Penuh" atau sobat bisa langsung masukkan feeds sobat dalam script tersebut.

Artikel lainnya

09.02

Cara Memasang Widget Blogger Kerinci

Rabu, 20 Juli 2011

Cara memasang Widget Blogger Indonesia Di Blog. Saya mencoba untuk membuat gambar untuk para blogger Kerinci, di samping kita meletakan widget Blogger Indonesia tidak ada salahnya kita memperkenalkan daerah kita sendiri tampa maksud untuk memecah belahkan rasa persatuan dan kesatuan bangsa akan tetapi lebih memperkuat dan memperkenalkan kita atau daerah kita pada sesama blogger Indonesia dari berbagai daerah.

Cara pasang widget ini juga begitu mudah. Pada dasboard blog kamu pilih Design > Page Element > Add Gadget dan pilih JavaScript/HTML. Kemudian pastekan kode yang kamu pilih.

Berikut kode widget Blogger kerinci:

SUDUT KIRI ATAS

SUDUT KANAN ATAS

SUDUT KIRI BAWAH

SUDUT KANAN BAWAH

Kamu juga bisa menggunakan gambar kreasi kamu sendiri dengan dengan cara menganti Tulisan Berwarna merah dengan url Gambar kamu..

Note: Semoga Dengan adanya widget ini dapat menjalin ke bersamaan dan kesatuan bagi para Blogger Kerinci

11.07

Cara Memasang kelender Cantik Di blog

Kamis, 14 Juli 2011

alender Disamping untuk Mempercantik Blog juga berguna untuk mengingatkan kita akan tanggal dan hari, Kadang kala kita sering lupa dan tidak ingat hari dan tanggal berapa sekarang, sering kali kita bertanya kepada anak kita atau pada orang lain .Untuk memasang kalender sebenarnya banya tempat yang menyediakannya namun saya hanya memberikan contoh di salah satus web yang menyediakan kalender gratis tersebut....Sekarang untuk memasang kalender di blog anda bisa mengikuti langkah-langkah sebagai berikut :

Spoiler Contoh Kalender:

. Untuk Membuat Memasang Kalender Cantik-cantik tersebut Anda Bisa melihat Di Sini
. Setelah itu kamu pilih salah satu kalender yang kamu suka.
. Bila sudah ketemu kalender yang kamu suka, copy kode HTML yang berada di bawah gambar kalender tersebut.
. Sign In Blogger Mu.
. Setelah itu klik Rancangan.
. Pada Elemen laman klik tambah gadget.
. Lalu pilih HTML/Java Script.
. Paste kode yang tadi kamu copy di HTML/Java Scirpt tersebut.
. Selanjutnya Kamu Simpan.

Dan lihat hasilnya sekarang pada blog kamu.
CantikKan..................................?????

11.05

Cara Membuat Polling Di blog

olling merupakan sarana untuk mengetahui kesukaan pengunjung yang datang keblog kita, Banyak tema polling yang dapat kita buat di blog, seperti polling tentang blog anda sendiri, atau anda ingin mengetahui pendapat orang lain tentang tema-tema tertentu .Untuk itu di postingan kali ini kita kan membahas tentang cara membuat Polling di blog.

Nah Untuk membuat Polling ini, caranya adalah sebagai berikut :

Bukalah www.ballot-box.net
Klik Sign Up di sebelah kanan
Isikan data yang diperlukan, jangan lupan klik tanda centang, lalu klik SignUp

Account sudah jadi, sekarang Anda login dengan ID Anda tadi. Lalu untuk membuat poll silakan ikuti petunjuk di bawah ini :

Di sebelah kiri, klik Create New Poll
Klik Next
Atur banyaknya polling yang ingin ditampilkan
Klik Next
ID Poll sudah terbuat, klik Next
Lalu di bagian Website Optional isikan judul situs dan alamatnya, klik Next
Lalu ketik judul poll dan pertanyaan poll, pilih juga question stylenya. Klik Next
Pilih Schemenya, klik next
Klik done
Klik view poll HTML code, pilih diletakan langsung atau dengan popup
Klik Generate Code, copas dan letakkan di blog Anda

Simpan..
Lihat hasilnya..
Gampangkan?

10.59

Cara Memasang Icon Yahoo Messeger Di blog

Y
ahoo Messeger merupakan Sarana Berintekgrasi dengan pengunjung, Nah agar pengunjung mengetahui kita sedang Online/Offline kita memasang Icon YM tersebut. Untuk memasang Icon YM Mudah kok anda cukup Mengcopy Paste kan kode-kodenya Untuk lebih jelasnya ikuti cara-cara Di bawah Ini:

Caranya :
Buat halaman HTML/JavaScript dengan masuk menu Layout --> Page Elements --> Add a Gadget, kemudian copy paste aja kode dibawah ini dan jangan lupa untuk mengganti kode Id_yahoo_ kamu

Yahoo status online Icon:
Untuk menganti icon YM status kita tinggal mengubah kode diatas yang dicetak tebal "0" , ID kode yang bisa digunakan mulai dari 0-9. Seperti Gambar Icon Di bawah Ini.

Lihat Iconnya:

Setelah Selesai lalu anda simpan..!!!
Selesai..

10.58

Cara Membuat Ranting Bintang di Blog

intang Suatu lambang kesuksesan bagi Seseorang, Seperti Bintang Film, Bintang Sepak Bola, dan banyak lagi bintang-bintang yang lainya yang terlalu panjang untuk kita uraikan satu persatu, Namun di blog kita juga bisa membuat bintang, Namun bintang di blog tujuannya adalah untuk memberikan suatu pendapat bagi pengunjung yang menyukai blog/artikel/postingan yang kita buat, memang prinsipnya sama dengan Like seperti postingan kita terdahulu yakni Cara memasang Like dan Unlike namun kita hanya berubah iconya dengan Bintang, Kalu anda berminat untuk memasangnya di blog anda ikuti langkah-langkahnya sebagai berikut :
Login ke Account Blogger anda.
Pilih Tata Letak --> Edit HTML dan Centang pada kotak Expand Template Widget
Cari Code yang bertuliskan <data:post.body/>.
Copy Code berikut dan letakkan tepat di bawah Code di atas

<script language='JavaScript'>
var OutbrainPermaLink='Your-Post-Permalink-Here';
var OB_demoMode = false;
var OB_Script = true;
</script>
<script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>
Simpan Template

Bagi teman-teman yang telah melakukan modifikasi Template dengan Read More, lakukan :
Temukan Code :
<a expr:href='data:post.url'> " Read More " </a>
</b:if>
Copy Code berikut tepat di bawah Code di atas

<script language='JavaScript'>
var OutbrainPermaLink='Your-Post-Permalink-Here';
var OB_demoMode = false;
var OB_Script = true;
</script>
<script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>
Simpan Template
Lihat Hasilnya........

Free Template

TUTORIAL BLOG

TUTORIAL WIDGET

Popular Posts

Jumat, 27 Juli 2012

Jumat, 25 Mei 2012

Rabu, 23 Mei 2012

document.write(ultimaFecha);

Rabu, 16 Mei 2012

Artikel Lainya

Senin, 07 Mei 2012

Artikel Lainnya

Sabtu, 05 Mei 2012

Artikel Lainnya

Jumat, 04 Mei 2012

Artikel Lainnya

Kamis, 03 Mei 2012

Artikel Lainnya

Senin, 30 April 2012

Artikel Lainnya

Sabtu, 28 April 2012

Artikel Lainnya

Kamis, 26 April 2012

Rabu, 25 April 2012

Artikel Lainnya

Selasa, 24 April 2012

Artikel lainnya

Rabu, 20 Juli 2011

Kamis, 14 Juli 2011

document.write(ultimaFecha);

document.write(ultimaFecha);

document.write(ultimaFecha);

TIPS SEO

AGAMA

RECENT POST

TOOL ONLINE

Categories

Followers

TUTORIAL FB

Resource

Sport News

Visitors