Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

Wednesday, 7 September 2016

Cara Membuat Aplikasi Blog Versi Android



Assalamualaikum wr.wb


Selamat pagi,siang, dan malam untuk kita semuanya ^_^

Apa kabar nih teman-teman sekalian??  tentunya pada baik-baik aja kan?? Ohh ya maaf nih sebelumnya ane jarang post. Maklum lagi sibuk didunia nyata nih. Hehehehe :D

Nah pada kesempatan kali ini ane ingin memberitahu suatu informasi nih. Nah informasi nya yaitu tentang Cara Membuat Blog Anda Bisa Ada Aplikasinya. ^_^.

Seperti kita ketahui bersama, jika seorang blogger membuat blog maka alangkah baiknya dalam blog kita tersebut ada aplikasinya sehingga bisa di download oleh orang-orang sekitar kita ^_^

Nah penasarankan????. Tanpa basa-basi lagi langsung saja cekidoottt!!!

1. Buka Situs web http://www.appsgeyser.com/, maka akan muncul tampilan gambar kurang lebih seperti dibawah ini :







Nah, sobat bisa mengklik CREATE NOW untuk melanjutkan ke tahap selanjutnya.


2. Setelah sobat klik CREATE NOW nya, maka akan muncul tampilan gambar dibawah ini :




Nah pada tahap ini akan banyak sekali cara membuat aplikasi blog kita, namun disini ane memilih untuk mengklik “Blog” untuk membuat aplikasi blog kita di android

3. Setelah itu, akan muncul tampilan seperti gambar di bawah ini :




Nah pada bagian ini, sobat diwajibkan untuk mengisi keseluruhan data-data yang diperlukan. :D
Setelah sobat mengisi keseluruhan data-datanya sobat bisa klik NEXT

4. Setelah itu akan muncul tampilan gambar dibawah ini :



Nah disini sobat diharuskan mengisi nama aplikasi blog yang ingin sobat buat. Buatlah nama aplikasi blog sobat tersebut dengan kata yang mudah diingat. Kemudian Klik Next


5. Setelah itu akan muncul tampilan gambar dibawah ini lagi :




Nah disini sobat harus juga memasukkan deskripsi blog sobat tersebut :)
Setelah itu klik Next

6. Setelah itu akan muncul lagi tampilan gambar dibawah ini :





Jika Blog Anda mempunyai icon blog maka anda bisa memilih Custom Icon dengan syarat icon blog anda harus berukuran 512 x 512. Namun jika anda tidak mempunyai icon blog maka anda bisa memilih Default Icon. Setelah itu Klik Next 

7. Setelah anda klik Next, maka akan muncul tampilan gambar dibawah ini :



Klik CREATE, Maka sobat akan melanjutkan ke tahap selanjutnya

8. Setelah sobat klik CREATE maka akan muncul gambar dibawah ini :


