Tuesday, August 3, 2010

iseng-iseng

2:52 AM

admin

yaaa sambil nunggu kk q dateng dari perjalanannya, kerumah
coba iseng - iseng masukin beberapa icon yang q punya

hehehehe ....

udah ahhh, berhubung kk q udah nyampe dan q di suruh menjemputnya jadi sekian dulu

by@ ae ....

Read more »

Posted in: CATATAN

1. Log in => Dashboard => Layout => Edit HTML. jangan lupa pada Expand Widget Templates.
2. Cari code ]]></b:skin> cari lebih dengan tekan Ctrl+ F.
3. copy code di bawah dan pastekan di atas atau sebelum kod ]]></b:skin>

.showpageArea {

font-family:verdana,arial,helvetica;

color: #000;

font-size:11px;

margin:10px;

}

.showpageArea a {

color: #000;

text-shadow:0 1px 2px #fff;

font-weight: 700;

}

.showpageNum a {

padding: 3px 8px;

margin:0 4px;

text-decoration: none;

border:1px solid #919106;

-webkit-border-radius:3px;-moz-border-radius:3px;

background: #ddd url(http://4.bp.blogspot.com/__hqk0jmhlcE/Sy3y4FwkDMI/AAAAAAAAADc/K5VSdixsvmc/s400/wp2.jpg) 0 -50px repeat-x;

}

.showpageNum a:hover {

border:1px solid #aeae0a;

background: #ccc url(ttp://4.bp.blogspot.com/__hqk0jmhlcE/Sy3y4FwkDMI/AAAAAAAAADc/K5VSdixsvmc/s400/wp2.jpg) 0 -25px repeat-x;

}

.showpageOf{

margin:0 8px 0 0;

}

.showpagePoint {

color:#fff;

text-shadow:0 1px 2px #333;

padding: 3px 8px;

margin: 2px;

font-weight: 700;

-webkit-border-radius:3px;-moz-border-radius:3px;

border:1px solid #919106;

background: #666 url(ttp://4.bp.blogspot.com/__hqk0jmhlcE/Sy3y4FwkDMI/AAAAAAAAADc/K5VSdixsvmc/s400/wp2.jpg) 0 0 repeat-x;

text-decoration: none;

}

4. lanjut cari code </body> cari lebih cepat dengan Ctrl+f masukkan code yang di cari pada kotak find
5. copy code dibawah ini paste sebelum code </body>
Edit angka 7 yang di bold pada kod di bawah mengikut jumlah post pada front page (muka depan) blog anda.

var home_page="/";

var urlactivepage=location.href;

var postperpage=7;

var numshowpage=4;

var upPageWord ='Prev';

var downPageWord ='Next';

</script>

6. selanjutnya Cari 'data:label.url' dengan ctrl+f

jika sudah ketemu data 'data:label.url' ganti dengan code di bawah ini

'data:label.url + "?&max-results=7"'

Edit angka 7 pada kode di bawah ini mengikuti jumlah post pada halaman depan blog anda.
7. klik saja Save (simpan)

atau mengunakan Cara lain klik disini

Read more »

Posted in: TIPs - TRIKs BLOG"rz

Navigator Halaman

2:17 AM

admin

No comments

1. Sign In ke blog anda.
2. Tuju tab Layout/Tata Letak ► Page Element
Cari add page element yang paling dekat dengan element posting.
3. Pilih menu HTML/Javascript, kemudian paste kode berikut ini:

<style>.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #ccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #ccc;background-color:#ccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #ccc;background: #ccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #ccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333;}</style><script type="text/javascript">function showpageCount(json) {var thisUrl = location.href;var htmlMap = new Array();var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";var isLablePage = thisUrl.indexOf("/search/label/")!=-1;var isPage = thisUrl.indexOf("/search?updated")!=-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 pageCount=5;var displayPageNum=3;var firstPageWord = 'First';var endPageWord = 'Last';var upPageWord ='Previous';var downPageWord ='Next';var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';for(var i=0, post; post = json.feed.entry[i]; i++) {var timestamp = post.published.$t.substr(0,10);var title = post.title.$t;if(isLablePage){if(title!=''){if(post.category){for(var c=0, post_category; post_category = post.category[c]; c++) {if(encodeURIComponent(post_category.term)==thisLable){if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1 ){thisNum = postNum;}postNum++;htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;}}}}//end if(post.category){itemCount++;}}else{if(title!=''){if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1 ){thisNum = postNum;}if(title!='') postNum++;htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;}}itemCount++;}}for(var p =0;p< htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){if(fFlag ==0 && p == thisNum-2){if(thisNum==2){if(isLablePage){upPageHtml = labelHtml + upPageWord +'</a></span>';}else{upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';}}else{upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';}fFlag++;}if(p==(thisNum-1)){html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';}else{if(p==0){if(isLablePage){html = labelHtml+'1</a></span>';}else{html += '<span class="showpageNum"><a href="/">1</a></span>';}}else{html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';}}if(eFlag ==0 && p == thisNum){downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';eFlag++;}}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){}//end for(var p =0;p< htmlMap.length;p++){if(thisNum>1){if(!isLablePage){html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';}else{html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';}}html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;if(thisNum<(postNum-1)){html += downPageHtml;html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';}if(postNum==1) postNum++;html += '</div>';if(isPage || isFirstPage || isLablePage){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 src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script><div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> </div>

4. Setelah itu simpan, dan pindahkan element tadi tepat dibawah elemen posting,
5. Klik tombol SAVE

Read more »

Posted in: TIPs - TRIKs BLOG"rz

macam-macam Type Blog

1:22 AM

admin

No comments

Ketika mendiskusikan mengenai blog, kebanyakan orang belum mengerti mengenai berbagai variasi blog. Hanya karena interface blog terlihat sama semua, bukan berarti content di dalamnya juga sama. Berikut ini merupakan beberapa variasi blog.

10 Macam Tipe Blog Termasuk Blog Apa Punyamu

Blog Politik (PoliticalBlogs). Blog politik memiliki beberapa bentuk. Bentuk yang paling sering dipakai adalah seorang blogger akan melakukan link ke artikel dari berita suatu website dan kemudian mem-posting komentar mereka. Sedangkan yang lainnya, lebih berfokus pada esai mengenai topic politik. Faktanya, trend blog politik digunakan untuk melakukan kampanye politik, dalam rangka mencoba memasukkan blog ke dunia politik, seperti yang terjadi pada pemilihan presiden Amerika baru-baru ini.

Blog Personal (PersonalBlogs). Blog ini pada umumnya digunakan untuk mendeskripsikan sebuah diary atau jurnal online, seperti Xanga. Format weblog diary online ini memberikan kemudahan bagi user, tanpa perlu memiliki pengalaman dalam membuat, memformta, dan mem-posting masukan ke blog. User dapat menulis kejadian sehari-hari, komplain, puisi, prosa, ide pikiran, dan masih banyak lagi, juga memperbolehkan user lain untuk ikut berkontribusi didalamnya.

Blog Bisnis (BussinessBlogs). Sebuah blog yang digunakan oleh pengusaha untuk mempromosikan bisnis mereka. Seringkali blog bisnis berlaku sebagai aksi promosi pengusaha untuk menyediakan gambaran aktivitas di belakang bisnis mereka, seperti pada blog personal. Dalam beberapa kasus blog bisnis juga dilengkapi dengan iklan, penjualan produk, atau informasi.

Blog Topik (TopicalBlogs). Blog topic lebih berfokus pada hal-hal yang khusus. Sebagai contoh, seperti blog Google, atau blog prajurit atau blog militer (milblog). Banyak blog memperbolehkan banyak kategori, di mana sebauh blog umum dapat diganti menjadi blog topic sesuai keinginan user.

Blog Kesehatan (HealthBlogs). Blog ini ditulis sebagai account personal dari isu-isu kesehatan, berbagai informasi dengan user lain mengenai kesehatan. Kategori blog dalam blog kesehatan ini seperti blog medis, yang juga terbagi dalam dua kategori. Tipe pertama adalah blog yang ditulis oleh professional kesehatan mengenai pekerjaannya, berita kesehatan atau ide user lain. Kemudian tipe berikutnya berupa kasus pasien, yang memperbolehkan dokter untuk memasukkan kasus pasien ke website. Dokter juga dapat memberikan komentar atau ikut memecahkan kasus tersebut.

