diandiki blogspot

Cara Membuat Tombol Share Sendiri

2014-03-16T12:12:00.000+07:00

Bagi anda yang bingung untuk membuat atau memilih tombol shere yang banyak dibagikan oleh para blogger lainnya, kali ini saya akan membagi ilmu pengetahuan baru saya bagaimana cara memasang tombol share sendiri.

Apa Keuntungannya:

1. Anda akan lebih sedikit lebih mengerti mbagaimana cara meramu kode pemograman
2. Like yang sudah ada sebelumnya, jika anda mengganti template, like sebelumnya akan tetap masih ada, karena tombol, shere ini tersimpan dalam social profile anda sendiri.
3. Anda bisa meletakkna dimana saja tombol tersebut
4. Anda bisa memilih bermacam jenis tombol yang di tawarkan oleh social profile tersebut.
5. Dan masih banyak keuntungan lainnya yang bisa anda temukan nantinya.

Tahap Pertama:

1. anda masuk ke developers masing-masing social profile, ini dia developer nya:

Facebook : https://developers.facebook.com/docs/plugins/like-button
Twitter : https://about.twitter.com/resources/buttons#tweet
Google + : https://developers.google.com/+/web/share/
Pinterest : https://developers.pinterest.com/pin_it/

2. Silahkan pilih yang mana jenis tombol shere yang anda inginkan, contoh tombol share facebook:

silahkan anda pilih sesuai yang anda inginkan
URL to like bisa anda kosongkan
Layout bisa anda pilih sesuka anda
setelah itu silahkan klik get kode

3. Anda lakukan hal yang sama kepeda social profile lainnya:
4. anda kumpulkan kode tersebut di note pad
5. Anda bisa mengatur kode tersebut seperti kode di bawah ini:

<b>Share This Articel :</b>

<br />
<div class="fb-like" data-href="http://bermacamfakta.blogspot.com" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div>
<a href="https://twitter.com/share" class="twitter-share-button" data-via="ErdianRahmana" data-lang="id" data-related="ErdianRahmana" data-hashtags="bermacamfakta">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<script type="text/javascript" src="https://apis.google.com/js/platform.js">
{lang: 'id'}
</script>
<div class="g-plus" data-action="share" data-annotation="bubble"></div>
<a href="http://www.pinterest.com/pin/create/button/
        ?url=http%3A%2F%2Fwww.flickr.com%2Fphotos%2Fkentbrew%2F6851755809%2F
        &media=http%3A%2F%2Ffarm8.staticflickr.com%2F7027%2F6851755809_df5b2051c9_z.jpg
        &description=Next%20stop%3A%20Pinterest"
        data-pin-do="buttonPin"
        data-pin-config="above">
        <img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" />
    </a>

Ket:

Warna biru : facebook
warna orange : twitter
Warna hijau : google +
warna ungu : pinterest

Tahap Kedua

1. Anda biasa meletakkan kode itu dimana saja dengan cara kode tata letak-> tambah widget--> HTML/ java scrip, pate kan kode tersebut , simpan dan letakkan kode tersebut di mana anda suka

2. Atau ndengan cara masuk ke template --> edit HTML
jika anda ingin memasang di bawah judul postingan anda bisa meletakkannya di bawah
<div class='post-header-line-1'/>
Jika anda ingin memasang di bawah postingan bisa anda paste di bawah kode
<data:post.body/>

3. Simpan dan lihat hasilnya

Untuk demo anda bisa melihat gambar di bawah ini :

Atau lihat langsung demonya :

DEMO

Cara memindahkan posting blog dari blog lama ke blog baru ( ekspor impor blog)

2014-01-19T00:12:00.001+07:00

Barusan saya sudah melakukan ekspor impor blog dan sekarang saya akan share bagaimana caranya untuk ekspor impor postinagn blog. ekspor impor blog adalah cara untuk memindahkan seluruh postingan kita yang berada pada blog yang lama ke blog yang baru kita buat, dalam hal memindahkan postinagan ini semau yang ada pada postingan tersebut akan pindah ke blog baru termasu komentar yang ada pada postingan itu,

Baiklah langsung saja saya akan memberikan bagaimana caranya untuk eksport impor blog :

Cara Pertama:
1. login ke blog lama anda terlebih dahulu
2. masuk ke menu setelan --> lainnya
3. Lalu pilih ekspor blog, dan download filenya
4. biasanya file yang akan kita down load dalam bentuk xml

Cara Kedua
1. Login ke blog barua anda
2. Masuk ke menu setelan --> lainnya --> impor blog
3. Klik browser lalu pilah file yang anda download tadi
4. Masukkan kode capcha pada kolom yang tersedia
5 . Klik Impor blog
6. Selesai

Sekarang anda lihat hasilnya semua yang ada pada blog sebelumnya akan ada pada blog baru anda, tenang ... postinagn anda yang ada pada blog lama anda tidak akn hilang, postinagan tersebut akan tetap ada di dlam blog tersebut,..

Cara Membuat Navigasi Breadcrumbs Terdetiksi Google di Blog

2013-12-27T10:15:00.000+07:00

Navigasi Breadcrumbs berfungsi untuk melihat di mana kita meletakkan artkel kita tersebut jika kita meletakkan artikel kita di label widget maka kita akan melihat denah diman kita letakkan artikel tersebut.

Kali ini saya akan shere Navigasi yang terdetiksi oleh google, Lalau apa kelebihannya ??? jika kita memasang Navigasi yang terdetiksi oleh google maka google akan mudah mencari blog kita , dan blog kita pun akan mendapat banyak pengunjung..

Baiklah begini cara nya :

1. Login ke blogger >> Template >> edit HTML
2. Cari kode ]]></b:skin> dan pastekan kode di bawah ini di atas kode tersebut

