tatakai blog's

Featured 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat Readmore...

Featured 2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat Readmore..

Featured 4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat Readmore...

Featured 4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat Readmore...

Featured 5

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat Readmore...

Tampilkan postingan dengan label belajar blog. Tampilkan semua postingan

Tampilkan postingan dengan label belajar blog. Tampilkan semua postingan

Rabu, 18 Januari 2012

Mengimport Isi Blog dari Blog Lain ke WordPress

Diposting oleh teknik di 1:21 PM 0 komentar

Tak bisa di pungkiri banyak teman teman Blogger yang memiliki lebih dari satu Blog baik di wordpress maupun blogspot atau Host lainnya.
Nah, untuk memudahkan kita memonitor semua isi Blog baik berupa artikel ataupun komentar di dalam satu blog di wordpress kita bisa menggunakan jasa import wordpress.
Caranya:

Masuk Ke Dashboard
Pilih perkakas atau Tools lalu Klik Import
Pilihlah host Blog yang ingin kita impor Ex: Blogspot, Live Jurnal, Yahoo 360! Dan sebagainya
Masuklah (Log in) ke Blog Tersebut. Secara otomatis wordpress akan mendirect kita ke halaman import.
Perhatikan jumlah tulisan atau artikel yang ingin di impor atau pilih semuanya
Klik import
Tunggulah beberapa saat. Proses importing akan memakan waktu sesuai dengan jumlah artikel yang kita impor. Sambil menunggu proses import selesai kita bisa browsing atau melakukan hal lain di blog kita.
Setelah proses import selesai pilihlah nama penulis pada menu drop down
Simpan perubahan

Selamat Mencoba!

Continue reading →

Selasa, 10 Januari 2012

Memasang Visitor Counter di Blog

Diposting oleh teknik di 7:47 PM 0 komentar

Beberapa topik tentang visitor counter talah kami bahas baik untuk wordpress dan opencart, kali ini kami bahas tentang memasang visitor counter yang dapat dipasang di blog atau jenis website manapun. Tampilan dari visitor counternya bisa ditengah website, kanan, atau kiri. Letaknya juga bisa diatur baik atas, tengah maupun bawah. Untuk mendapatkan code dari visitor counter tersebut silakan kunjungi whos.amung.us

Jenis visitor counter ini tergolong unik karena akan tampil di luar website (blog) kita, jadi seperti iklan-iklan yang dipasang di detik.com itu berada di luar website. Cara memasangnya silakan copy skrip yang anda dapatkan dari whos.amung.us (warna kuning) dan pilihlah letaknya hendak diletakkan di tengah, atas atau bawah. Paste code tersebut, di <body> atau bila untuk wordpress bisa dipasang di widget (side bar), hasilnya tetap akan tampil di badan website meskipun dipasang di widget.

Cara Praktis :

Copy saja srip berikut ini, nanti akan tampil ditengah bawah :

<script type=”text/javascript” src=”http://widgets.amung.us/tab.js”></script><script type=”text/javascript”>WAU_tab(‘rxmeb1g1vhpx’, ‘bottom-center‘)</script>

Untuk merubah posisi tulisan merah bisa diganti misal :

kiri atasÂ : left-upper

kirim tengah :Â left-midle

kiri bawah : left-lower

bawah kiri :Â buttom-left

bawah tengah :Â buttom-center

bawah kanan :Â buttom-right

Kanan atas :Â right-upper

Kanan tengah : right-midle

kanan bawah : right-lower

Silakan untuk mencoba

Continue reading →

Rabu, 04 Januari 2012

mengubah password blog

Diposting oleh teknik di 2:55 PM 0 komentar

cara mudah mengganti password blog

Caranya?

Login ke Blogger donk! masa' Blogger lah..??!
Klik Akunku di bagian kanan atas.
Pada bagian security > Changing your password.
Isi Password Sekarang, dg password lama kamu.
isi Password Baru dg your new password, pluz Konfirmasi Password Baru
Klik Simpan deh!

Moga berhasil dg password baru

Continue reading →

Rabu, 14 Desember 2011

cara menghapus link power by blogger

Diposting oleh teknik di 11:23 AM 0 komentar

Pada saat kita baru membuat blog di Blogger / Blogspot pasti kita kan memakai Template blog standar bawaan Blogger, dimana pada bagian bawah / footer Template blog tersebut terdapat sebuah Link tulisan Powered by Blogger. yang secara default tidak bisa kita edit atau di rubah-rubah kembali. Beda hal nya bila kita sudah Mengganti Template dari hasil Download pasti sudah tidak ada Link tulisan tersebut..
Buat sobat Blogger yg ingin Menghapus Link tulisan Powered by Blogger ini, silahkan baca artikel ini sampai tuntass..

Contoh nya seperti gambar dibawah ini.

