Showing posts with label Artikel Pilihan. Show all posts
Showing posts with label Artikel Pilihan. Show all posts

Saturday 14 January 2012

Kode Warna Html / Html Code of Color

Kode Warna dalam Bahasa Html


Sengaja artikel ini saya ambil dari situs di http://camex.wen.ru/Sampel/Warna.html untuk sekedar berbagi saja,mengingat para blogger pemula yang belum mengetahuinya namun nyasar di blog sederhana ini,maka dengan senang hati kami mempublikasikannya kembali di sini.

Seperti yang sudah kita ketahui ya sob,kode kode warna dalam bahasa html sangatlah banyak,maka jika dibuat dengan tabel seperti yang dilakukan teman kita ini sangat membantu sekali.
Mungkin beberapa waktu lalu di posting Kode kode Html belum sempat saya bahas masalah ini,dan inilah waktu saya ingin bagikan informasi html warna ini.

Saya yakin bahwa pembuat tabel ini sangat teliti dan ini jasa yang tidak sembarangan untuk di duplikat,kendati demikian tanpa mengurangi rasa hormat saya kepada pihak yang terkait,saya lampirkan tabel warna beliau di posting kali ini.Semoga membantu ya sob.

Contoh penggunaan dari kode html warna ini cukup melihat notasinya tepat berada di tabel warna yang dimaksudkan.
Misal,saya ingin menulis 'Belajar Kode Warna Html' dengan warna merah,maka saya akan menuliskannya bisa dengan dua cara,yakni:

Saya akan menulis posting dengan metode Edit Html bukan Compose,lihat gambar:

kode html warna.


1.Saya bisa menulikannya seperti ini:
<span style="color:red;">Belajar Kode Warna Html</span>

2.Saya bisa menggantinya dengan menggunakan bahasa warna html dari merah,llihat tabel,kode html dari merah adalah #FF0000,jadi saya bisa menuliskannya seperti ini:
<span style="color:#FF0000;">Belajar Kode Warna Html</span>


Dan,inilah tabel kode warna untuk bahasa html:





#FOF8FF
Aliceblue
#FAEBD7
Antiquewhite
#00FFFF
Aqua
#7FFFD4
Aquamarine
#F0FFFF
Azure
#F5F5DC
Beige
#FFE4C4
Bisque
#000000
Black
#FFEBCD
Blanchedalmond
#0000FF
Blue
#8A2BE2
Blueviolet
#A52A2A
Brown
#DEB887
Burlywood
#5F9EAD
Cadetblue
#7FFF00
Chartreuse
#D2691E
Chocolate
#FF7F50
Coral
#64950
Cornflowerblue
#FFF8DC
Cornsilk
#DC143C
Crimson
#00FFFF
Cyan
#00008B
Darkblue
#008B8B
Darkcyan
#B8860B
Darkgoldenrod
#A9A9A9
Darkgray
#006400
Darkgreen
#8B008B
Darkmagenta
#BDB76B
Darkkhaki
#556B2F
Darkolivegreen
#FF8C00
Darkorange
#9932CC
Darkorchid
#8B0000
Darkred
#E9967A
Darksalmon
#8FBC8B
Darkseagreen
#483D8B
Darkslateblue
#2F4F4F
Darkslategray
#00CED1
Darkturquoise
#9400D3
Darkviolet
#FF1493
Deeppink
#00BFFF
Deepskyblue
#696969
Dimgray
#1E90FF
Dodgerblue
#B22222
Firebrick
#FFFAF0
Floralwhite
#228B22
Forestgreen
#FF00FF
Fuchsia
#DCDCDC
Gainsboro
#F8F8FF
Ghostwhite
#FFD700
Gold
#DAA520
Goldenrod
#808080
Gray
#008000
Green
#ADFF2F
Greenyellow
#F0FFF0
Honeydew
#FF69B4
Hotpink
#CD5C5C
Indianred
#4B0082
Indigo
#FFFFF0
Ivory
#F0E68C
Khaki
#E6E6FA
Lavender
#FFF0F5
Lavenderblush
#7CFC00
Lawngreen
#FFFACD
Lemonchiffon
#ADE8E6
Lightblue
#F08080
Lightcoral
#E0FFFF
Lightcyan
#FAFAD2
Lightgoldenrodyellow
#90EE90
Lightgreen
#D3D3D3
Lightgray
#FFB6C1
Lightpink
#FFA072
Lightsalmon
#20B2AA
Lightseagreen
#87CEFA
Lightskyblue
#778899
Lightslategray
#B0C4DE
Lightsteelblue
#FFFFE0
Lightyellow
#00FF00
Lime
#32CD32
Limegreen
#FAF0E6
Linen
#FF00FF
Magenta
#800000
Maroon
#66CDAA
Mediumaquamarine
#0000CD
Mediumblue
#BA55D3
Mediumorchid
#9370DB
Mediumpurple
#3CB371
Mediumseagreen
#7B68EE
Mediumslateblue
#00FA9A
Mediumspringgreen
#48D1CC
Mediumturquoise
#C71585
Mediumvioletred
#191970
Midnightblue
#F5FFFA
Mintcream
#FFE4E1
Mistyrose
#FFE4E1
Moccasin
#FFDEAD
Navajowhite
#000080
Navy
#FDF5E6
Oldlace
#808000
Olive
#6B8E23
Olivedrab
#FFA500
Orange
#FF100%0
Orangered
#DA70D6
Orchid
#EEE8AA
Palegoldenrod
#98FB98
Palgreen
#AFEEEE
Paleturquoise
#DB7093
Palevioletred
#FFEFD5
Papayawhip
#FFDAB9
Peachpuff
#CD853F
Peru
#FFC0CB
Pink
#DDA0DD
Plum
#B0E0E6
Powderblue
#800080
Purple
#FF0000
Red
#BC8F8F
Rosybrown
#4169E1
Royalblue
#8B4513
Saddlebrown
#FA8072
Salmon
#F4A460
Sandybrown
#2E8B57
Seagreen
#FFF5EE
Seashell
#A0522D
Sienna
#C0C0C0
Silver
#87CEEB
Skyblue
#708090
Slategray
#FFFAFA
Snow
#00FF7F
Springgreen
#4682B4
Steelblue
#D2B48C
Tan
#008080
Teal
#D8BFD8
Thistle
#FF6347
Tomato
#40E0D0
Turquoise
#EE82EE
Violet
#F5DEB3
Wheat
#FFFFFF
White
#F5F5F5
Whitesmoke
#FFFF00
Yellow
#9ACD32
Yellowgreen