.breadcrumbs { padding:5px 5px 5px 0; margin: 0 0 5px; font-size:inherit; font-family: Georgia, trebuchet ms, Verdana; line-height: 1.4em; border-bottom:4px double #000000; }

3. Cari kode berikut:

<b:include data='top' name='status-message'/>

4. Pastekan kode di bawah ini di atas kode di atas jika kode tersebut ada dua maka pastekan kode tersebut di atas kedua kode

<b:include data='posts' name='breadcrumb'/>

5. Cari kode <b:include id='main' var='top'>
6. Pastekan kode di bawah ini di atas kode tersebut

<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == "static_page"'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div> <b:else/> <b:if cond='data:blog.pageType == "item"'>  <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'> <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == "true"'> » <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span> </b:if> </b:loop> » <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'>  <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span> <b:else/> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span> </b:if></div></b:if></b:if> </b:if> </b:if> </b:if> </b:includable>

7. Simpan
8. sekarang kita tinggal mengecek hasilnya di sini http://www.google.com/webmasters/tools/richsnippets

9. tinggal masukkan salah satu postingan anda jika gambarnya sudah seperti berarti itu berhasil :

Cara Membuat Penanda Postingan Baru di Blog

2013-12-27T09:54:00.000+07:00

Haii Sobat New diandiki dah lama nih nggak upload kali ini saya mau shere tentang cara penanda bagaimana cara melihat postingan baru dan postingan lama, ini sangat berfunsi bagi pengunjung blog anda untuk melihat bagaimanakah cara menentukan ini postingan lama atau ini postingan baru.

Kali ini saya minta maaf bahwa saya tidak bisa memberikan demo yang bagus , walaupun begitu hasil yang dihasilkan oleh widget kali cukup memuaskan,untuk demonya anda bisa melihatnya di sini : Demo

Nah kali ini langsung aja kita lihat caranya

1. yang pasti login dulu ke blogger
2. Template > Edit HTML

3. Cari Kode </head>
letakkan kode di bawah ini di atas kode tersebut:

<style>.post{position:relative;}</style>

4. cari kode

<div class='post hentry'>

5. Lalu paste kode di bawah ini di bawah kode tersebut

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.isFirstPost'> 
<span style='display:block;position: absolute;top: -4px;right: -4px;margin: 0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGzm1lFLwSdxHBZ_5qoDIXT2On8AWHF2CkTgm2rpKxvW0FawEzNxxti8lEOXY63U3RYiVUCRYsAdu0hwbm4qMwj9Nhrr4y2LPsLBP-fc0-Gq-Ssbo9IIW5xFQmbN0qAxdMKdrzd-6m2Q/s56/New-Ribbon-By-EXEIdeas.png);width: 56px;height: 56px;'/>
<b:else/>
<span style='display:block;position: absolute;top: -4px;right: -4px;margin: 0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji9sUovxoMGYTxTP3_S3V1SBtteBdvZuuUy45B4q3shE9J9YzYvBrNqxe0tikNoTxDT5l_dWqMmP-5RLaqPW7xV2fueX_xS98adiddJsjrvlDtkCzp7RHlgOF_0-6aMRoRbDW_IoXkCQ/s56/Old-Ribbon-By-EXEIdeas.png);width: 56px;height: 56px;'/> 
</b:if></b:if></b:if>

Ket : Kode yang saya shere kali ini adalah kode yang menujukkan pita hanya di layar homepege saja , jika anda ingin pita juga berada pada layar postingan anda bisa menghapus tanda merah di atas.

6. simnpan, dan lihatlah hasilnya ....

Cara Membuat Efek Foto Bergetar

2013-11-06T19:32:00.000+07:00

Efek-efek menarikpada gambar tentu bisa membuat blog kita menjadi lebih bagus, efek yang kali ini saya shere adalah efek foto bergetar. Bergetar, jika kita letakkan kursor ke gambar tersebut maka gambar akan bergoyang ke memutar, keren bukan ??

Untuk contoh gambar dibawah ini bisa anda jadikan contoh, letakkan kursor di pada gambar dibawah ini, dan lihatlah hasilnya.

Baiklah begini caranya :

Caranya:

1. anda masuk ke blogger
2. tata letak--> tambah gadget --> copy paste kode dibawah ini :

<style type="text/css">
.img_OW{
position:relative
}
</style>
<script src="http://otowebsite.googlecode.com/files/Getar.js.txt" type="text/javascript"></script>
<a href="http://newdiandiki.blogspot.com/" target="blank"> <img class="img_OW" onclick="top.focus()" onmouseout="stoprattle(this);top.focus()" onmouseover="init(this);rattleimage()" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Gv8TcxeSZWLPSZk0hwWr9nI0Mrgd9FyYiQPDYLfzh22twBnF8WfDq0ugEoReopQrwANSOMcJbd31rkTmqVGLx03bMVf_aFzpwH-aImqKrkdX2PNYY2zjE_qX0UJ3POZV7JX6COB35GU/s640/Pemandangan_Air+Terjun_plitvice.jpg" /></a>

Ket :

Warna Merah anda tukar dengan alamt yang dituju jika di klik
Warna Hijau anda tukar dengan URL foto yang ingin di tampilkan

3. Simpan

<<<<Widget ini bisa anda jadi kan widget di sidebar ataupun dilatakkan ke dalam postingan >>>

Membuat Cursor Menjadi Bertaburan Bintang

2013-11-06T19:14:00.000+07:00

kursor kita akan lebih keren jika ada bindang yang bertaburan ketika kursor di gerakkan, semakin banyak kita mengerakkan kursor kita maka semakin banyak pulah bintang yang bertaburan, bagaimana keren kan ??

Untuk Contoh anda bisa lihat gambar di atas atau melihat demonya

Demo

Baiklah begini caranya :

1. Masuk ke blog
2. tata letak
3. Tambah gadget
4. HTML/ java scrip
5. Copy paste kode di bawah ini

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-hijau.js" type="text/javascript"></script>

Ket :

Warna merah bisa anda ubah dengan warna kesukaan anda yang ada di bawah ini :

merah,
ungu,
silver,
kuning,
hitam
biru

6. ^ ___ ^ Simpan :)

Cara Mendaftar Google Adsense Melalui Blogger

2013-11-06T18:59:00.000+07:00

Jika kita ingin blog kita bisa menghasilkan uang maka kita tentunya harus memasang iklan di blog kita, jadi untuk memudahkan kita mencari iklan , kita bisa memakai CPC (cost per clik) google adsense di blog kita, lalu bagaimana cara mendaftar melalui blogger.

Jika kita tidak menggunakan blogger kita bisa langsung mendaftar di Google Adsense, tapi bagi anda yang memakai blogger anda harus mendaftar terlebih dahulu melalui blogger.

Baiklah saya akan menunjukkan caranya :

Caranya

1. Anda harus masuk ke blogger terlebih dahulu
2. Pilih menu Setelan --> bahasa dan pemformatan
3. Lalu ubah bahasa menjadi bahasa inggris, pilih salah satu antar , Bahasa inggris (inggris)/ bahasa inggris (amerika )
4. Simpan Setelan, lalu Refresh

5. Setelah anda reffresh akan ada menu baru yaitu menu penghasilan
6. Lalu Pilih Daftar adsense
7. Silahkan anda masukkan email anda
8. Lalu anda selesaikan tahap -tahap berikutnya
10 setelah anda menyelesaikan tahapnya maka anda tinggal menunggu email yang dikirim oleh google adsense, apakah diterima atau di tolak , jika diterima, saya ucapkan SELAMAT. Jikan anda belum di terima, jangan menyerah dan tetap berusaha memenuhi apa yang di inginkan oleh google adsense.

Selamat mencoba :)

Cara Membuat Klik Kanan Tidak Berfungsi di Blog

2013-11-05T11:26:00.000+07:00

Jika kita benar-benar mengisi blog kita dengan tulisan sendiri (artikel asli buatan kita ) tentu kita tidak ingin artikel kita di copas 100 % tanpa memberi link asli pembuatnya. Lalu bagaimana cara mengatasi nya??

