Tampilkan postingan dengan label Tutorial Blogging. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blogging. Tampilkan semua postingan

11 Februari, 2015

Cara Upload Video Youtube ke Postingan Blogg dan Jatuh Cinta pada Korean Boys Dancer



Yeay, seru banget nih pembahasan postingan ane kali ini sob. 
Wajib dibaca, disimak dan ditonton Video nya ya sob :)

Awalnya tadi sih Ane iseng nyari lagu di Youtube yang kece, keren and populer. karena kebetulan ane sekarang lagi ngfans sama musik nya Cita-citata. Jadilah ane searching semua lagu Cita-Citata dalam Albumnya apa aja musik lainnya yang paling mainstream *saking penasaran, hoho :)

dan seperti liburan trip ke Bengkalis kemarin, sih adek dan ayah ane asyik banget muterin lagu Cita-citata sepanjang perjalanan - ehh malah sekarang bawaannya jadi pengen muter teruss nih lagu Cita-citata :p *curhat promo

Ane suka judul lagu Goyang Dumang (duyung mangap) Nah, waktu ane ketikkan di Youtube "Goyang dumang..." muncul tulisan di optionnya versi Remix, Korea, Dangdut, Chipmunks, lucu, DJ, dsb.. 
tararaa, ane tertarik pada 1 option, yaitu Versi Korea *asli - ane fall in love sama Korean Boys Dancer jadinya




akhirnya ane telusurin satu persatu Video nya versi korea yang keren, yuhuhu.. ane temukan 1 Video yang Wajib sobat watch disini, kali aja besok sobat nemu cowok yang genre-karakter-body-stylish nya mirip ama korean boys ^.^ 

Jangan lupa sobat bookmark lamannya ya, atau kalo kuota internet sobat memadai - Silahkan Unduh secara gratis pake IDM sobat :p boleh juga minta Video nya dari ane langsung (nyolok USB) 

Note : ane makin semangat nge-post nih sob soalnya ditemanin cowok korea sebanyak 7 orang *kokocrazy ^.^ woaahh, lope you Korean Boys Dancer :')




Oke, break/pause bentar dong sob muter Videonya. Ntar dulu gregetan sama cowok korea nya :D

Simak cara ane Upload Video Youtube kedalam Postingan blogg gimana. hehe 
sebenarnya ada dua cara sob, dan sangat mudah nerapinnya. cuma ane bagi satu cara dulu yak, ntar laen kali posting dengan judul video nya yang beda dan lebih sensasional *eakk 

Langkah - langkah :

1. Buka laman Youtube di browser sobat 
2. Kemudian sobat pilih video yang ingin di putar, lalu klik dibawah Video ada tulisan "sematkan" dan "ambil scriptnya"



3. Copas (copypaste) script tersebut di dalam new entry sobat dan pilih HTML.


4. Jika sobat sudah menyesuaikan posisi dan ukuran nya, sobat langsung aja klik "Publish" dan seperti inilah wujud Video dalam postingan blogg yang berada di compose. 


5. Selamat mencoba dan menikmati Video favorit sobat ^.^ 

Yeahh, ane mau lanjut lagi yaa sob nonton dance Korean Boys dancer nya. *semangat gak ketulungan nih. Seharian udah replay berkali-kali :p 

Note :
buat sobat yang juga ngefans atau cinta sama Korean Dancer, boleh juga komentar disini untuk saling bercerita dan berbagi. 

Keep enjoying and have Fun :)

Thanks so much for your reading this post


Continue Reading - Cara Upload Video Youtube ke Postingan Blogg dan Jatuh Cinta pada Korean Boys Dancer

07 Februari, 2015

Cara Mengubah Template Blogg super Mudah

Hello-Hello-Haii Sobat semua...
Masih semangat nge-Blogg kan?
Yuk, simak belajar Mengganti Template Blogg menjadi keren ^.^ dengan cara yang yang super Mudah

