Cara Membuat Blog Valid HTML5 100% - Awalnya saya males belajar tentang HTML5 tapi mengikuti perkembangan zaman, akhirnya belajar juga HTML5. Jujur saya terkontaminasi oleh Bung Adhy Kompi Ajaib

Apa itu HTML5? HTML5 adalah pengembangan dari versi sebelumnya, dimana tujuan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin. Intinya, agar web/blog terbaca sempurna di semua browser dan mudah dalam penggunaan.

Perlukah web/blog valid HTML5? dari berbagai sumber saya temukan bahwa diantara keuntungan mevalidasi blog adalah :

Membantu Search Engine meng-indeks dokumen website/blog lebih baik.
Render browser lebih baik dan lebih cepat
DOCUMENT OBJECT MODEL (DOM) lebih stabil dan konsisten
Future Proof, yang berarti HTML lebih kompatible, backward compatible terhadap browser terbaru.
Mengetahui kondisi website/blog lebih detail ( link-link broken, link mati, dst.)
Lebih disukai browser-browser dan tentu masih banyak lagi keuntungan lain dari validasi HTML ini.

Baguskah validasi Blogspot untuk SEO? Nah.. ini yang saya masih belum tau, kalau melihat alasan di atas tentunya baik, tapi kenapa vitur-vitur template blogspot itu sendiri belum valid HTML5. Saya tunggu pendapat sobat tentang validasi untuk SEO.

VALIDASI BLOG DISINI atau DISINI | CONTOH BLOG YANG TELAH DIVALIDASI

Cara Membuat Blog 100% Valid HTML5

Langkah 1 : Backup template sebelum melakukan editing.
Langkah 2 : Cari kode seperti ini :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>

ganti dengan :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>

Langkah 3 : Ganti kode </html> dengan </HTML> (paling bawah di template)
Langkah 4 : Hapus kode ini :

<b:include data='blog' name='all-head-content'/>

