Vabrose

Monday, November 28, 2016

Cara Membuat Blog

Bismilah Hirohman Nirohim, Kali ini andryemos akan memulai membuat artikel mengenai blog. Dan artikel yang pertama adalah bagaimana sich cara membuat sebuah blog ??? sebelum membuat blog, kita harus tau apa blog itu. blog adalah sarana untuk menuangkan segala inspirasi yang kita miliki ke dalam dunia maya agar orang bisa mengetahui pengetahuan yang kita miliki. Tapi, sekarang ini blog hampir memiliki fungsi yang sama dengan website. sama-sama tujuannya mencari uang, hehehehe. tapi kita masih bisa membedakan website dengan blog, misalnya dari nama domain nya. kalau website memiliki nama domain "nama-website.com", "nama-website.co.id", atau yang lainnya. sedangkan kalau blog memiliki nama domain "nama-blog.blogspot.com", nama-blog.wordpress.com, dan masih banyak lagi. setelah mengetahui arti sebuah blog, mari kita membuat blog yang belum punya blog. :D

syarat : harus memiliki alamat email. kalau belum silahkan buat email terlebih dahulu. misalnya di gmail atau yahoo

Pilih website yang menyediakan jasa pembuatan blog. (misalnya disini saya menggunakan blogger.com)
setelah memasukki halaman blogger, klik tombol daftar di pojok kanan atas.
lalu isikan data-data yang diperlukan. isi semua data dengan sebenar-benarnya agar blog dapat di buat dengan sempurna dan aman apabila anda serius ingin membuat blog.
lalu klik langkah berikutnya.
ikuti langkah-langkanya sampai selesai. setelah selesai mengikuti langkah-langkanya, kita di haruskan memverifikasi data melalui email yang kita daftarkan tadi.
setelah terverifikasi, masuk ke dalam blog dengan mengetikan nama pengguna yang di buat tadi dan kata sandinya.
selamat, anda sudah memiliki sebuah blog.

Available link for download

Cara Upgrade Samsung Galaxy Ace a pair of ke Kitkat four 4 2 GT i8160

Cara Upgrade Samsung Galaxy Ace a pair of ke Kitkat four.4.2 GT-i8160
Cara Upgrade Samsung Galaxy Ace a pair of ke Kitkat four.4.2 GT-i8160 - Salam blogger sobat, melihat forum xda principle terus memberikan update-an terbaru terutama pada Samsung Galaxy Ace a pair of ini. Setelah melihat ternyata ADA juga Update-an terbaru versi kitkat principle bisa dipakai pada Galaxy Ace a pair of ini. Usut punya usut katanya veri humanoid four.4.2 (Kitkat) lebih nyaman dan lebih murah baterai dalam artian irit baterai (pemakaian normal).

Baik, persiapkan saja sobat blogger jika ingin upgrade Galaxy Ace two beberapa perangkat principle harus memenuhi syaratnya, diantaranya :

    Galaxy Ace two sudah menggunakan versi candy four.1/4.2/4.3 - Untuk melihat versi humanoid computer storage principle digunakan melalui Settings - regarding Phone
    Lakukan full backup sebelum instalasi. - Bisa menggunakan cirque backup atau metal Backup
    Lakukan manufactory reset (wipe information /cache) jika computer storage sebelumnya adalah stock
    Jika computer storage sebelumnya cm10/10/1/11 cukup dengan wipe cache/dalvik

STOCK computer storage GALAXY ACE two

Cara Instalasi :

    Pertama sobat harus mempersiapkan bahan principle Kwa digunakan
computer storage Kitkat : transfer
        GAPPS : transfer

transfer dua file tersebut (ROM & GAPPS) dan letakkan di SD Card eksternal
closing Galaxy Ace two dan masuk ke recovery mode (volume UP + Home + Power) - Jika Galaxy Ace two sobat masih menggunakan stock lakukan flash cirque terlebih dahulu
cirque recovery sudah terlihat
        Lakukan wipe data/factory reset
        Install nothing from sdcard, arahkan ke file computer storage, pilih affirmative jika adenosine deaminase konfirmasi
        Install nothing from sdcard, arahkan ke file GAPPS, pilih affirmative jika adenosine deaminase konfirmasi
    Reboot
    Jika prses lancar Galaxy Ace two sudah menggunakan CyanogenMod eleven four.4 Kitkat, melalui Setting - regarding phone

Nah, sobat Galaxy Ace sudah bisa digunakan dengan versi Kitkat. Karena ini bersumber Iranian language xda-developer maka pasti adenosine deaminase update-an terbaru terus tiap harinya, makanya selalu lihat forum tersebut agar dapat update-an terbarunya.

Demikian Cara Upgrade Samsung Galaxy Ace two ke Kitkat four.4.2 GT-i8160, semoga berhasil dan bermanfaat ya sobat blogger ^_^

STOCK computer storage GALAXY ACE two

Available link for download

CARA INSTALL Syntax Highlighter di Blog KEREN !

