Komputer Teknologi

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<meta content='Menyediakan Tutorial Blogger, Komputer, Bisnis Online dan berbagai macam seputar Teknologi Informasi serta Download Software Gratis' name='description'/>
<meta content='Tutorial, Blogger, Komputer, Bisnis, Online, Download, Software, Tutorial Blogger, Bisnis Online, Teknologi Informasi, Download Software, Software Gratis' name='keywords'/>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='data:blog.pageTitle + &quot; - Menyediakan Tutorial Blogger, Komputer, Bisnis Online dan berbagai macam seputar Teknologi Informasi serta Download Software Gratis&quot;' name='description'/>
<meta expr:content='data:blog.pageTitle + &quot;, Tutorial, Blogger, Komputer, Bisnis, Online, Download, Software, Tutorial Blogger, Bisnis Online, Teknologi Informasi, Download Software, Software Gratis&quot;' name='keywords'/>
</b:if>

1. Seperti biasa, login dulu ke blogger dengan account kepunyaat sobat,
2. Pilih Tata Letak
3. Pilih lagi Edit HTML dan jangan lupa mencentang pilihan pada kotak kecil Expand Template Widget
4. Letakka kode CSS berikut tepat diatas kode ]]></b:skin>

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef}


5. Setelah itu, cari kode <div class='post hentry uncustomized-post-template'> lalu letakkan kode berikut tepat setelah kode tersebut


<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>



6. Jangan lupa di simpan dan coba sobat lihat hasilnya, maknyuskan?

1. Kalau belum punya setup windows media player 11 yah download dulu di sini,
2. Setelah download jangan lupa untuk di install di PC / Laptop sobat,
3. Setelah porses installasi selesai maka akan ada pernyataan untuk meminta reboot (restart), yah maka reboot dulu lah,
4. Setelah porses restart windows selesai, cari file yang terletak di C:\Program Files\Windows Media Player dengan nama LegitLibM.dll,
5. Setelah ketemu hapus atau biar amanya cukup rename saja file LegitLibM.dll tersebut dengan yang sobat inginkan,
6. Jalankan windows media player sobat dan ikuti petunjuk yang di mucul biasanya windows media player 11 melakukan terlebih dahulu proses integrasi dengan system sebelum dapat di gunakan,
7. Oke selamat porses installasi WMP 11 sobat sudah berhasil.

Cara Membuat Widget Kotak Iklan (Banner 125 x 125)