Langkah 5 : Ganti <b:skin><![CDATA[ dengan kode dibawah :

<link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
&lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[*/]]
<style>

Langkah 6 : Hapus semua kode ini :

<b:include name='quickedit'/>

Setiap kali menambahkan widget baru, hapus kode di atas.
Langkah 7: Hapus semua kode ini (opsional)

<a expr:name='data:post.id'/>

Langkah 8 : hapus kode seperti ini :

<b:include data='post' name='postQuickEdit'/>

atau seperti ini :

<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>

Langkah 9 : Hapus kode dibawah ini (kalau ditemukan, kalau tidak ada, lewati saja)

<div class='post-share-buttons goog-inline-block'>...sampai...</div>

Langkah 10 : Ganti semua code & dengan &

Sampai di sini, template sobat sudah bisa Valid HTML5 untuk Homepage. Akan tetapi pada postingan masih banyak error karena komentar blogger (kecuali komentar hack seperti blog ini). Mudah-mudahan saya bisa share cara mem-fix-an postingan.

Harap Diperhatikan

Kemungkinan dengan langkah-langkah di atas, blog sobat belum valid. Supaya menjadi 100%, silahkan perhatikan beberapa hal dibawah ini :

1. Selalu gunakan tag alt pada gambar, contoh :

<img alt="HTML5" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwu-jMwvEwrg3Um2ge4cr4eNuXuJgbCyDQ70Yf6G7z8ZD7npmlx1CERB5XdKsdxVkQTezCmrnAQBI2IA0ri3TEqQC6wab0lcao0kPCn7W5kExw5SbMH1bgK1d23oZe5yUhweUosVwmUWg/s1600/html5.png" />

2. Jangan gunakan border="0" pada gambar, sebagai gantinya tambahkan kode :

style="border:none"

atau CSS terpisah seperti

img{border:none}

3. Pada iFrame, jangan menggunakan frameborder="0" atau allowtransparency:"true" scrolling="no", sebagai gantinya gunakan kode :

style="border:none;overflow:hidden"

atau CSS terpisah seperti

iframe{border:none;overflow:hidden}

4. Pada tag a jangan menggunakan tag name seperti :

<a name='comment-form'>

sebagai gantinya gunakan id seperti :

<a href='#comment-form'>

5. Jangan ada dua id pada template.
6. Hapus kode <b:include name='quickedit'/> setiap menambah widget baru.

Untuk kekurangannya Insya Allah saya tambahkan kedepannya.

Semoga bermanfaat...
Sumber

CSS Label Cloud Keren

Jumat, 16 Agustus 2013

Posted by Unknown

5 Style CSS Label Cloud Keren - Pada postingan kali ini yaitu mempercantik widget label anda. Apa sih label itu ? Label untuk mengkategorikan atau mengelompokkan post yang dibuat. Biasanya pengelompokan label itu didasarkan atas kesamaan tema (bahasan). Saat menulis postingan pasti ada pilihan memberi label baru atau memakai yang sudah ada. Widget label blogspot ada 2 jenis, ada yg berupa LIST dan juga berbentuk Cloud. Perbedaan bentuk
List = label akan berderet seperti kereta :v

Cloud = label akan berbentuk barisan kode menyamping seperti awan, contoh :

Dibawah ini ada 5 Style CSS Label Cloud blogspot

Style 1 :

CSS :

/* Label Cloud Style 1 */
.label-size{margin:0 2px 6px 0;padding:3px;text-transform:uppercase;border:solid 1px #C6C6C6;border-radius:3px;float:left;text-decoration:none;font-size:10px;color:#666}.label-size:hover{border:1px solid #B20000;text-decoration:none;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-moz-transform:rotate(7deg);-o-transform:rotate(7deg);-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg);filter:progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455,M12=-0.08715574274765817,M21=0.08715574274765817,M22=0.9961946980917455,sizingMethod='auto expand');zoom:1}.label-size a{text-transform:uppercase;float:left;text-decoration:none}.label-size a:hover{text-decoration:none}
/* Credit SCH-XP | Style 1 */

Style 2 :

CSS :

/* Label Cloud Style 2 */.label-size{font-size:14px;margin:5px 0 5px 0;float:left;border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-decoration:none;padding:5px;border:1px #fff solid;background:#2493C4;color:#fff;box-shadow:1px 1px 5px rgba(1,1,1,.1)}.label-size a{color:#fff;font-weight:normal}.label-size a:hover{color:#2493C4;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out}.label-size:hover{background:#333;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg)}/* Credit SCH-XP | Style 2 */

Style 3 :

CSS :

/* Label Cloud Style 3 */
.label-size{margin:0;padding:0;position:relative}.label-size a,.label-size span{float:left;height:24px;line-height:24px;position:relative;font-size:12px;margin-bottom:9px;margin-left:20px;padding:0 10px 0 12px;background:#2493C4;color:#fff;text-decoration:none;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px}.label-size a:before,.label-size span::before{content:"";float:left;position:absolute;top:0;left:-12px;width:0;height:0;border-color:transparent #2493C4 transparent transparent;border-style:solid;border-width:12px 12px 12px 0}.label-size a:after,.label-size span::after{content:"";position:absolute;top:10px;left:0;float:left;width:4px;height:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:#fff;-moz-box-shadow:-1px -1px 2px #2493C4;-webkit-box-shadow:-1px -1px 2px #2493C4;box-shadow:-1px -1px 2px #2493C4}.label-size a:hover,.label-size span::hover{background:#333}.label-size a:hover:before,.label-size span::hover::before{border-color:transparent #333 transparent transparent}
/* Credit SCH-XP | Style 3 */

Style 4 :

CSS :

/* Label Cloud Style 4 */
.label-size{display:inline-block;padding:0px 10px;height:29px;line-height:29px;border-radius:5px;font-weight:bold;font-size:12px;text-decoration:none}.label-size{border:1px solid #769e42;box-shadow:inset 0 1px 0 #c5e59c;background-color:#9ed35a;text-shadow:0px 1px 1px #6ea23b;color:#fff;background-image:linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-o-linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-moz-linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-webkit-linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-ms-linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%)}.label-size:hover{background-color:#b7fa66;background-image:linear-gradient(top,#b7fa66 0%,#7ec940 100%);background-image:-o-linear-gradient(top,#b7fa66 0%,#7ec940 100%);background-image:-moz-linear-gradient(top,#b7fa66 0%,#7ec940 100%);background-image:-webkit-linear-gradient(top,#b7fa66 0%,#7ec940 100%);background-image:-ms-linear-gradient(top,#b7fa66 0%,#7ec940 100%)}.label-size:active{background-image:linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-o-linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-moz-linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-webkit-linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-ms-linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%)}.label-size{display:inline-block;border-radius:5px 0 0 5px;border-right-width:0;position:relative;z-index:5;margin-right:20px;margin-bottom:10px}.label-size:after{content:"";width:22px;height:22px;line-height:18px;font-size:25px;border-top:1px solid #769e42;border-right:1px solid #769e42;box-shadow:inset 0 1px 0 #c5e59c;background-color:#9ed35a;text-shadow:0px 1px 1px #7eac46;border-radius:3px 7px 3px 0;color:#fff;background-image:linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-o-linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-moz-linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-webkit-linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-ms-linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);position:absolute;top:3px;right:-12px;z-index:-3;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865476,M12=-0.7071067811865475,M21=0.7071067811865475,M22=0.7071067811865476,sizingMethod='auto expand');zoom:1}.label-size:hover:after{background-color:#b7fa66;background-image:linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);background-image:-o-linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);background-image:-moz-linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);background-image:-webkit-linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);background-image:-ms-linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%)}.label-size:active:after{background-image:linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-o-linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-moz-linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-webkit-linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-ms-linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%)}.label-size:before{content:"";height:5px;width:5px;display:block;position:absolute;right:-3px;top:11px;background-color:#fcfdf5;border:1px solid #83ab52;border-radius:5px;box-shadow:0 1px 0 #b2ddd83}.label-size span{padding:2px 5px;border:1px solid #9e5c26;border-radius:5px;box-shadow:inset 0 1px 0 #f5bf8c;background-color:#ed943f;text-shadow:0px 1px 1px #000;margin-left:10px;background-image:linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);background-image:-o-linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);background-image:-moz-linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);background-image:-webkit-linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);background-image:-ms-linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%)}#Label1{height:210px !important}
/* Credit SCH-XP | Style 4 */

Style 5 :

CSS :

.label-size {
display: block;
float: left;
background: #555 !important;
margin: 0 1px 1px 0;
color: #eee;
font-size: 100%;
}
.label-size:hover, .label-size a:hover, .label-size span:hover{background:#3384ff;}
.label-size a, .label-size span {
display: inline-block;
color: #fff;
padding: 4px 4px;
}

Cara Memasang Label Cloud :
1. Buka Blogger

2. Pilih Tata Letak

3. Klik Add Gadget -> pilih Label

4. Simpan

Cara Memasang Style CSS Label Cloud :

1. Buka Blogger

2. Klik Template -> Edit HTML

3. Copy Style CSS diatas, lalu paste diatas kode ]]></b:skin> (pake ctrl+f biar cepet :v)

4. Simpan Template

credit style css 5

credit gambar :3

Terimakasih telah membaca artikel CSS Label Cloud Keren di blog ini, semoga bermanfaat, jgn lupa untuk meninggalkan komentar + follownya :)

sumber

Cara Membikin Daftar Isi Responsive

Posted by Unknown

Cara Membuat Daftar Isi Responsive

Cara Membikin Daftar Isi Responsive - Selamat sore Sobat DS sore ini ane Bagi'in Tutorial blogger kali ini yaitu Cara Membikin Daftar Isi Responsive dan saya rasa tutorial ini cukup spesial, karena biasanya daftar isi blogger tidak bisa menyesuaikan dengan tampailan layar mobil, iphone. dll (tidak responsive), tapi kali ini berbeda, makannya saya bilang tutorial ini spesial.

Seperti biasanya, untuk membuat daftar isi kita tinggal memasukan kode ke laman blogger, dan sudah jadi deh hehehehehe. Oh iya lupa, kan ini habis lebaran ya ??? Tapi saya belum ngucapin minal aidzin wal faidzin nih, sekarang saya mengecapkan minal aidzin wal faidzin mohon maaf lahir batin ya sob.

Cara Membikin Daftar Isi Responsive

1. Pergi ke blogger

2. Klik laman > laman baru

3. Pilih HTML bukan Compose

4. Masukan kode berikut ini :

<script src="http://fianetmucode.googlecode.com/files/fianetsitempasresponsive.js" type="text/javascript"></script>
<script src="http://dahams-skellorz.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">

5. Simpan .

Ternyata caranya cukup mudah ya ?? hahaha memang mudah kok dibilang mudah, ehhh ya bener dong, hehehe... sekianlah postingan kali ini yah sob Cara Membikin Daftar Isi Responsive, sampai jumpa lagi ya, Wassalamualaikum.

Cara Membuat Scroll Widget Di Blog

Selasa, 13 Agustus 2013

Posted by Unknown

Met malam sobat DS, nah pada kesempatan ini saya akan bahas tentang Cara Membuat Scroll Widged Di Blogspot.

Biasanya sebuah blog yang masih baru hanya mempunyai beberapa kategori, tapi lama kelamaan jumlah kategori akan bertambah. Hal ini akan membuah listing kategori memanjang kebawah dan tentu saja akan sangat menyita bidang sidebar blog Anda. Apalagi jika Anda ingin memonitize blog Anda dengan berbagai iklan, sudah pasti Anda akan kehabisan tempat di sidebar blog Anda. Untuk mengatasi hal tersebut diatas Anda bisa menggunakan teknik scroll bar dimana listing kategori blog Anda diletakkan di dalam scroll bar.

Berikut saya berikan Cara Mudah Membuat Scroll Bar di Sidebar Blogspot sbb:

Silahkan Login ke account blogger anda.

Pada halaman dashboard pilih Design -> Edit HTML

Backup dulu template Anda dengan pilih Download Full Template, kalau sudah selesai backup template Anda, teruskan langkah dibawah.

Jangan lupa centang Expand Widget Templates atau langsung saja Cari kode seperti dibawah ini dengan mengggunakan Ctrl+ F, atau tekan F3 jika tampilan blogger anda sudah menggunakan tampilan terbaru.

<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>

Perhatikan kode <ul> yang saya warna Biru langit.

Gantilah kode <ul> menjadi <ul style= 'height:200px;width:210px; overflow:auto;'>

Keterangan Cara Membuat Scroll Widged Di Blogspot:

Kode title=’Categories’ bisa berbeda untuk setiap blog. Bisa ditemukan dengan title=’Label’ atau title=’Kategori’, tergantung masing2 blogger dalam menamainya gadgetnya.

height:200px adalah untuk tentukan tinggi widget.
width:210px adalah untuk tentukan lebar widget.

Silahkan Anda sesuaikan dengan tinggi dan lebar scroll barnya dengan merubah angka diatas.

5. Klik Save untuk simpan template blog Anda.

Demikianlah Cara Membuat Scroll Widged Di Blogspot ini semoga dapat dimengerti dan bermanfaat....

Cara Membuat Scroll Pada Widget Blog

Sabtu, 10 Agustus 2013

Posted by Unknown

Scroll pada widget memang hal yang bagus jika dipasang pada blog sobat dan ini Cara Membuat Scroll Pada Widget Blog. Selain agar widget sobat tidak terlalu memerlukan tempat yang luas, tampilan blog kita juga akan terlihat rapih.
Cara memasangnya juga tidak susah kok sob. Ikuti langkah-langkahnya.

Widget tanpa kode HTML/Javascript.

Pertama kita harus tahu nama widget yang akan kita beri scroll sob. Caranya, masuk menu Tata letak dan sentuhkan cursor di tulisan edit pada widget yang akan sobat beri scroll. Pada bagian bawah akan terlihat nama widget, lihat pada gambar di bawah ini nama widget-nya adalah PopularPosts1.

Setelah kita mengetahui nama widgetnya, maka sobat masuk ke menu Template dan pilih Edit Html.
Jangan lupa centang pada bagian kotak Expand Widget Template.
Lalu sobat cari kode di bawah ini, agar lebih mudah sobat gunakan tombol ctrl+F.
]]></b:skin>
Masukan kode berikut tepat di atas kode ]]></b:skin>.

