Showing posts with label blogging. Show all posts
Showing posts with label blogging. Show all posts

Membuat Likebox Fanspage Melayang di Blog








Hallo Guys ...
Kemarin kita sudah membahas cara membuat LikeBox Fanspage facebook agar tampil di blog , nah sekarang kita akan membuat Likebox tersebut melayang kalau bahasa umum nya,hehee yaitu likebox yang muncul jika kita datang ke website/blog , jika kita pergi ke setiap laman , posting atau refresh website /blog tersebut . hal ini cukup berguna kalau menurut saya , karna bisa menghemat tempat gadget di blog biar ngk penuh , dan juga semoga saja pengunjung tergerak hatinya untuk mengikuti fanspage teman-teman :D

baiklah kita segera membahas cara membuat nya .
1.pertama Copy semua Code di bawah ini
CODE 1
<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#ccc;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #999;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:35px;
width:35px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<center><a class="murub">Silahkan di Like untuk Info Update terbaru</a></center>
<center>
Keterangan : Ganti text "Silahkan di Like untuk info Update terbaru" sesuai selera teman-teman

2.lalu masuk ke dashbor blogger
3.lalu klik Tata Letak (jika sebelumnya teman-teman mem-paste kode Likebox di gadget html/javascript) lalu klik "Edit" gadget Fanspage Likebox nya.
4.paste kan CODE 1 yang di Copy tadi tepat di atas Code Likebox teman-teman
5.setelah itu Copy code di bawah ini ,dan Paste kan tepat di bawah code Likebox (code penutup dari code Likebox)
CODE 2
</center>
<a class='close' href='#'>&times;</a>
<small>Theme Design by: <a href='http://Completion-animation-3dsmax.blogspot.com' target='_blank'>Doni Juliansa(DJ)</a></small>
</div>

6. silahkan simpan gadget nya,dan lihat di blog anda.

jika teman-teman menemui kesulitan atau bingung dengan cara di atas,silahkan Copy SEMUA code di bawah ini

All CODE untuk Likebox melayang ,code Fanspage dan bercampur Code Follow Twitter

<!--Start Coding By Doni Juliansa(DJ)
<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#ccc;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #999;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:35px;
width:35px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center><a class="murub">Untuk Info Update Terbaru Setiap Hari,silahkan LIKE</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/3DsMaxblog?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<br/>
<div class="twitter">
<!-- Twitter --> <iframe title="" style="width: 250px; height: 20px;" class="twitterx-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=ID&amp;link_color=&amp;screen_name=SynsterDonie&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>&times;</a>
<small>Theme Design by: <a href='http://Completion-animation-3dsmax.blogspot.com' target='_blank'>Doni Juliansa(DJ)</a></small>
</div>
<!--End Coding By Doni Juliansa (DJ)-->


Keterangan :
1. Untuk "Untuk Info Update Terbaru Setiap Hari,silahkan LIKE" atau Text Berwarna HIJAU silahkan di ganti sesuai selera teman-teman.
2. Untuk "https://www.facebook.com/3DsMaxblog" atau text berwarna MERAH silahkan di ganti dengan URL Fanspage teman-teman.
3. Untuk "SynsterDonie" atau text berwarna BIRU silahkan di ganti dengan nama Twitter teman-teman.

cukup sekian Tips kali ini ,semoga bermanfaat dan selamat mencoba.
silahkan komentar jika ingin bertanya.

Cara membuat posting dan laman pada blog

ketemu lagi teman-teman pada artikel kali ini ,sebelumnya kita sudah membahas tentang cara mudah membuat blog , nah sekarang saya ingin membahas mengenai cara membuat postingan dan laman pada blog, tapi sebelum itu , saya ingin sedikit menjelaskan apa itu postingan dan apa itu laman pada blog?
sebenarnya posting dan laman blog adalah hal yang sering kita sebut artikel , yaitu sesuatu artikel yang berisi informasi yang kita tulis , dan akan kita jabarkan di blog.(menurut saya)

tapi laman yang saya maksud di sini adalah laman untuk menu bar
contoh nantinya seperti ini

nah langkah awal yang harus kita lakukan adalah
1. pergi ke blogger.com
2.lalu login akun google yang di daftarkan pada blog sebelumnya.
3.selanjutnya akan muncul tampilan seperti gambar di bawah , dan klik"buka daftar entri" 