Cara Menghapus / Menghilangkan Link tulisan Powered by Blogger

Sebenernya sudah banyak blog yang membahas mengenai hal ini, tapi tidak ada salah nya kalau Saya pun ingin berbagi kepada sobat blogger semua.. intinya kalau dapat ilmu yang baru itu harus saling berbagi dong ,, heheheheheee....

Untuk Menghapus / Menghilangkan Link tulisan Powered by Blogger di Blog. bisa sobat ikuti langkah demi langkah di bawah ini.:

1. Login Menggunakan account Blogger Sobat.

2.Pada bagian Dasbor pilih tab Rancangan.

Cara Menghapus / Menghilangkan Link tulisan Powered by Blogger

3. Setelah itu pilih tab Edit HTML.

Cara Menghapus / Menghilangkan Link tulisan Powered by Blogger

4. Jangan lupa Centang tulisan Expand Template Widget.

Cara Menghapus / Menghilangkan Link tulisan Powered by Blogger

5. kemudian cari kode dibawah ini

untuk mempermudah pencarian gunakan tombol (Ctrl + F) pada browser sobat.

6. Jika sobat sudah ketemu dengan kode diatas tadi, nanti pada bagian bawah kode tersebut terdapat barisan kode seperti dibwah ini.:

<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>

<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

7. Lalu Hapus barisan kode tersebut, kemudian SIMPAN TEMPLATE. nanti nya akan keluar tulisan "Warning", seperti gambar di bawah ini.

Cara Menghapus / Menghilangkan Link tulisan Powered by Blogger

8.Langsung saja sobat klik tombol "DELET WIDGETS" dan lihat hasilnya pada Blog sobat sekarang.....

Bagaimana? sangat mudah bukan Cara Menghapus / Menghilangkan Link tulisan Powered by Blogger di Blog tersebut. Selanjutnya tinggal sobat ganti saja dengan Widget baru HTML/Javascript. Selamat mencoba n Semoga berhasil....bila ada pertanyaan jangan sungkan utnuk bertanya pada kolom komentar di bawah yah sob...

Semoga Tutorial ini bermanfaat......

Continue reading →

Rabu, 07 Desember 2011

cara menghilangkan obeng di blog

Diposting oleh teknik di 10:12 AM 0 komentar

Mudah sekali bukan? atau masih bingung. Ok deh, ini dia cara lengkapnya :

Login ke blogger dengan ID anda tentunya.
Klik Tata Letak.
Klik tab Edit HTML.
Cari kode seperti ini :
]]></b:skin>
Copy paste kode berikut persis di atas kode yang tadi :

.quickedit{
display:none;
}
Klik tombol Simpan template.
Selesai.

Continue reading →

Minggu, 04 Desember 2011

Cara Membuat Navigasi Halaman Seperti Google

Diposting oleh teknik di 8:08 PM 0 komentar

Setelah sebelumnya saya menjelaskan cara membuat navigasi halaman

Bagaimana ? udah tau kan . Secara untuk membuat navigasi halaman , namun navigasi halaman seperti Google .

Buat kalian yg ingin memasang navigasi halaman seperti itu , ikuti cara dibawah ini

1 . Login dulu > Rancangan > edit HTML >

2 . Cari kode ]]></b:skin>

3 . Kemudian taruh kode dibawah ini tepat diatas kode ]]></b:skin>

#nav a,#nav a:visited,.blk a{color:#000}
#nav a{display:block}
#nav .b a,#nav .b a:visited{color:#20c}
#nav .i{color:#a90a08;font-weight:bold}
.csb,.ss{background:url(

http://i879.photobucket.com/albums/ab351/bloggerblogimage/pagenavi/nav_logo7.png

) no-repeat 0 0;height:26px;display:block}
.ss{background-position:0 -88px;position:absolute;left:0;top:0}
.cps{height:18px;overflow:hidden;width:114px}
.mbi{width:13px;height:13px;background-position:-91px -74px;margin-right:3px}
#nav td{padding:0;text-align:center}

4 . Jika sudah , sekarang cari lagi kode </body>

5 . Kemudian letakan kode di bawah ini diatas kode </body>

script type='text/javascript'>

var home_page_url = location.href;

var pageCount=10;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';

function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

htmlMap[htmlMap.length]='/';
postNum++;

for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {

var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;

}

var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};

for(var p =0;p< banyaknomer;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = '<a href="/"><span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>';
}else{
upPageHtml = '<a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>';
}

fFlag++;
}

if(p==(thisNum-1)){
if(p==0){
html += '<span class="csb" style="background-position: -26px 0pt; width: 18px;"></span></td><td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>';
}else{
html += '<td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>';
}
}else{
if(p==0){
html += '<td><a href="/"><span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>1</a></td>';

}else{
html += '<td><a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>'+ (p+1) +'</a></td>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<td class="b"> <a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -76px 0pt; margin-right: 34px; width: 66px;"></span>'+ downPageWord +'</a></td>';
eFlag++;
}
}
}

