Layouting

1. resources/view/partials/head.blade.php

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AdminLTE 2 | Blank Page</title>
<link rel="shortcut icon" href="{{ asset('images/default/logo-title.png') }}" />
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" href="{{ asset('bower_components/bootstrap/dist/css/bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('bower_components/font-awesome/css/font-awesome.min.css') }}">
<link rel="stylesheet" href="{{ asset('bower_components/Ionicons/css/ionicons.min.css') }}">
<link rel="stylesheet" href="{{ asset('dist/css/AdminLTE.min.css') }}">
<link rel="stylesheet" href="{{ asset('dist/css/skins/_all-skins.min.css') }}">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">



2. resources/view/partials/script.blade.php

<script src="{{ asset('bower_components/jquery/dist/jquery.min.js') }}"></script>
<script src="{{ asset('bower_components/bootstrap/dist/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('bower_components/jquery-slimscroll/jquery.slimscroll.min.js') }}"></script>
<script src="{{ asset('bower_components/fastclick/lib/fastclick.js') }}"></script>
<script src="{{ asset('dist/js/adminlte.min.js') }}"></script>
<script src="{{ asset('dist/js/demo.js') }}"></script>

<script>
 $(document).ready(function () {
 $('.sidebar-menu').tree()
 })
</script>



3. resources/view/partials/header.blade.php

<a href="../../index2.html" class="logo">
  <span class="logo-mini"><b>A</b>LT</span>
  <span class="logo-lg"><b>Admin</b>LTE</span>
</a>
<nav class="navbar navbar-static-top">
  <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </a>

  <div class="navbar-custom-menu">
    <ul class="nav navbar-nav">
      <li class="dropdown user user-menu">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
          <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
          <span class="hidden-xs">Alexander Pierce</span>
        </a>
        <ul class="dropdown-menu">
          <li class="user-header">
            <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">

            <p>
              Alexander Pierce - Web Developer
              <small>Member since Nov. 2012</small>
            </p>
          </li>
          <li class="user-footer">
            <div class="pull-left">
              <a href="#" class="btn btn-default btn-flat">Profile</a>
            </div>
            <div class="pull-right">
              <a href="#" class="btn btn-default btn-flat">Sign out</a>
            </div>
          </li>
        </ul>
      </li>
    </ul>
  </div>
</nav>



4. resources/view/partials/title.blade.php

<h1>
  Blank page
  <small>it all starts here</small>
</h1>
<ol class="breadcrumb">
  <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
  <li><a href="#">Examples</a></li>
  <li class="active">Blank page</li>
</ol>



5. resources/view/partials/sidebar.blade.php

<div class="user-panel">
  <div class="pull-left image">
    <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
  </div>
  <div class="pull-left info">
    <p>Alexander Pierce</p>
    <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
  </div>
</div>
<form action="#" method="get" class="sidebar-form">
  <div class="input-group">
    <input type="text" name="q" class="form-control" placeholder="Search...">
    <span class="input-group-btn">
      <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
      </button>
    </span>
  </div>
</form>
<ul class="sidebar-menu" data-widget="tree">
  <li class="header">MAIN NAVIGATION</li>
  <li class="treeview">
    <a href="#">
      <i class="fa fa-dashboard"></i> <span>Dashboard</span>
      <span class="pull-right-container">
        <i class="fa fa-angle-left pull-right"></i>
      </span>
    </a>
    <ul class="treeview-menu">
      <li><a href="../../index.html"><i class="fa fa-circle-o"></i> Dashboard v1</a></li>
      <li><a href="../../index2.html"><i class="fa fa-circle-o"></i> Dashboard v2</a></li>
    </ul>
  </li>
</ul>



6. resources/view/partials/master.blade.php

<!DOCTYPE html>
<html>
<head>
  @include('partials.head')
</head>
<body class="hold-transition skin-blue sidebar-mini">
  <div class="wrapper">
    <header class="main-header">
      @include('partials.header')
    </header>

    <aside class="main-sidebar">
      <section class="sidebar">
        @include('partials.sidebar')
      </section>
    </aside>

    <div class="content-wrapper">
      <section class="content-header">
        @include('partials.title')
      </section>

      <section class="content">
        @yield('content')
      </section>
    </div>

    <footer class="main-footer">
      <p>Suku Dinas Perhubungan Jakarta Timur &copy; <?php echo date("Y"); ?></p>
    </footer>
  </div>

  @include('partials.script')
</body>
</html>



7. routes/index.php ubah menjadi seperti:

Route::get('/', function () {
    return view('index');
});



8. resources/view/index.blade.php

@extends('partials.master')

@section('title')

@section('content')

<h2>Hello, You are using AdminLTE Template.</h2>

@endsection



9. resources/view/index.blade.php

|- routes/
|- resources/
   |- assets/
   |- lang/
   |- views/
      |- partials/
         |- head.blade.php
         |- header.blade.php
         |- master.blade.php
         |- script.blade.php
         |- sidebar.blade.php
         |- title.blade.php
      |- index.blade.php