4. nah disini kita akan membuat sebuah postingan , di samping kiri ada opsi-opsi blog...sekarang klik Entri baru

5. maka teman-teman akan di bawa ke kotak entri , isi judul topik yang ingin anda buat,dan isi topik nya... jika sudah , sekarang teman-teman bisa membuatkan label ,untuk apa label itu ? yah ,label gunanya untuk mempermudah pengunjung mencari postingan teman-teman nanti nya, misal nya disini saya buat judul postingan "Cara Mmebuat posting dan laman pada blog" dengan label "Blogging" , nah nanti pada entri label di blog kita akan muncul "blogging" yang isi nya semua postingan yang barlabel "blogging"

6.cara membuat label cukup simple, teman-teman bisa lihat di sebelah kanan dari kotak entri pada Setelan entri , jika setelan entri tertutup tinggl di klik aja buat ngebuka nya,maka akan muncul "Label","Jadwal",dll...

7.klik "Label" isi kan nama label nya,lalu klik selesai.
8.jika ingin memasukan gambar,video,dan link pada postingan ,teman-teman bisa lihat gambar di bawah ini

9. cara memasukan link pada text , pertama blok dulu text yang ingin di link lalu klik "Link" yg ada di atas , masukan URL yang ingin dituju , saya contoh kan misalnya seperti ini " dapatkan tutorial gratis " < jika di klik ,maka akan mengarah ke URL tersebut... dan untuk memasukan gambar,dan video tinggal di klik opsi di samping "Link",maka akan muncul tampilan baru , pilih jenis upload apa yang mau teman-teman pakai,bisa coba sendiri saja ya :D

10. dan jika kiranya sudah selesai menulis panjang lebar,meng Link , memasukan foto / video yang di butuh kan , sekarang tinggal teman-teman Publiskan , agar tampil di blog ... di atas sebelah kolom judul ada "Publikasikan" klik saja itu , dan selesai ...sekarang teman-teman bisa melihat blog nya.

Tadaaaa....postingan barusan sudah ada di beranda 
oh ya jika template teman-teman tidak memliki label ,dan ingin menambahkan widget label , agar label yang kita buat tadi bisa tampil di blog , cara nya cukup gampang
pertama pergi ke "tata letak" , lalu tambah Gadget , muncul browser baru , dimana kumpulan gadget berada,sekarang cari gadget "Label" klik nama label nya atau tanda + 
muncul jendela baru , langsung saja klik simpan.
dan hasil nya silahkan lihat blog.

nah sekarang kita akan membuat laman seperti yang saya jelaskan di paling atas tadi ...sekarang membuat laman sudah lebih gampang ,karna teman-teman sudah bisa membuat postingan.
langkah-langkah sebagai berikut:

1. pertama klik "laman" pada sebelah kiri lalu akan muncul menu laman ,jika baru membuat blog,yang ada disana hanya "Beranda" sekarang mari kita tambah cara nya klik "Laman Baru => Laman Kosong"
maka akan dibawa ke entri laman baru , bentuk nya sama seperti membuat postingan , disini teman-teman pasti bisa melakukan nya , untuk Judul lamanya itu nanti akan menjadi judul pada menu bar,yang berada disamping "Beranda" jika sudah di isi laman nya, saya misalkan membuat laman dengan judul "Blogging"
klik "Publikasikan"
dan selesai , teman-teman bisa melihat blog nya, sekarang tinggal menambahkan postingan / laman lain yang mau di buat , caranya sama seperti cara-cara di atas...

baiklah ,saya akhiri tips tentang cara membuat posting dan laman pada blog , semoga bermanfaat , like fanspage untuk mendapatkan tutorial , tips blog ,dll yang ada di blog ini . terima kasih


Cara Mudah Membuat Blog di Blogger.com

halo teman-teman ... postingan pertama saya tentang tips-tips blog kali ini adalah cara mudah membuat blog.
memang banyak yang sudah tau cara membuat blog , tapi tidak sedikit juga yang tidak tau cara membuat blog (contoh nya saya) :D
dulu saya kebingungan cara membuat blog , tapi syukur nya banyak sahabat-sahabat blog yang membahas tentang cara membuat blog .
dan kali ini saya juga ingin berbagi pada teman-teman yang kebingungan cara membuat blog...
membuat blog tidak perlu harus mahir dalam coding-codingan.
karna template dari blogger.com sudah lumayan enak kok ...jadi kita hanya perlu membuat laman , posting ,dan menambahkan sedikit gadget.