if(thisNum>1){
html = ''+upPageHtml+' '+html +' ';
}
html2 = '<table id="nav" style="margin: auto auto 1.4em; border-collapse: collapse;text-align: center; direction: ltr;" align="center"><tbody><tr valign="top"><td class="b">Page ('+(postNum-1)+') </td><td class="b">';
html3 = '</tr></tbody></table>';
html = html2+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
}else{
html += '<td class="b"><span class="csb" style="background-position: -76px 0pt; width: 42px;"></span></td>';
}

if(postNum==1) postNum++;
html += html3+ '</div>';

var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}

}

function showpageCount2(json) {

var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var labelHtml = '<a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var thisUrl = home_page_url;

htmlMap[htmlMap.length]=labelHtml;
postNum++;

for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);

var title = post.title.$t;

if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;

itemCount++;
}

var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};

for(var p =0;p< banyaknomer;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){

if(thisNum==2){
upPageHtml = labelHtml +'<span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>';
}else{
upPageHtml = '<a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>';
}

fFlag++;
}

if(p==(thisNum-1)){
if(p==0){
html += '<span class="csb" style="background-position: -26px 0pt; width: 18px;"></span></td><td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>';
}else{
html += '<td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>';
}
}else{
if(p==0){
html = '<td>'+labelHtml+'<span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>1</a></td>';
}else{
html += '<td><a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>'+ (p+1) +'</a></td>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<td class="b"> <a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -76px 0pt; margin-right: 34px; width: 66px;"></span>'+ downPageWord +'</a></td>';
eFlag++;
}
}
}

if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}

html2 = '<table id="nav" style="margin: auto auto 1.4em; border-collapse: collapse;text-align: center; direction: ltr;" align="center"><tbody><tr valign="top"><td class="b">Page ('+(postNum-1)+') </td><td class="b">';
html3 = '</tr></tbody></table>';
html = html2+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
}else{
html += '<td class="b"><span class="csb" style="background-position: -76px 0pt; width: 42px;"></span></td>';
}

if(postNum==1) postNum++;
html += html3+ '</div>';

var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}

}

</script>

<script type='text/javascript'>

var thisUrl = home_page_url;
if (thisUrl.indexOf("/search/label/")!=-1){
if (thisUrl.indexOf("?updated-max")!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"));
}
}

var home_page = "/";
if (thisUrl.indexOf("?q=")==-1 && thisUrl.indexOf(".html")==-1){
if (thisUrl.indexOf("/search/label/")==-1){
document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')
}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')
}
}
</script>

Keterangan :
== Untuk melihat script aslinya klik disini... ( Biar cepat Copasnya )
== var pageCount=10; / ganti sesuai keinginan kalian
== var displayPageNum=6; / ganti sesuai keinginan kalian
== var upPageWord ='Previous'; / Bisa kalian ganti dengan sebelumnya
== var downPageWord ='Next'; / bisa kalian ganti denga selanjutnya
== Page ('+(postNum-1)+') / Untuk menampilkan kata page(10)/jumlah halaman

6 . Kemudian simpan

Dan lihat hasilnya , keren kan ? selamat mencoba

Semoga bermanfaat dan jangan lupa berikan komentarnya apabila ada yang kurang mengerti... oia kalian boleh juga Share Artikel dengan cara klik gambar logo sharing bookmark di bawah... Terima kasih.

Continue reading →

Membuat Menu Blog Keren

Diposting oleh teknik di 8:03 PM 0 komentar

Membuat Menu Blog Keren .Anda pasti bertanya menu blog seperti apa ? bentuknya seperti pada blog saya di sebelah kanan yang berwarna Hijau kalau mousenya di dekatkan maka menu blognya akan keluar,
Klik disini : Demo

Mau tau bagaiman cara membuatnya , langsung aja :

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

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

<script language="JavaScript1.2" src="http://oktri.googlecode.com/files/slide%20menu%20keren.js"></script>
<script>
resizereinit=true;

menu[3] = {
id:'menu3',
bartext:'MENU BLOG',
menupos:'left',
kviewtype:'fixed',
barbgcolor:"#00ff00",
barcolor:"#000000",
barfontweight:"bold",
bordercolor:'#000000',
hdingbgcolor:"#ffffff",
fontsize:'80%',
linkheight:20 ,
hdingwidth:210 ,

menuItems:[
["Home", "http://www.oktri.co.cc/", "_self"],
["My Facebook", "http://www.facebook.com/oktri.darmadi",""],
["Berita", "http://www.okezone.com/", ""],
["Kaskus", "http://www.kaskus.us", ""],
["My Profile", "http://www.blogger.com/profile/08032455232856850277", ""],
["free Download", "http://www.download.com", ""],
["Tips And Trics Blog", "http://oktridarmadi.blogspot.com", ""],
["Bisnis Uang Blog", "http://www.bisnis.com/", ""],
["free game", "http://freegamepick.com", ""],
["Back To Top", "#", ""] //tidak ada tanda koma pada akhir entry
]};