Blog Kesusasteraan (litblog). Blog ini merupakan blog yang berfokus kepada topic suatu literature. Terdapat komunitas litblog dalam blogosphere di mana pengarang dapat memasukkan berbagai subtopic yang berkaitan dengan literature atau sastra. Litblogger dapat menulis mengenai industri percetakan, artikel, fiksi, puisi, jurnal literature, diary pembaca, kritikan, jenis literature seperti fiksi dan misteri.

Blog Perjalanan (TravelBlogs). Banyak pengembara yang menulis perjalanan mereka ke dalam paper. Dengan blog ini, mereka dapat menuangkan idenya, atau berbagai foto dan cerita, bahkan ketika mereka sedang traveling ke seluruh dunia.

Blog Penelitian (ResearchBlogs). Blog ini mengkombinasikan catatan sekolah dan blog siswa ke notebook pribadi dengan faslitas diskusi public. Blog ini menangani lebih ke arah yang berkaitan dengan akademis.

Blog Hukum (LegalBlogs). Blog ini merupakan blog pengacara atau mahasiswa hokum, yang didalamnya terdapat hasil diskusi mengenai hukum, sehingga sering disebut ‘blawgs’. Para blawgger dapat mem-posting komentar legal dan analisis kasus yang ada di blog mereka.

Blog Pendidikan (EducationalBlogs). Pengguna blog ini adalah para siswa, yang belajar mengenai materi pelajaran tertentu di blog, ketika guru mereka telah mencatatkan materi pelajaran yang akan diajarkan kepada siswa menggunakan blog. Sebagai contoh, kursus online dan pemberian pekerjaan rumah dari guru untuk siswa. Keuntungan penggunaan blog ini adalah siswa dapat belajar dengan cepat jika mereka ketinggalan kelas. Selain itu, guru juga dapat merencanakan, materi dengan mudah, dan blog ini dapat membantu guru membuat kesimpulan hasil belajar siswa yang akurat.

Read more »

Posted in: INFORMASI

Membuat Tab View di Postingan

1:08 AM

admin

No comments

Mungkin anda sudah mengenal apa yang dinamakan tab view, suatu widget yang bisa menampung banyak konten dalam satu box atau kotak kolom atau suatu area. Yang dimana konten tersebut akan terlihat bila kita mengklik tab masing-masing. Seringkali kita menemui tutorial cara membuat tab view, namun hanya terbatas pada sidebar. Dan bila kita memaksakan untuk mengimplementasikannya kedalam kotak Postingan (pada blogspot) maka, akan terjadi kegagalan fungsi kode.

"Berikut Cara Membuat Tab View di Postingan di Blogspot"

Nah, lalu bagaimana Cara Membuat Tab View di Postingan di Blogspot ? Berikut kode alternatif atau lanjutan dari kode Membuat Tab View di Sidebar. Agar bisa digunakan digunakan di postingan, sebaiknya anda menggunakan kode ini.
<link href='http://yui.yahooapis.com/2.3.0/build/tabview/assets/tabview.css' rel='stylesheet' type='text/css'/>

<link href='http://yui.yahooapis.com/2.3.0/build/tabview/assets/border_tabs.css' rel='stylesheet' type='text/css'/>

<script src='http://yui.yahooapis.com/2.3.0/build/yahoo-dom-event/yahoo-dom-event.js' type='text/javascript'/>

<script src='http://yui.yahooapis.com/2.3.0/build/element/element-beta-min.js' type='text/javascript'/>

<script src='http://yui.yahooapis.com/2.3.0/build/tabview/tabview-min.js' type='text/javascript'/>

<style type='text/css'>

.yui-content { padding:1em; /* pad content container */

}

.yui-navset .yui-content {

border:1px solid #ccc;

}

.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover {

background-color:#fff;

}

.yui-navset .yui-nav li a {

background:#e5e5e5 url(http://developer.yahoo.com/yui/examples/tabview/img/round_4px_trans_gray.gif) no-repeat;

}