Sunday 8 January 2012

Membuat Related Post dengan Read More

Cara Menciptakan Related Post jQuery beserta Read More-nya


Sudah banyak tutorial bagaimana cara membuat related post / artikel yang berhubungan,entah itu menggunakan type 'default' dari www.blogger.com (yang bisa sobat ciptakan dengan menggunakan url feed) maupun dengan type jQuery yang dapat menampilkan Tumbnails Related Post (preview gambar) dan Javascript related post widget seperti yang sudah pernah kami share beberapa waktu lalu.

Adalah Related post dengan read more atau sebuah tumbnail related post disertai dengan read more atau baca selengkapnya pada blogger akan menjadi tema posting malam ini.
Untuk bentuk fisik,sobat bisa lihat gambar seperti dibawah ini:


membuat related post read more

Lihat demonya di sini

Tapi perlu diingat ya sob,widget yang akan kita ciptakan ini bukan widget 'artikel yang berkaitan' tapi 'related post / artikel terbaru'.So,artikel yang akan kita posting ini hanya akan menampilkan beberapa posting terbaru sobat (sobat bisa menentukan berapa jumlah posting yang akan ditampilkan) bukan menampilkan artikel yang berkaitan / berhubungan.

Yang menarik adalah widget ini dapat menampilkan 'read more' atau 'baca selengkapnya' pada tiap-tiap related post,menarik bukan?
Untuk caranya sangat mudah sob,tinggal pergi ke Dashboard lalu pilih Tata Letak / Rancangan / Design [1] lalu pilih Add a Gadget [2] kemudian pilihlah Html/Javascript [3],lihat gambar:


Membuat Related Post Read More di Blogger
[1]


Related Post Untuk Blogspot/Blogger read more
[2]


Membuat Related Posts dengan Thumbnail read more
[3]


Dan letakkan kode berikut disana:

<div id="bp_recent"></div><div class="bp_footer"></div>
<script style='text/javascript' src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/recentpostspelajaranblog.js'></script>
<script style='text/javascript'>
var numberOfPosts = 5;
var showPostDate = true;
var showSummary = true;
var summaryLength = 200;
var titleLength = 100;
var showCommentCount = true;
var showThumbs = true;
var showNoImage = false;
var imgDim = 100;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = true;
var readMore = 'Read More';
</script>
<script src='http://geliat-bisnis.blogspot.com/feeds/posts/summary?max-results=4&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>


