Halaman Navigasin Ala Google

•  Silahkan login terlebih dahulu pada blog anda

• Anda klik Edit HTML

• sebelum nya anda download dulu templete agar jika ada kesalahan templete anda bisa di kembalikan seperti semula.
• Jangan lupa di centang Expand Template Widget  

 

• Kalau sudah kita mulai mengobok-ngobok kode html nya

CARI KODE DI BAWAH INI..!!! cara cepat nya tekan (Ctr + F pada keyboard)

1. Cari kode di bawah ini

]]></b:skin>

Setelah ketemu silahkan letak kan kode di bawah ini di atas tag ]]></b:skin>

#blog-pager,.blog-pager{ background-color: #FFFFFF;width:100%,text-align:center;}
td.showpageOf{display:none;}
#nav{font-family: Arial, Helvetica, sans-serif; font-size:12px;margin:0 auto;}
#nav a{display:block; text-decoration:none; color: #0066FF}
#nav a:hover{ text-decoration:underline;}
#nav .b a,#nav .b a:visited{color: #0000CC; text-decoration: underline; 

font-weight:bold}
.cur{ font-weight:bold;}
.csb{background:url(http://www.google.com/images/nav_logo7.png)

no-repeat 0 0;height:26px;display:block;}
.csb.cur{background-position: -44px 0pt; width: 16px;}
.csb.movenext{color:#20c;background-position: -76px 0pt; 

margin-right: 42px; width: 66px;}
.csb.moveprev{color:#20c;background-position: 0pt 0pt; 

margin-left: 42px; width: 44px;}
.csb.ch{background-position: -60px 0pt; width: 16px;}
#nav td{padding:0;text-align:center}

2. Cari kode di bawah ini :

</body>

Setelah ketemu silahkan letak kan kode di bawah ini di atas tag </body>

<script type='text/javascript'>;
var home_page='/';
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>;

<script src='http://accordion-template.googlecode.com/svn/trunk/

jsnavigoogle-packer.js' type='text/javascript'></script>

3.Cari kode di bawah ini

'data:label.url'

Setelah ketemu silahkan hapus kode 'data:label.url' ganti dengan kode di bawah ini

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

4. selesai dan simpan templete

Sumber : http://web.gallerydunia.com

»»  READMORE...

Membuat Related Post dengan gambar berjalan pada blogger

Kira-kira bingung ga dengan maksud judul di atas?saya juga bingung gimana mau ngasih judul nya..mungkin kalau mau di sederhakan bahasa nya kira-kira kayak gini :

"Membuat artikel terkait  dalam bentuk gambar yang berjalan bolak- balik yang diletakan persis  di bawah postingan"

 

Gimana sudah di lihat..??? nah jika sobat berminat mari kita belajar membuat nya...

1. Tahap PERTAMA

• Seperti biasa anda login terlebih dahulu..kalau sudah login silahkan langsung ke RANCANGAN
• Anda klik Edit HTML
• sebelum nya anda download dulu templete agar jika ada kesalahan templete anda bisa di kembalikan seperti semula.
• Jangan lupa di centang Expand Template Widget
• Kalau sudah kita mulai mengobok-ngobok kode html nya

CARI KODE DI BAWAH INI..!!! cara cepat nya tekan (Ctr + F pada keyboard) fokus pencarian pada huruf bercetak tebal

Cari Kode di bawah ini..

</head>

Jika sudah ketemu hapus dan ganti kode di bawah ini :

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>

2. Tahap KEDUA

<div class='post-footer-line post-footer-line-1'>

Atau jika tidak menemukannya cari kode berikut ini

<p class='post-footer-line post-footer-line-1'>

CATATAN : jika di templete blog sobat tidak di temukan kode yang berwarna merah maka cari kode yang berwarna biru,yang penting salah satu nya aja yang di gunakan untuk modifikasi.

Sudah Ketemu...copypaste  semua kode di bawah ini dan letakan di bawah kode  <div class='post-footer-line post-footer-line-1'>  jangan salah tempat ya.... di bawah

<!-- Marquee Serbablog Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://kurniasepta.blogspot.com/2010/01/membuat-artikel-terkait-dengan-disertai.html' style='display:none;'>Thumbnail Related Post</a>
<a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
</b:if>
</b:if>
<!-- Marquee Serbablog Related Posts with Thumbnails Code End-->

Hasil nya kayak gini

<div class='post-footer-line post-footer-line-1'>
<!-- Marquee Serbablog Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;

var maxresults=10;

var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://kurniasepta.blogspot.com/2010/01/membuat-artikel-terkait-dengan-disertai.html' style='display:none;'>Thumbnail Related Post</a>
<a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
</b:if>
</b:if>
<!-- Marquee Serbablog Related Posts with Thumbnails Code End-->

CATATAN :

• Kode yang saya cetak tebal berwarna biru ..var maxresults=10; maksud nya gambar thumnail yang di tampilkan bisa 10,11 atau jumlah lain nya yang sobat inginkan.

3.Tahap KETIGA simpan templete

Sekarang Coba anda lihat hasil nya...semoga berhasil..


Sumber : http://web.gallerydunia.com

»»  READMORE...

Cara berkreasi menganti Tulisan Postingan Baru dan Postingan Lama

Nah,,kali ini saya mencoba mengobok-obok kode html untuk menghiasi dan menyisipkan gambar pada tulisan Postingan lama dan Postingan Baru...

Kalau di bawaan templete blogger di bawah postingan atau artikel akan terlihat tulisan Postingan lebih baru,Beranda dan Postingan lama gimana ya kalo kita ubah tulisan tersebut ?? pasti akan lebih menarik jika kita ganti tulisan nya dengan icon gambar seperti terlihat pada contoh gambar di atas yang saya ambil gambar screen shot nya di salah satu blog saya..

Ok..jika sobat berminat langsung aja yuk ke TKP...

1.Silahkan Login terlebih dahulu.

2. Lalu klik Templete lalu klik Edit templete dan centang Expand Widget Templates yang terlihat seperti gambar di bawah ini.

Gambar draf baru blogger

3.CARI KODE DI BAWAH INI..!!! cara cepat nya tekan (Ctr + F pada keyboard)

Kode yang perlu di cari sesuaikan dengan yang di bawah ini

<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

Catatan :

• <data:newerPageTitle/> @ Sama dengan tulisan Postingan baru bisa anda ganti tulisan atau gambar seperti contoh : seperti tulisan Data Baru,Artikel Baru dll.

• <data:olderPageTitle/> @ Sama dengan Tulisan Postingan lama bisa juga anda ganti dengan tulisan atau gambar sesuka anda bisa dengan tulisan  artikel lama,Data lama dll.

• <data:homeMsg/> @ Kode ini bisa anda ganti dengan tulisan atau gambar seperti tulisan  Halaman Utama ,Beranda dll.

• Tag kode yang saya tandai warna merah di atas bisa di sisipkan dengan gambar agar terlihat lebih cantik dan menarik untuk sekedar contoh bisa anda ganti tulisan nya dengan gambar di bawah ini :

Kode nya : 

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW38Y60ke-kTMamHKL0sPNhaNOCko_kb1AspjZE9KARvSFFKTBVF1P3DNm4YmnbJp6CiN5nVxKXOCnnsnAjl1FFOshkw1aw2NJBjC4xebDUpv66iu87jHwcmp1DIv5MJKt-_zDy546dRKn/s1600/beranda+2.png'/>

Kode nya: 

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEB5sbC8-4Ejee9-HC5v2eMNO_kb2XbJnsPG_QeQlloxkMjhy4_MI6ZUvzejLNZiyxDuykqPxefK7rKo5FxGVUcI9yyjzjgAjnVo4fUcZqdJnMaDccwUPbt2o42sUDg2ANO-iSP0p50BnO/s1600/data+Baru+2.png'/>


Kode nya :
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaGpn8wGwtX2FPbK4lbOhMV7k61K19PHOBi9r0Q5kMS_xTNRNJ-Ffix5CnighbOzshAzhanPRU_3JMdstBzH6TCJnW8-m0F18xlI94-jFAzaAeFONHvlkXvkFYJ2bd23ICUwgOdR87lslM/s1600/data+lama+2.png'/>

4.Simpan Templete dan lihat hasil nya

Akhir nya selesai juga neh artikel..semoga artikel sederhana ini bisa menghias blog kita lebih cantik lagi...dan di tunggu variasi lain nya dari para sobat di kotak komentar..semoga bermanfaat.


Sumber : http://web.gallerydunia.com/2011/07/cara-berkreasi-menganti-tulisan.html

»»  READMORE...

Tutorial Membuat Scroll Box di Bloglist & Html Widget

Mahu memperkemaskan lagi blog dengan memasang scroll up & down pada list blog yang berjela-jela? Kalu uols perasan, kat my bloglist ada scroll box ni. Malangnya kat popular post dan feedjit tak menjadi, taktau nape. Tapi kat blog Ma Belle Conway, feedjit ngan popular post boleh je letak scroll box. Mungkin berkaitan dengan template dan coding skin ni..huhu.. Tutorial ni tidak applicable pada blog archive (tunggu next entriii..)

1st skali, uols kena dapatkan id widget yang ingin diletak scroll box. Cemane nak dapat id ni? Pi kat dashboard, klik design, pilih page elements. Kat sidebar hangpa ada list2 widget. Klik edit bloglist widget (contoh widget yang ingin diletak scrollbox), hangpa cari widgetId kat atas tu.. biasanya dia duk last skali, cam gambar ni..

id widget ni ialah BlogList1

Dah dapat id tu, hangpa replace kat coding ni di tulisan kaler merah tu.. *sila copy betui2 coz aritu saya gi memandai dekatkan dot dengan BlogList1 trus tak jadi..* Pastekan dulu coding ni di notepad/word or mana-mana yang menyenangkan uols.. Yang kaler hijau tu, uols leh adjust mengikut ketinggian yang uols mahu..

#BlogList1 .widget-content{
height:200px; width:auto;
overflow:auto;
}

