Jumat, 30 Januari 2015

Cara Membuat Read More di Blog

 assalamua'alikum wr.wb

oke, kali ini saya akan berbagi ilmu dari apa yang telah saya pelajari yaitu cara membuat readmore di blogspot.com
oke saya tidak akan berbincang banyak, langsung saja atau to the point, oke para blogger ?


Cara Membuat Read More di Blog


1. Masuk ke Template dan klik Edit Template

2. Klik CTRL + F, dan cari kode html </head>

3. Letakan kode dibawah ini, tepat diatas kode html </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 275;
summary_img = 275;
img_thumb_height = 120;
img_thumb_width = 120;
</script> 
<script type='text/javascript'>
//<![CDATA[
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. Lanjut dan cari kode ini <data:post.body/> dan ubah dengan kode HTML 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>
<div class='readmore-link'><span class='arrow'>›</span> <a expr:href='data:post.url'>Read More</a></div>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

5. Disini banyak blogger yang bingung, karena ada banyak sekali kode <data:post.body/>, kalau pakai template standar yang diganti adalah yang kode Kedua ( itemprop='description articleBody' )

6. Jika sudah tinggal Anda klik Save dan, silahkan lihat hasilnya. Jika cara membuat read more di blog Anda berhasil, maka hasilnya akan seperti gambar dibawah ini.



Kalau tampilan read more hanya berupa link, sepertinya kurang menarik bukan ? tapi jangan khawatir, kita bisa mengubah tampilan read more dengan bantuan css.


Cara Membuat Read More di Blog Lebih Menarik


1. Sama seperti langkah cara membuat read more diatas, yang pertama adalah buka Template lalu klik Edit

2. Klik CTRL + F dan ketikkan ]]></b:skin> lalu klik Enter

3. Masukkan kode css dibawah ini tepat diatas ]]></b:skin>.

.arrow {
font-size: 18px;
font-family: serif;
font-weight: 900;
}
.readmore-link {
margin-top: 20px;
border-bottom: 1px solid gainsboro;
margin-left: 250px;
}

4. Langkah terakhir tinggal anda klik save template.

5. Silahkan Anda cek tampilan read more anda yang baru, gimana ? tambah hancur bukan, haha.



Untuk informasi saja, bahwa sebenarnya kode javascript diatas bisa Anda ubah sesuai selera, misalnya kita ingin membuat thumbnail-nya lebih besar, katakanlah ingin dirubah menjadi 250px, caranya mudah tinggal Anda ganti img_thumb_height = 120; menjadi img_thumb_height = 250; dan img_thumb_width = 120; menjadi img_thumb_width = 250;









sekian dari saya, selamat mencoba, selamat berkarya para blogger generi bangsa semoga berhasil dan terimakasih 


wassalamu'alaikum wr.wb


Rabu, 28 Januari 2015

koneksi database PHP MySQL

assalamu'alaikum wr.wb

selamat pagi generasi muda, kali ini saya akan berbincang soal cara membuat koneksi Database PHP mySQL, langsung saja to the point.

  • sebelum membuat koneksi langkah sebelumnya adalah membuat database untuk tempat menyimpan data. untuk mempermudah membuat database pada MySQL, gunakan PHPMyAdmin yang bisa dibuka melalui browser dengan URL :  http://localhost/phpmyadmin
  • buatlah database dengan nama yang anda inginkan misalkan : tkj, kemudian buat table dengan nama : siswa (5 field/column), fieldnya adalah sbb:
    • nis (int, primary key)
    • nama (varchar(100))
    • jk (enum('L','P'))
    • kelas (varchar(10))
    • alamat (text)
  • membuat koneksi database PHP MySQL adalah langkah pertama sebelum anda bekerja untuk membuat website dinamis. pastikan anda telah bisa membuat site definition. berikut adalah langkah-langkah membuat koneksi database PHP MySQL:
  • klik Windows > Databases,  maka akan muncul panel databases.
  • klik Icon plus (+) > MySQL connection
  • isi beberapa parameter berikut ini.
  • connection name : koneksi, Anda dapat memilih nama lain.
  • MySQL server : localhost, ini jika Anda bekerja di localhost
  • user name : root, secara default Xampp menggunakan username root. bisa jadi berbeda dengan konfigurasi web server di komputer Anda.
  • password : , biarkan kosong kecuali Anda telah mensetting password di web server dan database Anda.
  • Database : tkj, klik select untuk memilih database. klik ok
  • klik Test, jika muncul tulisan pop-up “Connection was made successfully.
  • klik ok sekali lagi
  • Anda telah berhasil membuat koneksi database.

Sabtu, 24 Januari 2015

sarotun khasanah

Assalamu’alaikum wr.wb