Template Blogg itu ibarat sebuah Wajah dari Tampilan Blogg kita. Nah, kalo sobat suka mengkoleksi Template Blogg atau ingin mengubah-ubah tampilan boleh nih coba Tips yang ini yaa, langsung aja chekidot morrr... 

1. Pastikan Sobat udah login Blogger yaa
2. Kemudian Buka "Template" dan Klik "Cadangkan/Pulihkan"


3. Jika sobat ingin mengunduh dan mengarsipkan berbagai Template, Saya sediakan Situsnya disini sob http://btemplates.com - http://www.deluxetemplates.net - http://www.deluxetemplates.net - http://www.bloggerblogtemplates.com - http://www.bloggertemplatesfree.com dan masih banyak lagi sobb :) 

4. Jika sobat telah mempersiapkan Template yang sesuai lanjutkan ke Menu "Pulihankan/Cadangkan" tadi untuk mendesign tampilan blogg.

5. Unggah File Template yang berekstensi .xml yang telah Sobat simpan di komputer tadi dan tunggu prosesnya, lihat hasilnya...


Selamat Berkreasi, Semoga menyenangkan ^.^
Continue Reading - Cara Mengubah Template Blogg super Mudah

06 Februari, 2015

Cara Membuat Page Number (Angka Halaman) pada Blogg

Yuhuhu, kali ini Saya akan membuat Postingan yang membantu Pengunjung untuk mengambil Jalan Pintas menemukan Artikel melalui Angka Halaman. Agar terkesan sempurna dan memudahkan pembaca :p

Meski sudah banyak yang memposting serupa, apa salahnya jika Saya menyalurkan Ilmu ini dan lebih memperluas juga di mesin pencari google :D hehehe

Oke, sekalian ini juga sebagai catatan buat Saya manatau besok mau ganti-ganti tampilan, jadi gak perlu mengetikkan "Cara membuat Halaman 1,2,3 dst" di kolom pencarian google. ^.^
Buat Sobat yang masih pemula seperti Saya, silahkan ambil copypaste dan manfaat nya yaa. semoga bisa digunakan.

Langkah-Langkah :

1. Login ke Blogg Home - Pilih "Template" > "Edit HTML"

2. Temukan Kode "]]></b:skin>" (tanpa tanda petik) di layar Edit HTML dengan jalan pintas (Ctrl+F).
Copypaste Script ini tepat diatas Kode ]]></b:skin> yaa Sob.

.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}

.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;} 


3. Setelah itu, cari lagi kode "</body>" dengan Ctrl+F dan pastekan script ini tepat diatas kode "</body>"
   
 <b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://eaction.googlecode.com/files/pagenav.js' type='text/javascript'/>

</b:if> 


4. Jika ingin melihat Perubahannya terlebih dahulu tanpa menyimpan, klik "Pratinjau Template" dan Jika hasilnya sesuai menurut hati sobat, silahkan klik "Simpan Template"

Selamat Mencoba, Semoga Berhasil ^.^


Continue Reading - Cara Membuat Page Number (Angka Halaman) pada Blogg

05 Februari, 2015

Cara Meringkas Halaman Posting pada Blogg

Awal Saya ngeblogg ini banyak mengalami kesulitan dan rasanya menaik-nurunkan scroll itu cukup melelahkan. Akibat Postingan terlalu panjang sehingga kadang bisa membuat Pengunjung merasa bosan. Saya mencari cara untuk membiarkan Pengunjung merasa nyaman dengan blogg ini. 

Nah, berikut Saya sajikan Cara Meringkas Postingan Blogg secara cepat dan mudah ^.^
semoga sobat semua bisa memahami dan mengikuti nya.


Langkah - Langkah :

1. Pastikan Sobat telah Log in E-mail untuk mengakses laman blogger sobat

2. Klik "Template" dan Pilih "Edit HTML"


3. Cari Kode Script </head> dengan menekan CTRL+F  (menemukan) akan muncul kotak di ujung kanan atas.

4. Pastekan Kode Script ini di atas kode </head> yang dicari tadi.

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
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>