**
Untuk kode yang bercetak warna merah 5 gantilah dengan jumlah relate posting yang akan ditampilkan,sedangkan geliat-bisnis.blogspot.com gantilah dengan nama blog sobat.

Simpan template,dan lihat blog sobat sekarang :D

Thursday 5 January 2012

Cara Membuat Link Download dengan Google Code

Cara Menggunakan File Hosting Gratis Google Code

Beberapa hari lalu ada sahabat kami yang menanyakan bagaimana cara menggunakan google code file hosting gratis ini,nah sebagai bahan posting kali ini saya menggunakannya dengan salah satu manfaat dari file hosting gratis ini,yakni membuat link download untuk blogger

Namun selain dapat digunakan sebagai sarana untuk menempatkan sebuah file di komputer kamu yang ingin kamu share,Google Code juga mampu digunakan untuk fungsi javascript,php dan lain sejenisnya.Namun disini kita akan coba sharing bagaimana menggunakan file hosting gratis google code untuk membuat link download.

Daripada banyak teori kepala malah tambah pusing,yuk dimari kita sama-sama cari tahu langkah dan cara membuat link download di blogger dengan google code.

Contoh fisik akan seperti ini sob:


Belajar membuat link download:

Silakan klik di sini


Nah,gimana sob? ingin mencobanya? yuk ikuti langkah berikut ya gan :D

Cara Mudah Membuat Link Download


Pertama sobat daftar di code.google.com,jika dah punya account di GMail tinggal daftar aja dengan email atau account google sobat,jika dah berhasil login,sobat nantiu akan lihat tampilan seperti ini dan klik aja Project Hosting,lihat gambar:

TUTORIAL MEMBUAT LINK DOWNLOAD PADA BLOGSPOT


Selanjutnya nanti akan tampil halaman baru klik aja 'Project Hosting on Google Code',lihat gambar gan:

Membuat Link Download


cara membuat Link untuk download


Kemudian,sobat akan dihadapkan halaman seperti gambar berikut,dan isi form sesuai dengan permintaan dan hal-hal seputar file yang akan sobat download(gunakan huruf kecil aja ya),lalu klik Create Project:

cara upload file menggunakan file hosting


Project sobat sudah berhasil dibuat,klik 'Downloads' untuk mulai meng-upload file,lihat gambar gan:

link donlot


Setelah itu sobat akan dihadapkan halaman seperti berikut,klik tombol 'New Download',lihat gambar:



Nanti sobat akan dihadapkan form seperti gambar berikut,isilah form sesuai dengan kriteria file sobat yang akan di upload,lihat gambar:

membuat download link sendiri


Dan tada!!! file anda telah berhasil anda upload dengan tampilnya halaman seperti dibawah ini,klik file untuk melihat statusnya,lihat gambar:

Cara Membuat Link Download dengan Google Code


Sebagai langkah terakhir,sobat klik kanan pada file seperti gambar dibawah ini dan klik 'Copy Link Location',lihat gambar:

selesai tutorial membuat link download untuk blogger.

Nah,setelah sobat melakukan langkah-langkah diatas,sekarang sobat sudah memiliki url dari file yang baru saja sobat upload dari mengcopy lokasi file,pada tahap ini saya mendapatkan url file seperti ini:


http://belajargooglecode.googlecode.com/files/Siapa%20Bilang%20Bid%27ah%20itu%20sesat.mp3

Yup,itulah url link yang sobat dapat gunakan dalam tutorial membuat link download kali ini,nah cara menggunakannya pada posting or Html widget gunakan kode berikut:

<a href="nama_url_link" target="_blank">nama file (terserah sobat ya)</a>

contoh:
<a href="http://belajargooglecode.googlecode.com/files/Siapa%20Bilang%20Bid%27ah%20itu%20sesat.mp3" target="_blank">Benarkah Bid'ah itu Sesat?</a>


Semoga berhasil dan semoga bermanfaat ya sob :D,

Tuesday 3 January 2012

Cara Memasang Lagu / Musik / Cara Pasang Mp3 di Blog

Cara Mudah Memasang Lagu / Musik / Streaming Mp3 di Blog