Pastu, uols gi kat Edit Html, tick bahagian Expand Widget Templates, dan dengan menggunakan Control + F, search ]]> macam kat bawah ni.. 

Dah jumpa ]]>, maka bolehla uols amik coding dari 1st step tadi dan paste di atas kod ]]>. Di atas yer, bukan di bawah..hihihi.. Buatla kat widget2 lain yang uols nak bagi pendek sket.. 

Sumber : http://www.ceritaindahkami.com

»»  READMORE...

Tutorial Membuat Scroll Box di Blog Archive

Kali ini saya coba share pada para blogger , mungkin ini bukan hal yang baru tapi miudah mudahan ini bermanfaat bagi yang masih belum mengetahui cara membuat scroll box pada blog arcive.

Langsung aja yaa... login dulu di blog anda pilih rancangan dan edit html.dan centang Expand Widget Templates. Dengan menggunakan CTRL + F, search <div id='ArchiveList'> macam kata bawah ni..

Copy code warna hijau ini <div style='overflow:auto; width:auto; height:100px;'> dan letakkan di atas <div id='ArchiveList'> dan code ini </div> sebelum <b:include name='quickedit'/>, seeperti kata bawah ni..

dan angka 100 warna merah  bisa anda ganti sesuai dengan kebutuhan.