Pada tahap ini, sobat diwajibkan untuk mendaftar ke situs web tersebut. Isi E-mail, Password dan Ceklis semua yang perlu di Ceklis. (Apabila kamu punya akun Facebook, maka kamu tinggal klik Connect. Setelah itu Klik Next.

9. Setelah itu, akan muncul tampilan gambar dibawah ini :


Nah disini sobat tinggal Klik Resend untuk mengirim Verifikasi ke E-mail Sobat.


10. Nah, Kemudian sobat masuk ke akun E-mail sobat. Di akun E-mail sobat, sobat akan melihat E-mail Verifikasi dari appsgeyser.com seperti berikut :


Nah, Kamu Bisa klik Verify Your Email untuk memverifikasi E-mail kamu ^_^

11. Nah selamat E-mail Kamu Telah Terverifikasi ^_^


Klik Go To Dashboard untuk kembali ke menu utama.

12. Nah selamat, Aplikasi Blog kamu sudah tersedia deh ^_^


Nah, Tampilan kiri merupakan tampilan blogmu versi mobile/android. Dan Pada tulisan Download merupakan link download aplikasi blogmu.




Oh ya Jangan lupa download blog saya versi android di link berikut ya :D

Download



Semoga bermanfaat ya ^_^ 

Friday, 8 July 2016

Cara Untuk Mendapatkan Lalu Lintas Dari Google

Assalamualaikum wr.wb


Selamat pagi,siang, dan malam untuk kita semuanya ^_^

Apa kabar nih teman-teman sekalian??  tentunya pada baik-baik aja kan?? ohh ya kami dari Cyber Empires™ Mengucapkan Selamat Hari Raya Idul FItri 1437 H. Minal Aidin wal faidzin, 

Mohon Maaf Lahir dan Batin ^_^

Pada Kesempatan yang berbahagia ini, ane ingin mempostingkan suatu tutorial blog
Nah tutorial apakah itu?? Tutorial yang dimaksud adalah
Cara Untuk Mendapatkan Pengunjung/Lalu Lintas Dari Google.

Mungkin tutorial kali ini sudah tidak terdengar asing lagi oleh kita, namun pada tutorial kali ini, ane ingin menambahkan tentang bagaimana sih cara untuk mendapatkan site link serta lalu lintas dari google di blog kita ^_^

Tanpa basa-basi lagi langsung saja cekidoottt!!!




1. Buka Google URL Shortener, atau bisa klik disini , maka akan muncul tampilan gambar dibawah ini :


2. Kemudian buka Google, masukkan di pencarian nya keyword yang ingin anda jadikan site link ataupun artikel yang terindeks google di nomor 1 ( Misal : Cyber Empires ), seperti pada tampilan gambar dibawah ini :





3. Nah, jika blog anda sekalian masuk di page one Google, kan ada tuh link diatasnya, copy kan lah link address tersebut. ( Jika Blog Anda sekalian tidak masuk di page one google ataupun ada saingan website-website yang terkenal, saran ane mending diganti saja keywordnya dengan keyword yang lain yang mendekati keyword sebelumnya [Misal : Cyber Empires Blog]



4. Masukkan link yang telah anda copy tadi ke Google URL Shortener, kemudian Klik Shorten URL , seperti pada gambar dibawah ini :


5. Nah maka akan muncul deh link Google URL Shortener yang sudah kita buat tadi, Copy kan lah link tersebut kemudian share ke grup-grup ataupun ke media sosial lainnya ya ^_^


6. Jika anda share ke media sosial seperti facebook, maka tampilannya seperti pada gambar dibawah ini : 




NB : Jika hasilnya seperti pada gambar diatas, maka anda sebaiknya mengganti keyword nya dengan keyword yang lain.. Kenapa?? Karena pada saat anda mengshare link tsb ke media sosial yang muncuk bukan kata kunci blog anda melainkan yang muncul Google dan itu akan membuat kesulitan bagi pengguna Handphone Java.
Kok bisa sulit?? ya sulit karena ketika mereka membuka link tersebut, yang terbuka bukan kata kunci blog anda melainkan hanya halaman depan Google.

Contoh Hasil Shortener URL yang bisa dibuka di Handphone Java :


Nah jika anda sering menggunakan Shortener URL tersebut untuk BlogWalking ataupun dishare ke media sosial, maka Website anda akan mendapatkan Site Link seperti pada gambar di bawah ini :



Semoga Bermanfaat ya ^_^

Sunday, 17 April 2016

Perbedaan Visitor ,Unique Visitor (UV) dan PageViews (PV)



Assalamualaikum wr.wb

Selamat pagi,siang dan malam semuanya :)

Apa kabar nih semua?? pada baik kan?? ^_^

Ohh ya semalam itu ada pertanyaan nih dari teman,, Dia menanyakan Apa sih perbedaan antara  Visitor, Unique Visitor ( UV ) ,  dengan PageViews ( PV ). . . Sejenak saya pun diam dan bertanya serta mencari - cari di Internet untuk menemukan jawaban tersebut. . . . 


Nahh Pada hari ini, saya sudah menemukan jawaban Apa sih perbedaan antara Visitor , Unique Visitor ( UV ) ,  dengan PageViews ( PV ). . . . Mau tau????

OK langsung saja ini dia penjelasannya cekidoot!!


Visitor : keseluruhan pengunjung blog / website dalam kurun waktu tertentu.  yang mengakses halaman blog / website. Visitor dalam sebuah blog tidak hanya berasal dari manusia, namun berasal dari  mesin (software robot otomatis)  


PageViews ( PV )jumlah keseluruhan akses pada semua halaman blog / website dalam kurun waktu tertentu. Biasanya PV ini berbentuk grafik dan berada di dashboard Blogger kita. . . . 



Sedangkan 


Unique Visitor ( UV ) : jumlah visitor unik sebuah website / blog dalam kurun waktu tertentu. 2 pengunjung sudah pasti menghasilkan 2 visitor namun 2 visitor belum tentu menghasilkan 2 Unique Visitor. Biasanya untuk mengecek UV ini menggunakan website Histats



Nahh sudah tau kan apa perbedaan dari Visitor , Unique Visitor dan PageViews???

Semoga bermanfaat ya  ^_^


Friday, 24 April 2015

Cara Mengetahui Harga Dari Blog/Website Kita Dengan ceksite.com


http://t3.gstatic.com/images?q=tbn:ANd9GcSbyfXVAsxhWxyJ2MKhcfyiI_xpb3wktT9ju2d8dbRSLH7mr9mg 
Assalamualaikum bloggers
Selamat siang,,
Pada kesempatan kali ini saya ingin memberikan informasi seputar ceksite.com
Pasti ada yang bertanya tanya apa sih ceksite.com itu???
Ceksite.com adalah suatu situs yang memperkirakan harga dari suatu blog atau website kalian yang berasal dari Indonesia.

ok tanpa basa basi langsung saja saya akan memberitahu Cara Mengetahui Harga Dari Blog/Website Kita Dengan ceksite.com

Cekidotttt!!

Cara Mengetahui Harga Dari Blog/Website Kita Dengan ceksite.com


1. Buka halaman ceksite.com, maka akan muncul tampilan nya dibawah ini
http://i.imgur.com/ktylOon.png

2. Masukkan Url Blog kita pada kotak Hitung, dan masukkan kode pada pilihan ambil kode baru,, Setelah itu Klik Hitung
     Contoh :
http://i.imgur.com/uagfg5O.png
3. Setelah klik Hitung maka akan muncul dehh berapa harga blog kita :)
    http://i.imgur.com/FFVGXBg.png