make_menus();
</script>Keterangan :

+ Ganti Direct Linkhttp://oktri.googlecode.com/files/slide%20menu%20keren.jsdengan Direct Link File JS anda sendiri, sebab script tersebut bisa over load jika terlalu banyak yg menggunakan, anda bisa download script JS nya.
+ Ganti tulisan yang warna orange dengan judul untuk Side menu Navigasi sesuai yang anda inginkan.
+ Kode yang saya tulis dengan warna hitam adalah kode warna yang bisa anda ganti dengan kode warna yg anda inginkan.
+ Ganti link dan judul link yang saya tulis dengan warna merahdan Biru dengan link Anda sendiri.
+ Ganti Tulisan right yang saya tulis dengan warna Coklat dengan left jika anda ingin Side Menu ini muncul disebelah kiri body blog.

4. Klik Simpan dan selesai.

Continue reading →

Membuat efek bintang dan daun berjatuhan

Diposting oleh teknik di 8:00 PM 0 komentar

Postingan Ini merupakan sudah editan dari yang sebelumnya karena JS nya sudah tidak jalan lagi,Pertama Membuat Efek Bintang Berguguran di blog kita
Jika anda tertarik untuk menambah efek tersebut pada halaman site anda, silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan HTML/JavaScript
6. Pastekan salah satu script di bawah ini ke kolom Konten


<script type='text/javascript'>
//<![CDATA[
//Configure below to change URL path to the snow image
var snowsrc="http://img6.imageshack.us/img6/4945/pinginbelajar.gif";
// Configure below to change number of snow to render
var no =20;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = "0";
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 400;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://wpplugins.info\"><img src="+snowsrc+" border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src="+snowsrc+" border=\"0\"><\/div>");
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}

if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
//]]>
</script>

7. Klik Simpan
8. Selesai

Kedua Membuat Efek daun berjatuhan di blog kita
Jika anda tertarik untuk menambah efek tersebut pada halaman site anda, silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan HTML/JavaScript
6. Pastekan salah satu script di bawah ini ke kolom Konten

<script type='text/javascript'>
//<![CDATA[
//Configure below to change URL path to the snow image
var snowsrc="http://img300.imageshack.us/img300/4945/pinginbelajar.gif";
// Configure below to change number of snow to render
var no =20;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = "0";
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 400;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://wpplugins.info\"><img src="+snowsrc+" border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src="+snowsrc+" border=\"0\"><\/div>");
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}

if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
//]]>
</script>
7. Klik Simpan
8. Selesai

Keterngan :

Apabila anda Ingin berkreatifitas atau anda ingin merubah gambar yang akan berguguran /floating pada blog tinggal ganti sendiri link yang berwarna merah dengan alamat gambar anda
Terima kasih buat temen blogger telah memberi konfirmasi JS yang sebelumnya tidak berjalan lagi

SElamata Mencoba...

Continue reading →

Cara Pasang IP Address

Diposting oleh teknik di 7:57 PM 0 komentar

untuk mengetahui Ip Address yang sekarang kita gunakan, sobat bisa mencoba memasang widget Ip Address di blog sobat. Karena saya sendiri memakai modem yang tidak menggunakan Ip Address yang tetap alias Ip Address yang selalu berubah - ubah setiap di koneksikan, makanya saya memasang widget ip address di blog saya. Caranya sangat mudah, sobat cukup kunjungi situswww.wieistmeineip.de
Pada halaman depan ada gambar seperti ini :

Sok di klik atuh gambarnya, jangan di plototin aja..
Kemudian sobat akan dibawa ke halaman pilihan gambar beserta kode HTML-nya, contohnya seperti ini :

Copy kode HTML-nya dan masukkan ke blog sobat. Bagi sobat blogger baru yang belum tau cara pasang kode HTML di blog :

1. Login ke blogger

2. kemudian klik Tata Letak

3. Klik Elemen Halaman

4. Klik Tambah Gadget

5. Pilih yang HTML/Javascript

6. Masukkan kode HTML-nya kedalam kolom kosong yang tersedia

7. Lalu Simpan.

Siippp..Selamat Mencoba ya.

sumber : wikipedia

Continue reading →

Membuat Floating Image Untuk Perintah Ke Atas - Ke Bawah Halaman Blog

Diposting oleh teknik di 7:51 PM 0 komentar