Akhirnya,hari ini saya dapat meluangkan waktu lagi buat ngeluarin unek-unek yang selalu menghantuiku (cyakellahhh..),bener sekali sob,jika beberapa waktu lalu sempet posting masalah membuat streaming mp3 di facebook kali ini cuman mau sharing bagaimana cara pasang atau memasang lagu,musik atau file mp3 dari komputer kamu supaya nanti setiap buka blog pengunjung langsung dapat mendengarkan file musik / lagu / mp3 [streaming] di blog kamu tanpa harus menekan tombol play.

Yup,cara pasang lagu otomatis di blog adalah tema malam ini sob,bagi yang sudah pada tahu ya lewatin aja deh posting kali ini,tapi bagi sobat-sobat yang pingin tahu bisa simak ya tutorial cara pasang musik otomatis di blog ini,OK?

Berhubung sebagian ulama (kita hidup ga lama sob) ada yang mengharamkan musik atau lagu (bisa baca di sini) so,kita ambil aja file mp3 berbentuk kajian ya :D (no sara,itung-itung biar dapet pahala pent-)


Langkah Cara Pasang File Mp3 di Blog secara Otomatis (Auto Play)


Pertama sobat siapkan dulu file mp3 yang akan diletakkan di blog agar nantinya setiap pengunjung membuka halaman blog sobat bisa langsung dengerin dan ga pake tekan tombol Play.
Letakkan file di folder mana saja (bisa di My Document or yang laen)di kompi kamu,misal nama filenya 'siapa bilang bid'ah itu sesat.mp3'

Selanjutnya,sobat kunjungi situs www.toofiles.com dan lakukan Register seperti gambar di bawah ini:


cara pasang musik di blog.


Setelah itu ikuti instruktur aja sob,lihat gambar ya:

cara memasang musik di blog.


Selanjutnya kunjungi email sobat dan lakukan aktivasi disana,lihat gambar ni:

cara pasang lagu di blog.


Nah,nanti sobat akan dibawa ke halaman situs www.toofiles.com lagi untuk login ulang disana,setelah sobat berhasil masuk (Log In) sobat klik aja tab 'Home' dan sobat pilih Audio,lihat gambar:

cara memasang lagu di blog.


Setelah itu akan tampil halaman seperti dibawah ini sob,cari file yang sudah sobat siapkan tadi lalu klik 'Upload',lihat gambar:

cara pasang lagu musik mp3 otomatis di blog


Selanjutnya,setelah proses upload selesai klik aja gan link untuk menampilkan kode html-nya,setelah itu copy kode tersebut,lihat gambar:

cara pasang lagu auto play di blog


Selanjutnya letakkan kode tersebut di halaman widget sobat,caranya pergilah ke Dashboard lalu pilih Tata Letak selanjutnya klik tulisan 'Add a Gadget' [1] lalu pilih Html/Javascript [2],lihat gambar:

cara memasang streaming mp3 di blogger
1.


Cara Memasang Musik di Blog Blogger
2.


Lalu letakkan kode yang berhasil sobat copy,lalu paste ke gadget tersebut,Simpan dan Selesai :D Moga bermanfaat ya gan,see you and keep post!



Thursday 29 December 2011

Wiki - Wikipedia Style Blogger Template

Blogger Template yang Simple,Hemat dan Berkesan Profesional

Saya sudah mencoba menerapkan blogger template dengan style (baca:gaya) wikipedia yang seperti sudah kita semua tahu.Dan ternyata memang memberi kesan yang lebih sejuk dan terlihat lebih profesional :D

Sobat bisa langsung download filenya di SINI.
Nah untuk langkah singkat cara mengganti template di blogger sekalian saya juga akan share di sini.Ini karena ada beberapa agan-agan yang belum begitu mengerti cara mengganti template dari hasil download di internet.Jika pada blogger dalam mengganti template hanya dengan klik saja (seperti tutorial lau dalam mengubah blogger template menjadi dynamic)namun berbeda saat kita akan mengganti template dari hasil download seperti kali ini.Nah,biar sobat yang belum mengerti benar bagaiamana cara mengganti template,disini saya akan menjabarkan dengan cara manual namun sangat efektif.

Cara Mengganti Template Blogger dengan Wiki - Wikipedia Style


1.Sobat download filenya,silakan klik di Sini,dan file nantinya akan sobat simpan dalam komputer sobat (terserah mau ditempatkan dimana)

blogger template wikipedia.


2.Extract hasil download dan buka folder lalu cari file WikiWP.xml buka file tersebut menggunakan Wordpad,lihat Gambar:

cara mengganti blogger template wikipedia.


