Tutorial Blogger: Blogger

Showing posts with label Blogger. Show all posts

Download Template Blogspot SEO Friendly Terbaru

Monday, April 1, 2013

Free Download Template SEO Friendly Terbaru 2013 untuk Blogspot,

Berikut List Template Super SEO Friendly Terbaru 2013 yang tak ada salahnya untuk di coba pemirsa,

1. Mbah Qopet Template

Download Template Blogspot SEO Friendly Mbah Qopet

Fitur :
Tag Heading
Meta Tag
Posting 2 kolom di homepage
Sidebar sebelah kanan
Footer 3 kolom
Breadcrumbs
Rich Snippets Rating
Widget sebelah header
Menu Lavalamp
Google CSE
Artikel terkait
Widget share Sosial Media
Auto Readmore tanpa Javascript
Threaded Comments

Download Mbah Qopet Template atau Mirror Mbah Qopet Template
Password : mbahqopet.blogspot.com

2. Temlpate SEO Friendly Mbah Qopet Template 2

Download Template Blogspot SEO Friendly Mbah Qopet V2

Fitur :
Tag Heading
Meta Tag
Posting 2 kolom di homepage
Sidebar sebelah kanan
Footer 4 kolom
Breadcrumbs
Rich Snippets Rating
Menu
Kotak Pencarian
Artikel terkait
Widget share Sosial Media
Auto Readmore tanpa Javascript
Threaded Comments

Download Temlpate SEO Friendly Mbah Qopet Template 2 atau MIROR Template SEO Friednly Mbah Qopet Template 2

Untuk DEMO Template SEO Friendly Mbah Qopet Template 2 atau MIRROR Demo Template SEO Friendly Mbah Qopet Template 2

Referensi >

http://mbahqopet.blogspot.com/2012/06/mbah-qopet-template.html

http://mbahqopet.blogspot.com/2012/07/MbahQopet2.html

Sunday, March 31, 2013

Apa Penyebab No data Sites Linking In pada ALEXA Rank ??

Apa Penyebab No data pada ALEXA Rank ??

Sesuai dengan judul di atas Penyebab No data Sites Linking In ALEXA disini saya akan memberitau sedikit tentang Alexa Rank,

Apa Alexa Traffic Rank itu ?

dan Apa Kegunaan Alexa Traffic Rank ?

Alexa Traffic Rank adalah Sebuah peringkat yang di berikan oleh Alexa kepada sebuah blog atau sebagai cerminan Traffic dari pengunjung Blognya sendiri, dimana yang Traffic Alexa Ranknya semakin kecil maka Sebuah blog atau website itu akan semakin bagus, dan juga sebaliknya, apabila Traffic Alexa sebuah blog semakin besar. artinya traffic pengunjung blog itu pun kurang bagus,

Alexa Traffic Rank setelah 3 Bulan pembuatan Blog atau website yang menggunakan Alexa Traffic sebagai sumber data traffic blog atau websitenya, yang artinya jika umur blog atau website belum sampai 3 bulan maka akan mendapatkan hal semacam in, (Blog saya juga) hehe. jadi yang perlu kita lakukan hanya terus bersabar dan berdo'a serta rajin blogwalking sesama blogger, dan sering berkomentar di blog lain,

Sama seperti Blognya Kamar Sebelah ini,
Blog Kamar Sebelah di buat tepat pada tanggal 17 Maret 2013 dan sampai pada Artikel ini ditulis tanggal 01 April 2013 Linking In ALEXA Traffic Blog Kamar sebelah masih NO Data, hehehe

Mungkin dengan keterangan tentang Penyebab No data Sites Linking In ALEXA yang sangat sinkat ini kita sudah paham dan bisa untuk mengatasinya, saya berharap begitu hehe.

dan untuk siapa saja yang ingin me-Review Alexa Traffic blognya Kamar Sebelah silahkan Sobat Klik Link ini, silahkan sobat login dengan Akun Alexa sobat, atau bisa juga menggunakan Facebook, dan isilah Reviewes yang membangun untuk kami, dan jangan lupa bagi siapa saja sobat blogger yang sudah merivew Blog Kamar Sebelah agar mengkinfirmasikannya ke kami, bisa tinggalkan komentarnya di bawah dan kami akan Me-Review Alexa Traffic Blognya sobat, Terima Kasih, salam Blogger :))