#PopularPosts1 .widget-content{

height:230px;

width:auto;

overflow:auto;

}

nb: ganti tulisan berwarna merah dengan kode widget yang akan sobat beri scroll

Cara Membuat Scroll Pada Widget Blog

Terakhir, Save dan lihat hasilnya.

Widget dengan kode HTML/Javascript.

Untuk membuat scroll pada Widget dengan HTML/Javascript, sobat hanya perlu menambahkan sedikit kode berikut pada widget yang akan diberikan scroll.

"kode widget"

</div>

Kode berwarna biru adalah kode tambahan untuk menambahkan scroll. Masukan kode Html widget pada tulisan berwarna merah. Dan sobat dapat menyesuaikan ukuranya pada kode berwarna hijau.

Terakhir, klik Simpan dan sobat lihat hasilnya
Demikian Cara Membuat Scroll Pada Widget Blog semoga bermanfa'at Sobat DS .

Cara Membuat Background Pattern pada Blog dengan CSS

Jumat, 09 Agustus 2013

Posted by Unknown

Cara Membuat Background Pattern pada Blog dengan CSS

Assalamualaikum Sobat DS .Kali ini saya akan postingkan yang saya beri judul "Cara Membuat Background Pattern pada Blog dengan CSS". Trick Ini Cukup Mudah. Hanya Penelitian CSS aja. Dan Mungkin Banyak Yang tahu Background Pattern Banyak Menggunakan Gambar dan kali ini saya akan mempostingkan dengan CSS.Langsung aja Yah Sob.