kali ini saya akan berbagi tips Itu tuh gambarnya tetap diam sekalipun kita menggulung layar, seperti gambar kupu-kupu dan panah pada blog ini. Nah, floating image ini bisa kita mamfaatkan untuk perintah ke atas dan ke bawah halaman blog. Dengan adanya perintah ini dapat memudahkan para reader untuk melihat halaman atas/bawah blog kita tanpa harus melakukan penggulungan layar.

Untuk membuat perintah ke atas dan ke bawah dengan floating image ini sebenarnya cukup mudah, kamu tinggal menambahkan link pada floating image tersebut. Tapi jika kamu lagi males mikir dan ingin yang praktis-praktis, ikuti saja langkah-langkah berikut:

* Dari halaman Darbor Blogger kamu, pilih Tata Letak - Edit HTML.
* Kopikan kode CSS berikut dan letakkan di atas ]]></b:skin>:

#floating atas-bawah {
position:fixed; _position:absolute; bottom:5px; right:5px; clip:inherit; z-index:+1000;}

Setelah itu kopikan kode HTML berikut (gunakan Control C) dan letakkan di bawah
</head> (antara </head> dan <body>):

<div id='floating-atas-bawah'>
<a href='#' title='Ke Atas'><img border="0" src='http://sites.google.com/site/ruangsc/imgsb/keatas.png'/></a> <a href='#footer' title='Ke Bawah'><img border="0" src='http://sites.google.com/site/ruangsc/imgsb/kebawah.png'/></a>
</div>

* Kamu dapat mengganti gambar panah sesuai keinginan.
* Simpanlah hasil kerjaan kamu dan ucapkan Alhamdulillah...

Mudah kan?! Ok brow, selamat mencoba.....

Gambar-gambar yang bisa kamu pilih:

URL: http://i563.photobucket.com/albums/ss76/peace_enes/arrow-up.gif

URL: http://i563.photobucket.com/albums/ss76/peace_enes/arrow-down.gif

URL: http://i563.photobucket.com/albums/ss76/peace_enes/keatas.png

URL: http://i563.photobucket.com/albums/ss76/peace_enes/kebawah.png

URL: http://i563.photobucket.com/albums/ss76/peace_enes/scrolltop.png

URL: http://i563.photobucket.com/albums/ss76/peace_enes/scrolldown.png

URL: http://i563.photobucket.com/albums/ss76/peace_enes/ke-atas.png

URL: http://i563.photobucket.com/albums/ss76/peace_enes/ke-bawah.png
Sumber :http://ruangsc.blogspot.com/

Continue reading →

Cara Pasang kotak script dalam postingan

Diposting oleh teknik di 7:46 PM 0 komentar

Untuk membuatnya sangat lah mudah. anda sedikit menambah kode CSS dan HTML kedalam tamplate dan posting. bagi yang menyukainya ikuti langkah-langkah di bawah ini.
# Log in dulu ke blogger
# Tata letak
# Edit HTML
# Cari Kode ]]></b:skin>
# Kemudian letakkan kode dibawah ini persis diatas nya

/* Alert by ok__3
----------------------------------------------- */
.alert {margin: 10px 10px 10px 10px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;color: #000000;
background: #e0ffff;
border: 1px solid #000000;
border-left: 15px solid #000000}

* Yang berwarna merah adalah kode warna. silah kan ganti yang sesuai dengan background blog anda
* kemudian simpan tamplate.
* Supaya kode/scriptnya nanti bisa muncul kotak highlight-nya maka untuk memposting harus pake cara2 tersendiri. Yaitu dengan menambahkan kode ini

<p class="alert">
sebelum kode/script yg akan diberi highlight. kemudian ditambahkan kode
</p>

di akhir kode.
* Setelah itu Terbitkan posting anda dan liat hasilnya

Selamat Mencoba.......

Continue reading →

Cara Memasang Widget Followers di Pojok Blog

Diposting oleh teknik di 7:21 PM 0 komentar

Hi..Friends...Kali ini saya akan berbagi tips memasang widget Follwers dipojok halaman blog,Sebelum kita membahas bareng mengenai trik ini, ada baiknya teman-teman tahu terlebih dahulu mengenai trik ini=> Trik ini sebenarnya sama saja dengan trik "Membuat Gambar Hidup Di Pojok Halaman Blog", hanya saja kita akan menggunakan pihak ketiga sebagai pendukung trik ini, yaitu widget dariGoogle Friend connect.
Bagi teman-teman yang tertarik untuk menerapkan trik ini ke blognya, silahkan untuk memperaktekkannya melalui langkah-langkah berikut:

~~LANGKA 1~~

1. Silahkan surfing ke akun Google Friend Connect milik anda (usahakan anda dalam keadaan online/login akun Google atau Blogger anda)
2. Selanjutnya anda akan dibawa ke halaman utama akun Google friend connect milik anda. Perhatikanlah nama-nama blog anda di bagian kiri (untuk poin yang ini khusus bagi anda yang memiliki blog lebih dari satu dalam satu akun Blogger, bagi anda yang hanya memiki satu blog - silahkan langsung ke poin "tiga") => Pilihlah blog mana yang hendak anda pasang widget Followers-nya.
3. Pilih Gadget yang bernama "Tambahkan Gadget Anggota"

4. Maka anda akan dibawa ke halaman pengambilan kode script "Widget Followers". Di halaman ini anda bisa mengatur berapa lebar widget followers anda nantinya, lalu berapa jumlah sederetan wajah followers anda, juga bisamengatur warna tampilan widget followers anda (background, garis tepi, dll). Sebagai catatan: Usahakan lebar widget anda benar-benar cocok dengan bagian pojok blog anda, ini bertujuan agar tampilan blog anda terlihat lebih bagus
5. Seusai pengaturan dan anda merasa ukuran widget yang telah anda setting sudah benar-benar cocok dengan ukuran pojok template blog anda, maka segeralah untuk mengambil kode scriptnya dengan cara mengklik tombol "Buat Kode"

6. Ambillah kode tersebut, lalu paste-kan ke "notepad" atau di mana pun untuk digunakan di langkah tahap 2

~~LANGKAH 2~~
1. Login dulu ke akun Blogger anda
2. Klik pilihan Tata Letak => Edit HTML
3. Carilah kode tag ]]></b:skin> dan kalau sudah ketemu, letakkan kode berikut tepat di atas kode tag ]]></b:skin>

