Monday, December 23, 2013

Cara Membua Mata Batin Kita [Siapkan Iman Terlebih Dahulu]

Cara Membua Mata Batin Kita [Siapkan Iman Terlebih Dahulu]



Malem, post kali ini saya akan share cara untuk membuka mata batin kita..
kalau kamu gak berani atau takut mending gak usah dicoba deh ,dari pada ntar jantungan dan mati ditempat :D , dan kalau sudah gak kuat ''lambaikan tangan'' yah ke kamera,hehe becanda.
oke, ini adalah bacaan yang digunakan dalam membuka mata batin:

A’udzubillahiminassayitonnirojim.
Bismillahirohmannirohiiim.
ya khobir ala ya,lamu man kholaqo wahuwal latiful khobir. 70x
laa tudrikuhul absoru wahuwa yudrikuhul absoro wahuwal latiful khobir 70x
allohuma ya bathinu,ya bathinu,ya bathinu. 300x
istigfar ............................(70x)
sholawat nabi ............................(70x)
al-fatihah .............................(1x)
al-ikhlas .............................(3x)
al-falaq ...............................(1x)
an-naas ..............................(1x)
ayat kursy .........................(10x)
syahadat ...........................(1x)
allohuma ya bathinu,berilah aku mu,jizat gahib dan karomah nya dari wirid yang akuamal kan ini ke dalam tubuh ku dan hatiku serta lindungilah aku dari kejahatan yang merusak. (1x)
laaillaha illalah berulang-ulang (lebih banyak lebih bagus)

ingat!! sebelum membaca ''bacaan'' diatas, sebaiknya anda adalah orang yang beriman,baik,dan bertakwa kepada Allah SWT. seperti berikut:

1.Membersihkan dan mensucikan hati serta pikiran.
Hal terpenting dalam ritual membuka mata batin kita adalah dengan membersihkan dan mensucikan hati dari sifat sifat duniawi seperti keserakahan, dengki, iri hati, dan sebagainya.
2.Memperdalam iman dan taqwa.
Iman adalah percaya kepada hal-hal yang tidak kita lihat, dalam hal ini kita dapat membuang daya khayal yang dapat mengganggu keyakinan kita terhadap hal-hal yang gaib, selain itu upayakan agar kita selalu dapat belajar dan memperdalam berbagai ilmu yang telah kita kuasai.

3.Sholat dan berzikir. 
Melakukan ibadah Sholat dan berzikir secara rutin akan mendekatkan diri kita kepada Tuhan sehingga batin kita akan menjadi bersih kembali.

4.Mendekatkan diri kepada Allah.
Hal keempat yang mutlak harus dilakukan dalam upaya cara membuka mata batin adalah dengan meningkatkan iman dan kecintaan kepada Allah, yaitu dalam artian mencintai Allah dari segala-galanya, serta selalu memohon pertolongan Allah, sekaligus Istikharoh, yaitu selalu meminta petunjuk kepada Allah .

oke sekian saja kali ini, saya harapkan anda tidak menyalahgunakan hal ini untuk berbuat hal-hal yang negatif sehingga menimbulkan dosa yang besar.

Source : http://www.abie46.com

Meta Tags Meningkatkan SEO Dahsyat MANTAP

Meta Tags Meningkatkan SEO Dahsyat MANTAP



Rafi Orilya Groups,-Oke kita ketemu lagi di posting kali ini.. yap seperti judul diatas kita akan membahas mengenai cara meningkatkan SEO dengan menggunakan META TAGS, oke sebelumnya bagi sobat ROG yang belum tau apa itu SEO, bisa baca-baca dulu di Pengertian SEO

Nah.. bagi yang ingin meningkatkan oprimasi search engine untuk web anda silahkan pasang meta tag dibawah ini dah edit sesuai dengan keterangan yang ada