.yui-navset .yui-nav li a em {

background:transparent url(http://developer.yahoo.com/yui/examples/tabview/img/round_4px_trans_gray.gif) no-repeat top right;

padding:0.5em;

}

/* top oriented */

.yui-navset-top .yui-nav { margin-bottom:-21px; } /* for overlap, based on content border-width */

.yui-navset-top .yui-nav li a {

border-bottom:1px solid #ccc;

}

.yui-navset-top .yui-nav .selected a { border-bottom:0; }

.yui-navset-top .yui-nav .selected a em { padding-bottom:0.6em; } /* adjust height */

</style>

Buat satu Halaman Posting lagi dan Copy-Paste Code dibawah ini di postingan dalam mode EDIT HTML .

<div id="demo">

<ul>

<li><a href="#tab1"><em>RCTI</em></a></li>

<li><a href="#tab2"><em>GLOBAL TV</em></a></li>

<li><a href="#tab3"><em>Trans TV</em></a></li>

</ul><br/>

<div>

<div id="tab1"><p>Copy Kode embed Video di Sini</p></div>

<div id="tab2"><p>Copy Kode embed Video di Sini</p></div>

<div id="tab3"><p>Copy Kode embed Video di Sini</p></div>

</div>

</div>

<script>

(function() {

var tabView = new YAHOO.widget.TabView('demo');

YAHOO.log("The example has finished loading; as you interact with it, you'll see log messages appearing here.", "info", "example");

})();

</script>

Ukuran.. dengan sendirinya akan menyesuaikan lebar dan tingginya Video dan Halaman.
Untuk Mengatur Propertynya silahkan edit Kode CSS nya.

Berikut Preview Tab yang dihasilkan.

Bila anda sudah berhasil mengimplementasikan kode tersebut. Anda bisa menaruh TV Online atau apapun yang anda butuhkan.

Read more »

Posted in: TIPs - TRIKs BLOG"rz

Script Mobile Version untuk blog

12:54 AM

admin

No comments

Pasang Script Mobile Version Di Sidebar Membuat Blog Mudah Diaksess Menggunakan Handphone

Semua pemilik Blog, baik itu Blog dari Wordpress maupun Blogspot pasti ingin Blognya dapat dibuka dengan mudah dan ringan oleh pengunjung. Tak terkecuali Pengunjung Blog yang surfing di internet menggunakan Perangkat mobil seperti Handphone. Pada sebagian besar pengunjung Blog yang menggunakan Ponsel, biasanya mereka mengeluhkan tampilan Blog yang mereka kunjungi terlalu berat atau tidak pas dengan ukuran layar Ponsel mereka, walaupun mereka sudah melakukan scroll sana-sini namun tampilan yang diharapkan tidak kunjung tiba. Sebagai perbandingan, coba kalian lihat situs jejaring sosial semisal facebook, untuk versi computer pastinya mempunyai tampilan yang berbeda dengan versi handphone,dimana untuk versi handphone dibuat lebih ringan, fleksibel dan minimalis namun tanpa menghilangkan fungsi utamanya sebagai situs sosial, ini dibuat tentunya untuk menyesuaikan keterbatasan yang dimiliki oleh perangkat mobil semisal handphone.

Nah, untuk pengguna Blog Wordpress tentunya hal ini tidak akan menjadi problem yang berarti, tinggal install saja plugins 'MOBILE VERSION' maka Blog kamu akan segera familiar diaksess oleh perangkat mobil. Buat pengguna Blog Blogspot Plugins atau Gadget semacam ini tidak akan kamu dapatkan, namun tidak usah kecewa dulu, ada jalan keluarnya kok. Kamu tinggal memasang sebuah script khusus yang dibuat oleh Bloggertouch di sidebar Blog, maka pengunjung yang mengakses blog kita menggunakan perangkat mobile/handphone/opera Mini akan secara otomatis terdirect ke tampilan yang jauh lebih simple (mobile version) dan memudahkan pengunjung dalam membaca isi konten blog kita.

Untuk mendapatkan script mobile version ini kamu terlebih dahulu mesti mendaftarkan Blog kamu ke situs http://bloggertouch.sopili.net dan setelah itu segera pasang script yang diberikan di sidebar Blog.

Nah buat mudahnya ikuti langkah-langkah berikut :

1). Arahkan Browser kamu ke alamat http://bloggertouch.sopili.net, setelah halaman situsnya terbuka masukkan alamat Blog kamu di kolom yang sudah disediakan, untuk Blog blogspot yang sudah berganti domain, klik pada tulisan 'Custom Domains', kemudian klik GO

2). Pada langkah kedua ini, kamu diharuskan memberikan ID pada Blog yang kamu daftarkan. Masukkan kata ID yang kamu inginkan ( sembarang kata ) atau gunakan saja nama Blog kamu biar lebih mudah mengingatnya lalu klik NEXT

