Rivai Silaban

fungsi mode html pada menu entri baru blogspot

Posted: 12 May 2014 10:44 AM PDT

Fungsi mode html pada menu entri baru blogspot - atau kinerja fungsi mode html pada menu entri baru blogspot merupakan bagian penting yang harus diketahui para blogger mania. fungsi mode html pada menu entri baru blogspot pada kinerjanya berfungsi untuk menempatkan sebuah code dalam sebuah postingan agar lebih bekerja secara maksimal dan dapat diterjemahkan oleh pengkodean HTML dengan sempurnah. Secara devault bila kita menginginkan pemasangan suatu code berbasis HTML ataupun Javascript dan lain lain, kita akan memerlukan fungsi mode html pada menu entri baru blogspot ini agar code dapat dengan maksimal diterjemahkan.

Buat seorang blogger mode ini sangat membantu dalam menangani soal pengkodean pada sebuah postingan. Untuk menggunakan mode ini dalam platform Blogspot adalah :

Login ke dasbor
Klik " Entri Baru "
Pada halaman " Entri Baru " silahkan pilih mode " HTML " pada bagian sebelah kiri halaman
Pastekan code HTML, script atau sejenisnya dan save kemudian lihat hasilnya...

fungsi mode html pada menu entri baru blogspot berbeda dengan mode " Compose " Pada halaman Entri Baru Blogspot, bila dalam mode compose hanya fungsi text maka didalam mode HTML kita dapat memanfaatkan code HTML untuk diterjemahkan lebih maksimal, dibawah ini ada beberapa contoh penulisan atau fungsi mode html pada menu entri baru blogspot tersebut.

Contoh tulisan yang berfungsi dan hanya berupa text

" Ini adalah sebuah artikel postingan "

Contoh penulisan kalimat diatas pada fungsi mode html akan diterjemahkan dengan baik , dan tulisan tersebut hanya sebatas text biasa tanpa memiliki style HTML.

Contoh tulisan dan code yang berfungsi untuk diterjemahkan kedalam bentuk text dengan memakai style CSS pada HTML

" <div style="float:right"> Ini adalah sebuah artikel postingan </div> "

Contoh penulisan diatas bila diterjemahkan dalam HTML adalah bahwa postingan kalimat diatas akan berada di sebelah kanan halaman karena diakibatkan oleh fungsi " style="float:right" " ( baca fungsi float pada HTML ) dan code diatas tidak akan muncul , melainkan fungsi atau perintah code tersebut akan dilaksanakan atau diterjemahkan sehingga tulisan kalimat tersebut akan berada di sisi bagian kanan halaman.

Rivai Silaban

21.56 Unknown

Unknown

Rivai Silaban

fungsi compose pada menu entri baru blogspot

Posted: 09 May 2014 09:36 PM PDT

Fungsi compose pada menu entri baru blogspot atau kinerja dan fungsi compose pada menu entri baru blogspot wajib dipahami seorang blogger mania. fungsi compose pada menu entri baru blogspot pada prakteknya adalah tempat untuk membuat suatu postingan blogspot yang berbasis text atau tulisan. fungsi compose pada menu entri baru blogspot ini hanya dapat kita gunakan untuk membuat suatu text dan bukan suatu code, fungsi compose pada menu entri baru blogspot berbeda dengan fungsi html pada menu entri baru blogspot dimana fungsi ini merupakan kebalikan dari fungsi compose pada menu entri baru blogspot tersebut.

Pada kinerjanya bila seorang blogger membuat suatu postingan yang berbentuk suatu text ( bukan suatu code HTML/CSS yang dapat berfungsi ) maka sistem mode Compose pada menu entri baru Blogspot merupakan mode yang harus dipakai. Secara khusus Blogspot memberikan 2 fungsi mode dalam membuat suatu postingan pada platform tersebut dan memiliki perbedaan perbedaan tersendiri, hal ini dilakukan untuk memberikan kebebasan kepada member platform tersebut. ada beberapa contoh penulisan yang berfungsi dan tidak berfungsi dalam fungsi compose pada menu entri baru blogspot ini.

Contoh tulisan yang berfungsi

" Ini adalah sebuah artikel postingan "

Contoh penulisan kalimat diatas pada fungsi mode compose akan diterjemahkan dengan baik , sebab tulisan pada contoh tersebut merupakan sebuah text biasa atau hanya berbasis text dan bukan merupakan sebiah code.

Contoh tulisan yang tidak berfungsi

" <div style="float:right"> Ini adalah sebuah artikel postingan </div> "