Letakan pada Edit HTML
bagian dibawah <head>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/> | Isi Dengan Deskripsi Blog Kamu</title>
<meta content='Isi Dengan Keyword Blog Kamu' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pagfeName + &quot;, Keyword anda, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
<b:if cond='data:blog.homepageUrl == data:blog.url'><meta content='Isi Dengan Deskripsi Blog Kamu' name='description'/>
<meta content='Isi Dengan Keyword Blog Kamu' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
<meta content='Isi dengan Kode Vertifikasi Google Kamu' name='google-site-verification'/>
<meta content='Isi dengan Kode Vertifikasi Alexa Kamu' name='alexaVerifyID'/>
<meta content='Isi dengan Kode Vertifikasi Bing Kamu' name='msvalidate.01'/>
<meta content='index, follow' name='robots'/>
<meta content='2 days' name='revisit-after'/>
<meta content='general' name='rating'/>
<meta content='never' name='expires'/>
<meta content='id' http-equiv='Content-Language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='Nama Kamu' name='author'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='http://i.imgur.com/gmEEHrP.png' property='og:image'/>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
<meta content='Isi Dengan ID Fanspage Kamu' property='fb:app_id'/>
  <meta content='Isi Dengan ID Profil Facebook Kamu' property='fb:admins'/>
</b:if>

Keterangan

Tulisan Berwarna Merah sobat Isi dengan deskripsi blog Sobat.
Tulisan Berwarna Biru sobat isi dengan Keyword blog sobat.
Tulisan Berwarna Orange sobat bisa isi dengan Nama sobat.
Tulisan Berwarna KuningHijauBiru Muda sobat bisa isi dengan kode Vertifikasi.
Tulisan Berwarna Pink sobat bisa isi dengan ID Fanspage Sobat.
Tulisan Berwarna Cokelat sobat bisa isi dengan ID profil facebook sobat.

Perhatian!!! BAGI YANG AKAN MEMASANG META TAGS DIATAS BACA TERLEBIH DAHULU

Jika sudah ada meta tags yang ada silahkan hapus terlebih dahulu, atau diCUT dinotepad untuk mengembalikan jika tidak sesuai dengan harapan.
Jika tidak hapus KAMI TIDAK BERTANGGUNG JAWAB apa yang akan terjadi nantinya

Terima Kasih
Rafi Orilya Groups
by Rafi Aldiansyah Asikin

Pengertian SEO dan Golongannya [TEKNIK]

Pengertian SEO dan Golongannya 



Pengertian SEO atau Search Engine Optimization adalah suatu teknik untuk memaksimalkan suatu website agar lebih dikenal atau lebih mudah dibaca oleh search engine. Teknik SEO dilakukan melalui proses yang systematis artinya teknik seo harus mengikuti aturan-aturan yang berlaku pada suatu search engine tertentu yang menjadi rujukannya

1. Teknik SEOditerapkan pada suatu website dengan tujuan untukmeningkatkan jumlah pengunjung website tersebut. Banyak sekali faktor yang menentukan keberhasilan dalam SEO namun dapat di golongkan menjadi dua yaitu :

2. Onpage Optimazation yaitu teknik melakukan optimasi dari dalam suatu website dengan jalan memodifikasi faktor-faktor tertentu dari bagian suatu website misalkan menentukan title, tag, content yang relevan dengan title dan lain-lain

3. Offpage Optimazation yaitu teknik optimasi yang dilakukan dari luar bagian website dengan tetap mengacu pada alogaritma search engine tertentu misalkan memperbanyak backlink yang berkualitas


Teknik SEO bagi kebanyakan orang bisa terbilang sulit karena membutuhkan skill yang cukup dan tingkat kesabaran yang tinggi sedangkan hasilnya tidak dapat dilihat secara langsung. Selain itu metode search engine tertentu, untuk meng-index hasil pencarian juga sering berubah. Oleh karena itu SEO dapat dikatakan sangat dinamis karena metodenya berubah dari waktu ke waktu dan juga SEO tidak dapat memberikan jaminan apakah website Anda akan muncul dalam index pencarian teratas atau tidak

Membuat Navigasi Menu Model Kipas Lingkaran Efek Transisi

Membuat Navigasi Menu Model Kipas Lingkaran Efek Transisi



