memasang random post multi kolom dhiti

Selamat malam sahabat Pucanglaban, hari ini saya akan share trik terbaru memasang random post multi kolom dhiti. Saya menemukan tutorial ini pada blog kang salman dan widget ini sangat cocok untuk dipakai pada template magazine. , Demonya bisa kamu lihat di http://forum-tutorial.blogspot.com
atau gambarnya seperti ini :

Menarik sekali bukan? Sebenarnya bisa saja kita membuat widget ini dari CSS dan Jquery tapi itu akan sangat membingungkan dan sulit, namun dengan hadirnya dhiti.com Sekarang kita dapat mewujudkan impian kita menciptakan blog bergaya profesional magazine.

Bagaimana cara membuatnya?
1. Kunjungi situs dhiti.com
2. Setelah sampai di sana, klik "Get Widget"
3. Pilih Blogger

4. Setelah email dan url blog diisi, silakan klik "Get Widget"
5. Tunggu sejenak, setelah itu klik enable dhiti on my site

6. Ambil kode yang kamu dapatkan. Selanjutnya

7. Login Ke Blogger > Rancangan > Add Widget Baru > HTML/Javascript

8. Paste kode yang kamu dapatkan tadi disana lalu klik Simpan


Langkah selanjutnya adalah menaruh widget dhiti di tempat yang kamu inginkan, atau sebagai contoh kang saman menurh widget dhiti di blog dengan posisi seperti ini :

 Setelah itu Save dan Lihatlah Hasilnya di Blog Anda :)
Nah sahabat pucanglaban. mudah mudahan tutorial ini bermanfaat..
sumber:http://www.kucoba.com

pucanglaban.com informatif, kompetitif dan kreatif bersama berbagi ilmu dan pengetahuan.

ADS RUNING BANNERS TUTORIAL'S

selamat malam sahabat blogger...  pada umumnya kita temukan pada website-website terdapat adanya widget banner iklan dengan tampilan yang sangat menarik. maklumlah, itu semua dibuat sedemikian rupa untuk menarik perhatian kita untuk meng-klick banner-banner iklan tersebut. tentunya para sahabat pun sudah googling mencari tutorial widget banner iklan tersebut. bagaimana cara membuat dan memasangnya? pada kesempatan postingan kali ini saya mencoba untuk meng-share ads banners juga, tapi dengan sedikit modifikasi, menjadikannya ads runing banners. penasaran kan? hehehe sabar dulu dong....
ok langsung saja seperti biasa, mari kita menuju TKP!


1. sahabat login dulu ya...
2. selanjutnya, sahabat pergi ke design

3.kemudian klik add a gadget

4. untuk seterusnya, sahabat klik gambar yang begini ya

5. dan, sahabat copy paste saja code berikut ini

<center><script type="text/javascript" src="http://oketrik.googlecode.com/files/crawler2.js; Iklan Anda">
</script>

<div class="marquee" id="mycrawler2" style="height:150px;">

<a target="_blank" href="#"><img alt="PasangIklanoketrik" src="http://th1121.photobucket.com/albums/l503/ahliwan_ardhinata/th_spaceIklan.jpg" border="0" /></a>

<a target="_blank" href="http://#"><img alt="PasangIklanoketrik" src="http://th1121.photobucket.com/albums/l503/ahliwan_ardhinata/th_spaceIklan.jpg" border="0" /></a>

<a target="_blank" href="http://#"><img alt="PasangIklanoketrik" src="http://th1121.photobucket.com/albums/l503/ahliwan_ardhinata/th_spaceIklan.jpg" border="0" /></a>

<a target="_blank" href="http://#"><img alt="PasangIklanoketrik" src="http://th1121.photobucket.com/albums/l503/ahliwan_ardhinata/th_spaceIklan.jpg" border="0" /></a>

<a target="_blank" href="http://#"><img alt="PasangIklanoketrik" src="http://th1121.photobucket.com/albums/l503/ahliwan_ardhinata/th_spaceIklan.jpg" border="0" /></a>

<a target="_blank" href="http://#"><img alt="PasangIklanoketrik" src="http://th1121.photobucket.com/albums/l503/ahliwan_ardhinata/th_spaceIklan.jpg" border="0" /></a>

<a target="_blank" href="http://#"><img alt="PasangIklanoketrik" src="http://th1121.photobucket.com/albums/l503/ahliwan_ardhinata/th_spaceIklan.jpg" border="0" /></a>

<a target="_blank" href="http://#"><img alt="PasangIklanoketrik" src="http://th1121.photobucket.com/albums/l503/ahliwan_ardhinata/th_spaceIklan.jpg" border="0" /></a>

<a target="_blank" href="http://#"><img alt="PasangIklanoketrik" src="http://th1121.photobucket.com/albums/l503/ahliwan_ardhinata/th_spaceIklan.jpg" border="0" /></a>

<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler2',
style: {
'padding': '5px',
'width': '960px',
'height': '150px'
},
inc: 8,
mouse: 'cursor driven',
moveatleast: 1,
neutral: 150,
savedirection: true
});
</script></div></center></div>

keterangan:
           http:// sabat ganti dengan link(URL) kontak yang dihubungi untuk pemesanan iklan
           http://th1121.photobucket.com/albums/1503/ahliwan_ardhinata/th_spaceklan.jpg sahabat ganti dengan banner iklan sahabat. kalau sahabat tidak punya,tidak diganti pun tidak apa-apa.

6. sudah beres? save saja.

mudah kan? bagaimana?

mungkin tips dan trik diatas simple-simple saja, tapi ada sedikit keren kan :D

RELATED POSTS WITH THUMBNAIL

selamat pagi sahabat blogger. berhubung hari ini saya tidak di sibukkan kerja karena ada masalah teknis, maka saya meluangkan waktu posting artikel untuk sahabat blogger semua. kali ini saya mau meng-share artikel RELATED POSTS WITH THUMBNAIL. sesuai dengan tema yang mau saya sampaikan ini, saya menggunakan linkwithin sebagai contoh penyampaian, karena kesederhanaan prosesnya. ok, langsung saja kita menuju olah kejadian perkara.
1. buka situs linkwithin disini, kemudian isi form tersebut

2.langkah selanjutnya, sahabat isi rss feed address (lihat anak panah)

3.kemudian,sahabat tinggal mengikuti saja cara instal linkwithin ini seperti gambar dibawah ini

bagaimana? sahabat tertarik mencobanya? ternyata, mudah banget memasang linkwithin ini :D 

WIDGET SLIDESHOW POST TERBARU

kamu ingin blogg kamu mempunyai widget post terbaru dengan tumbnails dan berrotasi/slideshow? ini dia scriptnya...

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:300px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language='javascript'>

imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://NAMA BLOGG KAMU.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>