Sebenarnya sangat banyak cara mengatasi nya dengan cara memblokir artikal yang mengcopas artikel kita, memperingati orang yang mengcopas artikel kita agar mencantumkan link asli, membuat anti klik kanan, dan masih banyak lagi. Kali ini saya akan menunjukkan cara membuat anti klik kanan di blog kita.

Baiklah begini caranya

1. Login ke blog anda masing - masing
2. Pilih tata letak --> tambah gadet --> HTML/javascrip

3. Copy paste kode di bawah ini

<SCRIPT language=JavaScript>

    var message = "function disabled";
    function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){     alert(message); return false; }
    if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) {     alert(message);     return false; } }
    document.onmousedown = rtclickcheck;
</SCRIPT>

4. Simpan Dan selesai

Silahkan di coba

Cara Membuat Efek Love Bertaburan di Blog

2013-10-22T18:40:00.000+07:00

Widget kali ini sangat unik karena widget ini bisa menghasilkan banyak love ( hati ) dari atas blog kita, sehingga membentuk hati yang bertaburan, widget ini bisa mempercantik blog kita sehingga enek di lihat oleh mata pengunjung, Proses terjatuh nya love ini di awali dengan jatuhnya yang lambat dan hingga ke bawah jatuh love ini semakin cepat unik kan ...

Jika anda ingin demonya anda bisa di lihat demonya di bawah ini :

Demo

Jika anda sangat tertarik widget ini selahkan ikuti cara berikut

Cara Memasang:

1. Pertama anda harus masuk ke blog anda
2. Masuk ke Template --> edit HTML
3. Cari kode ini </body> untuk memudahkan anda silahkan menggunakan Ctrl + F
4. Copy code di bawah ini di atas kode </body>

<script src='http://wadah-tutorial.googlecode.com/files/hearts.js' type='text/javascript'/>

5. Pratinjau terlebih dahulu, setelah sesuai dengan keinginan anda lalu kita
6. Simpan

Cara membuat recent coment (komentar terbaru) di blog.

2013-10-22T18:04:00.000+07:00

Cara memasang recent coment di blog ~ Widget ini sangat di butuhkan di blog kita, untuk memudahkan pengunjung ataupun kita untuk melihat berbagai macam komentar yang baru saja di kirim oleh pengunujung. Recent coment yang saya bagikan kali ini dilengkapi oleh thumbnail ( gambar ) orang yang mengirimkan komentar tersebut, sehingga kita lebih mengenal orang yang mengirimnya, selain itu masih banyak kelebihan recent coment yang kali ini.

Cara memasang :

1. tentunya anda harus login terlebih dahulu ko blog anda.
2. anda pergi ke tata letak --> tambah widget --> HTML java scrip.

3. Lalu anda copy paste code di bawah ini:

<div style="overflow:auto;width:100%;">
<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: none;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 100,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://tipstrikblogging.googlecode.com/files/RecentComment-W-Gravatar.js"></script>
<script type="text/javascript" src="http://diandiki.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=6"></script>
</div>

Ket:

Warna Hijau anda tukar dengan jumlah recent post yang anda inginkan
Warna Merah = digunakan untuk mengunakan gambar atau tidak, jika tidak menggunakan gambar anda tukar kode di atas dengan false
Warna Orange di tukar untuk ukuran gambar
Warna kuning di tukar dengan nama blog anda

4. Jika semua Proses di atas selesai silahkan anda klik tombol simpan
5. Dan selesai :)

Cara membuat email di Gmail

2013-10-22T17:18:00.000+07:00

Yang sama-sama kita ketahui mengirim surat melalui pos kini tidaklah zamannya.
Biasanya kita mengirim pesan atau surat, ke teman ,ke keluarga, biasanya menggunakan SMS.. Dan pernahkah anda mendengar kata-kata e-mail?? Pasti nya iya... Dan sudah punya kah anda aku akun e-mail gmail?? jika belum mari ikuti tautan berikut..
Layayanan yang menyidiaka email sangatlah bayak diantaranya yahoo ,gmail dan masih banyak lainnya. Dan kini kita akan membahas tentang cara membuat email di gmail
Gmail adalah sebuah aplikasi keluaran google yang menyediakan e-mail (surat elektronik), yang memiliki fungsi untuk saling mengirim surat.
Berikut beberapa keuntungan email gmail yang saya ketahui:
1. Keuntungan email pada umumnya adalah gratis.

2. untuk gmail kita akan mendapatkan kapasitas menyimpan surat sebanyak 15 GB
3. Gmail mampu mncegah pesan-pesan yang tidak diinginkan(spam) dengan ketat.
4. Dengan google kita dapat mendaftar di situs-situs yang dikeluarkan oleh google seperti blogger, google +.
5.dll.
Setiap kita mendaftar di situs-situs seperti jejaring sosial (facebook, twitter, google+, dll) situs tersebut meminta kita untuk mengisi email. Gunanya adalah, jika akun jejaring sosial kita di blokir, atau lupa password, jejaring sosial tersebut akan mengirim konfirmasinya ke email.

OK kini kita akan mempelajari tahap-tahap pembuat email gmail.:
1. pertama anda harus masuk ke gmail.com atau bisa mengklik nya langsung disini
akan keluar gambar tamplan seperti ini.

2. Anda klik buat akun di atas bagian kanan.
akan redapat formulir seperti di bawah ini

3.Anda isi formulir tersebut.

5.Lalu anda klik saya menyetujui, dan kilk langkah berikutnya.

6.Yang terakhir klik lanjutkan ke gmail.
7. akan tampak halan kotak masuk. dipertama pembuatan gmail anda akan mendapatkan 3 kotak masuk,
Kotak masuk tersebut berisi tentang cara menukar latar belakang silahkan dibaca..

kalau ada yang belum mengerti anda bisa mengirim email ini email saya: rahmana502@gmail.com
Tunggu ya postingan selanjutnya...

Cara Mendapatkan URL Fedd Burner

2013-09-16T23:13:00.000+07:00

Ada teman saya yang bertanya apa itu feed burner. Dari pada saya jelasin panjang lebar, mending saya upload aja artikel ini walaupun sudah malam tapi saya akan tetap berusaha meng share info menarik .

Kegunaan

Kegunaan dari feed burner adalah : jika kita tapilkan gadget feed burner di blog kita maka orang yang meng sumbit emailnya akan selalu terhubung di blog kita. Contoh anda bisa coba di side bar saya follow by email, anda masukkan e-mail anda di situ lalu anda sumbit. maka di email anda akan ada artikel dari blog saya terkirim ke e-mail anda. Jadi fungsinya adalah berlanggan artikel blog melalui e-mai.

Cara Mendapatkan URL

cara mendapatkan url / link feed burner:

1. Login ke blog anda
2. Pilih menu tata letak --> tambah gadget --> pilih ikuti lewat email

3. Maka anda akan melihat kotak di bawah ini