Nahh itu tadi Langkah langkah untuk Mengetahui Harga Dari Blog/Website Kita Dengan ceksite.com.

Untuk Proomoosi harga blog saya sekitar  Rp 2.111.324

Bagaimana dengan blog anda?? :)


Koment ya yang udah nyoba


   

Thursday, 26 March 2015

Cara Membuat Link/P/ di BLog

Assalamualaikum Blogggrs :)
Selamat siang
Pada Siang Hari ini Admin Akan Mengshare informasi Tentang Bagaimaa Cara Membuat Link/P/ di BLog

Sebelum itu saya ingin memberitahukam apa sih Link /P/ itu ???
Link/P/ (atau laman) adalah meu yang berfungsi untuk membuat halaman pada blogger yang tidak akan ditampilkan bersama dengan pos.
jadi perbedaan link /p/ dengan post adalah aterletak pada tanggalnya,,
Postingan memakai tanggal sedangkan link /p/ tidak
ok langsung saja ini dia langkah-langkahnya cekidot !!!!

 

Cara Membuat Link/P/ di BLog 

1. Klik Blogger.com 

2. Setelah itu klik Laman pada Tampilan blog


http://img.prntscr.com/img?url=http://i.imgur.com/fiCaie5.png     

3. Setelah itu klik Laman Baru pada tampilan blog
http://i.imgur.com/lvA3PTl.png  


4. Setelah itu Buat Judul Laman dan Postingan laman sesuai selera,, dan setelah selesai klik Publikasikan
http://img.prntscr.com/img?url=http://i.imgur.com/pUPT2Qf.png 

5. Tadaaa Laman Kalian Sudah Jadi deh :D
http://img.prntscr.com/img?url=http://i.imgur.com/67CDad9.png 
Berikut tutorial bagaimana Cara Membuat Link/P/ di BLog, Semoga bermanfaat ya :)

Saturday, 21 February 2015