#followers-pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

4. Selanjutnya, carilah kode tag </body> dan letakkan kode berikut tepat di atasnya

<div id="followers-pojok">
LETAKAN DISINI KODE SCRIPT WIDGET FOLLOWERS YANG TELAH ANDA AMBIL DI GOOGLE FRIEND CONNECT TADI!

</div>

5. Klik simpan template. SELESAI....

Semoga Bermanfaat...dan Terima kasih sudah mau berkunjung di blog saya ini

Continue reading →

Link Berkedip Ketika Cursor Melintas

Diposting oleh teknik di 7:06 PM 0 komentar

Jika kita perhatikan begitu banyak link-link yang terdapat di halaman blog kita. Saya sedikit ada trik cara membuat agar link-link tersebut berkedip ketika mouse melintas di atasnya.

Silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari kode </head> di dalam template anda
6. Tambahkan script berikut ini sebelum kode tersebut

<style>

a:hover { color:#00FFFF; text-decoration:blink; border-bottom:1px dotted #FF0000; }

</style>

7. Kode #00FFFF adalah menyatakan warna link tersebut dan kode #FF0000 adalah warna garis bawahnya
8. Silahkan anda variasikan sesuai dengan warna kesukaan anda
9. Klik Simpan Template
10. Selesai

Continue reading →

kursor di ikuti jam

Diposting oleh teknik di 11:43 AM 0 komentar

Hello Pengunjung,Kali ini saya akan berbagai tutorial Blogger kembali ,Pada Postingan sebelumnyaCursor Selalu Diikuti Oleh Text

Jika kamu pengen membuat Kursor pada blog selalu diikuti Jam
Tutorialnya ada dibawah ini

Login blogger
Masuk ke rancangan --> EDIT HTML
Simpan kode CSS dibawah ini diatas kode ]]></b:skin>

/*-- CSS Kursor Diikuti Jam --*/
.cursor_jam1{
background:transparent;
position:absolute;
top:0px;
left:0px;
width:16px;
height:16px;
font-family:cursive;
font-size:16px;
text-align:center;
font-weight:bolder;
}
.cursor_jam2{
position:absolute;
top:0px;
left:0px;width:12px;
height:12px;
font-family:cursive;
font-weight:bolder;
font-size:10px;
text-align:center;
}

/*-- END CSS --*/

Kemudian Simpan script dibawah ini diatas kode </body>