1. Masuk pada halaman Edit HTML di blogger sobat, lalu cari kode <b:skin><![CDATA[ dan letakkan kode CSS berikut tepat di bawah kode <b:skin><![CDATA[



#Box-Banner-ads {

margin: 0px;

padding: 5px;

text-align: center;

}

#Box-Banner-ads img {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #c0c0c0;

}

#Box-Banner-ads img:hover {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}



2. Kalau sudah, jangan lupa untuk di Save,
3. Selanjutnya tuju Elemen Halaman dan Tambah Gadget lalu pilih HTML/Javascript dan masukkan kode berikut



<div id="Box-Banner-ads">

<a target="_blank" href="http://meambo.blogspot.com"><img
border="0" alt="ads" src="http://sites.google.com/site/bloggerbartiqy/Banner2.gif"/></a>
<a target="_blank" href="http://meambo.blogspot.com"><img
border="0" alt="ads" src="http://sites.google.com/site/bloggerbartiqy/Banner2.gif"/></a>
<a target="_blank" href="http://meambo.blogspot.com"><img
border="0" alt="ads" src="http://sites.google.com/site/bloggerbartiqy/Banner2.gif"/></a>
<a target="_blank" href="http://meambo.blogspot.com"><img
border="0" alt="ads" src="http://sites.google.com/site/bloggerbartiqy/Banner2.gif"/></a>

</div>

Skrip diatas adalah contoh yang menampilkan empat jumlah banner iklan, jika ingin menampilkan banner lebih dari empat sobat sisa menambahkan kode tersebut

<a target="_blank" href="http://meambo.blogspot.com"><img
border="0" alt="ads" src="http://sites.google.com/site/bloggerbartiqy/Banner2.gif"/></a>

Untuk kode yang berwarna merah sobat ganti sesuai dengan alamat url iklan banner yang sobat pasang dan untuk yang berwarna biru adalah url gambar iklan,

Selamat mencoba, dan semoga berhasil.

<table width="300" border="1">
<tbody><tr>
<td align="center">

Kolom 1

</td>
</tr>
</tbody></table>

maka yang tampil pasti Tabel kan seperti di bahaw ini

Kolom 1

yah jadi itu saja yang di perlukan, yaitu dengan melakukan parse kode HTML kemudian hasil kode yang telah ter parse tersebut itulah yang akan di masukkan ke dalam postingan kita.

Oke semoga bermanfaat ya buat rekan-rekan sesama blogger.!

• Intel Dual-Core T4400 (2.20 GHz, 1 MB L2 cache, 800 MHz FSB),
• Layar 14.0 ",
• Memory 1 GB DDR2,
• Hardisk 250 GB HDD,
• DVD SuperMulti Drive,
• LAN, WiFi, No Modem,
• VGA Intel GMA 4500MHD Shared Up To 220MB,
• Card Reader, Webcam 0.3 MP,
• Crystal Eye High-Def webcam
• Warna Hitam.

Bonus :
1 Buah Mouse dan
1 Buah Tas Laptop

• Perkembangan programming desktop dan web ke depan
• Mengatasi Error Google XML Sitemap Generator
• Sejarah dan Definisi Paypal
• Kumpulan daftar blog dofollow
• Cara mengetahui blog dofollow atau nofollow
• Setting Dofollow di Wordpress
• Cara menampilkan animasi flash di web atau blog
• Tempat Upload file gratis di Google Site
• Mengetahui posisi keyword pada search engine Google
• Mengunci atau Menyembunyikan Driver USB
• Cara membuat tabel agar tidak melorot

• http://blogsearch.google.com/ping/RPC2
• http://1470.net/api/ping
• http://api.feedster.com/ping
• http://api.feedster.com/ping.php
• http://api.moreover.com/ping
• http://api.moreover.com/RPC2
• http://api.my.yahoo.com/RPC2
• http://api.my.yahoo.com/rss/ping
• http://bblog.com/ping.php
• http://bitacoras.net/ping
• http://blogdb.jp/xmlrpc
• http://blog.goo.ne.jp/XMLRPC
• http://blogsearch.google.com/ping/RPC2
• http://blogmatcher.com/u.php
• http://bulkfeeds.net/rpc
• http://coreblog.org/ping/
• http://mod-pubsub.org/kn_apps/blogchatt
• http://ping.amagle.com/
• http://ping.bitacoras.com
• http://ping.bloggers.jp/rpc/
• http://ping.blogmura.jp/rpc/
• http://ping.blo.gs/
• http://ping.cocolog-nifty.com/xmlrpc
• http://pinger.blogflux.com/rpc/
• http://ping.exblog.jp/xmlrpc
• http://ping.feedburner.com
• http://ping.myblog.jp
• http://pingqueue.com/rpc/
• http://ping.blogg.de/
• http://ping.rootblog.com/rpc.php
• http://ping.syndic8.com/xmlrpc.php
• http://ping.weblogalot.com/rpc.php
• http://ping.weblogs.se/
• http://rcs.datashed.net/RPC2/
• http://rpc.blogbuzzmachine.com/RPC2
• http://rpc.blogrolling.com/pinger/
• http://rpc.britblog.com/
• http://rpc.icerocket.com:10080/
• http://rpc.newsgator.com/
• http://rpc.tailrank.com/feedburner/RPC2
• http://rpc.technorati.com/rpc/ping
• http://rpc.weblogs.com/RPC2 http://rpc.wpkeys.com/
• http://services.newsgator.com/ngws/xmlrpcping.aspx
• http://signup.alerts.msn.com/alerts-PREP/submitPingExtended.doz
• http://topicexchange.com/RPC2
• http://trackback.bakeinu.jp/bakeping.php
• http://www.a2b.cc/setloc/bp.a2b
• http://www.bitacoles.net/ping.php
• http://www.blogdigger.com/RPC2
• http://www.blogoole.com/ping/
• http://www.blogoon.net/ping/
• http://www.blogpeople.net/servlet/weblogUpdates
• http://www.blogroots.com/tb_populi.blog?id=1
• http://www.blogshares.com/rpc.php
• http://www.blogsnow.com/ping
• http://www.blogstreet.com/xrbin/xmlrpc.cgi
• http://www.holycowdude.com/rpc/ping/
• http://www.lasermemory.com/lsrpc/
• http://www.imblogs.net/ping/
• http://www.mod-pubsub.org/kn_apps/blogchatter/ping.php
• http://www.newsisfree.com/RPCCloud
• http://www.newsisfree.com/xmlrpctest.php
• http://www.popdex.com/addsite.php
• http://www.snipsnap.org/RPC2
• http://www.weblogues.com/RPC/
• http://xmlrpc.blogg.de

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<meta content='Menyediakan Tutorial Blogger, Komputer, Bisnis Internet dan berbagai macam seputar Teknologi Informasi' name='description'/>
<meta content='Totorial, Blogger, Komputer, Bisnis, Internet, Tutorial Blogger, Bisnis Internet' name='keywords'/>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Untuk teks yang berwarna merah sesuaikan dengan deskripsi dan keyword blog sobat.

Sedikit penjelasan :



Contoh pada artikel

<b:if cond='data:blog.url == "URL"'>
<meta content='DESCRIPTION ' name='description'/>
<meta content='KEYWORD 1, KEYWORDS 2, Dst...' name='keywords'/>
</b:if>

Sesuaikan URL, DESCRIPTION, dan KEYWORD dengan postingan sobat

Untuk pembuatanya :

1. Login di account blogger sobat,
2. Pilih Tata Letak,
3. Pada Elemen Halaman klik Tambah Gadget untuk menambah widget di sidebar,
4. Akan muncul jendela baru Tambah Gadget, pilih menu Gadget Lainnya,



5. Pilih Recent comments,



6. Pada jendela gadget Recent comments atur sesuai dengan keinginan sobat,



7. Simpan dan lihat hasilnya.

Keterangan :

Judul : Judul widget yang akan tampil di sidebar
Ketinggian : Ketinggian widget dari recent comments
Number of comments to display : Jumlah komentar yang akan mucul di widget
Summary length : jumlah description (isi ringkasan) komentar yang tampil

Karena ini adalah versi widget yang di sediakan sendiri oleh blogger kedepannya saya akan kembali memberikan postingan cara memasang widget recent comment (JavaScript )

1. Yang jelas login dulu di blogger (blogspot),
2. Pilih Tata Letak,
3. Pada Elemen Halaman klik Tambah Gadget untuk menambah widget di sidebar,
4. Akan muncul jendela baru Tambah Gadget, pilih menu Gadget Lainnya,



5. Pilih Recent Posts,



6. Pada jendela gadget Recent Posts atur sesuai dengan keinginan sobat,



7. Jangan lupa di simpan dan lihat hasilnya.

Keterangan :

1. Login ke blogger dengan menggunakan account sobat,
2. Pilih Edit Entri
3. Pada halaman edit entri perhatikan di sebelah kiri ada list dari seluruh label postingan, klik label yang ingin di hapus
4. Pilih pilihan Pilih : Semua di samping combobox Aksi Label
5. Kemudian kalau sudah, cari label yang ingin di hapus pada pilihan hapus label sedangkan untuk menambahkan label yah pilih tambah label, pilihan ini berada di paling bawah combobox Aksi Label dengan mengklik combobox Aksi Label tersebut terlebih dahulu kemudian dari pilihan yang ada cari paling bawah biar gampang gunakan scroll ruler mouse sobat.

Ok Langsung saja ketutorialnya :

Login>Tata Letak>Edit Html> dan jangan lupa centang kotak option expand widget


<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>

Kalau sudah Cari kode </head> dan letakkan script dibawah ini tepat di atas kode </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Kalau sudah cari lagi kode <data:post.body/> dan ganti kode tersebut dengan scrip di bawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Jangan lupa di Simpan dan kemudian lihat hasilnya

Keterangan:

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

semoga bermanfaat dan semoga berhasil.