Cara Mengetahui Nilai SEO di Blog




Assalamualaikum :)

Selamat malam Bloggers
Kali ini Cyber Empires akan mempost tentang cara mengetahui Nilai SEO di Blog kita
Tapi tahukah anda Apa SEO itu??????
maka dari itu kali ini Cyber Empires akan membahasnya,, langsung saja ini dia cekidot!!!!

Optimisasi mesin pencari (bahasa Inggris: Search Engine Optimization, biasa disingkat SEO) adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik kunjungan melalui mesin pencari menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau algoritma mesin pencari tersebut. Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi teratas pada hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung.Hal terpenting dalam pembangunan sebuah website/blog salah satunya adalah SEO (Search Engine Optimization). Meskipun banyak hal lain yang mesti harus diperhatikan, SEO merupakan hal utama yang harus diperbaiki terlebih dahulu. Bagaimanakah cara mengoptimalkan seo di situs anda ?

Berbagai orang banyak yang menilai tentang tujuan mengenai SEO yang terkadang salah pengertian. SEO bukanlah salah satu cara untuk meningkatkan traffik dan memperbanyak pengunjung. Fungsi SEO adalah sebuah metode pengelolaan halaman web yang sesuai dengan kriteria yang dibutuhkan mesin pencari. Sedangkan hasil yang didapat dari penggunaan SEO Friendly ini adalah mendapatkan pengunjung berkualitas, meningkatkan traffik yang organik, membangun situs jangka panjang.

Nah udah tau kan apa itu SEO???
Bagi kalian yang igin mengecek berapakah nilai SEO blog kita, maka dapat dilakukan dengan langkah-langkah yaitu :
2. Setelah itu isi di kotak Check SEO Score nama Blog kita tanpa menggunakan http://
3. Klik Check SEO Score
4. Tunggu beberapa saat,,,,, dan tadaa kita pun dapat mengetahui berapa nilai SEO kita :)

Untuk Promosi nilai SEO saya sekitar 50% gan :D
Semoga bermanfaat.............

Cara Membuat tombol balas atau reply di komentar pada blog.

http://1.bp.blogspot.com/-ZtxfWS2ONZ4/TbEAh0JOEHI/AAAAAAAAAPU/Q3wHaV-rRG0/s320/reply.jpg 

kali ini Cyber Empires akan share Cara Membuat tombol balas atau reply komentar pada blog. terkadang perlu kita lakukan, mengingat adanya beberapa template blog yang ternyata tidak dilengkapi dengan fasilitas yang lengkap. Hal ini seringkali kita temui pada template default bawaan, yang mana terkadang fitur tombol balas komentar atau reply comment tidak kita temui.

Nah pada kesempatan kali ini Cyber Empires akan memberitahu bagaimana langkah-langkahnya untuk membuat tombol reply di blog.

Ikuti langkah berikut untuk membuat tombol reply :


  1. Login ke Blogger
  2. Lalu klik 'Design' -> 'Edit HTML' -> Centang pada 'Expand Template Widget'
  3. Copy Paste kode berikut di bawah kode <b:include data='comment' name='commentDeleteIcon'/> :

    <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=9134775968024154276&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img src='http://www.loseyourlife.com/forums/templates/assets/forum_icons/traditional_1/lang_english/fi_bPostReply.png'/></a>

    #Ganti kode berwarna merah dengan Blog ID kalian.. cek angka yang ada di URL saat di design !
    #Ganti kode berwarna biru dengan link gambar tombol reply kalian sendiri

  4. Terakhir 'Save Template' dan cek hasilnya..

    semoga bermanfaat yat ^_^
diambil dari beberapa sumber

Friday, 20 February 2015

Cara Menambah Site Links In Di Blog


Caranya sangatlah mudah, anda hanya tinggal copy link yang berada di bawah ini ke post anda
  1. Google
  2. Yahoo
  3. Youtube
  4. Facebook
  5. Gemscool
  6. Alexa
  7. Blogger
  8. Wikipedia
  9. Wikipedia Indonesia
  10. Blog Cyber Empires 