<script type='text/javascript'>
//<![CDATA[
if (document.getElementById&&!document.layers){dCol='blue'; fCol='green'; sCol='blue'; mCol='red'; hCol='red'; del=0.7; ref=70;var ieType=(typeof window.innerWidth != 'number'); var docComp=(document.compatMode);var docMod=(docComp && docComp.indexOf("CSS") != -1); var ieRef=(ieType && docMod)?document.documentElement:document.body;theDays=new Array("MINGGU","SENIN","SELASA","RABO","KAMIS","JUM'AT","SABTU");theMonths=new Array("JANUARI","FEBUARI","MARET","APRIL","MEI","JUNI","JULI","AGUSTUS","SEPTEMBER","OKTOBER","NOVEMBER","DESEMBER"); date=new Date(); day=date.getDate(); year=date.getYear();if (year < 2000) year=year+1900; tmpdate=" "+theDays[date.getDay()]+" "+day+" "+theMonths[date.getMonth()]+" "+year;D=tmpdate.split(""); N='3 9 12'; N=N.split(" "); F=N.length; H='...'; H=H.split("");M='....'; M=M.split(""); S='.....'; S=S.split(""); siz=40; eqf=360/F; eqd=360/D.length; han=siz/5.5;ofy=-7; ofx=-3; ofst=70; tmr=null; vis=true; mouseY=0; mouseX=0; dy=new Array(); dx=new Array();zy=new Array(); zx=new Array(); tmps=new Array(); tmpm=new Array(); tmph=new Array();tmpf=new Array();tmpd=new Array(); var sum=parseInt(D.length+F+H.length+M.length+S.length)+1;
for (i=0; i < sum; i++){ dy[i]=0; dx[i]=0; zy[i]=0; zx[i]=0;}
algn=new Array();for (i=0; i < D.length; i++){algn[i]=(parseInt(D[i]) || D[i]==0)?10:9;
document.write('<div id="_date'+i+'" class="cursor_jam2" style="font-size:'+algn[i]+'px;color:'+dCol+'">'+D[i]+'<\/div>');tmpd[i]=document.getElementById("_date"+i).style;} for (i=0; i < F; i++){
document.write('<div id="_face'+i+'" class="cursor_jam2" style="color:'+fCol+'">'+N[i]+'<\/div>');
tmpf[i]=document.getElementById("_face"+i).style; } for (i=0; i < H.length; i++){
document.write('<div id="_hours'+i+'" class="cursor_jam1" style="color:'+hCol+'">'+H[i]+'<\/div>');
tmph[i]=document.getElementById("_hours"+i).style;} for (i=0; i < M.length; i++){
document.write('<div id="_minutes'+i+'" class="cursor_jam1" style="color:'+mCol+'">'+M[i]+'<\/div>'); tmpm[i]=document.getElementById("_minutes"+i).style; } for (i=0; i < S.length; i++){
document.write('<div id="_seconds'+i+'" class="cursor_jam1" style="color:'+sCol+'">'+S[i]+'<\/div>'); tmps[i]=document.getElementById("_seconds"+i).style;} function onoff(){if (vis){ vis=false;
document.getElementById("control").value="Tampilkan Jam";}
else{ vis=true;document.getElementById("control").value="Sembunyikan Jam";Delay();} kill();}
function kill(){ if (vis) document.onmousemove=mouse; else document.onmousemove=null;}
function mouse(e){ var msy = (!ieType)?window.pageYOffset:0; if (!e) e = window.event;
if (typeof e.pageY == 'number'){ mouseY = e.pageY + ofst - msy; mouseX = e.pageX + ofst;}
else{ mouseY = e.clientY + ofst - msy; mouseX = e.clientX + ofst;} if (!vis) kill();}
document.onmousemove=mouse; function winDims(){ winH=(ieType)?ieRef.clientHeight:window.innerHeight;
winW=(ieType)?ieRef.clientWidth:window.innerWidth;} winDims();window.onresize=new Function("winDims()"); function ClockAndAssign(){ time = new Date(); secs = time.getSeconds();sec = Math.PI * (secs-15) / 30; mins = time.getMinutes(); min = Math.PI * (mins-15) / 30; hrs = time.getHours();
hr = Math.PI * (hrs-3) / 6 + Math.PI * parseInt(time.getMinutes()) / 360;for (i=0; i < S.length; i++){
tmps[i].top=dy[D.length+F+H.length+M.length+i]+ofy+(i*han)*Math.sin(sec)+scrollY+"px";
tmps[i].left=dx[D.length+F+H.length+M.length+i]+ofx+(i*han)*Math.cos(sec)+"px";}
for (i=0; i < M.length; i++){ tmpm[i].top=dy[D.length+F+H.length+i]+ofy+(i*han)*Math.sin(min)+scrollY+"px";tmpm[i].left=dx[D.length+F+H.length+i]+ofx+(i*han)*Math.cos(min)+"px";}
for (i=0; i < H.length; i++){tmph[i].top=dy[D.length+F+i]+ofy+(i*han)*Math.sin(hr)+scrollY+"px";
tmph[i].left=dx[D.length+F+i]+ofx+(i*han)*Math.cos(hr)+"px";} for (i=0; i < F; i++){
tmpf[i].top=dy[D.length+i]+siz*Math.sin(i*eqf*Math.PI/180)+scrollY+"px";
tmpf[i].left=dx[D.length+i]+siz*Math.cos(i*eqf*Math.PI/180)+"px";}
for (i=0; i < D.length; i++){tmpd[i].top=dy[i]+siz*1.5*Math.sin(-sec+i*eqd*Math.PI/180)+scrollY+"px";
tmpd[i].left=dx[i]+siz*1.5*Math.cos(-sec+i*eqd*Math.PI/180)+"px";} if (!vis)clearTimeout(tmr);}
buffW=(ieType)?80:90; function Delay(){scrollY=(ieType)?ieRef.scrollTop:window.pageYOffset;if (!vis){
dy[0]=-100;dx[0]=-100;} else{ zy[0]=Math.round(dy[0]+=((mouseY)-dy[0])*del);
zx[0]=Math.round(dx[0]+=((mouseX)-dx[0])*del);} for (i=1; i < sum; i++){if (!vis){ dy[i]=-100;
dx[i]=-100;} else{ zy[i]=Math.round(dy[i]+=(zy[i-1]-dy[i])*del);
zx[i]=Math.round(dx[i]+=(zx[i-1]-dx[i])*del);} if (dy[i-1] >= winH-80) dy[i-1]=winH-80;
if (dx[i-1] >= winW-buffW) dx[i-1]=winW-buffW;} tmr=setTimeout('Delay()',ref); ClockAndAssign();}
window.onload=Delay;}
//]]>
</script>