4. Judul bisa anda edit dengan judul gadget anda
5. URL Feed burner adalah URL yang kita pakai nanti untuk feed bunner kita,
6. Setelah kita simpan maka URL Feed Burner kiat akan berfungsi

Setelah berfungsi bisa kita coba , dan bisa juga kita pasang di gadget lainnya contoh bisa kitapasang di gadget Cara Membuat Widget Social Media Melayang dan Tersembunyi
7. Selelsai

Seomoga berhasil silahkan di LIKE yaaa :)

Cara Membuat Recent Coment

2013-09-15T19:44:00.001+07:00

Udah lama sekali nih saya ndak pernah upload artikel di diandiki blogspot. Bagi pengunjung diandiki blogspot maaf yah karena sudah lama ndak upload, ini dikarenakan saya lagi sibuk dengan sekolah. Kali ini saya tidak akan mengecewakan pengunjung diandiki blogspot, kali ini saya akan mengupload artikel tentang bagaiman Cara Membuat Resent Coment ( komentar terbaru ) untuk screen shoot anda bisa lihat di atas, untuk demo silahkan lihat di sidebar diandiki blogspot.

Cara Memasang

Baiklah saya akan langsung menunjukkan caranya :

1. Login ke blogger.com
2. Tata letak --> tambah Gadget --> edit HTML

3. copy paste code di bawah ini :

<div style="overflow:auto;width:100%;">
<style type="text/css">

ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: none;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 100,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://tipstrikblogging.googlecode.com/files/RecentComment-W-Gravatar.js"></script>
<script type="text/javascript" src="http://diandiki.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=6"></script>
</div>

Ket:

Warna Biru ganti dengan junmlah coment yang ditampilkan
Warna Kuning ganti untuk mengubah ukuran Foto
Warna Merah ganti dengan nama blog anda

4. Langkah terakhir simpan, dann selesai :)

Good Luck

Cara Membuat TV Online di Blog

2013-08-03T16:33:00.001+07:00

Cara Membuat TV Online di Blog ~ Pernahkah anda melihat tv online ???, biasanya orang melihat tv online di beberapa blog yang menyediakan tv online. Saya pun sering menonton TV online ini di karenakan tv saya lagi rusak.

Baiklah untuk kali ini saya menunjukkan 2 cara bagaiman cara memasang TV online :
1. Cara memsang TV online di Halaman Blog
2. Cara memasang mini widget TV online di blog.

1. Cara memsang TV online di Halaman

Widget kali ini adlah widget yang bisa kita pasang di halaman , dan layr yang di tampilkan pun luas shingga dapat memberikan kenyamanan menonton pada penonton :

Cara Memasang

1. Login ke blog
2. Pilih menu laman
3. Laman baru --> Laman Kosong
4. Pilih HTML
5. Copy paste kode di bawah ini :

<div style="border: 10px solid #868e89; height: 558px; overflow: hidden; width: 450px;">
<div style="margin-left: -34px; margin-top: -227px; text-align: center;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="860" width="100%"><param name="wmode" value="transparent" /><param name="src" value="http://id.imediabiz.com/MivoTV.swf?r=' + Math.round(Math.random() * 99999) + '" /><param name="scale" value="noscale" /><param name="quality" value="high" /><param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer" /><param name="menu" value="true" /><param name="devicefont" value="false" /><param name="allowscriptaccess" value="sameDomain" /><param name="allowfullscreen" value="true" /><param name="scroll" value="auto" /><a href="http://blogseo-tutorial.blogspot.com"></a><embed width="100%" height="860" type="application/x-shockwave-flash" src="http://id.imediabiz.com/MivoTV.swf?r=' + Math.round(Math.random() * 99999) + '" wmode="transparent" scale="noscale" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" menu="true" devicefont="false" allowscriptaccess="sameDomain" allowfullscreen="true" scroll="auto" /></object></div>
</div>

6. Ket :

Warna Merah anda ganti dengan ukuran TV online

7. Untuk Demo lihat gambar di atas

2. Cara memasang mini widget TV online di blog.

Widget ini bisa kita taruh di mana saja bisa di side bar di postinan blog, pokoknya di mana saja deh. Tetapi layar yang di tampilkan sangat kecil. Walaupun layar nya kecil TV ini ada menu tampilkan layar lebih besar.

Cara memasang

1. Anda pasang kode di bawah ini sesuai keingan anda

<iframe frameborder="0" height="300" scrolling="no" src="http://miniwidget.gudang.tv? format=embed&player_autoplay=true" width="200"></iframe>

2. Warna merah anda ganti dengan ukaran TV mini
3. Ini demonya :

Kekurangan

Diantara kelebihan di atas pasti ada kekurangan nya yaitu :

Jika ingin menonton TV ini penonton harus memiliki jaringan yang stabil, tapi menurut saya lebih banya kekurangan nya

Cara Membuat Widget Social Media Melayang dan Tersembunyi di Blog

2013-08-03T15:49:00.001+07:00

Cara Membuat Widget Social Media Melayang dan Tersembunyi di Blog ~ Jika sebelumnya saya telah menunjukkan Cara Memasang Gadget Facebook Fans Page Tersembunyi ( Auto Hidden ) di blogger
kali ini saya akan menunjukkan cara mebuat social media tersembuny, jika sebelumnya haya facebook ,namun widget kali ini adalah social profile semuanya, hingga dari faceboo, twitter, G +, hingga feed.

Untuk contoh anda bisa melihat gambar di bawah in :

Cara Memasang

1. Masuk ke blogger anda
2.Pilih menu tata letak --> tambah gadget --> HTML / java scrip
3. Copy paste kode di bawah ini :

<style>

.fixedmenu{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVqICmztmKkcocsLXMswOcEk4hehtN4n7MYa7LaBODgMO-6_6oVp-UbUqBE7QCp9g763akqUfNrsAxlCysOKX9yQL6sAGxuZZLJlFiS3dWw6sK7zCNi-QPLc4cJu7JJ1ocDMvD8KeWls4/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}

.fixedmenu1{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS5NSOaBzJqCjM2qTmdbIAyMDhHt89Am5tnQYrx2tt3wI3OQ5CFuwv_Y7ZB_d_xcvDKFq_bUZ8IGGIjxfWdgDYE93P8fbKyIaep99npK7u5GIPl67mKhgt6s4kDE4c8-AFaxdF1k7fEnA/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}

.fixedmenu_1{margin:0px 0 0 43px}

.fixedmenutw{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHpEu9PRv2DgVzVUJyJtwiCjwS2UE1Nrn-9V3BS3KXuMDupjFRpowJskBSw91PHiyTr-ZtwvLtOoaFs8AW_VbzJXgqVGsjwVWVc4UxYaXlLhsKfJGs3YA09l_FWtfnashKXt4B-eF0JSE/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}

.fixedmenutw1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLRmLbWlonNKFKzoNzVANReo7YNZR1HvjlKRV9G8gimyk3AtANaHlHFYN9CN5uBSpbys6-6sa1afJyjNNXZ9G6SjaBSdH1u7B3mGcwAyf_TDDk_0CcFFfbJjQeUtnk_VFlyU9Z9yHWbiw/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}