3.Selanjutnya sobat tekan Ctrl+A setelah itu klik 'Copy' untuk mengcopy semua data di wordpad tersebut,lihat gambar:

cara cepat mengganti dan merubah template menjadi template wikipedia.


4.Pergilah ke Dashboard lalu pilih Tata Letak kemudian tab Edit Html selanjutnya (PENTING)jangan lupa contreng checkbox Expand Widget Templates.

cara mengubah template blogger.


5.Ctrl+A dalam area templates,delete alias hapus semua kode template yang lama dan ganti dengan kode template wiki yang baru saja kita copy dari Wordpad tadi (lihat langkah 3 diatas) lalu kita paste ke area ini,lihat gambar:

cara download template wikipedia.


6.Simpan Templates.Selesai.

Tambahan:Jika setelah menyimpan template ada notif seperti gambar cara mengunduh template dan mengganti blogger templete wikipedia. ,teserah sobat saja,jika mau mempertahankan widget yang sudah ada tinggal klik 'pertahankan widget' namun jika ingin tampilan baru maka klik 'delete widget'.

Tuesday 27 December 2011

Cara Me-Redirect / Mengalihkan Posting Tertentu di Blogger

cara meredirect posting tertentu

Hi hello guys,mumpung ada waktu ni gan buat posting and pingin banget berbagi tips seputar redirect posting blog.Jika beberapa waktu yang lalu,telah sharing seputar refresh dan redirect otomatis,kini ada tips yang ga kalah menariknya sob,yup! me-redirect atau mengalihkan posting tertentu dalam blog yang kita miliki.

Soalnya,banyak agan-agan yang pingin banged ng-redirect blog miliknya namun hanya untuk beberapa posting yang ditentukan.
Tentu ini sangat membantu teman-teman seandainya ingin mengalihkan atau me-redirect posting tertentu milik sobat ke sebuah situs yang dituju.

Contoh fisiknya sobat bisa liat di blog -silakan klik di: http://pelajaran-blogspot.blogspot.com/,sepintas blog tersebut normal adanya,begitu juga saat sobat melihat label dan setiap postingannya.
Namun saat sobat melihat posting tentang 'favicon' dalam judul How to create a favicon for Blogger pada blog tersebut nantinya akan segera ke-redirect ke sebuah blog lain yakni pada blog ini.
Nah,bagaimana caranya dan bagaimana pula hal ini dapat bekerja?
Pergilah ke Dashboard lalu pilih tata letak kemudian pilih tab Edit Html.Sobat cukup menempatkan kode berikut di bawah kode <head>


<b:if cond='data:blog.url == &quot;http://pelajaran-blogspot.blogspot.com/2011/12/how-to-create-favicon-for-blogger.html&quot;'>
<META HTTP-EQUIV='refresh' content='0;URL=http://pelajaran-blog.blogspot.com/2010/04/cara-membuat-favicon.html'/>
<b:else/>
</b:if>

Lalu simpan template sobat.
Ket:
Untuk kode yang bercetak tebal gantilah dengan url posting sobat yang hendak akan di redirect,sedang kode yang bergaris bawah (underline) gantilah dengan url blog yang dituju.

Sunday 25 December 2011

Inilah Teknik Seo Peraup Dollar (Warning! Bikin Bego!)

Inilah Teknik Seo Peraup dan Meraup Dollar (Warning! Bikin Bego!)

Sudah menjadi rahasia umum adalah teknik seo 'tak wajar' meraup dollar dari aktivitas blogging yang dilakukan entah oleh blogger maupun netter pada umumnya.Hal ini karena bagi blogger pemula pada khususnya (seperti saya pent-) jika hanya mengandalkan teknik seo yang 'wajar' bukan tidak mungkin keuntungan tidak akan kita dapat justru pengeluaran dan tenaga yang terkuras habis tanpa mendapatkan hasil yang 'layak'.

Mungkin belajar dari banyaknya 'autoblog' dari platform wordpress yang dapat meraup puluhan dollar dalam sehari hanya bermodalkan feed / rss sebuah blog (baca:target:korban),mereka para blogger yang haus dollar terutama dari program PPC (pAY pER cLICK) akan menggunakan teknik seo apapun agar dapat menghadirkan ribuan pengunjung perhari hanya dengan blog gratisan semisal www.blogger.com .