Simpan Template..
selesai !

Continue reading →

Cara Membuat Scroll Pada Komentar Blogger

Diposting oleh teknik di 11:37 AM 0 komentar

Para rekan blogger sekalian...kita berjumpa lagi dlm acara tutorial kali ini, dengan judul "Membuat Scroll pada komentar blog". Apa itu scroll? Kalau ini teman2 pasti sudah pada tahu, tu lho di bagian kiri browsernya teman2...yang biasanya membuat gulung2/geser halaman web/blog, nah itulah yang namanya scroll.

jika kamu pengen membuat kotak komentar kamu juga mempunyai fungsi scroll ada cara mudah yang bisa kamu lakukan,caranya sbb:

    * lalu klik Tata Letak,
    * kemudian Klik Edit HTML.
    * Dan yang paling penting jangan lupa centang si "expand widget template"
    * Cari kode yang mirip seperti ini:

      <dl id='comments-block'>
      <b:loop values='data:post.comments' var='comment'>
      <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
      <a expr:name='"comment-" + data:comment.id'/>
      <b:if cond='data:comment.authorUrl'>
      <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
      <b:else/>
      <data:comment.author/>

      </b:if>
      <data:commentPostedByMsg/>
      </dt>
      <b:if cond='data:comment.author == data:post.author'>
      <dd class='comment-body-author'>
      <p><data:comment.body/></p>
      </dd>
      <b:else/>
      <dd class='comment-body'>
      <b:if cond='data:comment.isDeleted'>
      <span class='deleted-comment'><data:comment.body/></span>
      <b:else/>
      <p><data:comment.body/></p>
      </b:if>

      </dd>
      </b:if>
      <dd class='comment-footer'>
      <span class='comment-timestamp'>
      <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
      <data:comment.timestamp/>
      </a>
      <b:include data='comment' name='commentDeleteIcon'/>
      </span>
      </dd>

      </b:loop>
      </dl>

Nah, kalau sudah memperhatikan kode di atas, sekarang tambahkan kode berwarna merah,yang akhirnya menjadi seperti berikut:

      <div style='overflow:auto; width:ancho; height:350px;'>
      <dl id='comments-block'>
      <b:loop values='data:post.comments' var='comment'>
      <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
      <a expr:name='"comment-" + data:comment.id'/>
      <b:if cond='data:comment.authorUrl'>
      <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
      <b:else/>
      <data:comment.author/>

      </b:if>
      <data:commentPostedByMsg/>
      </dt>
      <b:if cond='data:comment.author == data:post.author'>
      <dd class='comment-body-author'>
      <p><data:comment.body/></p>
      </dd>
      <b:else/>
      <dd class='comment-body'>
      <b:if cond='data:comment.isDeleted'>
      <span class='deleted-comment'><data:comment.body/></span>
      <b:else/>
      <p><data:comment.body/></p>
      </b:if>

      </dd>
      </b:if>
      <dd class='comment-footer'>
      <span class='comment-timestamp'>
      <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
      <data:comment.timestamp/>
      </a>
      <b:include data='comment' name='commentDeleteIcon'/>
      </span>
      </dd>

      </b:loop>
      </dl>
      </div>

* Klik simpan template

NB:eman2 juga bisa mengatur panjang lokasi kotak komen yang ber-scroll itu dengan cara mengatur nilai pada kode <div style='overflow:auto; width:ancho; height:350px;'> nah perhatikan pada bagian: 350px . Angka tersebut dapat tman2 atur sesuai keinginan tman2, tapi lihat dulu hasil kerjaannya tman2 pada kolom komentar postingannya, apakah sudah sesuai dengan ukuran kotak komen yg tman2 inginkan

Continue reading →

Langganan: Postingan (Atom)

Recent
Popular
Label

Contact us if you have any question or anything else

tatakai blog's © 2011 DheTemplate.com. Supported by Tips for Life and Blogging Tips