Sarotun.!  ia, itu nama panggilannya, ia akrab dipanggil sarotun oleh teman temannya, nama lengkapnya adalah sarotun khasanan, dia adalah teman terbaikku selama ini, ia mengerti semua kadaanku saat waktu mts dulu, Aku sangat senang punya teman sepertinya dia baik, tidak sombong, cantik, dan bahkan kita pernah deket banget kaya udah jadi adik kakak, Entah kenapa aku dipertemukan dia dan entah kenapa alloh memisahkan kita begitu cepat, sekarang tgl 22 September 2014. aku ingin menuliskan kisah tenteng aku dan dia, karena sebenarnya aku tak bisa melupakannya, sarotun kenapa sekarang kau berubah kau tak pernah kasih kabar sedikitpun tentang keadaanmu, aku menghawatirkanmu. apa kau udah lupa sama aku temanmu ini,. Maafkan aku sarotun jika aku pernah berbuat salah sehingga engkau begitu cepat melupakanku,. Dulu waktu kita pernah deket kau pernah kirimkan aku sebuah pesan melalui media singkat (sms) yang sampai saat ini aku simpan, Begini isi nya,

“ ingat ya !!!  kita pernah kenal..?? bahkan sempet sering smsan.!!! Kalau suatu saat kita saling lupa atau terpisah.? Simpanlah sms dari aku ini?? Karena aku pernah dateng dikehidupan kamu, walaupun hanya untuk menjadi seorang teman L aku seneng banget punya temen kaya kamu. Banyak hal yang bisa misahin seorang teman karena hal sepele!  Sebelum semuanya terjadi sama aku, aku mau pertemanan kita tetap abadi selamanya.!! Karena aku sadar tanpa teman atau sahabat aku tak berarti apa apa.!!  Buat semua temen dan sahabat aku dimanapun berada !!  salam sayang aku buat kalian semua J
ini adalah sms yang pernah kamu kirim ke aku sarotun apakah kamu masih ingat,.?? Oh ya ada lagii ni sms nya,.
“coba dulu baru cerita,. Pahami dulu baru menjawab,. Berpikir dulu baru berkata,. Dengar atau lihat dulu baru boleh menilai,.,. bekerja dan ber do’a dulu baru berharap”
è  ITU LEBIH BAIK DAN BIJAKSANA ß

Dan aku pernah mengirimu sebuah sms yang paling gua ingat yaitu

 if sure my self
not to be choice your heart
may had mustly
you and me willn’t may together
must always you know
i love you in the long my time
must always you know
all is krue for contoustly
couse i’am sure love in my heart
only own you till end my life
only your self one that always i’am longing

sarotun apakah kau masih ingat sms ini dari aku,..,
aku ingin nyanyiin sebuah lagu untukmu sarotun,.


Dan kini terulang kembali
Satu hal yang paling aku takuti
Harus kehilangan orang yang ku sayang karena semua salahku
Kenapa ini semua harus
Mungkinkah ini semua takdirku
Yang tak pantas di cintai apalagi untuk mencintaimu
Dan apapun itu asalkan kau bahagia
Hanya satu keyakinanku
Jika memang jodohku kau kan kembali
Dan akhirnya kini kusendiri lagi
Tanpa handirmu disisiku sayang



Sarotun asalkan kamu tau,. Aku ingin kamu seperti dulu yang selalu ada untukku tapi kayaknya itu semua hanya khayalan ku yang terlalu jauh,.,. walaupun sekarang aku udah punya kekasih
Oh iya sarotun hanya satu pesan dari aku ya,. Jaga dirimu baik baik,. Raihlah kesuksesanmu, bahagiakanlah kedua orang tuamu,. Dan apa bila kamu udah sukses jangan lupa sama aku ya,  dan apabila suatu saat nanti kamu ingat aku,kangen aku,. Aku harap kamu datang kerumahku.. kamu masih ingat jalan kerumahku kan.??
Dan satu lagii aku sangat berharap suatu saat nanti jika aku sudah tak ada aku harap kamu bisa baca blog ini,.  Dan kamu bisa tau isi hatiku.,
Salam aku buat kamu, keluarga kamu,. Adik kamu,. Salam manis buat kamu sarotun khasanah dari aku,.

Assalamu’alaikum wr.wb  J

iwan fals


IWAN FALS – IBU


Ribuan kilo jalan yang kau tempuh
Leawti rintang untuk aku anakmu
Ibuku sayang masih terus berjalan
Walau tapak kaki penuh darah, penuh nanah
Seperti udara kasih yang engkau berikan
Tak mampuku membalas IBU,., IBU,.,

Ingin ku dekap dan menangis dipangkuanmu
Sampai aku tertidur seperti masa kecilku dulu
Lalu doa-doa sebajuri tubuhku
Lalu dengan apa aku membalas IBU,., IBU,.


Ribuan kilo jalan yang kau tempuh
Leawti rintang untuk aku anakmu
Ibuku sayang masih terus berjalan
Walau tapak kaki penuh darah, penuh nanah
Seperti udara kasih yang engkau berikan


Tak mampuku membalas IBU,., IBU,.,