kemudian anda hapus nomor 1 dan anda pindahkan bagian nomor 2 menjadi nomor 1
contoh :

  1. Yahoo
  2. Youtube
  3. Facebook
  4. Gemscool
  5. Alexa
  6. Blogger
  7. Wikipedia
  8. Wikipedia Indonesia
  9. Blog Cyber Empires 
  10. Blog kamu    


    Isi di Tulisan Blog kamu itu nama Blog agan dan kemudian postingkan deh ke blog agan
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.

Saya sarankan anda mencoba cara ini dan silakan copy sebarkan artikel ini atau bisa dengan cara mengkopi kode di bawah ini biar simple tanpa repot kemudian postingan menggunakan menu Edit Html ( agar link ? link nya tidak hilang karena disinilah letak Site Link in Alexa itu ). Hilangkan link nomor 1 dan masukan alamat blog anda pada nomor 10. Buktikan sendiri hasilnya setelah itu baru kementar.
Thanks :)

Saturday, 15 November 2014

Cara Membuat Tombol Read More di Blog Blogspot

Mungkin belum banyak yang mengetahui Cara Membuat Tombol Read More di Blog Blogspot, untuk itu disini saya akan mencoba menjelaskan secara singkat Bagaimana Cara Membuat Read More di Blog Blogspot.

Tapi sebelumnya saya ingin memberitahukan bahwa Read More yang akan kita buat ini otomatis, maksudnya kita akan belajar Cara Membuat Read More secara otomatis menggunakan bantuan dari jump link yang ada di blogspot.

Dalam tutorial ini saya menggunakan Template Sederhana (standar) dari Blogger.

Baik, langsung saja kita mulai pembahasan cara membuat tombol read more di blog blogspot.



1. Masuk ke Template dan klik Edit Template

2. Klik CTRL + F, dan cari kode html </head>

3. Letakan kode dibawah ini, tepat diatas kode html </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 275;
summary_img = 275;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

4. Lanjut dan cari kode ini <data:post.body/> dan ubah dengan kode HTML di bawah ini.

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<div class='readmore-link'><span class='arrow'>›</span> <a expr:href='data:post.url'>Read More</a></div>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

5. Disini banyak blogger yang bingung, karena ada banyak sekali kode <data:post.body/>, kalau pakai template standar yang diganti adalah yang kode Kedua ( itemprop='description articleBody' )

Monday, 30 September 2013

Cara Membuat Emoticon di Kotak Komentar Blogspot

Sahabat blogger, hampir seminggu ini Ane  tidak membuka blog, rasanya kangen ingin cepat - cepat membuat tulisan, nah pada kesempatan kali ini alhamdulillah Ane bisa kembali membuat postingan lagi, kali ini Saya akan coba mempostkan artikel tentang Membuat Emoticon di Kotak Komentar Blogspot.


emoticon komentar blog

Cara Membuat Emoticon di Kotak Komentar Blogspot