Rafi Orilya Groups,- Hello sob.. ketemu lagi dengan saya diposting terbaru kali ini. Semoga posting kali ini bisa bermanfaat buat kita semua yah. Salam blogger Indonesia..

Baiklah langsung saja ya, kali ini kita akan Membuat Navigasi Menu Model Kipas Lingkaran Efek Transisi, bagaimana caranya? Silahkan pasang saja script-script yang telah tersedia dibawah ini pastinya udah paham dikit-dikit dong. Untuk demonya bisa dilihat di => Rafi Orilya Portal

Buat pengetahuan aja kalau script CSS diletakan diatas ]]></b:skin>
Untuk script HTML terserah bisa diatas </body> atau dibawah <body> atau ditambah widget dll

Berikut script CSS
/* ===============================================================
copyright © zifana.com
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.menuHolder {width:100px; height:100px; margin:50px 0 250px 10px; position:relative; z-index:100;}
.menuHolder ul {padding:0; margin:0; list-style:none; position:absolute; left:0; top:0; width:0; height:0;}
.menuHolder ul li {border-radius:0 0 300px 0; width:0; height:0;}
.menuHolder ul li a {color:#000; text-decoration:none; font:bold 13px/30px arial, sans-serif; text-align:center; box-shadow:-5px 5px 5px rgba(0,0,0,0.4);
-webkit-transform-origin:0 0;
-moz-transform-origin:0 0;
-ms-transform-origin:0 0;
-o-transform-origin:0 0;
transform-origin:0 0;
}
.menuHolder ul.p1 li {position:absolute; left:0; top:0;}
.menuHolder ul.p2 {z-index:-1;}
.menuHolder ul.p3 {z-index:-1;}
.menuHolder li.s1 > a {position:absolute; display:block; width:100px; height:100px; background:#c8c8c8; border-radius:0 0 100px 0;}
.menuHolder li.s2 > a {position:absolute; display:block; width:100px; padding-left:100px; height:200px; background:#ddd; border-radius:0 0 200px 0;}
.menuHolder ul.p3 li a {position:absolute; display:block; width:100px; padding-left:200px; height:300px; background:#999; border-radius:0 0 300px 0;}
.menuHolder ul ul {
-webkit-transform-origin:0 0;
-moz-transform-origin:0 0;
-ms-transform-origin:0 0;
-o-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:rotate(90deg);
-moz-transform:rotateZ(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
-webkit-transition:1s;
-moz-transition:1s;
-ms-transition:1s;
-o-transition:1s;
transition:1s;
}
.menuHolder li.s2:nth-of-type(6) > a {background:#888;
-webkit-transform:rotate(75deg);
-moz-transform:rotateZ(75deg);
-ms-transform:rotate(75deg);
-o-transform:rotate(75deg);
transform:rotate(75deg);
}
.menuHolder li.s2:nth-of-type(5) > a {background:#999;
-webkit-transform:rotate(60deg);
-moz-transform:rotateZ(60deg);
-ms-transform:rotate(60deg);
-o-transform:rotate(60deg);
transform:rotate(60deg);
}
.menuHolder li.s2:nth-of-type(4) > a {background:#aaa;
-webkit-transform:rotate(45deg);
-moz-transform:rotateZ(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.menuHolder li.s2:nth-of-type(3) > a {background:#bbb;
-webkit-transform:rotate(30deg);
-moz-transform:rotateZ(30deg);
-ms-transform:rotate(30deg);
-o-transform:rotate(30deg);
transform:rotate(30deg);
}
.menuHolder li.s2:nth-of-type(2) > a {background:#ccc;
-webkit-transform:rotate(15deg);
-moz-transform:rotateZ(15deg);
-ms-transform:rotate(15deg);
-o-transform:rotate(15deg);
transform:rotate(15deg);
}

.menuHolder .a6 li:nth-of-type(6) > a {background:#444;
-webkit-transform:rotate(75deg);
-moz-transform:rotateZ(75deg);
-ms-transform:rotate(75deg);
-o-transform:rotate(75deg);
transform:rotate(75deg);
}
.menuHolder .a6 li:nth-of-type(5) > a {background:#555;
-webkit-transform:rotate(60deg);
-moz-transform:rotateZ(60deg);
-ms-transform:rotate(60deg);
-o-transform:rotate(60deg);
transform:rotate(60deg);
}
.menuHolder .a6 li:nth-of-type(4) > a {background:#666;
-webkit-transform:rotate(45deg);
-moz-transform:rotateZ(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.menuHolder .a6 li:nth-of-type(3) > a {background:#777;
-webkit-transform:rotate(30deg);
-moz-transform:rotateZ(30deg);
-ms-transform:rotate(30deg);
-o-transform:rotate(30deg);
transform:rotate(30deg);
}
.menuHolder .a6 li:nth-of-type(2) > a {background:#888;
-webkit-transform:rotate(15deg);
-moz-transform:rotateZ(15deg);
-ms-transform:rotate(15deg);
-o-transform:rotate(15deg);
transform:rotate(15deg);
}

.menuHolder .a5 li:nth-of-type(5) > a {background:#555;
-webkit-transform:rotate(72deg);
-moz-transform:rotateZ(72deg);
-ms-transform:rotate(72deg);
-o-transform:rotate(72deg);
transform:rotate(72deg);
}
.menuHolder .a5 li:nth-of-type(4) > a {background:#666;
-webkit-transform:rotate(54deg);
-moz-transform:rotateZ(54deg);
-ms-transform:rotate(54deg);
-o-transform:rotate(54deg);
transform:rotate(54deg);
}
.menuHolder .a5 li:nth-of-type(3) > a {background:#777;
-webkit-transform:rotate(36deg);
-moz-transform:rotateZ(36deg);
-ms-transform:rotate(36deg);
-o-transform:rotate(36deg);
transform:rotate(36deg);
}
.menuHolder .a5 li:nth-of-type(2) > a {background:#888;
-webkit-transform:rotate(18deg);
-moz-transform:rotateZ(18deg);
-ms-transform:rotate(18deg);
-o-transform:rotate(18deg);
transform:rotate(18deg);
}

.menuHolder .a3 li:nth-of-type(3) > a {background:#777;
-webkit-transform:rotate(60deg);
-moz-transform:rotateZ(60deg);
-ms-transform:rotate(60deg);
-o-transform:rotate(60deg);
transform:rotate(60deg);
}
.menuHolder .a3 li:nth-of-type(2) > a {background:#888;
-webkit-transform:rotate(30deg);
-moz-transform:rotateZ(30deg);
-ms-transform:rotate(30deg);
-o-transform:rotate(30deg);
transform:rotate(30deg);
}

.menuHolder li.s1:hover ul.p2 {
-webkit-transform:rotate(0deg);
-moz-transform:rotateZ(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
}
.menuHolder li.s2:hover ul.p3 {
-webkit-transform:rotate(0deg);
-moz-transform:rotateZ(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
}
.menuHolder ul li:hover > a {background:#f00; color:#fff;}
.menuHolder li.s2:hover > a {background:#d00; color:#fff;}
.menuHolder .a6 li:hover > a {background:#b00; color:#fff;}
.menuHolder .a5 li:hover > a {background:#b00; color:#fff;}
.menuHolder .a3 li:hover > a {background:#b00; color:#fff;}

.menuWindow {width:110px; height:110px; overflow:hidden; position:absolute; left:0; top:0; z-index:100;
-webkit-transition:0s 1s;
-moz-transition:0s 1s;
-ms-transition:0s 1s;
-o-transition:0s 1s;
transition:0s 1s;
}
.menuHolder:hover .menuWindow {width:310px; height:310px;
-webkit-transition:0s 0s;
-moz-transition:0s 0s;
-ms-transition:0s 0s;
-o-transition:0s 0s;
transition:0s 0s;
}
.menuHolder span {display:block;
-webkit-transform:rotate(5deg);
-moz-transform:rotateZ(5deg);
-ms-transform:rotate(5deg);
-o-transform:rotate(5deg);
transform:rotate(5deg);
}
.menuHolder ~ img.close {width:0; height:0; position:fixed; z-index:-1; left:0; top:0;}
.menuHolder:hover ~ img.close {width:100%; height:100%;}

Berikut script HTML

<div class="menuHolder"><div class="menuWindow">
<ul class="p1">
    <li class="s1"><a href="#url">Menu</a>
        <ul class="p2">
            <li class="s2"><a href="http://zifana.com"><span>Home</span></a></li>
            <li class="s2"><a href="#url"><span>Services</span></a>
                <ul class="p3 a3">
                    <li><a href="http://zifana.com">Printing</a></li>
                    <li><a href="http://zifana.com">Editing</a></li>
                    <li><a href="http://zifana.com">Storage</a></li>
                </ul>
            </li>
            <li class="s2"><a href="#url"><span>Contacts</span></a>
                <ul class="p3 a6">
                    <li><a href="http://zifana.com">Support</a></li>
                    <li><a href="http://zifana.com">Sales</a></li>
                    <li><a href="http://zifana.com">Buying</a></li>
                    <li><a href="http://zifana.com">Photographers</a></li>
                    <li><a href="http://zifana.com">Stockist</a></li>
                    <li><a href="http://zifana.com">General</a></li>
                </ul>
            </li>
            <li class="s2"><a href="#url"><span>Stores</span></a>
                <ul class="p3 a3">
                    <li><a href="http://zifana.com">South Region</a></li>
                    <li><a href="http://zifana.com">North Region</a></li>
                    <li><a href="http://zifana.com">Central Region</a></li>
                </ul>
            </li>
            <li class="s2"><a href="#url"><span>Contact Us</span></a>
                <ul class="p3 a3">
                    <li><a href="http://zifana.com">Email</a></li>
                    <li><a href="http://zifana.com">Post</a></li>
                    <li><a href="http://zifana.com">Telephone</a></li>
                </ul>
            </li>
            <li class="s2 b6"><a href="#url"><span>Sales</span></a>
                <ul class="p3 a5">
                    <li><a href="http://zifana.com">DSLR Cameras</a></li>
                    <li><a href="http://zifana.co">Lenses</a></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>
</div></div>
Yaps silahkahkan ubah tulisan yang berwarna hijau sesuai dengan kehendak anda, hehe..
Biar ngga terlalu panjang penjelasannya, jika error atau ada pertanyaan silahkan berkomentar saja yap, thank's

Terima Kasih
Rafi Orilya Groups
by Rafi Aldiansyah Asikin

Membuat Menu Navigasi Melayang Berlogo, Bertitle Keren Unik Terbaru

Membuat Menu Navigasi Melayang Berlogo, Bertitle Keren Unik Terbaru



Rafi Orilya Groups,-Hello sob sudah lama blog ini tidak terupdate kira-kira hampir 2 bulanan lebih nih. Saya mohon maaf soalnya banyak tugas yang belum diselesein, nah sekarang mumpung liburan saya akan update terus ini blog biar para sahabat ROG tetep setia berkunjung dan berkomentar oke.

Baik sekarang saya akan bahas Navigasi Melayang, mungkin melalui Search Engine sobat sudah sering mencari atau menemukan jenis-jenisnya yang bermacam-macam, namun kali ini saya akan mencoba share menu Navigasi Melayang versi ROG, bagi yang berminat silahkan pasang di blog sobat.
Untuk demo bisa dilihat diatas grup ini atau => Rafi Orilya Portal

Baik biar tidak terlalu lama mari kita ikuti langkah-langkahnya :

1. Login blogger
2. Dashboard
3. Template => Edit HTML
4. Kemudian copy dan masukkan kode dibawah ini diatas ]]></b:skin>
/* Top Menu 
----------------------------------------------- */
  #top-menuwrapper{background: white;height:60px;width:100%;position:fixed;top:0;left:0;z-index:999;overflow:hidden;border-bottom:3px solid #05BEFF}
  #top-menuwrap, #top-menuwrap2{width:90%;margin:0 auto}
