Khamis, 29 Ogos 2013

~penarik beca

~penarik beca

Membuat Auto Readmore dengan Gambar

Posted: 29 Aug 2013 12:21 AM PDT

Langkah bikin auto readmore dengan gambar bisa dipasang dengan gampang. langkah menempatkan readmore ini yaitu ditempatkan di artikel pada halaman utama anda. fungsi read more / baca selengkapnya yaitu untuk memotong / meringkas sesuatu artikel dengan cuma menampilkan sebagian cii-ciri text.


Tak hanya mempersingkat kata-kata yang ditampilkan pada sesuatu artikel, read more otomatis dapat bekerja dengan automatic ke seluruh artikel menulis yang kita bikin. segera saja ke langkah pembuatan serta pemasangan tools baca selengkapnya di blogspot.



Langkah menempatkan auto readmore dengan gambar :
1. login ke blogger. com
2. tentukan template lantas ubah html, lantas letakkan kursos mouse anda didalam kotak pengeditan template.
3. tekan ctrl+f, nampak sesuatu kotak lantas mencari kode /head serta tempatkan kode dibawah ini diatasnya.
<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>

4. Lanjutkan dengan meletakkan kode di bawah ini diatas kode <data:post.body/> :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7HoG6fW3-k2XDZgW2lFmHm2410JWDYFoviNKUg2_9Ye6rBwsPVdKZpwGDMQF-FkVOaoIbA8ABlgkwRiPxkB9d2eogROra918xGhlrlTARKD4YljsARCoM-M9N4Sk0vYoVU5dFjvj5luqU/'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

 5. save template anda.
  • Anda bisa mengatur penyusunan jumlah cii-ciri didalam readmore tersebut cocok dengan yang anda   kehendaki. ( terdapat pada kode warna merah ).
  • Untuk merubah background gambar anda bisa ganti kode pada warna biru.

Membuat Readmore Otomatis

Posted: 29 Aug 2013 12:13 AM PDT

Seringkali kita melihat kata Readmore / Baca Selengkapnya pada setiap artikel di halaman home blog seseorang. Kegunaan Readmore adalah untuk memenggal kalimat yang ditampilkan pada halaman utama situs kita. Letak Readmore ini ditempatkan di sebuah artikel.

Fungsi dari pemasangan Readmore :
Menghemat Ruang pada tampilan halaman utama sebuah website.Menjadi Lebih Elegant dan Interaktif.Membuat pengunjung membaca artikel tersebut hingga selesai.
Menambah pageviews artikel yang dibaca oleh pengunjung.
Menambah Link Anchor terhadap keyword judul.

Hingga saat ini sudah banyak tersedia berbagai macam template dengan fitur auto readmore dan lainnya. Tetapi anda harus cermat dalam pemilihan readmore. Apabila anda menggunakan readmore dengan hanya menggunakan kata saja, anda tidak boleh memakai kata tersebut melainkan dengan menggunakan gambar.

Karena apabila pada setiap artikel yang anda potong menggunakan readmore dengan anchor yang sama, maka Google kurang menyukai halaman yang anda buat. Contohnya pada blog ini saya menggunakan kata read more tetapi kata tersebut adalah gambar. Jadi, secara otomatis tidak ada kata readmore di halaman blog saya.

Cara Membuat Readmore Otomatis di Blogger yang lebih berkualitas terhadap SEO :

1. Login ke Blogger > Template > Edit HTML.
    Kemudian tempatkan kursor dibagian pengeditan template dan klik salah satu script, lalu tekan CTRL+F untuk melakukan pencarian.
2. Cari kode </head> , dan letakkan kode ini diatasnya :

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 250;
summary_img = 220;
img_thumb_height = 120;
img_thumb_width = 220;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c}; 
//]]>
</script>

3. Ganti kode <data:post.body/> ( yang pertama ) pada template anda, dengan kode berikut :

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

4. klik pratinjau untuk lihat akhirnya. bila telah cocok serta terpasang dengan benar klik save template.
perumpamaan hasil auto readmore :


Untuk pemasangan readmore langkah manual bisa memakai tools, insert jump break didalam opsi menulis artikel. untuk beberapa template memanglah mempunyai prmasalahan yang tidak sama. oleh dikarenakan itu, sebagai jalan keluar silakan cobalah langkah bikin readmore otomatis dengan gambar.

Membuat Tabel dengan HTML

Posted: 29 Aug 2013 12:03 AM PDT

Pada pemakaian php, di antara elemen yang kerap dipakai yaitu membuat tabel dengan html dibarengi kode warna css. tabel adalah di antara objek yang terbentuk dari sebagian garis serta bidang yang membentuk sesuatu kotak.