.fixedmenutw_1{margin:0px 0 0 43px}

.fixedmenufb{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2SH9RtuYcnxb7u1VrnX0gybrHaWLNcvbfPQVX3vIgd9b83puj6KzzTMjJuoIl7tj1dLlfiRTSs3z0CCsLYaQGfauesfeV35rljjXdyGDjwXTBPRo2kj6N4F5oI3-8C7uGyP26WpBa414/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}

.fixedmenufb1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4x3RIxPEnmFmRPi3ZgTMclk52aE7qfD5D4ha2OnNIxNoku1xiqqRQai4ePmmCVS2yX7G3WSChtGQUeG4VbEo41iGZkeg5jA1up_GrPXrD_zMcL1lt33W4r-zOPBUlWiK0wgAFqykC10k/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}

.fixedmenufb_1{margin:0px 0 0 43px}

.fixedmenurss{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhggeXIeEiWOfyhu8feFCY2URKQnbUfRBQG730uIypP6MfAjPeN7CvgCl-ZXNYWEjM1rWfzSaW0gJmgE9nIpBFtg_OS0VZfmgzzblwyapuvI1s9U3nyVJns1olZTYrhvofgk1xHimhU6Jo/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}

.fixedmenurss1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2gBfd6LhagdAt4lhku2Uk5R1nbK7WJoZQeGxk3crri8SAlrnmBFSgk_h6wS53votF3y9PibcJO5VCt4bdhL6qxOfK58QEHjHvKhtslI8ZyMT-LzOmOKOGjY3Q-b4zF3Yx4z0xoczVRps/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}

.fixedmenurss_1{margin:0px 0 0 43px}

</style>

<div class='fixedmenu' onmouseout='this.className='fixedmenu'' onmouseover='this.className='fixedmenu1''><div class='fixedmenu_1'>

<a href='https://www.facebook.com/ErdianRahmanaPutra' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglxc2WdOO_In-99U02vX0rqc_JeB5Yvjow2gTsJ5UYoHyskZboQ-ipQDzh_njviFBGIpn-xfQZQPHz0ee4ytVb7wYmNFQt3uYM9LCH6CYHc39q_wtFS6AZBixxSXb_w5jmkbVBfKaZRNg/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>

</div></div><div class='fixedmenutw' onmouseout='this.className='fixedmenutw'' onmouseover='this.className='fixedmenutw1''><div class='fixedmenutw_1'>

<a href='https://twitter.com/erdianrahmana' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ62GmVz0yc2gTfM1uXUdUqM7E-2QwhLU_qVuU7kwkTD4wvqKPrZxb_xxHQn7jnLZj-wu_oPa1FjwMuH6hFfUbHfRVywf9DCHV7s6MduiuvTp-YEqBk36v0ubzYgU17iUCZ3DdXX39uqQ/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>

</div></div><div class='fixedmenufb' onmouseout='this.className='fixedmenufb'' onmouseover='this.className='fixedmenufb1''><div class='fixedmenufb_1'>

<a href='https://plus.google.com/u/0/110005497910605593707' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBwBhyDBAbAcEDxuiU9UrcEDlmLqUCESEmN1b95UF5IH3q4Ab_mECGaECXUkz1RpCjdgJ2gSfURj177A0yDxzLAYZtrL8YCziACfjWOPaJ4GLoxZa8yCZWkO0QgOptvEFu9rBxXIgUgFo/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>

</div></div><div class='fixedmenurss' onmouseout='this.className='fixedmenurss'' onmouseover='this.className='fixedmenurss1''><div class='fixedmenurss_1'>

<a href='http://feeds.feedburner.com/diandikiblogspot' target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-BxYHGZYukz-YUVk6MP_d3uQS_BbF4dcNkbmdUhGi1nVlU3cdqhiA3etyMuASUYWAbxTN5h73dsaNxdhYxMxsTxpP913U_gEZKARQ1BXSdMPTBllyurcJtc2doLcaWBrzX_zEghKnUNo/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/>

</div></div>

3. Ket :

Warna Biru Tua anda ganti dengan Link profile facebook anda
Warna Biru Muda anda ganti dengan link profile twitter
Warna Merah anda ganti denag Link profile Google + anda
Warna Orange anda ganti dengan link feed bunner anda

4. Simpan
5. lihat hasilnya :)

Cara Memperbaikki Pesan Komentar yang Turun Ke Bawah

2013-08-02T23:09:00.005+07:00

Cara Memperbaikki Pesan Komentar yang Turun Ke Bawah~ Blog saya pernah mengalami kejadian, dimana pesan komentar yang tertulis di atas kotak komentar malah turun di bawah komentar. yang bisa anda lihat pada gambar di bawah ini.

Mungkin diantara anda semua pasti ada juga yang mengalami hal yang serupa pada blog anda, hal ini sebagian besar terjadi karena kita memasang emoticons di blog. Tetapi dengan merubah beberapa kode di edit HTML, maka kita akn melihat kembali pesan komentar menjadi di atas kotak komentar.

Cara Memperbaiki

Tahap Pertama

1. Login ke blog anda terlebih dahulu
2. Pilih menu template --> edit HTML
3. Cari kode <b:includable id='threaded-comment-form' var='post'> atau kode yang lebih panjannya yaitu:

<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>

4. Setelah anda berhasil mencari kode tersebut ganti dengan kode di bawah ini :

<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<div id='form-wrapper'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
</div>
<b:else/>
<div id='form-wrapper'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable

Tahap Kedua

1. Tetap di edit HTML

2. Cari kode di bawah ini:

document.getElementById(domId).insertBefore(replybox, null);

3. Ganti Dengan kode di bawah ini :

document.getElementById(domId).insertBefore(document.getElementById('form-wrapper'), null);

4. Simpan

Cara Me-Redirect / Mengalihkan Homepage Blog ke Halaman Lain

2013-08-01T22:34:00.001+07:00

Cara Me-Redirect / Mengalihkan Homepage Blog ke Halaman Lain ~ Halo semua nya kali ini saya akan menulis sebuah postingan dengan tema Redirect.
Redirect dalam indonesia sama dengan mengalihkan jadi, kali ini kita akn mengalihkan hamepage / home blog ke alamat lnk lainnya, seprti ke postingan lain, dan juga mengalihkan ke blog lain.

Fungsi:
Fungsi Redirect mengahlikan pengunjung dari blog kita yang lam dan rusak tak terpakai lagi, ke blog kita yang baru yang kita pakai sekrang.

Saya akn menunjukkan 2 tutorial:

1. Mengalihkan seluruh blog ke blog lain / postingan lain.
2. Mengalihkan ( hanya ) homepage ke blog lain atau postingan lain.

Cara Memasang:

1. Mengalihkan seluruh blog ke blog lain / postingan lain.