Kali ini bloggingpasuruan akan Share Cara Membuat kolom Syntax Highlight yang berfungsi sebagai menampilkan kode tutorial seperti yang digunakan pada website atau blog tutorial. Memang banyak situs atau blog yang membahas tentang cara menginstal dan menggunakan stabilo sintaks dan kode berbagi dan cara menginstal sintaks stabilo di blog dan website (baik menggunakan javascript, jQuery, dan HTML markup) sebagai Prisma, GeSHi, Google Code, SyntaxHighlighter , Sintaks Highlight dalam JavaScript, Ultraviolet dan lain-lain, tapi di sini saya lebih memilih HIGHLIGHT. Ini menggunakan java script dengan alasan dapat bekerja lebih mudah dan secara otomatis menemukan blok kode, mendeteksi jenis bahasa, dan menyoroti (kode sorot).

HIGHLIGHT.JS mengenali setidaknya 54 program bahasa dan dibundel dengan 26 tema gaya. Untuk itu saya hanya akan memilih menjadi kode hanya 3 bahasa, yang paling sering digunakan oleh blogger (dalam membuat tutorial di blog-nya) sebagian besar blogger hanya untuk menampilkan kode sumber, seperti kode CSS, Javascript, dan HTML mark up. sebelum kami membuat, pertama kita mengidentifikasi rasa apa itu Sorot Sintaks

DEFINISI Syntax Highlighter

Syntax Highlighter atau Sintaks Sorot editor teks ini tampil menyorot teks-terutama kode sumber-dalam berbagai warna dan font sesuai dengan kategori istilah. Dengan menggunakan SyntaxHighlighter kemudahan dalam menulis kode sumber atau bahasa terstruktur seperti bahasa pemrograman atau markup language (bahasa markup) akan tampak lebih profesional dan rapi.

Penggunaan sintaks higlighter pada halaman web, blog atau forum online sering digunakan sebagai kode prensentasi kode sumber sampel (seperti Javascript, HTML, XML, CSS, Python, PHP, JSON, CoffeeScript, Jawa, SQL, Apache, Haskell, Erlang, Ruby, C ++, Objective C dan banyak bahasa pemrograman lain.) yang ingin ditampilkan.

CARA INSTALL Syntax Highlighter

Untuk menginstal Sntax Highlighter di blog, langkah pertama yang harus dilakukan adalah untuk menempatkan script ini tepat di atas </ head> atau bisa juga sebelumkode </ body>

<div style="text-align: justify;"><br /><script src=" https://syntax-bloggingpasuruan-highlighter.googlecode.com/svn/syntaxhighligh-bloggingpasuruan.js"></script></div><br /><code><div style="text-align: justify;"><br /><script>hljs.initHighlightingOnLoad();</script></div><br />

Langkah selanjutnya adalah memasang CSS untuk menyesuaikan gaya dari Syntax Highlighter. Letakkan kode CSS dibawah ini juga di atas </ head>

CSS Syntax Highlighter

