Pentingnya Belajar CSS, PHP, dan HTML

Berikut ini adalah pengetahuan dasar tentang SEO,  CSS, PHP dan HTML. Bagi para blogger pemula mungkin mereka tidak terlalu memikirkan hal tersebut karena kebanayak orang belum paham tentang apa itu CSS, PHP, dan HTML (ini sih pengalaman pribadi shad hehe).
Agar hal ini tidak terulang lagi bagi para blogger pemula maka shad sangat merekomendasikan untuk belajar CSS, PHP dan HTML mulai dari sekarang. Lebih cepat lebih baik, bagi anda yang menganggap sudah terlambat Untuk Belajar CSS, PHP dan HTML maka Buang jauh-jauh pemikiran tersebut dari pikiran anda. Karena nggak ada kata terlambat men untuk belajar.

Biar sobat gak malas-malasan dalam belajar CSS, PHP dan HTML berikut shad kasi sedikit tips dan trik nya.
Pentingnya Belajar CSS, PHP dan HTML.
1. Pikirkan jika sobat udah mengusai CSS maka sobat bisa membuat tampilan blog/website sobat sesuka hati sobat tanpa perlu bertanya-tanya bagaimana cara buat ini-cara buat itu ke orang lain.
2. Ini dia nih salah satu ilmu yang gak kalah penting untuk dikuasain, bayangkan jika sodah bisa menguasai PHP sobat bisa otak-atik SEO On Page di Blog sobat seperti salah satu contohnya adalah sobat bisa membuat tag H1 yg dinamis antara homepage dan single post.
3. Untuk HTML ane yakin sobat udah menguasai ilmunya karena HTML bukan hanya berada di template tapi juga udah sangat sering sobat temukan di Postingan jadi saya yakin ini sudah menjadi makanan sehari-hari sobat blogger.

Gimana sob? asik kan kalo sobat udah menguasai CSS, PHP, dan HTML.
Artikel ini adalah pengalaman pribadi dari shad yang baru menyadari Pentingnya Belajar CSS, PHP, dan HTML bagi pemula seperti ane. huh nyesel deeh gk blajar dari dulu.

SHADACTIVITY TOOL - PARSE HTML

sans-serif; font-size: large;">SHADACTIVITY TOOLS - PARSE HTML

masukkan script kode HTML kedalam kotak dibawah ini kemudian klik "PARSE"

Cara Membuat Blockquote Keren

Seperti pada judul artikel ini kali ini shadactivity akan berbagi cara membuat Blockquote Keren seperti yang saat ini shad pakai untuk blog shadactiviy ini.
Sebenarnya gk keren-keren banget sih tapi kebetulan blockquote nya cocok bg m blog shad ini jadi menurut shad ini adalah Blockquote Keren xixixi :p
oke langsung saja tanpa basa-basi lagi berikut Demo dan Cara Membuat Blockquote Keren:





Seperti biasa masuk ke blog sobat, pilih template - edit html - jangan lupa Expand Template Widget - terus cari lalu pastekan kode dibawah ini tepat diatas ]]></b:skin>

.post blockquote {
margin-left: 15px;
padding: 5px 5px 5px 10px;
background: #d3dde6;
border: #ada171 solid 1px;
font: normal 12px/14px Monaco, Monospace;
border-left: #8b85a1 solid 5px;
position: relative
}
blockquote[rel] {
padding-top: 25px;
}
blockquote:hover {background:#84929f; color:#000000;}
blockquote[rel]::before {
content: attr(rel);
font: bold 12px/22px Arial, Sans-Serif;
color: white;
background-color: #8b85a1;
padding: 0 10px;
position: absolute;
top: 0;
right: 0;
left: 0;
}

Keterangan:
Warna Merah: Background
Warna Biru: Background saat di hover
Warna Hijau: Tulisan saat di hover
Warna Orange: Background Judul

Untuk Judul tinggal sobat tambahkan rel="Judul Blockquote" pada menu html, ntar jadi nya begini:
<blockquote class="tr_bq" rel="Cara Membuat Blockquote Keren">

Tinggal diotak-atik aja dah sesuai keinginan sobat aau sesuai template yang sobat pakai.
kalo belum jelas silahkan tinggalkan komentar ya, kalo sudah jelas jangan lupa like nya :)