<div style='overflow:auto; width:auto; height:100px;'>
<div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div></div>
  <b:include name='quickedit'/>

Selamat mencoba Ok.....! salam Catatan si Mbo'

»»  READMORE...

Cara Membuat Related Post / Postingan Terkait Pada Blogger

Iseng-nyari artikel cara membuat related post, kemudian saya mencoba dari berbagai sumber dan ternyata gagal. Akhirnya saya menemukan dari salah satu artikel di http://wawanwae.blogspot.com dan berhasil. Kita bahas caraya yuk, cekidot:

• Pastikan postingan blog anda sudah dikelompokan berdasarkan label karena related post/postingan terkait ini muncul berdasarkan label yang anda buat.
• Masuk ke blogger.com
• Masuk ke menu Design - Edit HTML
• Checklist Expand Widget Templates
• Cari kode <data:post.body/>   </b:if></p>
• Kemudian tempatkan kode berikut tepat di bawah kode tadi :

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

<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

• Setelah itu simpan Template dan coba di preview, selesai. Selamat mencoba

Sumber: http://wawanwae.blogspot.com/

»»  READMORE...

Cara Download Mudah dengan DownThemAll!

Kali ini saya akan berbagi tips kepada jenengan semua, gimana cara download file menggunakan bantuan add-on Mozilla Firefox DownThemAll!. Berawal dari kesukaan saya mencari dan mengoleksi ebook yang bertebaran di internet, akhirnya saya dikenalkan oleh Dosen saya dengan add-on Firefox ini. Sejauh ini add-on ini sangat membantu saya mengumpulkan materi-materi yang saya perlukan.
Namanya alat bantu, tentu tujuannya untuk mempermudah kita saat mau mendownload dokumen. Kadang ada begitu banyak file yang ingin kita download sekaligus. Tentu saja, kita nggak mau kalo disuruh nungguin saat proses download berlangsung. Maunya kita ya tinggal klik-klik, terus disambi browsing sana-sini atau keluar kalo perlu, tau-tau semua file sudah kedownload semua. He2
Memang dengan tanpa alat bantu pun kita bisa mendownload banyak file sekaligus. Namun dengan add-on ini ada banyak kemudahan yang ditawarkan :