5. Selanjutnya, Sobat cari lagi kode <data:post.body/> dengan menekan CTRL+F dan GANTI Kode <data:post.body/> dengan script dibawah 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>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READMORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> 

6. Jika ragu hasil editan Script kocar-kacir sobat bisa memilih Pratinjau/Melihat hasil perubahan. Dan Jika hasilnya sesuai maka sobat bisa langsung menyimpan nya saja. 


*NOTE :

1. summary_noimg merupakan jumlah karakter yang ditampilkan tanpa menggunakan gambar dalam postingan blog.
2. summary_img merupakan jumlah karakter yang ditampilkan ketika dalam postingan blog terdapat gambar.
3. img_thumb_height merupakan tinggi gambar yang ditampilkan.
4. img_thumb_width merupakan lebar gambar yang ditampilkan.
5. Tulisan “READ MORE” dapat diganti sesuai keinginan kita, misalnya diganti dengan “Baca selengkapnya, Continue Reading, Lanjutkan, dsb"
6. Jika belum berhasil, coba sobat perhatikan Unsur Kode Script <data:post.body/> yang harus diganti/rubah nomor 5 dengan script diatas karena hasil penemuan (Ctrl+F) merujuk 1 kalimat aja, perhatikan laman HTML dari atas sampai bawah. 

Selamat Mencoba dan Berkreasi, semoga berhasil dan suka ^.^


Continue Reading - Cara Meringkas Halaman Posting pada Blogg

Kumpulan Widget untuk menambah Hiasan Blogg

Salah satu daya tarik yang memikat banget di hati pengunjung Saya rasa adalah Artikel/posting yang dimuat Owner Blogg tersebut isi nya mantab dan menjadi acuan banget, dan betah berlama-lama kalo dihadapkan dengan hiasan dan tampilan blogg yang tersusun rapi, unik dan sejuk dipandang. Tapi, jangan terlalu banyak Widget juga di blogg sobat, dikhawatirkan Pengunjung memakan waktu banyak untuk loading ke link sobat (boros kuota internet) hehehe..

Oke sobat, karena Saya suka banget mengkoleksi Widget. Maka Saya akan berbagi ke sobat semua Widget yang bisa sobat cicipi dan ditambah resepnya ke blogg sobat, semoga bisa membantu dan betah dengan blogg sendiri, semakin banyak Visitor dan rame yaa ^.^

Nah, Cara yang cukup mudah banget yaitu hanya begini :
1. Buka Laman Dasbor blogg sobat, pilih "Tata letak" untuk menyesuaikan gadget 
2. Klik "Tambahkan Gadget" 
3. Pilih Menu "HTML/Java Script"
4."Copypaste" hasil Script Widget ke Konten tersebut dan beri judul
5. Simpan dan lihat perubahannya.

Mudah bukan???
Oke, Koleksi untuk menambah Widget Silahkan sobat ikuti saja link yang ada disini ^.^

1. Widget Clock keren dan unik, klik disini yaa., disana ada banyak jenisnya sob. Ada Animal, Holiday, Season, Sport, Logo And Custom, Transparan dan banyak lagi. sobat sesuaikan selera mana yang cocok.



2. Widget CBox, yaitu Widget yang menampilkan percakapan antara pengunjung dan owner blogg. 
banyak pilihan warna dan tema yang menarik untuk didapat disini... sobat terlebih dahulu harus mendaftar dengan insert E-mail pada kolom sisi kiri. 

3. Widget Flag Counter, yaitu Penghitung bendera dari berbagai Negara yang mengunjungi setiap posting di blogg sobat. Klik disini untuk memiliki nya.


4. Widget Animasi, yaitu Widget yang berbentuk kartun dan bisa bergerak-gerak. dibawah ini Script untuk sobat paste kan ke HTML/Java Script blogg sobat. Silahkan dipilih-pilih :D

*Kembang Api
<a href=" http://wiandralove.blogspot.com/2015/02/kumpulan-widget-untuk-menambah-hiasan.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Fire.gif" /></a>