Jika wordpress mampu digunakan untuk meraup ribuan dollar denngan menciptakannya sebuah autoblog dengan suntikan berbagai plug-in,bagaimana dengan blogger yang tidak mendukung (baca:ga bisa) untuk diinstall sedemikian rupa untuk menghasilkan dollar di internet?
Yup,peran 'copy lalu paste' (baca:copas) menjadi alternatif mereka dalam mengundang ribuan visitor dalam per harinya.Lalu teknik copas yang seperti apa dalam masalah ini untuk agar dapat menarik ribuan pengunjung dalam waktu singkat bahkan untuk sebuah blog yang masih baru?

Teknik copas yang menurut saya memperbodoh blogger Indonesia (baca:bikin bego) dan menghambat kreativitas serta ide dari para blogger adalah 'Result for Result' alias hasil pencarian yang menghasilkan hasil pencarian.
Selain memperbodoh para blogger (baca:bikin bego) teknik ini sangat merugikan search engine yang nantinya akan memberi kesan 'hasil sampah' dari sebuah mesin pencari.
Bagaimana tidak demikian,mencari di search engine semisal Google untuk keyword 'download software hacking dan kumpulan cheat game' atau 'sprei murah onlline' saja belum tentu sesuai dengan target (hasil yang kita inginkan) dan justru mendapatkan sebuah situs (baca:autoblog) yang memberikan hasil pencarian pula,nah lho?

Namun sayangnya,search engine Google justru lebih 'cinta' dengan 'auto-autoan' seperti itu,dan ini membuka peluang tukang copas (baca:copaser) menyisingkan lengan baju dan menyulap blogspot mereka menjadi 'blog result page' tanpa kontent.
Saya ambil contoh dari salah satu teknik seo peraup dollar yang bikin bego ini dengan membuat judul posting yang langka namun bernilai sangat mahal dan belum satupun seorang blogger mempublikasikannya dengan alasan tak mengetahui 'ilmu' tentang posting tersebut,misal judul-judul kontroversi seperti;

-'Cara Hacking Membobol Komputer Lain dengan Ip Address'
-'Cara Download File di Atas 100 mb Hanya Dalam Waktu 2 Menit'
-'Sprei Murah Online hanya 15 Ribu Rupiah'
-'Cara Meningkatkan Earning Google Adsense agar Mendapat USD $100 per Hari'
Dan judul-judul kontroversial yang lain sebagainya.

Lalu,bagaimana kita mengisi kontent dengan judul kontroversi seperti itu,selain mustahil kita pun tak memiliki ilmu cukup untuk itu? meskipun kita memang tahu,hal tersebut akan cepat mendatangkan dan tentunya 'mengecawakan' pengunjung.
Yup! Google sudah menjawabnya teman,bagaimana jika kita copas dari result page Google untuk hasil posting kita? :D

Inilah Teknik Seo Dollar


Itulah sob,salah satu cara dan teknik seo peraup dollar yang membuat bodoh (baca:bikin bego) para blogger Indonesia pada khususnya,so.. masih akankah kita memperbodoh diri kita sendiri?
Tips:
Buatlah kontent yang berkualitas dan bersabarlah maka pengunjung akan menjadi visitor setia anda dan tentu hal ini nantinya akan dipertimbangkan oleh paman Google pada khususnya akan kualitas blog dalam posisi result page.

Tuesday 13 December 2011

Mengaktifkan Dynamic Template Blogger Tanpa Merubah Template Asli

Cara Menerapkan / Menggunakan Dynamic Blogger Template

Sebenarnya tutorial ini sudah agak basi ya sob,masalahnya sejak oktober 2011 lalu sudah banyak agan-agan yang juga share masalah merubah template blogger menjadi dynamic template.
Masalahnya,pada tutorial-tutorial yang sudah teman-teman bagikan adalah merubah secara default menjadi dynamic template,dan hal ini saya kira sangat merugikan teman-teman karena template yang sudah kita patenkan menjadi dynamic template sudah tak dapat kita vermak sedemikian rupa lagi.
Hal ini karena blogger menonaktifkan pengaturan pada template jika kita sudah telanjur menggunakan dynamic template tersebut menjadi default template pada blog yang kita miliki.

Tapi perlu sobat ketahui,bahwa dynamic template ini tercipta adalah dengan mengambil dari screenshot feed blog kamu,jadi jika feed yang sobat miliki belum dirubah menjadi 'Full' atau 'Penuh' maka dynamic template ini tidak dapat bekerja,dan justru yang akan terjadi nantinya sobat akan melihat notif seperti ini:

Feed Dynamic Blogger Templates.


Untuk itu,sebelum sobat menggunakan trik ini,terlebih dahulu atur feed blog sobat menjadi 'Penuh' atau 'Full',caranya (untuk tpilan baru -beta-) ikuti langkah berikut:

Pergi ke Dashboard lalu pilih Settings(gb1) dan kemudian pilih Other(gb2),Selanjutnya rubah feed menjadi Full atau Penuh(gb3) dan simpan.

Cara mengaktifkan Dynamic Views untuk Blogger.
gb1


Cara Mengubah Dynamic View Menjadi Halaman Utama Blogspot.
gb2


Tips Membuat Tampilan Dynamic View Blogger.
gb3


Nah sebenarnya cukup mudah untuk menggunakan / menerapkan / mengaktifkan dynamic template yang disediakan blogger tanpa kita harus mengubah template aslinya.
Yup,cukup mengubah url sesuai dengan dinamik templete yang sobat inginkan,mengingat blogger menyediakan dalam beberapa pilihan.
Diantaranya adalah :

1.Cara merubah Template Blogger menjadi Dynamic Template dengan tampilan Magazine,
Tambahkan pada url sobat dengan view/magazine,
contoh : http://google.blogspot.com/view/magazine
*google.blogspot.com rubah sesuai dengan alamat blog sobat*

Hasilnya untuk blog ini akan seperti gambar berikut sob:

1.Cara merubah Template Blogger menjadi Dynamic Template dengan tampilan Magazine

Dynamic Template dengan tampilan Magazine.


Klik di sini untuk melihat demo.

2.Cara merubah Template Blogger menjadi Dynamic Template dengan tampilan Flipcard

Dynamic Template dengan tampilan Flipcard.


Klik di sini untuk melihat demo.

3.Cara merubah Template Blogger menjadi Dynamic Template dengan tampilan Classic

Dynamic Template dengan tampilan Classic.


Klik di sini untuk melihat demo.

4.Cara merubah Template Blogger menjadi Dynamic Template dengan tampilan Mosaic

Dynamic Template dengan tampilan Mosaic.


Klik di sini untuk melihat demo.

5.Cara merubah Template Blogger menjadi Dynamic Template dengan tampilan Sidebar

Dynamic Template dengan tampilan Sidebar.


Klik di sini untuk melihat demo.

6.Cara merubah Template Blogger menjadi Dynamic Template dengan tampilan Snapshot

Dynamic Template dengan tampilan Snapshot.


Klik di sini untuk melihat demo.

7.Cara merubah Template Blogger menjadi Dynamic Template dengan tampilan Timeslide

Dynamic Template dengan tampilan Timeslide.


Klik di sini untuk melihat demo.

Semua tinggal selera kamu deh sob,semoga bermanfaat ya,keep post gan!!!

Saturday 3 December 2011

Extabit Premium Account - Hack and Free (Update)

Cara Mendapatkan Extabit Premium Account Gratis

Seperti sobat dan kita tahu betapa tidak menyenangkannya jika mengunduh atau mendownload suatu file dan ternyata IP Address yang kita miliki sudah tak diperkenankan untuk kembali mengunduh file.
Seperti gambar berikut yang berhasil saya print screen saat ip yang saya gunakan sudah expired alias kadaluwarsa:


hack extabit premium account.

Gambar di atas adalah notif dari Extabit bahwa download file sudah tak dapat dilakukan kecuali mengapgrade menjadi premium account.Yup,premium account dalam extabit bukan menyediakan kecepatan dalam download melainkan hanya tak membatasi Ip dalam mendownload file.


Banyak netter yang terpaksa melakukan hack atau mencari Software Extabit Premium Account Generator atau Software Oron Premium Account Generator dan lain sejenisnya,ada juga dengan metode menggunakan cookies yang menurut saya malah njlimet alias bukuin puyeng @!#$@#%@# hehehehehe

Seperti sobat ketahui,mas pujiantoro ini jangankan kartu kredit di dompet saja tinggal Rp.15.000,- sudah cukup membuat semua heran (tumben tuh dompet ada isinya kata mereka :p).
Nah,ada trik nih sob bagaimana kita dapat menggunakan premium account di extabit tanpa kita melakukan pembayaran dan dapat mendownload file sesuka hati kita layaknya premium account.Namun masalah kita harus menunggu waktu 30 detik tetap berlaku (hehehehehe)


Cara Download File Hosting Extabit.Com Layaknya Menjadi Premium Account