Tuesday, March 26, 2013

Tutorial Mendapatkan Site Links In

Berjuta cara Tips dan Trik untuk menjadikan blog Kita SEO Friendly, di postingan sebelumnya kita sudah membahas cara Mendapatkan Ribuan Backlink dari situs - situs yang berkualitas, dan disini saya akan menjelaskan bagaimana cara mendapatkan site links in untuk menaikkan pagerank dengan cepat, sebelumnya saya tidak percaya dengan cara menaikkan pagerank dengan cepat ini, tapi setelah sering search kesana kemari dan sudah banyak teman-teman yang menerapkan cara ini dan ternyata terbukti, woow banget ya :D
ok, langsung saja pada intinya cara menaikkan pagerank dengan cepat ini sangat mudah, cukup dengan mengcopy link dibawah ini dan dengan syarat anda harus menghapus link pada peringkat 1 dari daftar, lalu pindahkan yang tadinya nomor 2 menjadi nomor 1, nomor 3 menjadi nomor 2, nomor 4 menjadi nomor 3, dan seterusnya dan yang terakhir nomor 10 adalah link blog anda,.dan INGAT, URUTANNYA JANGAN SAMPAI TERBALIK, selanjutnya tinggal mengajak teman anda untuk mengikuti cara ini (kayak setan) serta sebarkan cara ini ke banyak Situs Jejaring Sosial anda.

Keterangan

Jika anda mampu mengajak lima orang saja untuk mengcopy artikel ini maka jumlah backlink yang akan didapat adalah:

Posisi 10, jumlah backlink = 1
Posisi 9, jumlah backlink = 5
Posisi 8, jumlah backlink = 25
Posisi 7, jumlah backlink = 125
Posisi 6, jumlah backlink = 625
Posisi 5, jumlah backlink = 3,125
Posisi 4, jumlah backlink =15,625
Posisi 3, jumlah backlink = 78,125
Posisi 2, jumlah backlink = 390,625
Posisi 1, jumlah backlink = 1,953,125

Dan nama dari alamat blog dapat dimasukan kata kunci yang anda inginkan yang juga dapat menarik perhatian untuk segera diklik. Dari sisi SEO anda sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung downline mengklik link anda maka anda juga mendapat traffic tambahan.

referensi : http://om-dayz.blogspot.com/2011/07/tutorial-mendapatkan-site-links-in.html

Monday, March 25, 2013

Dulu saya sempat bertanya - tanya bagaimana Cara Membuat Rating Blog Di Google, dengan penuh semangat saya browsing kesana kemari dan akhirnya bisa juga.

Membuat Rating Blog Kita sendiri selain bisa menarik perhatian orang lain untuk mengunjungi blog kita juga bisa mempengaruhi terhadap SEO dan juga posisi Blog yang terindex di Search Engine, berikut tampilan Blog yang Menggunakan Rating Blog Di Google

dan berikut Langkah - Langkah Untuk Cara Membuat Rating Blog Di Google

Pertama Anda musti membuat account Google Plus (saya rasa sudah punya semua)
Ok.. saya anggap saja sudah punya walaupun belum punya, selanjutnya silahkan login ke blog anda, dan pilih menu Edit HTML, jangan lupa centang Expand Template Widget,
Selanjutnya anda letakkan kode ini di antara kode kode ini tepat di bawah kode <head>

<link href='https://plus.google.com/118184199095015237287' rel='author'/>

Kalau sudah silahkan anda save template anda. Note : yang berwarna merah ganti dengan ID Google Plus Anda.

Selanjutnya silahkan anda cari kode ini post-title entry-title
dan anda akan menemukan kode kira-kira seperti ini <h2 class='post-title entry-title'> <div class='small-comment'>

gunakan Ctrl+F untuk mempermudah pencarian, dan jika sudah ketemu letakkan kode ini tepat di atas kode tadi, <span itemprop='itemreviewed'><span itemprop='description'>
dan akan menjadi seperti ini,

<span itemprop='itemreviewed'><span itemprop='description'>
<h2 class='post-title entry-title'> <div class='small-comment'><a expr:href='data:post.addCommentUrl'><data:post.numComments/></a><div class='small-comment div'/></div>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</span></span>
</b:if>