*Pelaut

<a href="http://wiandralove.blogspot.com/2015/02/kumpulan-widget-untuk-menambah-hiasan.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/tutuktutuk.gif" /></a>

*Spongebob Ngantuk


<a href="http://wiandralove.blogspot.com/2015/02/kumpulan-widget-untuk-menambah-hiasan.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/bob.gif" /></a>

*Spongebob Lari
<a href="http://wiandralove.blogspot.com/2015/02/kumpulan-widget-untuk-menambah-hiasan.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/boblari.gif" /></a>


*Ubur-Ubur
<a href=" http://wiandralove.blogspot.com/2015/02/kumpulan-widget-untuk-menambah-hiasan.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/ubur2.gif" /></a>

*Anak kecil Seluncuran 
 
<a href="http://wiandralove.blogspot.com/2015/02/kumpulan-widget-untuk-menambah-hiasan.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Skate.gif" /></a>

*Bajak Laut
<a href="http://wiandralove.blogspot.com/2015/02/kumpulan-widget-untuk-menambah-hiasan.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Fire-1.gif" /></a>

*Petir
<a href="http://wiandralove.blogspot.com/2015/02/kumpulan-widget-untuk-menambah-hiasan.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Cloudelec.gif" /></a>

*Kucing Tidur
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://wiandralove.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://wiandralove.blogspot.com/2015/02/kumpulan-widget-untuk-menambah-hiasan.html" target="_blank">Widget Animasi</a></center></small></div>

*Ikan Mas cantik
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://wiandralove.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://wiandralove.blogspot.com/2015/02/kumpulan-widget-untuk-menambah-hiasan.html" target="_blank">Widget Animasi</a></center></small></div>

*Penguin imuut
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://wiandralove.blogspot.com/”target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><ahref="http://wiandralove.blogspot.com/2015/02/kumpulan-widget-untuk-menambah-hiasan.html" target="_blank">Widget Animasi</a></center></small></div>

*Lumba-lumba
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://wiandralove.blogspot.com/”target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://wiandralove.blogspot.com/2015/02/kumpulan-widget-untuk-menambah-hiasan.html" target="_blank">Widget Animasi</a></center></small></div>

*Hi Friend
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://wiandralove.blogspot.com/”target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/243/th/24365.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://wiandralove.blogspot.com/2015/02/kumpulan-widget-untuk-menambah-hiasan.html" target="_blank">My Widget</a></center></small></div>


Note for Animasi :

Sobat bisa menyesuaikan Widget Animasi tersebut sesuai keinginan, caranya dengan mengedit tulisan Script : bottom (bawah), top (atas), left ( kiri), right (kanan). 
Contoh : Jika Sobat ingin memasang di pojok kiri atas, berarti Sobat harus mengubahnya menjadi top dan left.


Continue Reading - Kumpulan Widget untuk menambah Hiasan Blogg

04 Februari, 2015

Cara Menampilkan Life Traffic Feed di Blogg

Life Traffic Feed adalah Widget yang menarik menurut Saya untuk dipasang di Blogg Sobat. Secara Widget ini berguna untuk mengetahui Pengunjung yang mampir ke Blogg Kita. Widget ini menampilkan Domisili Pengunjung, membaca Postingan Kita yang mana, dan Waktu saat Ia mengunjungi Blogg Kita, bahkan ada bendera Negara yang menunjukkan identitas country Pengunjung. Menarik dong sob :D - Yuk, langsung aja chekidot cara dan langkah nya bagaimana.

1. Sobat terlebih dahulu Klik Link ini yang akan mengarahkan keberadaan laman Life Traffic Feed

2. Atur Menu yang tersedia dengan beragam warna sesuai selera sobat dengan menyesuai perubahan pada gambar Live Traffic Feed di Ujung Kanan.


Cara Menampilkan Life Traffic Feed di Blogg