Cara pertama ini adalah mengalihkan seluruh blog ke blog baru atau postingan lain dari blog lain. Jadi Redirect seluruh blog anda yang rusak ke blog anda yang baru.

Cara:
1. Cari kode <head> pade edit HTML , biasanya terletak di atas
2. Copy paste kode di bawah ini di atas kode <head>

<meta content='5;url=http://diandiki.blogspot.com/' http-equiv='refresh'/>

3. Ket :

Warna merah adalah waktu pengalihan ( dalam hitungan detik / sekon )
Warna hijau adalah URL pengalihan

2. Mengalihkan ( hanya ) homepage ke blog lain atau postingan lain

Cara kedua ini kita hanya mengahlikan home page, atau salah satu posting ke blog atau postingan lainnya.
1. cari kode <head>
2. Pastekan kode dibawah ini di ataskode <head>

<b:if cond='data:blog.url == "Http://diandiki.blogspot.com/"'> <META HTTP-EQUIV='refresh' content='0;URL=http://erditemplate.blogspot.com'/> <b:else/> </b:if>

3. Ket:

Warna merah merupak URL asal : jika anda ingin postingan yang ingin dialihkan maka anda harus merubhnya menjadi URL posting, contoh : http://diandiki.blogspot.com/2013/07/cara-measang-gadget-whosamungus.html
Warna biru adalah waktu pengalihan (dalam detik )
Warna Hijau adalah URL pengalihan Jika anda ingin mengalihkannya ke postinag, maka anda masukkan URL posting tersebut

Yang terakhir adalah simpan, dan lihat hasillnya

Silahkan di like :)

Cara Memasang Gadget whos.amung.us

2013-07-31T18:09:00.002+07:00

Cara Measang Gadget whos.amung.us ~ Anda akan melihat sebuah gadget yang ada di sebelah kiri blog saya ada sebuah gadget melayang yang bergambarkan orang dengan angka di sampingnya.

Angka disampinnya itu adalah angka yang menunjukkan seberapa orang yang sedang online di blog kita. Jadi fungsi dari gadget whos.amung.us adalah menghitung berapa orang yang online di blog kita . bagi anda yang ingin memasang widget ini blog anda anda harus mengikuti cara di bawah ini .

Gadget whos.amung.us memiliki banyak pilihan gadget diantaranya gadget melayang seperti yang ada di blog saya, adalah pula gadget mini yang bisa kita pasang juga di blog kita.

Cara memasang:

1. Anda masuk di sini untuk memilih jenis gadget yang anda inginkan .
2. Barikut ini adalah jenis-jenis widget:

The classic widget : adalah widget yang bisa anda pasang di mana saja
The colored widget : widget sama dengan widget di atas namun kita bisa menentukan sendiri warnanya
The small widget.: adalah widget kecil yang bisa kita pasang di mana saja
The tab widget.: adalah widget yang mirip seperti widget yang saya punya, silahkan anda pilih di mana letak gadget nya .

The map widget.: adlah widget yang menunjukkan peta di mana saja ada orang online

3. Copy kode yang tertera

4. Masuk ke tata letak --> tambah gadget --> HTML/ java scrip.

5 pastekan kode tadi

6. simpan

7. lihat hasilnya

SELESAI

<script id="_wauacm">var _wau = _wau || [];

_wau.push(["map", "g3wn8309b6bg", "acm", "420", "210", "natural", "star-blue"]);

(function() {var s=document.createElement("script"); s.async=true;

s.src="http://widgets.amung.us/map.js";

document.getElementsByTagName("head")[0].appendChild(s);

})();</script>

420px × 210px

Cara Memasang Animasi Burung Follow Di Blog

2013-07-31T17:32:00.000+07:00

Twitter biasanya identik dengan burung, sama seperti nama jejaring sosial yang terkenal ini yaitu twitter / kicauan. Sekarang tujuan kita kali ini adalah Cara Meamasang Animasi Burung Follow Di Blog .

Burung ini akan terbang kesana kemari jika kita scroll laman blog kita, burung twitter ini tersaji dari beberapa warna.

Cara memasang :

1. Login ke blog
2. Pilih menu tata letak --> tambah gadget --> HTML/ java scrip
3. Copy paste kode dibawah ini:

<script type="text/javascript" src="https://sites.google.com/site/bloggerbondowosoblogspotcom/js/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_oG8L72fh0o1jugXTR9KTF3HHBNhJc8yotoCKgkrh2mf10UdaudnGxrFZzNuCWs21QpZib7qUOLFxJIrSrK4Jb1YilXMKPHIipFkLFEID2Y9993zBAY8Yd6UUWfP1uog85u6nvKfJ3_o/s1600/yellow+bird.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/nama akun twitter anda";
var tweetThisText = "Twitter - UserID";
tripleflapInit();
</script>

4. ket:

Warna Merah anda ganti dengan link twitter anda

Warna Biru anda pilih dengan war burung kesukaan anda :

1.Warna Biru ( Original )

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_4Rqod-o7a2fTegwH32LiQSPQSynEJlAlf94FrYf94A7jFS_5_1GMqB3KT3oKkWP0yji3S4JS5OHJ0IxACvTsdKd5BWvUvUMt6oLxPm9_nNeIe9ADmEQg_9RpPrdpEVYNruqYmulnl4JS/s1600/birdsprite.png

2. Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhRo8f-Z9KSy33Tc7AUgjXsOOYf-Wu9I7uGLbSYmNrZa7AX_zQUZVsgDvNnAJy1kv6fBNh-3kwTGUuvCiemP7XGxvrfSjv9ACA3SksgURXwbAuJVjLCgVO086KdtN_FUIZJP2Dt4yyqW0/s1600/merahmerona.png

3. Warna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikPdJH4uV3_J892jnzqJfXzoYukMZuMSAp9fZbV5bYOKRoghuYE7Qu2Hd671wxSkJfPoDNxmZFPBW8gEESi9vzwAg7hMhc2r-9qMS0-P6fK7DrY677z2qOQGcjDjxxT9MxhKpVTRhRpyI/s1600/green.png

4. Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTnvFh8JQxbWUu0Ig1lLIeE1V6ZT9vrqfjKqINyns-t4qdKzgCnSKqBwps8iBi_DPDuBHdhfZ9OTK600jyTvBUKCgE5jJSB-O2PB24_-4VCDzYFD_LVnQ5WGaw4j3PrmGasbvcdnLcGVc/s1600/purple.png

5. Warna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-QTS4BYwewrzV6gePLVL-vozXQtdUewMQJ2yyZn_J7rDReTawHLYwZvjQWt3u9V0_XMF-T2LFygWHYCuMcAgMb2EORllLY7Uwb8vA3hli7s187MaBAyEnI3ZlG5WKH17Vke7PzTk7EQA/s1600/hitam.png

6. Warna hitam ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj64urQPXRT5MLvClEQhlkdBUwdrMzb7QszCMalnPBTFf0H5J-hnNrnh6X4iKcmMu3gRT5xH2Zrei04Ohg0_8ADedEo9eeCFlULoMOZisB3LjQjltYE6vVDQgGxoBCd3YKcU2Pr78_9KPY/s1600/hitampink.png