Jangan Lupa menambahkan kode </span></span> seprti kode di atas,
Template anda bisa jadi berbeda dengan template saya, silahkan di sesuaikan saja. dan jika sudah silahkan anda simpan Template anda dulu,

Lanjut.. silahkan anda cari kode <data:post.body/>
dan letakkan kode berikut di bawah kode <data:post.body/>

Description: <span itemprop="description"><data:post.title></data:post.title></span>
Rating: <span itemprop="rating">3.5</span>
Reviewer: <span itemprop="reviewer"><data:post.author></data:post.author></span>
ItemReviewed: <span itemprop="itemreviewed"><data:post.title></data:post.title></span>

atau juga bisa di tempat lain antara kode <body> dan </body>

dan jika sudah selesai save template anda, selanjutnya anda harus melakukan verifikasipada Author Blog anda yang menggunakan Profil Google Plus anda tadi dan silahkan edit Profil Google plus anda,
caranya bisa masuk ke sini https://www.google.com/settings/privacy
dan Klik Edit Visibility on Profil,
carilah menu LINKS dan klik edit,

pada menu Contributor to silahkan anda isi Nama Judul Blog Anda dan Alamat Blog Anda,
lihat gambar untuk lebih jelas.

jika sudah selesai, silahkan Save.
untuk melihat hasilnya silahkan masuk ke url ini http://www.google.com/webmasters/tools/richsnippets

silahkan masukkan url Blog anda, dan jika berhasil maka tampilannya akan seperti tampilan saya di atas.

dan selesai sudah artikel kita bagaiman Cara Membuat Rating Blog Di Google, jika ada yang kurang mengerti silahkan tinggalkan komentarnya di bawah, terima kasih :)

Saturday, March 23, 2013

Mungkin sahabat semua sudah tidak heran lagi dengan kata - kata Google Adsense, dan disini saya tidak akan menjelaskan Apa itu Google Adsense, mungkin di lain kesempatan, hehehe

Dari sahabat-sahabat semua yang sudah pernah mencoba mendaftar di Google Adsense dan Hasilnya di Tolak atau di Pending dan setelah di coba untuk mendaftar dengan akun atau email yang sama ternyata pihak Google Adsense sendiri menolak, kita tidak tau apa alasannya, yang jelas kemungkinan karena email kita sudah terdaftar sebelumnya,

Nah disini sahabat semua tidak usah putus asa, "Banyak Jalan menuju Roma" itu istilahnya, saya akan jelaskan cara Ganti Email Untuk Daftar Google Adsense lagi, silahkan di simak ya ...

Pertama - tama sahabat harus menambahkan email baru dari google (@gmail.com) pada akun Blogspot anda, ingat email yang di tambahkan harus email yang belum pernah di pakai untuk mendaftar di Google Adsense sebelumnya, jika belum punya silahkan buat email baru dulu,
Untuk mempersingkat waktu saya anggap anda sudah memenuhi persyaratan di atas, ok

Langkah pertama adalah menambahkan Autor Blog kita dengan email yang baru anda buat, caranya cari menu Setting >> Basic dan menu Permissions Blog Author, silahkan anda tambah dengan email anda tadi.

Selanjutnya anda akan dikirim sebuah email vertifikasi ke email yang anda tambahkan sebelumnya, dan silahkan klik link yang di berikan untuk mengkonfirmasinya. dan email baru anda otomatis akan jadi Author pada blog anda tadi.
Langkah selanjutnya silahkan anda login kembali menggunakan email Asli anda (email pertama) dan ubahlah posisi Author menjadi Admin,

dan jangan lupa untuk di save. selanjutnya beres.. Penambahan email baru anda sudah siap (tepuk tangan).

Untuk Mendaftar Google Adsense saya rasa tidak begitu sulit, namun agar akun kita bisa di konfir itu yang sulit, berikut cara mendaftar di Google adsense,
Pertama - tama silahkan anda login ke Blogger dengan menggunakan email yang baru anda tambahkan tadi, setelah login ke blogger dan setelah login silahkan ganti bahasa ke Bahasa inggris (English) setelah selesai di dashbor klik menu Earning dan klik Get Started dan silahkan isikan data-data anda.

Cuma tinggal klik - klik doang om / mbak :D