1. Kita bisa mendownload begitu banyak link dalam satu halaman sekaligus.
   Mungkin ini maksud dari nama DownThemAll, kita bisa men-download semua file sekaligus. Tinggal klik, file-file yang bisa didownlad akan muncul semua. Dengan bantuan filter, kita bisa memilih file-file jenis apa saja yang ingin kita download. Cepat dan mudah.
2. Kita bisa mengatur berapa banyak file yang kita download dalam satu waktu.
   Melalui download manager, kita bisa meng-antri-kan banyak sekali file yang mau kita download. Selain itu kita bisa mengatur berapa file yang bisa didownload bersamaan (Maksimal 10). Tentu hal ini bagus bagi kita yang koneksi internetnya agak lambat. File-file yang antri di manager akan didownload secara bergiliran sampai semua habis.
3. Fasilitas Auto Retries dan setting Timeout yang bisa kita atur.
   Pegaturan waktu timeout ini sangat penting untuk mengefisienkan proses download. File-file yang bandel bisa ditinggal dulu, toh nanti bisa diulang otomatis proses downloadnya.
   Nah, bagi yang koneksi internetnya nggak stabil, alias cepet di awal kemudian menurun sampai kecepatan menjadi 0 kbps, setting timeout ini sangat membantu. Kita bisa atur waktu timeout agak pendek, sehingga saat kecepatan download tinggal 0 kbps, manager akan meninggalkan sejenak dan mencoba (retries) untuk meneruskan download file yang tadi ditinggal.

Biar gak pake lama, langsung saja kita mulai instalasinya…

1. Klik link berikut ini https://addons.mozilla.org/en-US/firefox/addon/201/ sampai muncul gambar yang seperti ini :
   
2. Klik tombol Add to Firefox yang berwarna hijau. Kemudian KLIK tombol ALLOW yang muncul di pojok kanan agak atas.
   
3. Tunggu sampai muncul jendela yang seperti di bawah ini, tunggu bentar lalu klik INSTALL NOW.
   
4. Proses download add on akan berjalan, tunggu sampai selesai.
   
5. Kalo sudah selesai, akan muncul pilihan untuk me-RESTART firefox. KLIK tombol RESTART FIREFOX, kemudian pilih RESTART di jendela pop up yag muncul.
   
6. Kalo browser firefox sudah berhasil di-restart, coba cek di TOLLS, cari apakah Add-on DownThemAll! Sudah terinstall dengan benar. Jika sudah akan muncul yang seperti ini :
   .
7. Kalo sudah berhasil, kita siap untuk menggunakannya. Misalnya kita mau mendownload file pdf materi tentang bahasa C, kita tinggal pergi ke mbah GOOGLE, kemudian mengetikkan kata kunci : filetype:pdf inurl:pdf bahasa C. Hasilnya akan seperti ini :
8. 
9. Nah, untuk mendownload semua file yang ada, kita tinggal menggunakan add-on DownThemAll! Ini.
   Caranya tinggal menuju TOOLS -> DownThemAll! Tools-> DownThemAll!. Akan muncul jendela yang seperti ini :
   
10. Tinggal pilih file-file yang berbentuk PDF, kemudia klik START! Eng ing eng… semua file yang kita pilih tadi akan didownload satu persatu.
11. Nah, kalo mau nyoba mengubah settingannya, tinggal menuju TOOLS -> DownThemAll! Tools->PREFERENCES.
    Selamat mencoba ya, semoga bermanfaat… J

http://kolojengking.wordpress.com

»»  READMORE...

Apa itu ipad dan apa fungsinya?

Sudah Pada tahu ya apa itu ipad. Gaddet ini sering dilihat atau mungkin saja tak sengaja terlihat. Sebelum anda berminat untuk membeli nya maka harus tahu dulu apa fungsinya. mubazir, kalau hanya punya alat canggih tapi tidak bermafaat.