Tabel ini nyaris sama juga dengan perintah div, perbedaannya div yaitu pembagian bidang yang bisa diisi beragam elemen namun tabel yaitu himpunan kotak yang mempunyai border garis menurut baris serta kolom. nyaris sama juga dengan langkah bikin kotak, perbedaannya table yaitu himpunan kotak.

Html sangat banyak dipakai untuk menyusun objek, gambar, catatan, layout, bidang area, penampilan halaman dan seterusnya. jika anda tengah pelajari pemrograman situs dengan php, maka tak lagi lepas dari html serta database. dari database tersebut, pasti berupa sesuatu tabel. oleh dikarenakan itu amat mutlak untuk kita untuk tahu kode yang disebut elemen pemasangan sesuatu tabel.

Terlebih dulu kita dapat mengetahui perintah kode-kode yang terkait dengan tabel.

Perintah dasar bikin tabel di html : 

<table border="1">
<tr>
<th>Nama</th>
<th>Tanggal Lahir</th>
</tr>
<tr>
<td>Ahmad Ridwan</td>
<td>21-03-2013</td>
</tr>
</table>

Jika lihat perumpamaan susunan tabel di atas, pengertian kode html nya ialah seperti berikut :

table diakhiri dengan /table : dipakai sebagai sinyal awal tabel
tr.. /tr : dipakai sebagai sinyal awal baris, tr kependekan dari table row
th.. /th : dipakai untuk bikin penampilan kolom header tabel, th kependekan dari table head
td.. /td : dipakai untuk menyusun kolom data, td kependekan dari table data
tiap-tiap elemen dari kode html tersebut mesti tersusun serta teratur dengan benar.
cermati sinyal slash / garis miring di tiap-tiap akhir elemen, itu adalah kode penutup untuk kode pembuka di seluruh type kode html.

atribut pendukung table :

align : untuk mengatur posisi horizontal
valign : untuk mengatur posisi vertikal
width : untuk mengatur lebar
height : untuk mengatur tinggi
border : untuk mengatur tidak tipis garis
border-color : untuk berikan tidak tipis garis dengan warna
cellpadding : untuk mengatur jarak garis dengan objek didalamnya
cellspacing : untuk mengatur jarak setiap cell
bgcolor : untuk mengatur warna
background : untuk mengatur latar gambar
rowspan : jumlah baris yang memotong sebagian baris
colspan : jumlah kolom yang memotong sebagian kolom

di bawah ini yaitu perumpamaan dari tabel dengan sebagian kode warna dengan atribut :

susunan script kodenya:
<table width="510" border="1" cellspacing="0" cellpadding="3">
<tr>
<th width="58" rowspan="3" bgcolor="#00CCCC">Rowspan 3</th>
<th width="79" height="41" bgcolor="#00CCCC">Nama</th>
<th width="83" bgcolor="#33FF33">Alamat</th>
<th width="92" bgcolor="#FF9900">Telp.</th>
<th colspan="2" bgcolor="#FF9900">Colspan 2</th>
</tr>
<tr>
<td bgcolor="#66CCFF">ALI</td>
<td align="center" bgcolor="#99CC66">Jl. Ijo</td>
<td bgcolor="#9966FF">11211</td>
<td width="92" bgcolor="#9966FF">&nbsp;</td>
<td width="92" bgcolor="#9966FF">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#FFFF00">UDIN</td>
<td align="center" bgcolor="#FFFF00">Jl. Rencong</td>
<td bgcolor="#FFFF00">23232</td>
<td bgcolor="#FFFF00">&nbsp;</td>
<td bgcolor="#FFFF00">&nbsp;</td>
</tr>
</table>

Tabel benar-benar sangat banyak dipakai dimulai dari microsoft excell, microsoft word, microsoft powerpoint, adobe dreamweaver serta yang lain. demikianlah tutorial serta dasar langkah bikin table html dengan css. semoga bisa menolong anda saat membuat situs, design situs (blog), laporan kerja, dan lain-lain.

Search Engine Optimization (SEO) 2013

Posted: 28 Aug 2013 11:47 PM PDT

search engine optimization  tiap-tiap tahun. terus berkembang. pada 2013 ini sebagian algoritma ditambahkan oleh google serta ada google panda yang makin berikan mutu pada hasil pencarian di search engine. Tren search engine optimation memanglah berkembang dengan amat cepat, namun ada sesuatu visi, aturan, serta dasar-dasar yang tidak beralih. beragam jenis aturan teranyar di th. 2013 tersebut dapat kita faedahkan supaya website kita lebih terindex dari pada yang lain. peluang ini bisa kita faedahkan untuk menggerakkan sebagian visi yang bisa anda buat jadi dasar search engine optimation di th. 2013.