Nah selanjutnya tinggal menunggu pihak dari Google Adsense menyetujui lamaran Anda, hehe.. seperti saya sebutkan tadi di atas Cara mendaftar Google Adsense Itu sangat mudah, hanya saja menunggu dan menunggu itu yang susah, sekian tutorial cupu dari saya Kamar Sebelah, banyak salah mohon di maafkan, terima kasih :)

Thursday, March 21, 2013

Sesuai dengan judul Template SEO Om-Dayz Cloned, Template Ini sangat SEO Friendly,

Template ini memiliki fitur sebagai berikut
1. SEO Friendly
2. Fast Loading
3. Elegant
4. 2 Column Post
5. Without Sidebar
6. 2 Column Footer Widget
7. Loading Animation
8. Dark
9. etc. .......

Berikut penampakannya :

Silahkan Download Template SEO Om-Dayz Cloned di sini : Download Atau Mirrornya Disini !
Untuk Demo Template SEO Om-Dayz Cloned lihat di Sini Demo

Sumber : http://www.cyber4rt.com/2013/03/om-dayz-cloned-template.html,
http://www.hack4rt.us/2013/03/om-dayz-cloned-template.html?m=1

Keyword : Template SEO Om-Dayz Cloned, Template SEO, Free Template, Free SEO Template, Template SEO terbaru, SEO Friendly Template

Monday, January 14, 2013

Cara Mudah Membuat Scrool di Komentar - Cara Paling Mudah membuat Scrool kotak di komentar blog. Related Post adalah sebuah list artikel lainnya yang bisa dibaca oleh pengunjung blog ketika sudah membaca satu artikel, biasanya berada dibawah postingan. Related post ini biasanya diset untuk menemukan artikel sejenis dari label yang di buat oleh admin blog. berikut ini tips Cara Mudah Membuat Scrool di Komentar.

Cara Mudah Membuat Scrool di Komentar

Pertama silahkan Login ke blog Anda kemudian masuklah ke Edit HTML.

Setelahnya silahkan Centang Expand Widget

Ketiga tekan ctrl+f kemudian ketik <data:post.body/>, jika ada 2 pilih saja yang atas.

Setelah itu Copykan script Scrool Komentar ini di Atas cara ketiga tadi.

<b:if cond='data:blog.pageType == "item"'>
<br/>
<br/>
<H2>Related Post:</H2>
<div class='rscr'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('albri').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

Untuk tulisan yang berwarna merah bisa Anda sesuaikan.

Langkah berikutnya ini adalah menempatkan code CSS, cari ]]></b:skin> lalu copy script berikut diatas code tersebut.