<div style="text-align: justify;"><br />/* CSS SYNTAX HIGHLIGHT Oleh Bloggingpasuruan.blogspot.com <span style="text-align: left;">*/</span></div><br /><code>pre code {<br /><div style="text-align: justify;"><br />; padding: 0.5em;<br />color: #DCCF8</div><br />display: bloc<br />kF;<br /><div style="text-align: justify;"><br />ground: url(https://sites.google.com/site/problogiz/home/pojoaque.jpg) repeat scroll left top #181914;}<br />pre</div><br />bac<br />k .comment,<br />pre .template_comment,<br />pre .diff .header,<br />pre .doctype,<br />pre .lisp .string,<br />pre .javadoc {<br /><div style="text-align: justify;"><br />avascript .title,</div><br />color: #586e75;<br /> font-style: italic;<br />}<br />pre .keyword,<br />pre .css .rule .keyword,<br />pre .winutils,<br />pre .<br />j<br />pre .method,<br />pre .addition,<br />pre .css .tag,<br />pre .clojure .title,<br />pre .nginx .title {<br /> color: #B64926;<br />}<br />pre .number,<br /><div style="text-align: justify;"><br />66;<br />}<br />pre .ti</div><br />pre .command,<br />pre .string,<br />pre .tag .value,<br />pre .phpdoc,<br />pre .tex .formula,<br />pre .regexp,<br />pre .hexcolor {<br /> color: #468<br />9tle,<br />pre .localvars,<br />pre .function .title,<br />pre .chunk,<br />pre .decorator,<br />pre .built_in,<br />pre .lisp .title,<br />pre .clojure .built_in,<br /><div style="text-align: justify;"><br />ant,<br />pre .class </div><br />pre .identifier,<br />pre .id {<br /> color: #FFB03B;<br />}<br />pre .attribute,<br />pre .variable,<br />pre .lisp .body,<br />pre .smalltalk .number,<br />pre .cons<br />t.title,<br />pre .parent,<br />pre .haskell .type {<br /> color: #b58900;<br />}<br />pre .css .attribute {<br /> color: #b89859;<br />}<br />pre .css .number,pre .css .hexcolor{<br /><div style="text-align: justify;"><br />f .change,<br />pre .s</div><br />color: #DCCF8F;<br />}<br />pre .css .class {<br /> color: #d3a60c;<br />}<br />pre .preprocessor,<br />pre .pi,<br />pre .shebang,<br />pre .symbol,<br />pre .symbol .string,<br />pre .di<br />fpecial,<br />pre .attr_selector,<br />pre .important,<br />pre .subst,<br />pre .cdata {<br /> color: #cb4b16;<br />}<br />pre .deletion {<br /> color: #dc322f;<br />}<br />pre .tex .formula {<br /><div style="text-align: justify;"><br /></div><br />background: #073642;<br /><div style="text-align: justify;"><br /></div><br />}

Simpan template. Untuk menggunakan Syntax Highlight pada saat menulis posting, kita hanya perlu menambahkan tag <pre> dan <code>

Seperti ini :

<div style="text-align: justify;"><br /><pre><code></div><br /><code><div style="text-align: justify;"><br />Letakkan kode Javascript, jQuery atau CSS kode atau HTML kode disini</div><br /><div style="text-align: justify;"><br />nama blog sobat disini......</code></pre></div><br />

Selesai.

Saya akan sangat berterima kasih jika sobat Blogger berkenan meninggalkan komentar, saran atau tambahan informasi serta pertanyaan seputar artikel CARA INSTALL Syntax Highlighter di Blog. Semoga bermanfaat dan terima kasih..

Available link for download

Cara Pasang Video Youtube Responsive di Blog

Artikel ini saya buat karena saya memiliki pengalaman kurang baik ketika menyertakan script video youtube di Blog yang saya anggap kurang responsive. Script saya ambil dari fitur embed video yang bisa sobat tambahkan dan dapat ditonton langsung di blog. Namun dengan menambahkan video tersebut akan mengurangi nilai SEO sebuah blog karena adanya elemen iframe yang membuat tampilannya pun belum responsive jika ukuran layar diperkecil. Script bermanfaat ini saya dapat dari Mbak Arlina Fitriyani yang cantik dan seorang ahli desain Web ternama Indonesia.

Cara Membuat Video Youtube Menjadi Responsive di Blog

Berikut cara penerapannya :

1. Buka Blogger >> Template >> Edit HTML >> Tambahkan kode di bawah ini

sebelum ]]></b:skin> atau </style>

BLOGGINGPASURUAN - CSS

/* Responsive Youtube for blogger */

.videoyoutube{text-align:center;margin:auto;width:100%;}

.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}

.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

2. Tambahkan kode di bawah ini sebelum </body>

BLOGGINGPASURUAN - HTML/Java Script

//<![CDATA[

// Youtube Responsive

setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith(<iframe class="video-youtube loader" src="+$(this).data("src")+" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>)})},5e3);

//]]>

3. Simpan template.

4. Selanjutnya untuk menambahkan video pada postingan, gunakan kode di bawah ini

BLOGGINGPASURUAN - HTML

</div>

Berikut ini cara mengambil dan masukkan Link YouTube

5. Terakhir simpan / publikasikan postingan.

Cara Agar Youtube Tampil Responsive di Blog dengan CSS

Masukkan kode dibawah ini di atas kode ]]></b:skin>atau </style>

BLOGGINGPASURUAN - CSS

/* CSS for YouTube Resposive Video on Blogger*/

.post-body iframe{width:100%!important;}

@media screen and (max-width:960px){

.post-body iframe{max-height:90%}}

@media screen and (max-width:768px){

.post-body iframe{max-height:75%}}

@media screen and (max-width:600px){

.post-body iframe{max-height:60%}}

@media screen and (max-width:480px){

.post-body iframe{height:auto!important;max-height:auto!important}}

Anda bisa mengatur sendiri CSS max-height dalam media query jika kurang sesuai.

Video youtube yang Anda pasang di postingan sudah responsive yang berarti video bisa menyesuaikan dengan ukuran dalam layar apapun. Semoga bermanfaat…

Available link for download

Monday, November 28, 2016

Cara Membuat Blog

Cara Membuat Blog

Sunday, November 27, 2016

Cara Upgrade Samsung Galaxy Ace a pair of ke Kitkat four 4 2 GT i8160

Cara Upgrade Samsung Galaxy Ace a pair of ke Kitkat four 4 2 GT i8160

CARA INSTALL Syntax Highlighter di Blog KEREN !

CARA INSTALL Syntax Highlighter di Blog KEREN !

Cara Pasang Video Youtube Responsive di Blog

Cara Pasang Video Youtube Responsive di Blog

BLOGGINGPASURUAN - CSS

BLOGGINGPASURUAN - HTML/Java Script

BLOGGINGPASURUAN - HTML

BLOGGINGPASURUAN - CSS