7. Warna hitam biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia-g73JPCs1QfpqQNrxl7B51s8NgW9k8e1EUD9meh0Sy2dt31Jpc6wtWsQbuYujEgpbg6Ba3zmaJHorSA_MzBQUvpgp6jGjrH-obpaxfhJxbkX7WRubjw-55hmjlGJPoCbXRck2kWphNQ/s1600/hitambirumasterendi.png

8. Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfOrlj19Snu6kL-UNhPfsA-U6OCG1WdcJSTxV4PrdMH6d0NuspgB4rQBsepTRty3muotHSuLERCA26LSQuTcv2oE3d_AXFQCJynvV2IL2UxiIDYAgWLI5bdeiid6J9D6HvNwPwRsZr26g/s1600/putih.png

9. Orange

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrnUNDx3r3VmV48LqOjdPJ9hqVOzlDjLg7Le4_gG7yIzPXTtIRxmkOo1lFrqmk885a3Pgwax-LLcqd5xeCONeq_HStGpHb0Se3Q5UDMcuw-RU8OVdjq3prpTzwzSj7cpoSoP1Zb0eEj9I/s1600/orange.png

10. Pink

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRR1eo4_9sS8x4oNAVBHJtbHcfkTHAvw-tkXSKMmfig49YyYT8cTRanwAITWcNdIZMZZQGAszR3nAvUoZoMms0KiN1cKENmVhEhHqxwKlh_s0oSTveApj2WhSzQguYwyYgGAVE3Pg6-GA/s1600/pink.png

11. Abu- Abu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjogAH9xsYai9Fm17uBh2EAEVsB_GDBgBTj_uGsH7hEMKa3XayCUm6WxyAsm_1xqYHOUamV6k0vasb84qEAgRyTGcqdn-Fl6h2hTdMyd11RmXQoy70q3wwUiuVxuYSpm_NvV6y0Rnlp0Kw/s1600/grayscale.png

12. Putih Biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQb7wOJXRbCvmjC8MqUQA6aybzc0nKhOesO9Vtpq6TNiwBAdgHnfI2SbaTA87Bqk6G4TpIXrVrp7ACdMqGt1VxbgJ81Di1nZofRV9TOKwCMJgx55l6ilbozzGhBjaIVeFiayq7ByG5zkM/s1600/putihbiru.png

13. Warna unik 1

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjivap45IZrJASfVeljbr32n0kI50PefYTlQJd1EsvZ9oFJmuHgIPv0WV3Er99biQaiWTQa8rBHcMHybpgk5uSDsUC9oe8g-kJLo20u78vQMiFWNwUPtUYKyLu4pCB0TK9DPYhJ6bSPSMc/s1600/twitter+bird+unik.png

14. Warna unik 2

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT4v1QXRAQzhChW7cVC0wavFlte48RyiA-65-pekfLZ8Me5MqQfbqQ4h1BH_2T6dwLXbvZVK5S15z2pU-NMqPLhnvPrKyu0BT2zqPXQJPsqcmwdTz8rAkyDFUtd0eqifY4EIZj5sTSy5g/s1600/twitter-b22ird-unik.gif

Selesai

terakhir follow twitter aku @erdianrahmana

Cara Memasang Gadget Mini Game aBowman

2013-07-31T17:20:00.001+07:00

Jika kita memasang seduah mini game di sidebar blog kita maka pengunjung akan betah jika berkunjung ke blog kita, untuk itu mari kita lihat bagaimana caranya.

Mini game yang ada pada aBowman sangatlah banyak, salah satunya adalah memberi makan peliharaan seperti kura-kura, ikan dan amster,. Adapula widget yang menampilkan mini game penguin yan selalu menikuti kemana kursor. dan selain itu masih banyak widget lainnya di aBowman.

Untuk Sebagai contoh anda bisa memainkan Gadget di bawah ini :
Gadget dibawah ini adalah kodok yang bisa kita beri makan dengan cara mengklik, dan kodok pun akan mengejarnya:

Cara memasang :
1. Pilih Gadged anda telebih dahulu di sini
2. setelah anda pilih salah satunya mini game nya.
3 untuk memasang di blogger anda copy code embed code, memasang di worpress copy kode embed code for wordpress.com, namu kali ini saya akn meberi turitorial untuk blogger

4. Masuk ke blog
5. Pilih menu tata letak --> tambah gadget --> HTML/java scrip
6. Pastekan kode tadi.
7. simpan

Selesai

Cara Membuat Member Teraktif di Blog

2013-07-29T18:16:00.000+07:00

Cara Membuat Member Teraktif di Blog ~ Member teraktif adalah pengunjung yang sering berkunjung ke blog kita, tapi member ter aktif kali ini di hitung berdasarkan komentar terbanyak. Yaitu jika pengunjung tersebut berkomentar paling banyak di blog anda maka dia akan menempati posisi paling tinggi.

Untuk demo nya bisa lihat demo dibawah ini:

DEMO

Cara Memasang

1. Buat postingan baru.
2. masukkan kode di bawah ini ke dalam html

//<![CDATA[
var homepage = 'http://diandiki.blogspot.com',
maxTopCommenters = 77,
minComments = 1,
numDays = 0,
excludeMe = true,
excludeUsers = ["Anonymous", "Abitalita Blog", "Aziz Sipulsa"],
maxUserNameLength = 42,
txtTopLine = '[image] [user]',
txtNoTopCommenters = 'No top commentators at this time.',
txtAnonymous = '',
sizeAvatar = 80,
cropAvatar = true,
urlNoAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlVc1vNIcz-BT5vG2jofk12p51tfz2GmDj-gcOX-HxzzykpLY-WCkVT5d0iavVI2O_OGBxhJ-A55xpwpauRzDRTJ84Nt7xnt5uSUBAwbr_i6KArVpJ7UkOUa9xxYWml0YnMKMs5gEpmnU/' + sizeAvatar + '/avatar_blue_m_96.png',
urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar,
urlMyProfile = '',
urlMyAvatar = '';
//]]>
</script>
<script src="https://abitalita.googlecode.com/files/memberaktif.js" type="text/javascript"></script>

Get This
<a href="http://diandiki.blogspot.com/2013/07/cara-membuat-member-teraktif-di-blog.html">
Get This Widget
</a>

Ket:

Warna Orange untuk mengatur berapa banyak komentar
Warna merah unutuk mengatur berapa banyak wajah yang di tampilkan
Warna biru bisa kita atur untuk mengikutsertekan kita tulis true, kalu tidak false

3. simpan

Member teraktif

2013-07-29T18:00:00.001+07:00

Get This

Get This Widget

Cara Membuat Widget CCTV di Blog

2013-07-28T23:34:00.002+07:00