Perbedaan Domain dan Hosting ala nubi

Dalam topik kali ini shad ingin menjelaskan sedikit mengenai Perbedaan Domain dan Hosting karena sampai sekarang masih banyak nubi seperti ane yang gk tau apa bedanya domain dan hosting maka disini shad akan membuat perumpaan ala nubi agar sobat sesama nubi bisa mengerti tentang Domain dan Hosting.
Bagi sobat yang udah lama mengeluti dunia blogging mungkin domain dan hosting sudah menjadi makanan mereka sehari-hari tapi karena artikel ini khusus untuk nubi jadi buat para master tolong di koreksi aja ya hihi ;D

okay langsung saja tanpa basa-basi lagi kita langsung menuju pada topik utama kita mengenai Domain dan Hosting.
saya akan memberi beberapa perumpaan mengenai domain dan hosting agar anda mudah mengerti apa itu domain dan apa itu hosting.

1. Domain dan Hosting = Mobil dan Tempat Parkir.
Anggap saja domain sebagai mobil dan hosting sebagai garasinya. maksudnya begini:
ketika sedang mengendarai mobil anda adalah supir/pemilik mobil(Admin Domain) tersebut dan anda binggung dimanakah saya harus parkir mobil(Parkir domain di hosting mana).
Sobat udah ada gambaran belum tentang Domain dan Hosting?

2. Domain dan Hosting = Anak kos dan Kos-kosan nya.
Anggap saja domain sebagai Anak kos sedangkan hosting sebagai kos-kosan nya. maksudnya begini:
Anda adalah seorang anak kos(Anda sebagai Domain) yg sedang mencari kos-kosan(kos-kosan adalah hosting) yang aman, nyaman, dan harga terjangkau.
Gimana apakah sobat udah ada gambaran tentang domain dan hosting??
kalau belum saya berikan satu gambaran lagi.

3. Domain dan Hosting = Guru dan Sekolah.
Anggap domain sebagai Guru dan Hosting adalah Sekolah. maksudnya begini:
Seorang Guru(domain) ingin mengajar di sekolah yang berkualitas, memiliki kapasitas murid yang banyak, dan tentunya memiliki keamanan yang baik(dalam kasus ini sekolah tersebut adalah hosting yg memiliki bandwidth/kasitas besar dan reputasi yang bagus)
Seperti itulah kira-kira gambaran mengenai Domain dan Hosting.

Maaf seperti judul pada artikel ini "Perbedaan Domain dan Hosting ala nubi" maka saya hanya bisa menjelaskan apa yang saya ketahui tentang domain dan hosting sebagai seorang nubi. Saya harap dengan beberapa gambaran diatas sobat udah bisa mengerti sendiri tentang apa itu domain dan hosting.
Jangan lupa dilike ya kalo artikel kali bermanfaat buat sobat :)

Cara membuat Tombol Share Button Berputar

Kali ini shad akan berbagi sedikit mengenai Cara membuat Tombol Share Button Berputar seperti pada blog SHADACTIVITY ini.
bagi sobat blogger yang belum tau Cara membuat Tombol Share Button Berputar silahkan liat tutorial Cara membuat Tombol Share Button Berputar di bawah ini.

Bagaimana Cara membuat Tombol Share Button Berputar :
Langkah pertama
1.    Login ke blogger> Desain> Edit HTML> Expand Widget Templates.
Cari kode berikut pada template Anda: (ctrl + f)

<data:post.body/>

2.    Tepat di bawahnya tambahkan kode berikut ini:  

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

<div class='spinning_icons'>

<a class='twitter' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank' title='Twitter'>Twitter</a>

<a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Delicious'>Delicious</a>

<a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg'>Digg</a>

<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Facebook'>Facebook</a>

<a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Stumbleupon'>Stumbleupon</a>

<a class='rss' href='http://feeds.feedburner.com/ShadActivity' target='_blank' title='RSS'>RSS</a>

</div>

</b:if>

3.    Ganti  http://feeds.feedburner.com/ShadActivity dengan username feedburner Anda, kemudian cari kode ini:

]]></b:skin>

4.    Tepat di atas kode tersebut di atas tambahkan kode di bawah ini:

.spinning_icons a{
    width:48px;
    height:48px;
    display:inline-block;
    text-indent:-9999em;
    background-position:0 0;
    background-repeat:no-repeat;
    z-index:2000;
    overflow:hidden;
}
.twitter{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmJdECaRQgt64b93MIUEBvY1PXMvg68xLknk6o2hINY94xnfAhepQW5CFzNkV6uBDeB1FsMZWUgMopbWbnvY94KkeZiQas6_DC5_a1kxql3qkZP-5JXMmIK4UxbtihEvsWnrBBEmjZW88/s1600/twitter_32.png'); }
.delicious{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWLP3EMGjRE5fKERObOnV6yrE7hsv009HARGYklPfr6ve6qdOJUE7tEeEkjKVaqZis3xxLu94DgRm8oOz7XkXx6wrdbuRubf0qw7NUiQkTpucoQv1rjZeb-Gp9gjjm6lau8sZ-8rNhbYk/s1600/delicious_32.png'); }
.digg{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1oB0oewYdGO4dZq0tWgahBGtGX6Lm4drzHc0uCewnfQ5v8XL6ytA4fK3OyxkhSwRXFBP9KGYk7qB0rmu2Cm2NjMbzA57DS8JW8tMhl6MNleA1ysx5O1zWbcEamwrgobLQv8MdUGqsmO8/s1600/digg_32.png'); }
.facebook{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf5QIbPnrx6hHcZ7TZPAz4C0p9Ymh50Pz0oQC5R64xUbiBCOVnjpqECeYJ_2xkisGYlOu5Y2N5pWhMWwELUZAIfzseuP9Cuu60UpcbqgZmI4jIACpcipBiCUaV4vAkJwQe6tD0S0Oeqdg/s1600/facebook_32.png'); }
.rss{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPG7ztXMFkp-Rjac9etZ-gKEUgRKDKBvzzccm7U0ETqRtfrJO-F2R8itGHZsx67EVD6IoY-lC1CEpxhwoUsmnrDl911Q4akyj0togRlcugB_qCLoDIn4VCE9JprvHPy_T6dYD4Ho2FROk/s1600/rss_32.png'); }
.stumbleupon{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMQOvHiKjljK5lVZ3fxMJsvtCyuXb67Mg-7o08OMdD8gehmN1ntYuZCPSmaBQv_ZDOx3xXE8j6ABDeaB7VDSy7TlNbyiB_ICeMMOeuqUxLOlfCzvDsbw-NdSvjCgoJbGtoPUAnT6LkU1E/s1600/stumbleupon_32.png'); }
.spinning_icons a:hover{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    transition: transform 0.5s ease-out;
    -webkit-transition: -webkit-transform 0.5s ease-out;
        -moz-transition: -moz-transform 0.5s ease-out;
}

Demo nya bisa sobat lihat di blog SHADACTIVITY ini sendiri


sekian Cara membuat Tombol Share Button Berputar kalo ada yang belum berhasil silahkan tinggalkan komentar agar saya bisa koreksi Tombol Share Button yang anda buat.


Jangan lupa di like ya kalo artikel ini bermanfaat :)

Cara menambah follower blog

Dikesempatan kali ini shad akan mencoba menulis artikel tentang cara menambah follower blog.
sebelum membaca artikel ini silahkan baca juga Cara mendapatkan like halaman facebook dengan cepat.
untuk cara menambah follower blog kali ini akan kita bukan dengan cara yang instan tapi dengan cara blog walking.
cara nya gini:
follow blog shadactivity, lalu tinggalkan komentar untuk followback blog sobat agar shadactivity langsung memfollow blog sobat.

agar Cara menambah follower blog ini bekerja dengan sempurna, segera copas artikel ini lalu posting di blog sobat agar pengunjung yang membaca artikel ini akan segera mengikuti langkah" Cara menambah follower blog dan follower blog sobatpun akan semakin banyak yang follow.
sekian Cara menambah follower blog dari shadactivity.
jangan lupa like facebook, follow twitter, dan follow blog shadactivity maka shad pun akan langsung melaksanakan kewajiban untuk follback blog sobat.
seboga Cara menambah follower blog ini bermanfaat :)