Contoh penulisan diatas bila diterjemahkan dalam HTML adalah bahwa postingan kalimat diatas akan berada di sebelah kanan halaman karena diakibatkan oleh fungsi " style="float:right" " ( baca fungsi float pada HTML ) tapi pada kenyataannya bila kita memakai metode Compose maka code HTML pada contoh diatas akan diterjemahkan seperti penulisan aslinya atau tulisan apa adanya tanpa ada pengaruhnya.

Rivai Silaban

21.17 Unknown

Unknown

Rivai Silaban

cara membuat box keterangan code

Posted: 08 May 2014 09:44 PM PDT

Cara membuat box keterangan code - tutorial cara membuat box keterangan code pada halaman blogspot. Tutorial cara membuat box keterangan code pada halaman blogspot ini merupakan fitur penting pada halaman blogspot yang menyajikan tutorial atau sejenisnya. Tutorial cara membuat box keterangan code ini terinspirasi dari seorang teman yang menginginkan pemasangan code untuk keperluan keterangan code pada halaman blogspotnya.

Pemasangan code pada cara membuat box keterangan code di halaman blogspot ini dipasang secara manual, hal ini dilakukan agar halaman Blogspot lebih berkesan elegan dan profesional. Untuk melihat tampilan cara membuat box keterangan code di halaman blogspot ( melihat tutorial nya secara detail ) silahkan klik link dibawah lihat dibagian bawah postingan pada halaman.

Pasang code script dibawah ini didalam code CSS template anda.

Code CSS here..

/*****************************************
                       Name : cara membuat box keterangan code
                       By : rivai.org | ideblogspot.com | Blog Design
                       Update : Jumat, 09 Mei 2014
                       ******************************************/