Cara Membuat Widget CCTV di Blog ~ sangat banyak cara untuk mempercantik blog kita, mulai memilih template yang cantik, hingga memasang widget yang cantik kali.

Kali ini saya akan memberi tahu bagaimana cara membuat widget CCTV di blog.

Widget ini merupakan gambar kamere yang selalu bergerak seperti memantau pengunjung yang datang di blog anda, tapi ini hanyalah gambar, tidak sungguhan.Jika blog anda berisikan tentang teknologi gadget ini sangat cocok untuk blog anda. Karena sesuai dengan tema blog anda, dan dapat menggambarkan isi blog anda.

Cara Memasang :

Ada 2 cara dalam memasang template ini yaitu :

1. Cara pertama:

1. login ke blog anda terlebih dahulu.
2. pilih menu template --> edit html
3. cari kode </head>
4. pastekan kode dibawah ini diatas kode </head>

<script language="JavaScript" src="http://mufid-cheater.xtgem.com/CCTV.txt" type="text/javascript"> </script> <script language="JavaScript"
type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwsJT4t7N113Bb45_AZxhJBkU6EHmiM5LAllg_i1cMn6i14v5wFWJ2Ts9l5iVbd-1AlLg8qAoBtnmk77XpHTPdmGnjJXxv-FBl4oiccFhKFU4P4Hp_qKb0GcZmnBh2MGiDt-SB0CL-xu0/s1600/cctv.gif")</script>

5. simpan

2. Cara Ke dua

1. Pilih menu tata letak
2. Tambah Gadget--> HTML/java scrip. paste kode dibah ini

<script language="JavaScript"

src="https://sites.google.com/site/rhwblogspotcom/javasript/kamera_pengintai.txt?attredirects=0&d=1"type="text/javascript"></script><script language="JavaScript"

type="text/javascript">cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitNaup0LoZKwSXiP0184u4EREKzsWeSo2REddbqHJpdFvF2CcIRH2YiFJ_yzo9RuWp4NBZaV_X6ZFFd0OZ7QV-pQS78vbUEHTh60kTQRxZwlRAx_5-tDxRQPw3_LiHi32Na3WHG1KG-O0/s1600/kamera-pengintai-cctv-1-boytriks.gif") </script>

Atau

<script language="JavaScript" src="https://sites.google.com/site/rhwblogspotcom/javasript/kamera_pengintai.txt?attredirects=0&d=1" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaI7vTYPLJCmj-rgWNU3cI6WMWdrJuLBzfUCKGgitQ_11JT00uqLGpjoB1TGc9idQz3MUU3wz9_oCP9OsWmNHZR9ghZ5PNsZdycfzuqRMgPSShd2oiYut2ZuQ2JPHIjBJBsctQ_7GyYVE/s1600/kamera-pengintai-cctv-2-boytriks.gif") </script>

3. Ket:

Warna merah bisa anda ganti dengan gambar lain. Dan gambar tersebut tidak harus CCTV

Nah itulah cara membuat kamera cctv keren kan.. :)

Silahkan di like

Cara Memasang Iklan Melayang Dengan Tombol Close Di Bawah Blog

2013-07-25T17:30:00.003+07:00

Iklan Berfungsi untuk menampilkan ilkan sponsor, dan mendapatkan pundi-pundi uang dari sponsor. Pada kesempatan kali ini saya akan memberikan sebuah turitorial Cara Memasang Iklan Melayang Dengan Tombol Close Di Bawah Blog.

Banner iklan kali ini memiliki sebuah tombol close, diman yang jika kita klik tombol closenya sekali maka iklan nya akan menghilang, iklan tersebut terletak di bagian bawah blog.

Cara Measang
1. login ke blog anda terlebih dahulu
2. Pilih menu tata letak--> tambah gadget --> copy kode berikut

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>

</script><br />

<script type='text/javascript'>

$(document).ready(function() {

$('img#closed').click(function(){

$('#btm_banner').hide(90);

});

});

</script>

<style type='text/css'>

div#btm_banner {

bottom: 0;

position: fixed;

width: 100%;

opacity: 0.9;

left: 0;

}

div#btm_banner img{

border:0;

cursor:pointer;

}

</style>

<div style='height: 0px;'></div>

<div align='center' id='btm_banner' style='height: 90px; z-index: 9999;'>

<div style='text-align: right; width: 728px; height: 6px;'>

<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuaANl8Y05iJxak4SZIX9AgCerii6e6EozbO43kBky3pb9jfKyCde2zfdwdH41GzhlS4fA-PmIC7vD0i8XrJKyK_tsYOlKcwqHnBH13OjbyBpcWO_JX4v8MLclX8zw6hjkITVElEvpMY6X/s1600/close-icon.png'/></div>

<div style='clear: both;'></div>

<p>

<p><center>

<a href="URL Iklan" target=" blank"><img src="Url Gambar Iklan" /></a>

</center></p>

</p>

</div>

4. Ket:

Warna Merah anda ganti dengan ukuran iklan anda
Warna biru anda ganti dengan URL ikalan / URL yang dituju
Warna hijau diganti dengan URL gambar iklan

5. Simpan

Selesai

Related Post:

Cara membuat banner animasi

cara membuat banner melayang di atas blog

Cara memasang Emoticons Di Komentar Blog

2013-07-19T18:11:00.000+07:00

Cara memasang Emoticons Di Komentar Blog ~ Emoticons biasanya digunakan untuk mengekspresikan perasaan kita, jadi jika kita memasang emoticons dia atas komentar maka orang yang berkomentar akan mudah mengekspresikan perasaannya saat membaca artikel anda, apakah itu senang, sedih, atau kecewa.

Kali ini saya akan memberi cara membuat emoticons di blog, emoticons yang saya tunjukkan kali ini sangat unik, bisa bergerak dan ringan. untuk sebagai contoh saya berikan gambar di atas atau lihat demonya:

Demo

Cara Memasang

Masuk ke blog anda terldih dahulu
Pilih menu template --> edit HTML
Cari kode ]]></b:skin>
Pastekan kode dibah ini diatas kode ]]></b:skin>

.emoWrap {
position:relative;
padding:10px;
margin-bottom:7px;
background:#fff;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Opera */
background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%);
border:3px solid #860000;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
font-weight:normal;
color:#333;
}
.emoWrap:after {
content:"";
position:absolute;
bottom:-10px;
left:10px;
border-top:10px solid #860000;
border-right:20px solid transparent;
width:0;
height:0;
line-height:0;
}

5. Langkah berikutnya cari kode </body>
6. Pastekan kode dibawah ini di atas kode </body>
</body> kode ini biasanya ada di bagian bawah edit html

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"Untuk menyisipkan emoticon Anda harus menambahkan setidaknya satu ruang sebelum kode."
})
});
//]]>
</script>
<script src='https://boyz.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/>
</b:if>

7. Ket:

Warana merah anda tukar dengan kata-kata anda sendiri

8.Pratinjau terlebih dahulu
9. Simpan

Dan lihat hasilnya :)

Keren kann