Note :
Select a Color Scheme (Pilih Warna Tema sesuai kehendak)
Select Widget Width (Menyesuaikan Ukuran Lebar Widget pada laman blogg)
Number of Visitors shows (Berapa banyak jumlah Pengunjung yang ingin ditampilkan)
Tombol Go (Untuk mendapatkan Script dari Bentuk dan kesesuai Widget yang sobat buat tadi)

3. Copy Paste hasil Script yang sobat dapat di Laman Blogg Sobat


Cara Menampilkan Life Traffic Feed di Blogg

4. Klik "Tata Letak" > "Tambahkan Gadget" > "HTML/Script" > "Paste Script di Konten dan Beri Judul sesuai selera Sobat" dan "atur Tata Letak Widget di bagian laman blogg yang sobat inginkan"

Cara Menampilkan Life Traffic Feed di Blogg

5. Simpan Perubahan dan Lihat Hasilnya ^.^

Selamat mencoba Langkah Mudah ini :') Semoga Bermanfaat yaa...


Continue Reading - Cara Menampilkan Life Traffic Feed di Blogg

03 Februari, 2015

Cara Membuat Favicon di Blogg

Favicon yaitu Icon/Symbol yang mengeidentikkan Blogg Sobat. Icon bisa dipilih sesuai kemauan Sobat dan bisa juga mengkreasikan gambar/photo sobat sendiri. Namun, hanya bisa 100x100px yang berbentuk segi-empat. 
Jika Sobat berminat menambahkan Favicon, bisa dengan Klik Link ini yaa sob :')

1. Pilih "Menu Gallery" Jika Sobat menyukai Icon disana, ada beraneka ragam bentuknya.


2. Jika ingin berkreasi, Sobat juga bisa tekan "Editor" untuk menciptakan Ide sendiri.


3. Atau Jika sobat ingin memunculkan Photo Pribadi juga bisa loh, :p
Pilih gambar dari computer - Create Favicon - Klik Download The Generated Favicon .

4. dan Jika Sobat telah memiliki Favicon yang kece, langsung saja klik "Tata Letak - Edit Favicon - Pilih Gambar - Simpan - Jadi deehhh ^.^


5. Gimana Hasilnya Sob? ^.^ kece abisss yaahh,,,

Continue Reading - Cara Membuat Favicon di Blogg

Cara Memasang Widget Histats Counter pada Blog

Yuk, Intip Belajar design Blogg Sobat disini ^^

Yapps, kali ini Saya akan mencoba membahas Langkah-langkah memasang "Histats Counter" pada Blogg dengan cara yang cukup Mudah dan Asyik. 

Histats Counter yaitu Widget yang menampilkan keseluruhan Pengunjung, Perhari maupun yang sedang Online di Blogg sobat. Sehingga, Sobat bisa mengetahui berapa banyak pengunjung Blogg Sobat dan mengukur sejauh mana Peminat Blogg Sobat. 
Oke, Selamat memahami ya sob :')

1. Sobat bisa mendaftar terlebih dahulu disini yaa, dan Klik "Register" pada menu nya.


2. Kemudian Sobat isi semua data di Kolom yang disediakan hingga proses akhir.

3. Selanjutnya Sobat akan menerima Email Konfirmasi dari Histats, Chekidot ya email sobat 
kemudian sobat login dengan klik tautan/link yang di inbox Histats


4. Setelah aktif, Sobat klik "Add a Website"


5. Kemudian isi semua data di kolom "Create New Website/Blogg"


6. Setelah itu sobat Klik "Counter Code" untuk mengcopy Script Counter di Blogg Sobat.


7. Setelah muncul dengan banyak versi Widget, Sobat bebas menentukan Widget mana yang sesuai selera. 


8. Kemudian sobat "Save" Widget yang kece dan akan muncul script seperti gambar, langkah terakhir sobat copas ke Blogg sobat.


9. Copas seluruh Script dan Paste kan di HTML/Java Script pada Menu Tata Letak Blogg Sobat ^.^

10. Keep Enjoying and Have Fun, Thankyou ^.^


Continue Reading - Cara Memasang Widget Histats Counter pada Blog