3). Pada jendela ketiga yang muncul, kamu akan diberikan sebuah script Mobile Version, sesuai dengan Blog yang kamu daftarkan tadi, copy paste Script tersebut dan segera pasang di sidebar Blog kamu (ADD GADGET --> ADD HTML). Jangan lupa setel pengaturan Feeds Blog kamu ke posisi Full, jika belum klik saja pada tulisan 'Site Feeds' yang disediakan. setelah semuanya beres, kemudian klik pada tombol NEXT.

4). Sekarang kamu akan dihadapkan pada jendela 'Verification', klik pada tombol Verification, jika semua langkah di atas sudah kamu lakukan (termasuk memasang sidebar sudah beres)

5). Selamat, Blog kamu sudah berhasil memasang script Mobile Version, dengan munculnya jendela baru yang memuat informasi tentang Blog kamu. Sekarang Blog kamu sudah Dapat diaksess dengan mulus menggunakan perangkat Mobil.

Sedikit catatan yang perlu diperhatikan, menggunakan script Mobile Version ini kemungkinan pengunjung murni ke blog kita akan berkurang, karena kalau pengunjung yang mengakses blog kita menggunakan perangkat mobil, akan secara otomatis terdirect ke situsnya 'Blogger touch' namun saya belum tahu apakah itu berpengaruh atau tidak terhadap peringkat blog kita karena di dalam google webmaster sendiri sudah terdapat CHTML Mobile, WML/XHTML mobile blog, yang artinya ini sah dan diakui keberadaannya oleh Om Google.

Read more »

Posted in: TIPs - TRIKs BLOG"rz

theme "or"_- windows

12:01 AM

admin

No comments

semaleman saya berbenah komputer saya karena ada sesuatu hal yang mesti mau tidak mau kerja extra bagi saya untuk memperbaiki'nya ,..

setelah semua selesai say sempetin browsing di internet
tanpa di sengaja saya menemukan web yang menyediakan tehmes windows
visual style dan acessories untuk windows ...

beberapa tehemes yang tersedia seperti ini ,...

Win 7 by Mox * (WP)


	or

File Size: (242 KB)
Date Published: 2010-07-30
Number of Downloads: 2,560
Number of Views: 2,977

smoke by Mox * (WP)


	or

File Size: (312 KB)
Date Published: 2010-07-30
Number of Downloads: 1,513
Number of Views: 1,640

IcEy-WinDowS-BLUE by Rush99 * (WP)


	or

File Size: (397 KB)
Date Published: 2010-07-28
(Modified 2010-07-30)
Number of Downloads: 2,104
Number of Views: 2,317

SiDe TrAp by Rush99 * (WP)


	or

File Size: (453 KB)
Date Published: 2010-07-28
(Modified 2010-07-30)
Number of Downloads: 1,555
Number of Views: 1,681

ReD-ChOC by Rush99 * (WP)


	or

File Size: (471 KB)
Date Published: 2010-07-28
(Modified 2010-07-29)
Number of Downloads: 2,944
Number of Views: 3,283

IcE CrYsTAlS by Rush99 * (WP)


	or

File Size: (389 KB)
Date Published: 2010-07-28
(Modified 2010-07-29)
Number of Downloads: 1,665
Number of Views: 1,846

Tri CeLL by Rush99 * (WP)


	or

File Size: (345 KB)
Date Published: 2010-07-28
Number of Downloads: 3,316
Number of Views: 3,696

GrEEn BuBBles by Rush99 * (WP)


	or

File Size: (557 KB)
Date Published: 2010-07-28
Number of Downloads: 2,254
Number of Views: 2,465

FrEE SoUl by Rush99 * (WP)


	or

File Size: (467 KB)
Date Published: 2010-07-28
Number of Downloads: 1,130
Number of Views: 1,358

BuBBles by Rush99 * (WP)


	or

File Size: (573 KB)
Date Published: 2010-07-28
Number of Downloads: 1,679
Number of Views: 1,944

itu hanya beberapa yang ada hehehe ...
masih bnyak lagi yang laennya ,,,
engga cuma itu disitu pun tersedia visual style ..
bagi anda yang bosan dengan boot screen'ne ,..
anda bisa mencari'nya "disini" dan masih bnyak lagi ..
disitu ada beribu" themes dan acessories untuk windows