1. Login ke blog
2. Masuk ke dasbor/rancangan kemudina pilih Template
3. Pilih Edit HTML *jangan lupa centang expand template widget
4. Cari kode ]]></b:skin>
5. Copy kode dibawah ini dan pastekan diatas ]]></b:skin>
.emoWrap {color:greenyellow;font:bold 12px Tahoma,Arial,Sans-Serif;text-align:center;}
img.emo, input.emoKey {display:inline-block;display:inline;vertical-align:middle;}
input.emoKey {border:1px solid #ccc;background-color:white;font:bold 11px Arial,Sans-Serif;padding:1px 2px;margin:0px 0px 0px 2px;color:black;}

6. Copy kode dibawah ini dan pastekan dibawah tag <b:if cond='data:post.embedCommentForm'> atau pastekan diatas tag </body>

Berikut kodenya:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/><script src='http://codecbd.googlecode.com/files/emotion-coment.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
putEmoAbove = "iframe#comment-editor",
emoMessage = "Beri spasi sebelum memasang emoticon.";
//]]>
</script>
Keterangan: jika dalam template sobat sudah ada kode yang berwarna merah di atas, sobat tidak usah memasang nya lagi.

7. Selanjutnya klik Simpan Template selesai

Silahkan sobat coba berkomentar di blog sendiri dan beri emoticon, dan lihat hasilnya..!!
 
 
Sumber : klik

Cara Membuat Tombol Show - Hide Di Blog


Saatnya posting... kali ini saya akan membahas tentang cara membuat tombol hide-show atau juga lebih dikenal dengan istilah spoiler. manfaat dari tombol hide-show atau spoiler ini adalah untuk menyingkat suatu tampilan fitur atau objek lain. misalnya kalian punya artikel atau widget yang panjang pasti akan banyak memakan tempat bukan?? dan di lihat juga kurang sedap.. hehe..

untuk lebih jelasnya kalian bisa lihat contohnya di bawah ini :
Silahkan diisi apa saja di sini, yang memang dirasa perlu tuk disingkat
     
     
    OK langsung saja ini caranya :
  1. Login to Blog Anda.
  2. Setelah masuk di halaman Dasboard, KLIK link Tata Letak.
  3. KLIK Add Gadget/Tambah Gadget.
  4. KLIK HTML/Javascript.
  5. Pastekan Kode Ini :
<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Show" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button"/>
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">
Silahkan diisi apa saja di sini, yang memang dirasa perlu tuk disingkat
</div></div></div></div> 


6. KLIK SAVE/Simpan, kemudian lihat hasilnya dengan membuka blog.


Keterangan
:
-.Biru: Silahkan anda ganti dengan kata-kata yang anda inginkan misal: Munculkan, atau show!
-.Orange: Anda bisa menggantinya dengan kata yang anda inginkan, misal: Hide, atau hilangkan!
-.Hijau: Silahkan disisipi dengan teks atau kode yang memang perlu disingkat.

Good Luck

Thursday, 3 January 2013

Cara Mengganti Background Blog


Untuk mempercantik Latar Blog Sobat Mari Test Cara Berikut ini Cekidot >>

chambre-surfer-design-star%5B1%5D

Cara Mengganti Background Blog

Dasbor ->> edit HTML jgn Lupa dicentang, Cari Kode DIbawah ini.


body {

background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

Nah yang berwarna Merah lah yang perlu Anda Ubah dengan Kode HTML Warna BIsa anda
Lihat Disini

Sumber : klik

Tuesday, 25 December 2012

Cara membuat Iklan melayang di blog dengan tombol close

iklan tombol close,iklan melayang dengan tombol close,iklan melayang tombol close,iklan melayang dengan tombol close 1x, iklan melayang close,iklan melayang close 2 kali,iklan melayang close klik iklan,iklan melayang close,membuat iklan melayang close,iklan melayang 1 kali close,iklan melayang tanpa close,iklan melayang dengan tombol close,iklan melayang tombol close,iklan melayang dengan tombol close 1x
Cara membuat Iklan melayang di blog dengan tombol close - Bisnis internet salah satunya ialah dengan memasang iklan di blog agar mendapat $$$, semakin banyak jumlah klik pastinya penghasilan juga ikut bertambah, peran penempatan iklan disini sangat penting, untuk mendapatkan klik iklan pengunjung blog, sobat harus menempatkan iklan itu ke tempat yang strategis.  Nah lantas dimana tempat strategis menempatkan iklan? Berdasarkan hasil pencarian yang saya lakukan di google tentang tempat iklan strategis, salah satunya ialah dengan menempatkan iklan menjadi melayang atau Floating Ads, tahukah sobat tentang iklan melayang? kalau gag tau blogwalking sono ke berbagai blog komersil!

Untuk iklan di BlogRion, belum saya maksimalkan! dikarenakan selain trafik blog juga belum ada yang berminat pasang iklan di BlogRion (he he he). Walaupun begitu, saya juga punya cara untuk memasang iklan, salah satunya dengan membuat iklan melayang, dan pada kali ini rion akan mengshare bagaimana cara membuat iklan melayang atau bisa juga disebut floating ads. Iklan melayang pada tutorial membuat iklan melayang ini akan muncul ketika suatu loading blog telah selesai. Iklan melayang ini terletak di bagian atas blog dan juga dilengkapi dengan fungsi tombol Closenya. Jadi, pengunjung blog tidak merasa terganggu dengan adanya iklan melayang tersebut karena jika si pengunjung blog ingin menghilangkan iklan melayang itu, tinggal klik tombol close pada iklan melayang tersebut. Selain iklan, sobat juga bisa mengisi widget ini dengan guest box atau like fan page box atau lainnya. Langsung saja untuk Cara membuat Iklan melayang (Floating ads) di blog sobat bisa lihat tutorialnya di bawah ini:


  • Login ke blogger.com menggunakan akun blog sobat
  • Tata Letak
  • Tambah Gadget
  • Cari HTML/Javascript
  • Copy kode di bawah ini dan pasang di pengeditan html widget


<style type="text/css">


#gb{
position:fixed;
top:50px;
right:300px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:center;
border:2px solid #000000;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript" src="http://www.geocities.ws/reggy/ads.js"></script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
Klik iklan di bawah ini lalu Klik CLOSE </a>
</div>
<center>

<!----Kode iklan / like box / lainnya----->

</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>


  • Simpan dan lihat hasilnya 
Ket:
  1. Tulisan yang berwarna merah adalah kode iklannya, bisa juga sibat ganti dengan kode lain seperti like box / tombol follow twitter / lainnya
  2. Tulisan yang berwarna biru adalah posisi floating ads nya
  3. Sobat bisa merubah warna kotak adsnya. Ganti tulisan yg berwarna hijau

Untuk Cara membuat Iklan melayang di blog dengan tombol close jika ada yang belum mengerti silahkan tanya di kotak komentar yaa!


Monday, 24 December 2012

Cara Membuat Blog Mantaince



1. Login Ke Blog Anda
2. Masuk Rancangan Di Salah Satu Blog Anda Lalu Tekan Edit HTML
3. Cari Kode ]]></b:skin> Agar Lebih Mudah Tekan CTRL + F Dan Masukan Kode ]]></b:skin>
4. Tambahkan Kode Di Bawah Ini Tepat Di Atas Kode ]]></b:skin>