#top-menu{width:100%}
#top-menu ul{list-style: none;width:100%;}
#top-menu ul li{float:right}
#top-menu ul li a{line-height:20px;padding:5px 0;margin-left:25px;color:#999;font-size:14px;text-transform:uppercase;display:block;text-decoration:none;}
#top-menu ul li a:hover{color:#c94e5c;}
.logo{float:left;font-family:'Montserrat', Oswald;font-size:160%;text-transform:uppercase;font-weight:300;}
#top-menu ul li a.current{color:#c94e5c}
.logo a{color:#fff;text-decoration:none;margin-top:-5px}
.logo a:hover{color:#fff;text-decoration:none}
.logo img{margin-top:0px;}

5. Masukkan kode dibawah ini diatas <body>

<div id='top-menuwrapper'>
<div id='top-menuwrap'>
<div id='top-menu'>
<ul>
<li><a href='http://rafi-orilya.blogspot.com/'>Blog</a></li>
<li><a href='http://rafi-orilya.blogspot.com/'>Contact</a></li>
<li><a href='http://rafi-orilya.blogspot.coml'>Home</a></li>
  </ul>
<div class='logo'>
<a href='/'><img alt='Go! Blog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuCoMgMO7n8ptTuux1Kx44wk2eCXwjfeUQyr9CysquVqoyYlunipi6XzGiYnhlPuk5zCp2xXvvDcyaR6EuQi94R-e8qZCWnCX_xEk0BioODX6vsX9iBpD_fxkytNYS1i-aeyFITrkR9ge_/s1600/SI5.png'/></a>
</div>
</div>
</div>
</div>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuCoMgMO7n8ptTuux1Kx44wk2eCXwjfeUQyr9CysquVqoyYlunipi6XzGiYnhlPuk5zCp2xXvvDcyaR6EuQi94R-e8qZCWnCX_xEk0BioODX6vsX9iBpD_fxkytNYS1i-aeyFITrkR9ge_/s1600/SI5.png
Silahkan sobat ubah yang berwarna hijau dan kuning sesuai dengan keinginan sobat.
Baiklah selesai sudah perjalanan kita, haha..
Biar ngga panjang penjelasannya, jika ada error silahkan komentar saja yah sob.
Okey thanks

Terima Kasih
Rafi Orilya Groups
by Rafi Aldiansyah Asikin

Monday, October 28, 2013

5 Jenis Judul Artikel Yang Menarik Pembaca Blog (Plus Ide Merancangnya)






Tujuan menulis artikel - apapun, termasuk tujuan menulis artikel blog - adalah menyampaikan isi pikiran, ide, gagasan, pengaruh, wacana, dan beragam lainnya. Salah satu tolok ukur keberhasilan yang paling mudah dilihat adalah jumlah pembaca atau berapa kali artikel karya anda dibaca. Nah berapakah angka yang anda target? Ratusan? Ribuan? Atau bahkan jutaan? Tentu merupakan pertanyaan klise,

Wednesday, October 23, 2013

Cara Membuat Tabel HTML via MS Word & Memindahkan ke Posting Blog







Membuat tabel dalam format HTML memang gampang-gampang susah. Selain dibutuhkan ketelitian saat membuatnya secara manual, juga perlu perhatian lebih terhadap desainnya. Dulu, lebih dari 2 tahun yang lalu, saya pernah menyajikan tips membuat tabel HTML mudah di blog menggunakan online tool untuk mempermudah proses penyusunan tabel. Tapi dalam hal desain (layout, CSS), butuh usaha ekstra

Thursday, October 17, 2013

5 Situs Terbaik untuk Belajar HTML & CSS Bagi Blogger Pemula




HTML intinya adalah elemen/struktur web, dan CSS adalah "penghias" serta penyusun layout hingga sebuah halaman web memiliki interface yang unik dan indah. Jika anda adalah blogger pemula, baik dalam konteks baru saja membangun blog, atau bagi anda yang mulai risih dengan berbagai kode-kode yang belum dimengerti padahal harus berurusan dengan utak-atik template, inilah saatnya anda mulai

Wednesday, September 18, 2013

Cara Perbaiki dan Redirect Broken Link (404) untuk SEO Blogger


Baru saja saya tadi berdiskusi dengan sobat Yudi di FB soal redirect. Kebetulan pula, saya ingin mendiskusikan mengenai broken link pada blog Blogger. Jadi pada kesempatan ini, sekalian deh saya post mengenai masalah broken link yang biasa kita temui di Google Webmaster Tools, dan bagaimana memperbaikinya agar SEO blog anda tidak merosot.



Apa itu Broken Link?



Broken link adalah link yang

Sunday, September 15, 2013

Cara Cek Artikel yang Dicopas (Duplikat) Dengan Kueri Google




Sebagai seorang blogger sekaligus pencipta konten (artikel blog), anda memiliki berbagai resiko atas konten tersebut, salah satunya adalah duplikasi atau penggandaan artikel anda ke halaman web/blog lain (dengan kata lain: copas [copy-paste]). Banyak sobat blogger yang bertanya tentang cara saya menemukan blog yang memuat ulang artikel saya. Apakah ada alat khusus? Apakah ada alat otomatis? Ya

Sunday, August 11, 2013

Cara Mencari Kode Tertentu di Edit HTML (Template) Blogger




Saya masih sering mendapatkan pertanyaan basic mengenai bagaimana cara mencari kode menggunakan Blogger HTML Editor baru (yang dirilis sejak April 2013 lalu). Pada posting tersebut, saya membahas beberapa perubahan dan apa yang membedakannya dengan HTML editor lama, tapi memang tidak menjelaskannya secara terperinci dengan asumsi bahwa fitur-fitur baru itu bisa dieksplorasi dengan mudah. Namun

Friday, August 9, 2013

15 Tips Menulis Artikel SEO Friendly Ala Seorang Blogger






Kualitas SEO sebuah blog tidak hanya ditentukan oleh template, pemilihan keyword global, atau link building berkualitas, meskipun pada akhirnya poin-poin tersebut sama pentingnya; namun bisa saya bilang semua itu akan sia-sia jika kita tidak memikirkan konten, atau dalam hal ini, artikel blog. Artikel blog adalah menu utama, yang harus dipikirkan terlebih dahulu melebihi yang lainnya.

Thursday, August 1, 2013

Membuat Tampilan Iklan Google Adsense Responsif (CSS Media Queries)




Masih bicara masalah responsive nih, ceritanya. Karena sekarang sudah jamannya responsif, maka Google akhirnya secara resmi mengeluarkan satu fitur baru lagi sebagai salah satu opsi/pilihan kode yang bisa di set di dashboard Google Adsense. Beberapa waktu lalu, Google meluncurkan asynchronous code untuk memperbaiki performa website yang menampilkan iklan Adsense, iklan tampil lebih cepat dan

Monday, June 10, 2013

Tentang rel="nofollow" dan Salah Kaprah rel="dofollow"




Salah satu elemen HTML yang paling banyak memiliki atribut adalah tag a (). Dua tahun yang lalu saya pernah menyinggung sedikit beberapa atribut link di dalam HTML Link dan Atribut-atribut Pentingnya. Selain atribut-atribut esensial seperti href, title, target, dan rel, ada  atribut lain, yang juga bisa digunakan di berbagai tag HTML, seperti id, class, dan style (untuk menyatakan CSS/
auto insurance, auto insurance quotes, auto insurance companies, auto insurance florida, auto insurance quotes online, auto insurance america, auto insurance comparison, auto insurance reviews, auto insurance calculator, auto insurance score, auto insurance quotes, auto insurance companies, auto insurance florida, auto insurance quotes online, auto insurance america, auto insurance comparison, auto insurance reviews, auto insurance calculator, auto insurance score, auto insurance ratings

Follow us on Facebook :P

Blogger news