Tersebut disini sebagian skema penilaian serta prinsip -prinsip search engine optimation google tahun 2013 :

1. geo-lokasi
didalam memastikan hasil penelusuran yang ada dikerjakan oleh search engine, pemakaian serta pencarian menurut lokasi juga sudah diaplikasikan. berarti, hasil pencarian dapat lebih diutamakan pada situs-situs dari lokasi negara yang sesuai dengan keyword yang pas. maka, anda juga mesti lebih pandai saat menyesuaikan keyword dengan tujuan market dari situs anda.

2. quality of content
anda mesti menghidangkan content berkwalitas yang betul-betul layak untuk dikunjungi serta bukan hanya spam. tehnik search engine optimation yang baik yaitu yang terjaminnya informasi yang didapat oleh pengunjung, yang sudah membaca satu content artikel yang kita bikin. google juga sudah menyebutkan bahwa 58 % content yang terindex yaitu spam. oleh karena itu, jangan sempat anda masuk ke didalam klasifikasi tersebut.

3. google panda serta penguin
sekian hari sesudah diterapkan, up date pada google panda serta google penguin tentu mendatangkan efek yang besar serta mimpi jelek untuk banyak website. karena rata-rata 3% dari keseluruhan situs yang beredar didunia dapat kehilangan ranking setiap saat up date teranyar dirilis. hadirnya panda serta penguin ini dapat amat menolong pencari informasi di google yang lebih artikel dengan mutu yang informatif. algoritma-algoritma ini selalu diperbaiki oleh google sampai semua situs spam sukses dijauhkan dari hasil pencarian google.

google senantiasa lakukan up date di tiap-tiap minggunya yang konsentrasi didalam memastikan serta mengambil keputusan rangking. contohnya konsentrasi dari algoritma panda yaitu menyaring konten-konten berkwalitas rendah serta dupikasi, namun konsentrasi dari penguin lebih pada back link tidak lumrah yang dikira sebagai tindakan merekayasa ranking search engine.

4. selektif saat membuat back link.
bila anda pingin memperoleh pagerank google yang tinggi, maka kuncinya yaitu menghimpun back link dengan selektif. relevansi pada situs dengan mutu yang baik memanglah tetap amat mutlak. namun jika anda meninggalkan jejak back link di website dengan mutu search engine optimation yang rendah, dengan otomatis pagerank anda dapat sukar meningkat serta dapat diturunkan. perihal ini dapat bikin mutu situs anda didalam search engine optimation makin jelek.

5. outbound link yang terlalu berlebih serta tidak lumrah.
google penguin kenakan sanksi yang berat untuk website yang dikira google mempunyai banyak back link yang tidak lumrah, seperti : paid text links, comment spam, cloaking, serta lain sebagainya. kajian algoritma ini lebih didasarkan pada anchor text. panduan dari saya jika anda pingin meninggalkan jejak link pada komentar di website orang lain yaitu memberikan link artikel yang kita bikin. setiap saat berkomentar, berikanlah link yang mempunyai isi yang sama juga dengan artikel yang anda komentari. lantas dapat tambah baik dibanding dengan cuma menanam link url website kita. jika ketahuan keyword yang sama dipakai beberapa ratus kali, serta terlihat tidak lumrah, maka website tersebut dapat dikenai penalti oleh google.

6. social media
pada th. 2013 ini, social media jadi fungsi mutlak saat menjaring situs-situs yang dapat ditampilkan di search engine. social media seperti twitter, facebook, linkedin, terlebih google+ dapat amat memegang fungsi mutlak didalam search engine optimization ( search engine optimation ). google plus yaitu fitur yang sangat disukai oleh google dikarenakan product mereka ini amat bagus didalam serta dapat tunjukkan visibilitas dari tiap-tiap content yang anda. social media ini dapat amat mebantu kita saat meningkatkan serta menggapai semakin banyak pengunjung.

7. smartphone
di semua dunia, sudah banyak yang memakai gadget seperti ipod, iphone, serta smartphone yang lain. jika situs anda nyatanya tidak cocok dengan gadget mereka, situs anda dapat ditinggalkan. oleh karena itu, anda mesti mencermati penampilan serta susunan situs anda di penelusuran melewati smartphone. walau sebenarnya perubahan gadget type smartphone serta ipad dapat dikatakan meningkat dengan amat penting. serta ke depannya tentu makin beberapa orang yang dapat terhubung website anda dari gadget type ini. maka optimasikan serta perbaiki website anda saat ini juga.