html {  height: 100%;  background: url(http://3.bp.blogspot.com/-0MyUFq1zOsw/T_gdt-Od2-I/AAAAAAAAATg/2ZRNFoTeuLs/s1600/untitled.PNG) no-repeat center 50%;  margin: 0;}body {  display: none;}
5. Jika Sudah Simpan Templatenya...

Note * Kode Yang Berwarna Merah Harus Di Copy Di Atas Code Berbackground Abu Abu *
         * Ganti Url Yang Berwarna Biru Dengan Url Gambar Anda Sendiri  *

Sumber

Cara Membuat Efek Meteor Jatuh Di Blog

MeteorHai Sobat Blogger Hari Ini Saya Akan Berbagi Tutorial Cara Membuat Efek Meteor Jatuh Di Blog Tapi Sebelum Menjelaskan Tutorial Ini Saya Akan Mengingatkan Anda Terlebih Dahulu Agar Anda Meringankan Atau Menghapus Widget Yang Tidak Bermanfaat Untuk Blog Anda Karena Efek Meteor Jatuh Di Blog Ini Dapat Sedikit Memberatkan Blog Anda Script Ini Hanya Bertujuan Untuk Mempercantik Blog Anda.
Jika Anda Ingin Memasang Widget Efek Meteor Jatuh Di Blog Itu Mudah Saja Anda Tingaal Mengikuti Cara Yang Ada Di Bawah Ini :

1. Login Ke Blogger
2. Pilih Tata Letak Atau Layout 3. Lalu Tambahkan Gadget Atau Add Gadget 4. Lalu Tekan HTML/JavaScript   5. Lalu COPAS ( Copy Paste ) Kode Di Bawah Ini
<script language="javascript"> nd_mode="meteor"; nd_sound="on"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_top"; </script> <script language="javascript" src="http://ubloseven.googlecode.com/files/Meteor.js"> </script>
6. Lalu Tekan Tombol Simpan Dan Lihat Hasilnya


Bagaimana Penampilan Blog Anda Sekarang ?? Lebih Menarik Bukan Tapi Sebelum Meninggalkan Blog Saya Ada Baiknya Anda Meninggalkan Komentar


Sumber : klik