baiklah,kita masuk ke cara membuat blog di blogger.com

1.pertama teman-teman harus memiliki akun google,jika belum silahkan buat terlebih dahulu DISINI
2.jika sudah di buat ,dan terverifikasi akun google nya , maka sekarang anda masuk ke blogger.com .
jika di suruh login , silahkan anda login terlebih dahulu menggunakan akun google yang barusan di buat.
3.jika sudah login anda akan di bawah ke home blogger.com ... di samping kiri klik "Buat Blog" seperti gambar di bawah ini

4. jika di klik ,maka akan muncul halaman pembuatan blog .
   -isi judul dengan judul dari tema informasi apa yang akan teman-teman buat.
   -isi alamat dengan alamat blog yang nanti nya akan menjadi milik teman-teman
   -dan pilihlah template blog yang teman-teman suka.
   -terakhir klik "Buat  blog"

sebagai contoh ,liihat gambar berikut

5. dan ,blog anda sekarang sudah jadi ...nah sekarang coba klik "lihat blog"
tadaa...
loh ,kok gitu ? iya lah ,namanya juga belum ada postingan ,hehee

nah untuk langkah ini , anda sudah memiliki sebuah blog, tapi tugas anda sekarang adalah ,membuat postingan blog , dan laman pada blog.

saya rasa cukup sekian topik tentang cara mudah membuat blog , jika ada pertanyaan silahkan bertanya di kolom komentar, terima kasih .. C u

Ngeblog yuk

sebelumnya mohon maaf , blog ini adalah tempat sharing pengetahuan saya mengenai 3ds Max , tapi sekarang saya tergerak untuk membuat postingan-postingan tentang tips-tips pada blog , apa saya ganti saja ya judul nya? hehee.... jangan lah!! disini saya hanya ingin berbagi sedikit pengetahuan saya mengenai tips-tips blog ,yah ,karna memang sedikit yang saya kethui ,tidak seperti blog nya sahabat lain yang memang membahas tentang web , coding-codingan html,css ...dll.
tapi setidaknya ,walaupun sedikit ,mungkin ada lah 1 atau 2 dari teman-teman yang membutuhkan tips-tips ini,hehee... sebelum saya keluarkan semua yang ada di kepala tentang tips-tips blog , rasanya gimana gitu ...
sebenarnya kalau mau belajar tentang web itu tak akan ada ujungn ya , udah bisa yg ini muncul yang baru,udah bisa yang baru,muncul yang lebih baru ... capek ya.
dunia internet itu luaaaaaaassss.... sangat banyak sekali yang membahas tentang blog , code html, code css , SEO ... saya mendapatkan tips-tips di bawah ini dulu juga dari mbah google ,tapi mohon maaf ya ,jika tidak ada sumber di tips-tips saya ... soalnya tidak kepikiran mau bikin topik begini , jadi yah ngk ke simpen deh... sekali lagi maaf :(

nah,sekarang kita akan ulas semua tips-tips blogging disini.
baiklah,apa saja tips - tips nya? berikut list nya.


*cara mudah membuat Blog
*cara membuat posting dan laman pada blog
*cara membuat likebox Fanspage Facebook agar muncul di blog
*cara agar likebox Fansepage melayang di blog
*cara membuat tombol like dan share di bawah postingan blog.
*membuat widget visitors flag / widget pengunjung bergambar bendera
*membuat widget visitors online
*cara membuat room chat Cbox
*cara membuat Related Post / artikel terkait di bawah postingan blog
*cara membuat menu bar , sub menu di bawah /di atas header
*cara membuat menu bar vertical

keterangan : jika link tidak bisa di klik : berarti postingan dengan judul tersebut belum update . lho kok gitu min ? yah gk mungkin kan saya ulas semua nya dalam 1 hari :'(
tapi ngk usah sedih , BOOKMARK saja dan like fanspage untuk mendapatkan update terbaru nya xD

nah saya rasa masih ada tips lain ,tapi saya lupa,nanti kalau ingat saya tambah deh :D
jika ada pertanyaan/request tips apa yang mau di ulas dulu ,silahkan komeng,dengan senang hati akan saya loncat posting ,"karna kebahagian pengunjung adalah kebahagian admin juga" ,wkeekkeke... kayak costumer hotel aje....
nah cukup sekian dan terima kasih.