8. internal links
perbanyaklah jaringan link internal di tiap-tiap content anda. kerjakan juga teliti serta perbaikan dengan menyeluruh pada seluruh link yang ada di halaman anda, terlebih home. hapus link yang mengarah ke website spam serta tidak mutlak.

google makin keras saat meningkatkan mutu yang ada di tiap-tiap hasil pencarian. baik pencarian melewati situs, gambar, video serta lain sebagainya. oleh dikarenakan itu, kita mesti membangun pondasi yang kuat serta kokoh supaya tidak terjatuh pada spam serta dicekal oleh google panda.

mutu, produktifitas, serta informatif yaitu ketiga kunci utama yang perlu anda berikanlah serta publikasikan ke seluruh orang yang membaca artikel anda. buat content yang betul-betul berkwalitas, bukan hanya copy-paste yang cuma isi daftar menulis harian anda.

sepanjang anda terus ikuti dasar google webmaster serta terus konsentrasi pada content yang berkwalitas, perlahan situs anda dapat jadi yang terbaik di search engine. bukankah untuk membangun sesuatu jembatan yang panjang diperlukan banyak tiang serta pondasi yang kuat ?

Memasang Musik MP3 di Blogg

Posted: 28 Aug 2013 11:40 PM PDT


Beragam jenis widget serta gadget bisa dipasang di situs (blog). Dimulai dari musik, mp3, radio online, chat box, widget melayang, kalender, animation, game serta lain sebagainya. pemasangan sebagian gadget tadi bergantung dengan keperluan pemilik situs (blog).

Buat anda pengguna situs (blog) gunakan blogger/blogspot, seluruh widget bisa dipasang dengan gampang. tutorial blogger saat ini dapat mengulas bagaimana langkah menempatkan widget musik mp3 di blogger. banyak yang sudah tahu langkah pemasangan musik yang autoplay ini, dikarenakan cuma dengan memberikan script html/javascript simpel.

langkah menempatkan widget music / mp3 di situs (blog) :
1. login ke blogger. com
2. tentukan situs (blog) anda yang pingin dipasang gadget mp3.
3. klik layout, lantas tentukan add a gadget / makin gadget pada elemen situs (blog) anda.
di sini anda bisa meletakkannya cocok dengan hasrat. dapat ditempatkan di sidebar sebelah kanan.
4. tentukan html / javascript.
5. masukkan kode musik mp3 yang bisa anda mencari di :

untuk yang widgetbox ingin kerjakan registrasi untuk mendaftar terlebih dulu.
6. Anda juga dapat menggunakan kode lagu di bawah ini jika anda menyukainya. ( Contoh Script )

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>
<EMBED SRC="http://divine-music.info/musicfiles/01 Give Me Everything (feat. Ne-Yo,.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Perumpamaan di atas, saya memakai divine-music.info

Mencari judul lagu yang pingin anda gunakan di situs (blog), lantas copy kode nya serta paste didalam langkah no. 4 tadi.

langkah menempatkan musik / lagu autoplay di situs (blog) ( langkah ke-2 ) :
1. untuk memperoleh kode lagu yang anda kehendaki baik itu lagu indonesia, barat, melayu, k-pop dan seterusnya. silakan masuk ke 4shared.com.
2. lantas catatkan serta mencari lagu yang pingin anda gunakan.
3. download lagunya, lantas klik pause. copy link lagu tersebut serta masukkan pada kode berwarna merah di sini.

<object data="http://static.4shared.com/flash/player/5.10/player.swf?file=http://dc280.4shared.com/img/3579932921/5703126b/dlink__2Fdownload_2FKjiZNVMe_3Ftsid_3D20130501-163924-ad3a3999_26dsid_3D3n6018.8e0f260b8292b888fbe862a91bd91ef3/preview.mp3&repeat=no&autostart=true" width="0" height="0" type="application/x-shockwave-flash"></object>

4. simpan seluruh kode di atas serta tempatkan pada widget anda. langkahnya sama seperti memberikan widget seperti di atas.

Untuk yang memakai idm ( internet download manager ) di bawah ini yaitu perumpamaan gambar pengambilan url link. namun yang tidak memakainya, anda bisa mendownload lagunya terlebih dulu, lantas klik pause supaya sistem download berhenti. sesudah itu, klik kanan tentukan copy download link.
menempatkan kode mp3


Dengan memberikan widget mp3 musik ini, pengunjung bisa mendengarkan lagu dengan asyik. namun, tidak seluruh orang suka lagu yang anda gunakan. pasti amat gampang, untuk menempatkan musik mp3 di blogger untuk wordpress bisa memberikan plugins yang ada.
Dicatat oleh di

Tiada ulasan:

Catat Ulasan

Langgan: Catat Ulasan (Atom)