.rscr{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rscr:hover{background-color: rgb(255, 255, 255);}

Setelahnya silahkan Save template Anda.

Monday, December 31, 2012

Tutorial Cara Membuat Animasi Gear Berputar dengan CSS - Tutorial mudah bagaimana cara membuat animasi gear yang berputar memanfaatkan script dan code CSS. Anda perlu Upload sebuah image misalnnya sebuah Gambar gear untuk membuatnya.

Misalnya menggunakan Gambar diatas untuk dibuat berputar, anda bisa mencari gambar lainya dan dikombinasikan sehingga putarannya bisa seperti berantai.

Berikut ini script Membuat Animasi Gear Berputar CSS

HTML

<div class="gear" id="gear1"></div>

CSS

/* CSS3 keyframes aregnoz.blogspot.com */
@-webkit-keyframes ckw {
0% {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes ckw {
0% {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes cckw {
0% {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
100% {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
}
@-moz-keyframes cckw {
0% {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
100% {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
}
/* gears aregnoz.blogspot.com*/
.gear {
float: none;
position: absolute;
text-align: center;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;
}
#gear1 {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwsfg3XfQWDQHxcmBRPmNGzsNzEGTWmvPmH3f3O-XhopK5RCP5OuXgLMWniYzX16rEGWNznrZRJQ2e5T3g6zxnsX3G1p45CfkA-2VswhGTWoOapwDbc36OtNkJJM9DNS7SM6XBtBMcQDDu/s1600/gear.png') no-repeat 0 0;
height: 130px;
left:10px;
top: 10px;
width: 130px;
-moz-animation-name: cckw;
-moz-animation-duration: 16.84s;
-webkit-animation-name: cckw;
-webkit-animation-duration: 16.84s;
}

Information !!! Tulisan dengan Background Merah silahkan Anda ganti dengan link Gambar Anda.

Selamat Mencoba.

Saturday, June 30, 2012

Membuat Tooltip dengan CSS Manual - Tooltip Otomatis dengan CSS sebenarnya juga tidak sulit kita buat hanya saja sekarang saya masih ingin memposting Membuat Tooltip dengan CSS Manual Aregnoz Blog, Sharing Your Imagination.

Script HTML

<a class="tooltip" href="#">Test Demo <span>Blog tutorial CSS dan HTML 5</span></a>

Script Class

a.tooltip {
position:relative;
color:#cf2c2c;
text-decoration:none;
}
a.tooltip span {
padding:5px 10px;
background:#555;
border:1px solid #555;
min-width:140px;
position:absolute;
top:5px;
left:5px;
color:#FFF;
text-align:center;
opacity:0;
-moz-transition: opacity 1s ease,top 1s ease;
-webkit-transition: opacity 1s ease,top 1s ease;
-o-transition:opacity 1s ease,top 1s ease;
transition: opacity 1s ease,top 1s ease;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
font-weight:bold;
}
a.tooltip span:before {
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #555;
z-index:5;
content: " ";
position:absolute;
top:-7px;
left:11%;
}
a.tooltip span:after {
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #555;
display:block;
content: " ";
position:absolute;
top:-8px;
left:11%;
}
a.tooltip:hover span {
opacity:1;
top:25px;

Tooltip ini bekerja secara manual namun sangat ringan sekali dan lebih variatif dibandingkan dengan kebanyakan tooltip yang sudah ada dan umum sekali.

Monday, June 25, 2012

Jasa Maintenance Blog Gratis

Jasa Maintenance Blog Gratis - Jasa Desain Blog dan Pembenahan Blog Gratis 2012 saya dedikasikan untuk keluarga saya yang telah memberikan saya motivasi dan saling tolong menolong kepada sesama. Bagi Anda yang berminat dengan penawaran saya untuk Jasa Maintenance Blog Gratis ini silahkan Contact saya.

Jasa Maintenance Blog Gratis ini benar-benar gratis Free 90% yang 10% biaya Kopi Om, hee... dan bukan saya menyombongkan diri atau apalah, hanya saja jika memang benar-benar butuh saya akan memberikan jasa maintenance gratis ini. Hanya untuk sekedar berbagi sedikit ilmu yang sudah saya pelajari selama ini, jadi tetep keep positif thinking gan.

Tidak semua yang request akan saya layani, hanya yang benar-benar niat menurut saya pribadi dan benar-benar butuh saja. Fasilitas meliputi redesign dan penataan tata letak serta pemilihan warna yang mungkin bisa disesuaikan dengan keinginan yang request.

Jasa Maintenance Blog Gratis ini sepenuhnya saya dedikasikan untuk keluarga saya dan sahabat-sahabat saya yang terus mendukungku dalam segala keadaan. Thanks a lot of my family and All my friends.

Contact Me : Effand [085649905055]
Personal Blog : Mas Effand

Periode : experied 30 November 2012
++++++++++++++++++++++++++++++++++++++++++++++++++

Friday, June 22, 2012

Triks Membuat Cursor Bertabur Bintang - Cara membuat Cursor bertabur bintang saat digerakkan ini adalah cara agar Cursor kita selalu bertaburan Bintang ketika di gerakkan. Cara ini biasanya untuk menghias blog yang mempunyai warna-warna gelap atau selain putih karena akan terlihat lebih bagus dalam keadaan gelap.

Anda bisa mensetting Warna bintang nya dengan mengganti kode warna dalam script Javascript dibawah ini yang diberi warna berbeda.

Triks Membuat Cursor Bertabur Bintang dengan menggunakan script javascript ini bisa anda langsung praktekan sekarang juga dengan menaruh script dibawah ini di atas </head>

<script type='text/javascript'>
// <![CDATA[
var colour="#FFFFFF"; /*ganti dengan warna sesukamu*/
var sparkles=40;
/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

Setelah anda copy diatas </head> silahkan save template dan lihat hasilnya.

Thursday, May 17, 2012

Membuat Blog Responsive Untuk Video ~ Cara agar Blog Responsive ini adalah cara agar blog kita bisa menjadi responsive tampil memanjang ketika dibuka di beberapa device yang berbeda. Dari beberapa cara yang ada di blog master responsive saya mengambil sedikit script khusu untuk saya copy disini agar saya juga bisa menggunakan jika butuh.

Membuat Blog Responsive Untuk Video Bisa membuat blog kita akan tampil dinamis ketika dibuka di browser lain dan juga device lain.

Script berikut ini khusus untuk responsive Video

Embed Script

.video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

Anda bisa mencopy script diatas dan menaruhnya diatas ]]></b:skin>
Oke, sekedar share untuk Membuat Blog Responsive Untuk Video.

Friday, April 13, 2012

Configure Meta Tag pada Blog

Memasang Meta Tag Dasar - Configure Metatags Meta Tag dasar, untuk optimasi blog Anda. Setiap Blog perlu Optimasi pada Meta Tag untuk membuat Blog cepat terindex di Search engine.

"All our Template comes with Seo Optimized tags to Configure it, Search bellow lines in template and configure to your own! Place below <head>"
"Penempatannya dibawah <head>"

Pasanglah konfigurasi meta tag dasar tersebut jika memang benar-benar anda masih awam. Namun jika sudak mengerti struktur yang lebih baik dan rumit maka kembangkanlah cara Memasang Meta Tag Dasar

Your Blog Description here! with your Blog Description

Your Keywords here! with your Blog Keywords

Author Name here! with Your Name

Author Email Address here! with Your Email Address

Ok, sekian tutorial sederhana tentang Cara Memasang Meta Tag Dasar

Good Luck Boss..

How to Install Custom Template in Blogger Blog

How to Install Custom Template in Blogger Blog - Bahasa Indonesia (Cara menginstal Template Blog pada Blogger). Berikut ini adalah panduan untuk menginstal Template Blog pada Blogger, mungkin bagi sebagian orang ini adalah hal biasa namun bagi yang benar-benar masih belajar mungkin akan berguna.

Silahkan ikuti panduan berikut ini, cara menginstal Template Blog pada Blogger.

How to Install Custom Template in Blogger Blog
1. Download Custom Template File in Format Zip (or) Rar & Extract it!
2. Go to Blogger Dashboard > Design Tab

3. Click on Edit HTML tab

4. Click Download Full Template to Backup your Old Template(Important!)

5. Click on Browse button

6. Select the XML template file Extracted from Zip (or) Rar and click Open button

7. Click On Upload button

8. Keep Widgets Option, Click on KEEP WIDGETS Button.

9. Template Successfully uploaded!

Oke selesai Tutorial Cara menginstal Template Blog pada Blogger.

Friday, March 30, 2012

Jasa Design Blog 2012 GRATIS, untuk Instansi/ pribadi/ usaha ataupun badan sekolah dll. Jasa Design Blog 2012 GRATIS Kami menerima jasa design blog dengan konten-konten yang baik dan sesuai anjuran master seo. Dengan cara yang cukup simple dan Mudah anda dapat memiliki Web Blog yang sudah Support SEO. GRATIS Konsultasi.

Kami yang bernaung di bawah Art Media Nozh Group menyediakan berbagai macam paket untuk anda, sehingga tidak menguras kantong anda. Hebatnya lagi kami berikan bonus untuk maintenance selama 3 Bulan free/GRATIS. Dengan berbagai pengalaman kami didunia Blog dan team yang selalu mengembangkan ide-ide baru, Jasa Design Blog 2012 GRATIS, Design kami juga kami perlebar tidak hanya pada web Blog saja teapi meliputi Design Foto, Design Video, Design Banner dan Masih banyak lagi.

Kami juga menyediakan jasa untuk Pembuatan Design Sertifikat atau Banner acara anda. Jasa Design Blog 2012 GRATIS, solusi usaha Anda.

Semuanya Kami kemas hanya dengan Harga yang Spektakuler bahkan kami sediakan Jasa Design Blog 2012 GRATIS, dengan syarat dan ketentuan yang berlaku.

Informasi silahkan langsung Hub : 085649905055 ~ effand

Pelayanan dan Kualitas Jaminan Kami.

Tuesday, March 20, 2012

Meta Tag Title SEO Friendly

Aregnoz Blog, Karena permintaan dari teman saya untuk membuat atau yang lebih benar adalah memposting trik-trik SEO, maka pada kesempatan kali ini saya akan mencoba membagikan rahasia saya dalam mendapatkan Meta Tag dari google. Title SEO atau Biasanya Meta Tag.

Sebenarnya cara Meta Tag Title SEO Friendly ini adalah hasil dari beberapa template yang support SEO friendly dan akhirnya terkumpul selanjutnya sebagai bahan semangat untuk agan2 yang baru membuat Blog.

Dengan demikian SEO itu sangat lah penting bagi anda yang mempunya website. Kita harus sedikit mengotak-atik dan mencoba beberapa menunya. Karena sudah janji maka saya akan tampilkan Meta Tag Title SEO Friendly

Selamat sejauh ini anda sudah bisa melihat blog anda dengan meta tag yang cukup friendly, untuk pengembangan akan kita bahas selanjutnya. Silahkan dikembangkan Meta Tag Title SEO Friendly sesuai kebutuhan agan2 masing2.

Semoga berhasil.. Tunggu sekitar seminggu dan lihat hasilnya.

Sunday, July 24, 2011

Membuat Link Berkedip Di Blog
Aregnoz Blog - Berikut ini adalah contoh atau cara membuat setiap link di blog anda jika mendapat area dari cursor maka akan menjadi berkedip berganti warna pelangi.

Silahkan anda ikuti langka-langkahnya yang sangat simple dibawah ini :
1. Silahkan Anda log in di blog anda
2. Masuk tab rancangan (untuk template lama) kemudian pilih edit html
3. Masuk Tempalte (untuk template baru) kemudian pilih edit html
4. Kemudian cari <body> agar lebih cpat gunakan ctrl+f dan tulis <body>
5. Letakkan kode dibawah ini diatas kode <body>

<script src='http://hbhost.googlecode.com/files/rainbow-link.js'/>

Sampai disini sudah selesai, dan jangan lupa save template anda.

Monday, July 11, 2011

Menghilangkan Gambar Obeng dan Tang di Blog

Menghilangkan Gambar Obeng dan Tang di Blog ~ Aregnoz Tutorial - Ketika kita baru membuat blog atau baru mengganti template blog biasanya kita jumpai gambar obeng dan tang yang bersilang.

Jika anda ingin menghapusnya / menghilangkannya ikuti langkah-langkahnya sebagai berikut.

Silahkan Ikuti langkah Menghilangkan Gambar Obeng dan Tang di Blog :

1. Masuk atau login ke blogger kamu
2. Masuk ke tata letak --> Edit html --> centang kolom expand widget template
3. carai kode ini
]]></b:skin>

4. copy n paste kode dibawah ini tepat diatas kode nomer 3 tersebut

.quickedit{
display:none;
}

5. Save template anda.

Semoga bermanfaat bagi anda.

Friday, October 2, 2009

Title Blog SEO | SEO Tutorial

Title SEO adalah salah satu trik agar blog kita terindeks paling atas saat searc di google. Berikut ini adalah title Blog seo yang sudah saya coba dan hasilnya mantab gan.

Monggo di terapkan di Blog anda.
<head>

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

<b:if cond='data:blog.url == data:blog.homepageUrl'>

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

</b:if>

<b:skin><![CDATA[

Copy script yang berwarna Kuning di bawah <head> dan di atas <b:skin><![CDATA[

Terakhir, Jangan lupa save template anda.

Thursday, August 27, 2009

Cara memasang Youtube di Blog ~ Youtube adalah salah satu website penyedia content video terbesar di seluruh dunia. Berikut ini saya sharekan bagaimana cara memasang youtube di blog kesayangan kita. tidak terlalu sulit untuk memasangnya.

Caranya sebagai berikut :

1. Masuk/log in blogger

2. Pilih tab Rancangan

3. Kemudian Add gadget

4. kemudian copykan scrip ini

<embedwidth="420" height="345"
src="http://www.youtube.com/v/XGSy3_Czz8k"
type="application/x-shockwave-flash"></embed>

5. Tulisan berwarna putih, ganti dengan link/embed dari youtube.

Save, dan lihat hasilnya.
Semoga berhasil.