Pertama,sobat sudah menentukan url atau link file yang akan kita download,karena setelah proses nanti,link file yang akan kita download nanti akan berubah namun ioni tidak mempengaruhi file yang akan kita download (jadi filenya ya tetep file yang itu tu...bok*p mulu sih :D)

Setelah sobat baca panduan mengubah Ip Address di SINI
Selanjutnya ikuti instruksi download seperti gambar berikut:


1.
Extabit,Free Premium Accounts and Cookies of FileSonic,Hotfile,Wupload,Rapidshare,FileServe,Oron,Alldebrid.


2.
Get Free premium account extabit,rapidshare, hotfile 2012.


3.
Filesonic,Extabit, Wupload,Megashare,Oron, Hotfile Premium Accounts 2012


4.
Hack Daily Update Free Premium Accounts Extabit


5.
Cara Mendapatkan Premium Account Extabit Gratis.


Dan hasilnya Tada!!!!!!!!!

6.
Premium Account Generator Extabit.


Sekarang sobat dah bisa download file semaunya dan tanpa harus menjadi premium account :D

Friday 25 November 2011

Cara Membuat Sudut Halaman Blog Terlipat dan Menggulung (Page Peel jQuery)

UPdate! Trik Membuat PagePeel,Sudah Direvisi! Dijamin Berhasil 100%

Cara Mudah Membuat Page Peel Effect Untuk Blogger Dengan JQuery


Bismillah - Seperti yang sudah banyak bertebaran di internet,tutorial cara membuat halaman blog seolah tergulung dan melipat seperti yang sobat dapat lihat di beberapa situs diantanya adalah blog dari milik sahabat kami di SINI.

Yup,hanya untuk yang 'belum tahu' tutorial ini kami publikasikan,adalah membuat ujung bagian kanan atas dari blog tersebut seolah menggulung dan terbuka (bahasa jawanya 'ngletek' mentang2 orang jawa pen-) saat mouse diletakkan diatasnya.Jadi bisa sobat lihat sekali lagi dari blog milik sahabat saya tersebut dan coba letakkan mouse berada diatasnya,maka nanti akan ada efek menggulung alias nglotok seolah blog tersebut memiliki dua kulit (emang kambing mas pen-).

Para programmer menamakan sebagai 'Page Peel',seperti pada tutorial-tutorial beberapa waktu lalu,menggunakan jQuery untuk blogger masih banyak diminati,sekedar flasback teknik jQuery pernah kami gunakan dalam membuat menu jQuery,membuat slideshow jQuery,membuat TabView jQuery dan popup jQuery dan masih banyak lagi yang sobat bisa lihat di Tutorial jQuery pada blog ini.
Nah,bagaiaman jika jQuery dikombinasikan dalam membuat PagePeel ini?
Saya kira dari gambaran yang ga pernah jelas seperti diatas sudah dapat sobat bayangkan tutorial apa yang ingin disampaikan kali ini.

Untuk lebih jelasnya bagaimana membuat efect melipat dari ujung blog dari blogger ini,sobat bisa lihat gambar berikut,(plototin ya gan :p)

cara membuat page peel blogspot.


Oke,caranya adalah pertama kali sobat pilih Tata Letak (gb1) lalu pilih tab Edit HTML (gb2)

membuat halaman terlipat ( page peel ) di blog.
gb1


Cara Membuat Page Peel Effect Untuk Blogger Dengan JQuery.
gb2


Sesuaikan saja dengan tampilan blog milik sobat (mengingat blogger sekarang memiliki new interface pen-),setelah dari langkah gb2,cari kode ini <head> (Gunakan Ctrl+F) dan letakkan kode dibawah ini tepat dibawah kode <head> tersebut.

<script type="text/javascript">var tujuan ='http://geliat-bisnis.blogspot.com/'</script>
<script src="https://sites.google.com/site/pujiantoroinc/Home/pagepeelpelajaranblog.js" type="text/javascript"></script>


Simpan dan sobat bisa lihat hasilnya :D
Untuk costomnya sobat utak-atik sendiri ya,terutama yang bercetak tebal pada kode diatas,sedangkan kode jQuerynya sobat bisa download di sini.Semoga artikel Cara Membuat Sudut Halaman Blog Terlipat dan Menggulung (Page Peel jQuery) ini bermanfaat bagi teman-teman disamping saya sendiri juga dari hasil copas sana sini,hihihihihi..keep post guys!