iPad adalah gadget terbaru yang diluncurkan oleh Apple yang fungsi utama adalah sebagai e-Book Reader (alat untuk membaca buku elektronik). Dengan iPad kita bisa leluasa membaca e-book dimanapun dan kapanpun misalnya ketika hendak membaca ebook DMB. Selain sebagai e-Book reader, iPad juga bisa berfungsi sebagai mana layaknya sebuah tablet pc, kita bisa mendengarkan musik, nonton film, mengakses facebook, twitter dan kegiatan surfing di dunia maya.

Lalu apa Kelebihan iPad? Berikut ini adalah beberapa Kelebihan iPad

• Tampilan yang menarik, dengan layar the 9.7-inch LED, iPad bisa dibawa-bawa kemanapun.
• Daya tahan baterai yang cukup lama, iPad mampu bertahan selama 10 jam bahkan lebih saat digunakan untuk browsing maupun kegiatan lainnya
• Jika anda Facebooker, Twiter mania, Maps, YouTube, iTunes, Mail and Safari maka iPad bisa menjadi sesuatu yang menarik untuk kamu miliki.

Sedangkan berikut ini adalah Beberapa Kekurangan iPad

• No Real Multi Tasking, yups.. kita tidak bebas menjalankan berbagai aplikasi secara bersamaan, memang sih kita bisa mengakses Facebook sampai dengerin musik tapi jika kamu ingin menjalankan twitter, facebook, dengerin sampai skype, maka sebaiknya jalankanlah satu persatu, jangan bersamaan.
• Belum Support Flash, yups tampilan flash yang indah yang bisa kita lihat laptop atau netbook biasa saat kita mengakses facebook atau blog lainnya, tidak bisa kita nikmati di iPad.
• Tidak ada kamera, inilah yang sangat disayangkan coba kalau iPad dilengkapi kamera, tentu kita bisa melakukan percakapan di Skype dengan lebih asyik.

Tapi jika ipad ada kameranya mungkin berfoto seperti bercermin. Dan hal ini juga yang tidak diiginkan oleh si pembuat ipad. (masa alat canggih buatan saya cuma dipake buat bercermin. gumam pembuat ipad :D) 

 

 http://www.studiokita.net

 

»»  READMORE...

Cara membuat Tulisan Gerak/ Marquee

Dari Judul di atas pasti anda sudah terbayang seperti apakah yang dimaksud dengan tulisan bergerak/ marquee. Dengan Tulisan bergerak anda juga dapat memperindah tampilan blog anda dengan kata-kata sambutan untuk para pengunjung blog anda atau juga dapat anda gunakan untuk mempublikasi pengumuman, atau hanya sekedar untuk menarik perhatian pengunjung. Biasanya tulisan bergerak ini, dapat anda tempatkan di bagian header/ bagian atas blog anda, sidebar kanan atau kiri, dan juga tidak sedikit ada yang menempatkannya di bagian bawah/ footer blog dengan tujuan untuk mengingatkan kepada para pengunjung untuk meninggalkan komentar setiap kali selesai membaca postingan (contohnya).

Marquee atau teks bergerak ini, memiliki banyak macam. Silahkan simak berbagai macam marquee berikut kodenya di bawah ini: (Nb: Sesampai di tata letak: pilih tambah gadget, lalu pilih HTML/JavaScript)

1. Marquee dari Kiri ke Kanan.

 Kode:

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">

marquee dari kiri ke kanan

</MARQUEE>

2. Marquee Bolak-balik.

Kode:

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">

marquee bolak-balik

</MARQUEE>

3. Marquee Diam Jika Ditunjuk.

 Kode:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">

arahkan mouse anda ke teks ini

</marquee>

4. Marquee HyperLink, Diam Jika Ditunjuk.

 Kode:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://muhbalak.blogspot.com/" target="new">Muhbalak</a><br/>

<a href="http://www.blogger.com/profile/00282623483850735612" target="new">Profil Empunya Blog</a><br/>

<a href="http://www.linkreferral.com/adwel.pl?oldrefid=269884" target="new">Blog Jadi Terkenal </a><br/>

</marquee>

semoga Bermanfaat []

Sumber : http://t4belajarblogger.blogspot.com

»»  READMORE...