Microbial Mat Pattern Css

background:

radial-gradient(circle at 0% 50%, rgba(96, 16, 48, 0) 9px, #613 10px, rgba(96, 16, 48, 0) 11px) 0px 10px,

radial-gradient(at 100% 100%, rgba(96, 16, 48, 0) 9px, #613 10px, rgba(96, 16, 48, 0) 11px),

#8a3;

background-size: 20px 20px;

Stairs Pattern Css

background:

linear-gradient(63deg, #999 23%, transparent 23%) 7px 0,

linear-gradient(63deg, transparent 74%, #999 78%),

linear-gradient(63deg, transparent 34%, #999 38%, #999 58%, transparent 62%),

#444;

background-size: 16px 48px;

Half-Rombes Pattern Css

background: #36c;

background:

linear-gradient(115deg, transparent 75%, rgba(255,255,255,.8) 75%) 0 0,

linear-gradient(245deg, transparent 75%, rgba(255,255,255,.8) 75%) 0 0,

linear-gradient(115deg, transparent 75%, rgba(255,255,255,.8) 75%) 7px -15px,

linear-gradient(245deg, transparent 75%, rgba(255,255,255,.8) 75%) 7px -15px,

#36c;

background-size: 15px 30px

Arrows Pattern Css

background:

linear-gradient(45deg, #92baac 45px, transparent 45px)64px 64px,

linear-gradient(45deg, #92baac 45px, transparent 45px,transparent 91px, #e1ebbd 91px, #e1ebbd 135px, transparent 135px),

linear-gradient(-45deg, #92baac 23px, transparent 23px, transparent 68px,#92baac 68px,#92baac 113px,transparent 113px,transparent 158px,#92baac 158px);

background-color:#e1ebbd;

background-size: 128px 128px;

Zig-Zag Pattern Css

background:

linear-gradient(135deg, #ECEDDC 25%, transparent 25%) -50px 0,

linear-gradient(225deg, #ECEDDC 25%, transparent 25%) -50px 0,

linear-gradient(315deg, #ECEDDC 25%, transparent 25%),

linear-gradient(45deg, #ECEDDC 25%, transparent 25%);

background-size: 100px 100px;

background-color: #EC173A;

Weave Pattern Css

background:

linear-gradient(135deg, #708090 22px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px),

linear-gradient(225deg, #708090 22px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px)0 64px;

background-color:#708090;

background-size: 64px 128px

Carbon Pattern Css

background:

linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,

linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,

linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,

linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,

linear-gradient(90deg, #1b1b1b 10px, transparent 10px),

linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);

background-color: #131313;

background-size: 20px 20px;

Carbon Fibre Pattern Css

background:

radial-gradient(black 15%, transparent 16%) 0 0,

radial-gradient(black 15%, transparent 16%) 8px 8px,

radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,

radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;

background-color:#282828;

background-size:16px 16px;

Cara Membuat Background Pattern pada Blog dengan CSS

- Login ke Blogger

- Pergi ke Template

- Pilih Edit HTML

- Cari Kode Body { lalu Ganti Kode Background:blablabla dengan kode css diatas

Keuntungan Memakai Background Pattern dengan CSS

Keuntunganya adalah mudah merubah warnanya. Dan nggak berat

Sekian Dari Saya Cara Membuat Background Pattern pada Blog dengan CSS Semoga Bermanfaat..
Jika ingin Request tentang Background lainya silahkan Komentar di blog ini..
Insya Allah Saya dapat membantu..

Seo Smart Link Pada Blog

Posted by Unknown

Selamat malem Sobat DS - Kali Ini Kita akan Membahas Tentang "Seo Smart Link Pada Blog". Mungkin ini adalah Tool Untuk Menambah SEO blog anda. Langsung aja Yah.

- Cara kerja SEO Smart Link untuk blogspot

Script ini akan membaca setiap kata pada setiap posting. Contohnya, jika sobat memasukkan kata "berita" pada script tersebut maka otomatis pada semua artikel yang terdapat kata "berita" akan di link ke alamat url yang telah kita tentukan.

- Apakah script autolink ini melanggar google guidelines?Tidak, selama jumlah link yang sobat masukkan pada kode autolink masih dalam tahap wajar. Rekomendasi cukup 1 link saja.

- Cara Pasang Seo Smart Link Pada Blog

1. Login Ke Blogger

2. Masuk Ke Menu Template

3. Lalu Pilih Edit HTML

4. Cari kode </body> sebelumnya cari dengan menekan tombol f3, Lalu Letakan kode dibawah ini tepat diatasnya

<b:if cond='data:blog.url
!= data:blog.homepageUrl'><script type='text/javascript'>
function autoLink(){
this.keywdHref = new Object();
this.add = function(keyword, href){
if(keyword.substr(0,1) != " "){keyword = " " + keyword;}
this.keywdHref[keyword] = href;
}
this.createAnchor = function(){
var objs = document.getElementsByTagName("div");
for(var i=0; i<objs.length; i++){
var obj = objs[i];
if(obj.className.indexOf("post-body")>-1){
var content = obj.innerHTML;
for(var keyword in this.keywdHref){
var href = this.keywdHref[keyword];
var newstr = content.replace(keyword, "<a href='"+href+"'>"+keyword+"</a>", "gi");
obj.innerHTML = newstr;
content = newstr;
}
}
}
}
this.startScript = function(){
var onLoad = window.onload;
window.onload = function(){
if(onLoad){onLoad();}
setTimeout("f.createAnchor()", 100);
}
}
}
</script>
<script type='text/javascript'>
var f = new autoLink();
f.add("berita", "http://dahams-skellorz.blogspot.com/");
f.startScript();

5. Simpan

NB:Text yang di tuliskan warna biru ganti dengan url blog sobat

Sekian dari Saya Seo Smart Link Pada Blog.
Semoga Bermanfaat..

CARA MEMBIKIN BACKLINK DI BAWAH POSTINGAN BLOG

Jumat, 02 Agustus 2013

Posted by Unknown

3 Comments

CARA MEMBIKIN BACKLINK DI BAWAH POSTINGAN BLOG

Berikut Tutorial nya CARA MEMBIKIN BACKLINK DI BAWAH POSTINGAN BLOG :D

>> login blogger
>> Masuk Ke Rancangan
>> Masuk Ke Edit HTML
>> Centang "EXPAND TEMPLATE WIDGET"
>> Lalu Pastekan CSS ini Di atas ]]></b:skin>

/* X-T CSS BackLinks */
#XTbacklinks{overflow:hidden;margin-top:5px;border:3px solid #0c00ff;border-radius:5px;height:50px;width:565px;-webkit-transition:all 0.4s ease-in-out;}
#XTbacklinks:hover{border:3px solid #0c00ff;height:235px;-webkit-transition:all 0.7s ease-in-out;}
.XTbkl{margin-top:3px;float:left;color:black;width:495px;border:1px solid #0c00ff;background:#fff;-moz-border-radius:3px;transition:all .9s ease-in-out;}
.XTbkl:hover{color:black;border:1px solid #0c00ff;background:#fff;}#XTbacklinksTitle{border:3px solid #0c00ff;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 1px 2px #000;color:#0c00ff;font-size:20px;font-familly:Arial;text-align:center}

Nanti Kamu Edit Sendiri Warna Border Nya ya ??

Lalu Cari Kode <data:post.body/> Pastekan Html Ini Di bawah nya

<b:if cond='data:blog.pageType == "item"'>
<div id='XTbacklinks' style='margin-top:30px;'>
<div id='XTbacklinksTitle'>
<a expr:href='data:post.url'><data:post.title/></a>
</div>
<div id='XTbacklinksTitle'>
Backlinks Please Thanks ^_^
</div>
<table border='0' height='140' style='margin-left:7px;' width='260'>
<tr><td>URL<br/><input class='XTbkl' expr:value='data:post.url' onclick='this.focus();this.select();' readonly='readonly' title='Press CTRL+C to copy' type='text'/></td></tr>
<tr><td>Code For Forum<br/><input class='XTbkl' expr:value='" [URL=" + data:post.url + "]" + data:post.title + "[/URL] www.cheatermaninjau.net"' onclick='this.focus();this.select();' readonly='readonly' title='Press CTRL+C to copy' type='text'/></td></tr>
<tr><td>HTML Code<br/><textarea class='XTbkl' onclick='this.focus();this.select();' readonly='readonly' style='height:18px;' title='Press CTRL+C to copy'><a expr:href='data:post.url' target='_blank'><data:post.title/></a></textarea></td></tr>
<tr><td><script src='#' type='text/javascript'/></td></tr>
</table>
</div>
</b:if>

Bila <data:post.body/> di template sobat ada 2 maka Plih Yang Kedua Bila Ada 1 Pilih Yang Ke 1

Simpan Dan Lihat Hasil nya :D

Sekian Dari saya CARA MEMBIKIN BACKLINK DI BAWAH POSTINGAN BLOG semoga bermanfa'at sob ;)

sumber

Pengertian Bounce Rate Blog

Kamis, 01 Agustus 2013

Posted by Unknown

Sobat DS kali ini akan sedikit mengupas perihal pengertian bounce rate blog dan beberapa permasalahan yang ada di sekitarnya. Aku akui terus terang bahwa pengetahuan tentang bounce rate ini baru saja aku dapatkan, dan untuk lebih mudah mengingatnya, maka aku tuliskan kembali dalam artikel ini agar dapat setiap saat aku baca kembali. Pembahasan tentang bounce rate blog ini tentu saja berdasarkan pengamatan pribadi aku ditambah dengan beberapa referensi dari Google analytics maupun kupasan dari sahabat-sahabat blogger lainnya.

Sebelum membahas lebih jauh, ada baiknya kita pahami terlebih dahulu tentang apa sebenarnya bounce rate itu. Berikut ini adalah sebuah definisi bounce rate yang diberikan oleh Google analytics, sebagai berikut :

Bounce rate is the percentage of visits that go only one page before exiting a site.

There are a number of factors that contribute to your bounce rate. For example, visitors might leave your site from the entrance page if there are site design or usability issues. Alternatively, visitors might also leave the site after viewing a single page if they've found the information they need on that one page, and had no need or interest in visiting other pages.

Bila kita terjemahkan ke dalam bahasa Indonesia menjadi (kira-kira) seperti ini :

Bounce rate adalah nilai prosentase visitor yang hanya membuka satu halaman postingan blog sebelum ia pergi meninggalkan blog tersebut.

Banyak faktor yang ikut berkontribusi terhadap tingginya prosentase bounce rate ini, contohnya : disain blog/template blog yang kurang bermanfaat (dalam kacamata pandang sang visitor tentunya), kemungkinannya sang visitor akan meninggalkan blog/situs tersebut setelah menemukan informasi yang dicarinya pada satu halaman tertentu dan merasa tidak tertarik untuk membuka halaman-halaman yang lainnya.

Dari uraian tersebut dapat kita tarik kesimpulan bahwa disain blog yang memadai serta mengutamakan sisi users friendly menjadi tolok ukur utama terjadinya bounce rate ini.

Berkaitan dengan masalah disain blog, hal terpenting yang juga ikut menyumbang tingginya prosentase bounce rate ini adalah berkaitan dengan lamanya waktu loading sebuah blog atau website. Tentu saja blog atau website yang lama proses loadingnya akan menjadi lebih tidak populer bila dibandingkan dengan blog atau website yang lebih cepat proses loadingnya.

Dari mana kita dapat mengetahui informasi tentang bounce rate blog yang kita miliki ? Sebenarnya ada banyak situs yang menyediakan fasilitas ini, namun yang paling populer adalah dengan mempergunakan Google analytics atau Alexa.com.

Hal berikutnya yang perlu untuk kita ketahui adalah : Bagaimana cara menghitung prosentase Bounce rate itu sendiri ? Apa kegunaan atau manfaat dari informasi data prosentase Bounce rate itu ? Perhatikan gambar di bawah ini pengertian bounce rate blog.

Bounce rate dihitung berdasarkan total jumlah pengunjung (visitor) yang datang hanya pada satu halaman tertentu dibagi dengan total jumlah halaman yang ada dalam sebuah blog, misalnya total pengunjung blog (yang hanya membuka satu halaman) sebesar 70 orang dan jumlah total halaman (artikel atau postingan blog) sebanyak 100 halaman, maka Bounce ratenya adalah : 70/100 = 0.7 = 70%. Semakin kecil prosentase Bounce rate ini maka akan semakin bagus kualitas blog atau website tersebut.

Berapa prosentase bounce rate yang ideal untuk sebuah blog ? Saya dalam hal ini belum dapat memberikan jawaban secara pasti, karena relatif sifatnya. Ada seorang sahabat blogger yang memberikan batasan prosentase bounce rate yang baik adalah berkisar pada angka 70% ke bawah. Namun informasi ini masih perlu ditelusuri validitasnya. Secara pribadi saya kurang setuju dengan pendapat tersebut. Karena apa ? Angka 70% ini masih terlalu tinggi menurut pandangan saya tentunya, artinya apa, prosentase Bounce rate yang 70% ini dapat dianalogikan dengan 70% visitor yang datang (dari keseluruhan jumlah visitor) hanya sudi untuk membuka satu halaman postingan saja, dengan demikian artikel-artikel lainnya menjadi kurang menarik untuk dibuka (dibaca)

Dengan tingginya prosentase bounce rate ini, secara tidak langsung menunjukkan tingkat kualitas yang kurang baik pada blog yang kita miliki, karena para visitor hanya suka membuka satu halaman tertentu dan tidak ingin mengunjungi halaman atau postingan-postingan blog yang lainnya. Tentu saja hal ini berpengaruh terhadap pageviews blog, semakin tinggi prosentase Bounce rate berarti akan semakin kecil angka pageviews blog tersebut. Betul nggak sih hipotesa aku ini .... ?

Untuk dapat memperoleh informasi yang lebih lengkap perihal bounce rate ini, anda dapat menyaksikan video tutorial berikut ini :

Selanjutnya, pada akhir pembahasan artikel ini saya akan sampaikan beberapa metode yang dapat anda pergunakan untuk menurunkan tingginya prosentase bounce rate ini, sebagai berikut :

Disain ulang tampilan blog anda agar menjadi lebih menarik serta dapat memberikan kesan pertama terhadap setiap visitor blog anda. Dalam hal ini perlu diingat beberapa hal yaitu : kurangi tampilan-tampilan iklan yang tidak terlalu mendukung eksistensi blog anda, sedapat mungkin jangan mempergunakan menu pop-up, karena hal ini juga cukup menjengkelkan.

Tuliskan artikel-artikel yang original dan berkualitas serta dibutuhkan banyak orang (relatif sifatnya), maksimalkan penggunaan internal link di dalamnya (jangan terlalu over), maksimalkan fungsi related-post, gunakan script target='_blank' untuk setiap link yang ada, kurangi jumlah link keluar (ke halaman blog/website orang lain) yang tidak terlalu penting, dorong para visitor untuk meninggalkan jejak dalam bentuk komentar (karena dengan demikian halaman blog yang ada akan terrbuka lebih lama).

Percepat proses loading blog yang anda miliki, dalam hal ini anda dapat mempergunakan template blog yang SEO friendly dan menjurus ke arah responsive template blogger, hindari pemakaian text java script yang terlalu banyak pada halaman homepage blog.

Pergunakan menu navigasi blog yang memadai, sebagai contohnya adalah : tampilkan navigasi daftar halaman (sitemap), tampilkan widget popular-post, maksimalkan fungsi widget recent-comments.

Pergunakanlah fasilitas read-more pada halaman homepage blog anda, dalam kaitannya dengan faktor ini anda dapat menambahkan widget carousel-slider (sepanjang hal ini memang dibutuhkan) tentang postingan-postingan terbaru blog anda, sebagai alternatifnya anda dapat mempergunakan menu content-slider atau mempergunakan navigasi Headlines News.

Kesimpulan akhir dari semua uraian di atas adalah membuat atau menjadikan blog kita lebih Users Friendly adalah faktor utama untuk menurunkan tingginya prosentase bounce rate blog. Semoga uraian saya ini dapat bermanfaat pengertian bounce rate blog dan membantu membuka wawasan anda.

Cara Membuat Auto Tooltip Di Semua Title,Link,Gambar Dll

Minggu, 28 Juli 2013

Posted by Unknown

Cara Membuat Auto Tooltip Di Semua Title,Link,Gambar Dll - Selamat malam sobat DS kali ini ane mau bagi'in Cara Membuat Auto Tooltip Keren di Blog Di semua Title,Link,Gambar Dll,Yg ini di semua title, yaitu tooltip di link ,di gambar, dll. tooltip ini juga bisa meng-zoom gambar langsung di simak di liat yaa dan di pelajari :D

berikut SS nya :

Nah satu lagi nih yg perlu diketahui, tooltip ini dengan efek halus, bisa sobat rasakan bedanya tooltip versi 1 dan 2 setelah memasang nya

Cara Membuat Auto Tooltip Di Semua Title,Link,Gambar Dll :

Taruh kode dibawah ini dibawah kode <body>

<script src='http://javascript-share.googlecode.com/files/wb.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'/><script type='text/javascript'>//<![CDATA[
wb.tooltip_setting =
{
func : "Tooltip",
top : 5,
left : 5,
maxw : 300,
speed : 20,
timer : 40,
endalpha : 95,
alpha : 0,
style_plus : "#tt{background:#f9f9f9;border-radius:20px 20px 20px 0;-moz-box-shadow: inset 0 0 10px #FFF;-webkit-box-shadow:inset 0 0 10px #FFF;box-shadow:inset 0 0 10px #FFF;}#ttcont{background:transparent;color:#444;font-size:15px;}"
};
//]]></script><script src='http://javascript-share.googlecode.com/files/wb_tooltips.js'/>
<script src='http://javascript-share.googlecode.com/files/wb_autotooltips.js'/><div id='warungbebasautotooltip'>

Lalu taruh kode dibawah ini diatas kode </body>

</div><script type='text/javascript'>wb.$_auto_tooltip('warungbebasautotooltip');</script>

Simpan template

Kode yg berwarna merah bisa sobat sesuaikan sendiri :)

Terimakasih telah membaca artikel Cara Membuat Auto Tooltip Di Semua Title,Link,Gambar Dll di blog ini :D, semoga bermanfaat, jangan lupa komentar + follownya ya :)

Daftar Blog Dofollow Pagerank Tinggi Update Terbaru 2013

Kamis, 25 Juli 2013

Posted by Unknown

Daftar Blog Dofollow Pagerank Tinggi Update Terbaru 2013

Blog Dofollow Pagerank Tinggi Baru Agustus 2013

Daftar Blog Dofollow Pagerank Tinggi Update Terbaru 2013 - Blog dofollow merupakan blog yang dicari oleh banyak blogger, apalagi blog dofollow yang berpagerank tinggi dan tentunya terbaru, pasti akan lebih banyak dicari oleh para blogger untuk mendapatkan backlink, dan edisi kali ini yaitu daftar blog dofollow edisi bulan Agustus karena sekarang sudah akhir bulan juli 2013 jadi saya beri judul Daftar Blog Dofollow Pagerank Tinggi Update Terbaru 2013 saja, karena sebentar lagi akan memasuki bulan agustus 2013.

Dalam mencari backlink, banyak para blogger yang memanfaatkan blog dofollow untuk mendapatkan backlink untuk menaikkan pagerank blog mereka sendiri, dan yang perlu diingat bahwa mencari backlink memang penting, tetapi cari backlink yang baik dan relevan, karena backlink yang baik dan relevan akan lebih baik kualitasnya dari pada mencari backlink yang asal-asalan.

Saat kita berkomentar di blog dofollow, sebaiknya kita gunakan kata / kalimat untuk berkomentar, apabila kalimat yang kita gunakan sama dengan kalimat yang kita gunakan untuk berkomentar untuk postingan lain, maka kualitasnya kurang baik dan lebih baik menggunakan kata yang berbada, karena itu jauh lebih baik dari pada berkomentar dengan kalimat yang sama untuk semua postingan.

Daftar Blog Dofollow Pagerank Tinggi Update Terbaru 2013 ini saya dapat daftar nya dari berbagai sumber, karena kalau saya hanya kumpulkan dari satu sumber kayaknya kurang lengkap, makannya saya akan bagikan secara keseluruhan kali ini (tanpa tanggung-tanggung, hehehe).

BERIKUT INI DAFTAR BLOG DOFOLLOW PAGERANK TINGGI UPDATE TERBARU 2013 :

http://modifblogmu.blogspot.com/
http://penghuni60.blogspot.com/
http://osfir.blogspot.com/
http://riasmaja.blogspot.com/
http://www.rizkyzone.com/
http://ruang-ihsan.blogspot.com/
http://linktea.blogspot.com/
http://manajemenemosi.blogspot.com/
http://adabisnis.com/
http://osfircorp.blogspot.com/
http://afifamru.blogspot.com/
http://www.aliyusrie.com/
http://ambonganteng.wordpress.com/
http://anjees.blogspot.com/
http://aurakeyboard.blogspot.com/
http://bed0el.blogspot.com/
http://www.budi2610.info/
http://collection27.blogspot.com/
http://danu.web.id/
http://auliagayo.blogspot.com/
http://semuadablog.blogspot.com/
http://sigodangpos.blogspot.com/
http://yanuar.kutakutik.or.id/
http://suarapetualang.blogspot.com/
http://top73.blogspot.com/
http://www.sectoredwin.net/
http://www.pelangibiru.net/
http://inicuma.blogspot.com/
http://kampusblog.com/
http://kata-eko.blogspot.com/
http://devit1104.blogspot.com/
http://www.biidu.tk/
http://abulamedia.com/
http://caramarketing.com/
http://cariuangtambahan.blogspot.com/
http://didikandweta.blogspot.com/
http://donyabisnis.blogspot.com
http://hanyainfo.blogspot.com/
http://www.ekopras.com/
http://fai-unisma-malang.blogspot.com/
http://filegratis2u.blogspot.com/
http://hputih.blogspot.com/
http://www.ikutikutan.com/
http://indexbisnis.blogspot.com/
http://osfircorp.blogspot.com/
http://infokomp2008.blogspot.com/
http://jembelisme.blogspot.com/
http://www.ilpeng.com/
http://beha-titi.blogspot.com/
http://affa-webgrafis.blogspot.com/
http://adrishare.blogspot.com/
http://www.anakshaleh.com/
http://blogheboh.blogspot.com/
http:/osfir.blogspot.co.uk/
http://www.howto-bagaimana.blogspot.com/
http://www.i-raka.com/
http://jemput-rizki.blogspot.com/
http://jingga.web.id/
http://manekutau.blogspot.com/
http://miaswari.blogspot.com/
http://www.mudaers.co.tv
http://putroweb.blogspot.com/
http://ratnarespati.com/
http://sikoemanakal.blogspot.com/
http://tidaro.blogspot.com/
http://top73.blogspot.com/
http://zykry-trick.blogspot.com/
http://www.garis-bawah.com/
http://kucritsbw.blogspot.com/
http://indrowicahyo.blogspot.com/
http://www.anisblog.info/
http://kocakgila.com/
http://ooyeez.blogspot.com/
http://oscarfirdaus.blogspot.com/
http://pabriktea.blogspot.com/
http://laukpauk.net/
http://zicoe1985.blogspot.com/
http://www.abdulkamil.com/
http://blogjuragan.blogspot.com/
http://saintsandsinners.us/
http://raiderhost.com/
http://petunjukbisnis.blogspot.com/
http://adabisnis.com/
http://gadiskeraton.blogspot.com/
http://arsdc.blogspot.com/
http://www.baladika.info/
http://www.rezafauzi.com/
http://numb3rblog.blogspot.com/
http://marsudiyanto.blogspot.com/
http://ruang-ihsan.blogspot.com/
http://blogsohib.com/
http://b1sn1sku.blogspot.com
http://fitri-alifah.blogspot.com/
http://friendbiz.blogspot.com/
http://bagaswaras.co.cc/
http://rohaditerate.blogspot.com/
http://galihrock.com/
http://movanugraha.info//
http://osfir.blogspot.com/
http://kurnia-one75.blogspot.com/

Nah, silahkan anda berkomentar sepuasnya di Daftar Blog Dofollow Pagerank Tinggi Update Terbaru 2013 ini, dan semoga juga anda lebih banyak mendapatkan backlink untuk meningkatkan pagerank blog anda, dan semoga juga anda mendapatkan backlink yang baik dan relevan.

Demikianlah postingani kali ini yang membahas tentang Daftar Blog Dofollow Pagerank Tinggi Update Terbaru 2013, semoga artikel ini dapat bermanfaat bagi kita semua, jangan lupa juga tinggalkan komentar anda, hehehe, sampai jumpa pada artikel yang akan datang, Wassalamualaikum.

Penempatan Kode

Minggu, 21 Juli 2013

Posted by Unknown