.boxkets {border:dashed #333 2px;padding:8px;background-color: #E9F4FC;width: 95%;margin:0 auto;}
.rivaisilaban-titlekets {
position: relative;
padding: 5px;
margin: 20px 0px;
color: #FFFFFF;
width: 20%;
text-align: center;
text-shadow: 1px 1px 1px rgb(0, 0, 0);
color:#FFFFFF;
font-weight:bold;
background-color: #525252;
}
.rivaisilaban-titlekets:before {
content:"";
display:block; 
position:absolute;
bottom:-20px; 
left:40px;
width:0;
height:0;
border:0;
border-right-width:30px;
border-bottom-width:20px;
border-style:solid;
border-color:transparent #525252;
}
/* cara membuat box keterangan code */    

Code HTML here..

 <!-- cara membuat box keterangan code start --> 
<div class="rivaisilaban-titlekets">Keterangan Code </div>
<div class='boxkets'>
<p>Lihat bagian code HTML yang berwarna MERAH, silahkan anda ganti dengan code link social media anda sesuai dengan title social medianya.</p>
<p>Code cara membuat social media di blogspot valid HTML 5, CSS 3 dan fast loading, bila anda memasang di widget yang baru anda jangan lupa untuk menghapus logo edit ( obeng dan tang ) agar widgetnya juga valid.. salam Blogspot </p>
</div><!-- cara membuat box keterangan code end -->  

Bila anda masih belum memahami tata cara membuat box keterangan code pada halaman blogspot ini, silahkan kunjungi halaman sumbernya, semoga bermanfaat..
Sumber : http://www.ideblogspot.com/2014/05/cara-membuat-box-keterangan-code.html

Rivai Silaban

21.45 Unknown

Unknown

Rivai Silaban

widget social media scale di blogspot

Posted: 30 Apr 2014 09:55 AM PDT

Widget social media scale di blogspot - cara membuat widget social media scale di blogspot pada blogspot atau tutorial membuat widget social media scale di blogspot. Sobat blogger kali ini saya posting artikel widget social media scale di blogspot yang terinspirasi dari email seorang sahabat yang membutuhkan widget social media scale di blogspot ini untuk dipasang di halaman blogspotnya. widget social media scale di blogspot ini tergolong lebih sederhana dan lebih simpel dengan memiliki code yang ringan. Untuk melihat tampilan widget social media scale di blogspot pada tutorial kali ini silahkan kunjungi link demo dibawah ini, nah bila anda tertarik silahkan simak tutorial dibawah ini...

Demo

Pasang code script dibawah ini didalam code CSS template anda.

Code CSS here..

/*****************************************
Name : widget social media scale
By : Rivai Silaban | Ide Blogspot | Blog Design
Update : Rabu 30 April 2014
*****************************************/
.rivaiblog{
list-style-type:none;
margin:0;
padding:0;
}
.rivaiblog li{
display:inline;
width: 60px;
height:60px;
}
.rivaiblog li img{
width: 32px; 
height:32px; 
border:0;
margin-right: 4px; 
-webkit-transition:-webkit-transform 0.1s ease-in; 
-o-transition:-o-transform 0.1s ease-in; 
}
.rivaiblog li img:hover{
-moz-transform:scale(1.3); 
-webkit-transform:scale(1.3);
-o-transform:scale(1.3);
}/*** widget social media scale ***/ 

Pasang code script dibawah didalam widget blog anda

Code HTML here..

 <!-- widget social media scale code start -->
 <ul class="rivaiblog"><li><a href="https://www.google.com/+RivaiSilaban"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbsWh7JX62zIvsTvZEpO3tdbqHWu3AGzfjw1rQj_CKNKpGJbxQjbOIpgNrvzVBWV20c_ZFMgfIge3ZOcxWwX14i1CR8rOjR_AKmTTApc4jZP2KoKwjD4EgzTNQke5Pmd0zE7mBxJhw_H4/s1600/gplus5.png " title="Join to Gplus" /></a></li>
 <li><a href="https://www.facebook.com/rivaisilaban"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvA2PDHj3rtHcTrIl7O9yd02TB_NEPeMDqMCl1IvuBNzSOx6tM3hmpnt_XSBd0sbZhZcQcIbx5Y2wx65vWzblYS9kHdzvBAWwxF5l7bYZUALPHo-u-CT2tO5qss35jiIlEgKDtuFXbwo8/s1600/fb5.png " title="Add to Facebook" /></a></li>
 <li><a href="http://www.twitter/Rivai_Silaban"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVv8nCy2_qwHpYPbM-i7EiCgjDmfWJpvE-rS5Xw3DZ5HyVDXj26w6yzVtua-qEh0220KLBZHBqMiqP-t0F0OaOY3oX7N-EFruS3dkReTwcPoMAEaEl00-L0LL30zuzJC1vETYYvWzPQQU/s1600/twit5.png " title="Follow Twitter" /></a></li>
 <li><a href="http://feeds.feedburner.com/idblogspot"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9oruIVu_oiB4MzPhYtuz-Y0ZnVJJ1C2rSaeIE3cfPVeNCkT6b6TpowEzCtCncxzgh9FplOAYpYxZiqeGukdO3j4w5PTdpSTNfx3WV4zjA2JkRtLnGTZMs9ASBnr6cg5Ch9E_rNZGnf6A/s1600/rss5.png" title="RSS" /></a></li>
 <li><a href="http://www.blogger.com/follow-blog.g?blogID=5055362939739660258"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8T-PJ3nUSrFVJX6rsmNle_cQwHBctivpnrKL6M0xO45g8KwiHC_kIwlbcxw5twKxF4ZBx1nYqgBMLK55e8MLSAfRKzMRMja9023JXLarXdlZM4-vtqN8vT9efhsovy6QZfqVhqGrrj4k/s1600/BB.gif" title="Join to Blog" /></a></li>
 </ul>
 <!-- widget social media scale code end -->

Bila anda masih belum memahami tata cara pemasangan cara memasang widget social media scale di blogspot ini silahkan kunjungi halaman sumbernya, semoga bermanfaat..
Sumber : http://www.ideblogspot.com/2014/04/widget-social-media-scale.html

Rivai Silaban

21.23 Unknown

Unknown

Rivai Silaban

fungsi float pada html

Posted: 27 Apr 2014 08:43 PM PDT

Fungsi float pada html - kegunaan atau fungsi float pada html sangat diperlu diketahui, fungsi float pada html ini sangat mempengaruhi tata letak pada desain HTML, khususnya platform blogspot. fungsi float pada html pada blogspot dalam prakteknya adalah untuk menentukan letak suatu widget, gambar dll dalam situasi letak kekanan, ketengah dan kekiri. fungsi float pada html dituliskan dalam pengkodean CSS pada template blogspot.

Dalam kinerjanya pada struktur CSS Float berfungsi untuk memberikan suatu efek tata letak pada sebuah widget dalam blogspot, contoh penulisan Float dalam CSS pada pengkodean HTML adalah sebagai berikut :

Float Right ( letak suatu benda berada disebelah kanan ) : Penulisan code Float Right pada struktur CSS dalam HTML adalah element { float:right; } yang memiliki arti dalam platform Blogspot bahwa suatu widget akan berada pada letak sebelah kanan dalam tampilannya. Para programmer blogspot memakai fungsi code ini untuk meletakkan suatu widget atau aplikasi lain pada sebelah kanan halaman untuk tampilannya.

Float Center ( Letak suatu benda berada ditengah ) : Penulisan code Float Center ini pada struktur CSS HTML adalah element { float:center;} yang memiliki arti dalam blogspot bahwa suatu widget atau aplikasi lain akan berada pada posisi tengah pada sebuah tampilan halaman. Saat ini fungsi Float Center ini tidak valid lagi terhadap HTML5 sebab sudah mengalami perubahan code pada HTML5 pada saat artikel ini ditulis.

Float Left ( Letak suatu benda berada disebelah kiri ) : Penulisan code Float Left ini pada struktur CSS HTML adalah element { float:left; } yang memiliki arti dalam platform Blogspot bahwa suatu widget akan berada pada tata letak sebelah kiri dalam sebuah tampilannya, atau berlawanan arah dengan code Float Right.

Untuk melihat fungsi float pada html dan beberapa contoh lainnya dalam penerapan code CSS, silahkan kunjungi http://www.ideblogspot.com/2014/04/fungsi-float-pada-html.html

fungsi style clear both

Posted: 26 Apr 2014 11:36 PM PDT

Fungsi style clear both - penerapan fungsi style clear both pada blogspot/blogger atau kegunaan dan fungsi style clear both pada template platform blogspot. Pada prakteknya fungsi style clear both adalah memberikan ruang kosong sebagai pembatas code sebelumnya dan setelahnya. Dalam kinerja platform blogspot atau blogger hal fungsi style clear both ini sangat diperlukan dimana kita dapat membuat suatu pembatas code yang tidak akan mempengaruhi code yang lainnya pada template. Kegunaan lainnya yang dapat kita rasakan sebagai fungsi style clear both ini adalah sebagai penutup semua code yang berada sebelumnya agar tidak mempengaruhi code yang berada dibawah code sebelumnya.

Pada postingan artikel kali ini saya memposting pembahasan ini sebab fungsi style clear both sangat berguna sekali, bagi pemula hal ini sangat dibutuhkan, agar tampilan blognya tetap rapi dan lebih profesional. Dalam penerapannya fungsi style clear both ini memang sangat sederhana tapi memiliki banyak arti. Penulisan code fungsi style clear both ini pada HTML adalah sebagai berikut :

Dimana setiap type style yang berada sebelum code diatasnya akan ditutup atau terhapus pada saat code stylenya dituliskan. Pemakaian fungsi style clear both sering dijumpai penulisannya dengan karakter code <div> walaupun code tersebut dapat kita tuliskan dengan kode karakter lainnya seperti <p> , <span> dll pada umumnya. Jadi dalam prakteknya <div style="clear:both"/> atau fungsi style clear both pada blogspot/blogger menghapus pengaruh semua kode yang berada sebelum code tersebut agar tidak mempengaruhi semua kode yang berada dibawah atau sesudah code tersebut.

Untuk melihat fungsi style clear both pada blogspot/bloggerdalam penulisan code <div style="clear:both"/> pada HTML silahkan kunjungi http://www.ideblogspot.com/2014/04/fungsi-style-clear-both-pada-blogspot.html

Rivai Silaban

21.23 Unknown

Unknown

Rivai Silaban

fungsi margin pada html

Posted: 26 Apr 2014 07:57 AM PDT

Fungsi margin pada html - pengertian fungsi margin pada html khususnya pada blogspot. fungsi margin pada html pada template blogspot sangat perlu untuk dipahami para blogger mania, hal ini diperlukan akibat seringnya kita jumpai tulisan " Margin " ini pada bagian CSS Template blogspot sendiri. Dalam prakteknya Margin dalam CSS berfungsi untuk membuat jarak sisi kiri kanan dan atas bawah. Jadi bila kita ingin membuat suatu jarak contohnya widget ada baiknya kita memakai fungsi Margin tersebut. Untuk membuat jarak tentunya margin tersebut harus diisi dengan nilai agar jarak tersebut dapat terlihat. Pemberian nilai pada margin dapat dilakukan dengan sistem angka dengan format angka yang telah ditetapkan, seperti 10px, 5%, 2em dll tergantung kebutuhan kita. Didalam CSS fungsi margin pada html secara devault ada 4 fungsi yang meliputi :

Margin Atas ( Margin Top ) atau pada penulisannya dalam code HTML adalah margin-top yang merupakan jarak titik tengah dengan titik kearah atas. Fungsi margin-top ini dapat kita gunakan bilamana " Cth : Jarak salah satu widget yang satu dengan widget yang diatasnya terlalu dekat dan kita ingin memberikan jarak yang setimpal agar kelihatan bagus dan rapi " maka kita boleh menambahkan nilai pada bagian margin-topnya sehingga penulisannya demikian : ( margin-top:20px ; ) atau ( margin-top:5%; ) dll. Jadi dalam pengertiannya adalah bahwa jarak widget tersebut ke widget yang berada diatasnya merupakan 20px.

Margin Bawah ( Margin Bottom ) atau pada penulisannya dalam code HTML adalah margin-bottom yang merupakan jarak yang berlawanan dengan margin-top atau jarak suatu titik tengah dengan titik yang berada dibawahnya. Penulisan angka pada nilai margin-bottom ini sama juga dengan dengan margin-top hanya saja nilai dari margin-bottom tersebut akan memberikan jarak kebawah.

Margin Kanan ( Margin Right ) atau pada penulisannya pada code HTML adalah margin-right yang merupakan jarak titik tengah terhadap jarak titik yang berada di sebelah kanan titik tengahnya. Dalam prakteknya bila mana suatu widget pada blogspot memiliki jarak kesebelah kanan terlihat tidak sempurnah maka kita dapat memanfaatkan fungsi margin-right untuk menyempurnakan jaraknya.Penulisan fungsi margin-right pada code html adalah sebagai berikut : ( margin-right:20px; ) , ( margin-right:5%; ) atau ( margin-right:2em; ) dll.

Margin kiri ( Margin Left ) atau penulisannya pada code HTML adalah margin-left yang merupakan jarak antara titik tengah kearah kiri titik tengah atau arah yang berlawanan dengan margin-right . Dalam prakteknya penulisan margin-left sama halnya dengan penulisan margin-right hanya saja arahnya yang berlawanan, seperti : ( margin-left:20px; ) , ( margin-left:5%; ) atau ( margin-left:2em; ) dll.

Keterangan fungsi margin pada html diatas merupakan keterangan singkat dalam praktek pemakaiannya dalam HTML baik itu pengkodean html pada platform blogspot. Untuk melihat tatacara penulisan margin pada code CSS silahkan kunjungi http://www.ideblogspot.com/2014/04/fungsi-margin-pada-html.html

Rivai Silaban

20.03 Unknown

Unknown

Rivai Silaban

free template blogspot PARBADA

Posted: 04 Mar 2014 03:43 AM PST

Free template blogspot PARBADA - free template blogspot PARBADA merupakan template blogspot categori bisnis. free template blogspot PARBADA ini memiliki fitur kolom layout yang dapat mendukung bisnis anda dalam menampilkan link link bisnis anda.

Profil free template blogspot PARBADA

Nama :PARBADA
Category : Bisnis Template
Style : Elegan Template
size : 100 KB
Update : Senin 03 Maret 2014
owner : Rivai Silaban
Design : www.rivai.org
Publish : www.ideblogspot.com
Powered : Blogspot
Type : Free Template
Link Tipo Black:http://www.template9.ideblogspot.com/

Demo

Fitur free template blogspot NAULI

Loading Fast
Dynamik Title Heading
Search
Social media
Subscribe
6 kolom layout header
1 kolom layout sidebar ( 1, 2, 1 )
1 kolom layout Blog Post ( blog1 )
5 kolom layout footer
Label style
Space Iklan 125 x 125
Related post
Popular Post
Credit Link
Breadcrumbs
Thread Comment & Icon admin
Pesan Komentar
snippet home page system
Vcard Author
Counter Comment
Blog Pager link
Font Awesome CSS
Box author
dll

Silahkan anda lihat dan cek untuk memastikan fitur dan kemampuan free template blogspot PARBADA ini. Untuk melihat link downloadnya silahkan kunjungi halaman dibawah ini.

http://www.ideblogspot.com/2014/03/free-template-blogspot-parbada.html

Groupast Lampung

Rivai Silaban

Rivai Silaban

Rivai Silaban

Rivai Silaban

Rivai Silaban

Rivai Silaban

Code CSS here..

Code HTML here..

Rivai Silaban

Rivai Silaban

Code CSS here..

Code HTML here..

Rivai Silaban

Rivai Silaban

Rivai Silaban

Rivai Silaban

Rivai Silaban

Rivai Silaban

Arsip Blog

Mengenai Saya