1.2 Membuat Footer

Learn how to design and publish a custom website footer using the Royal Addons theme builder. This guide covers adding layout containers, social media links, Google Maps, and styling elements to create a professional footer for your site.

Aan Refarwan
193 steps
11 minutes

Smarttourismbantul

Google

Click "Royal Addons"

Click "Theme Builder"

Click "Footer"

Click "Create Template"

Click the "Enter Template Title" field.

Type "Smart Tourism Footer"

Click "Create Template"

Click "Add Conditions"

Click here.

Click "Save Conditions"

Click here.

Click "Container"

Type " [[left]] Footer [[Enter]]"

Click "Style"

Click here.

Click this button.

Click "color picker dialog"

Click this button.

Click "Footer Container"

Click here.

Click "Container"

Type "COntainer Atas [[Enter]]"

Click "Footer Container"

Click this icon.

Click "Divider"

Click "Style"

Click this button.

Click "color picker dialog"

Click this button.

Click here.

Click this icon.

Click here.

Click "Container"

Type " [[right]] Bawah [[Enter]]"

Click "COntainer Atas"

Click here.

Click "Container"

Type " [[right]] Logo [[Enter]]"

Click "COntainer Atas"

Click this icon.

Click "Container"

Type " [[right]] Maps [[Enter]]"

Click "COntainer Atas"

Click here.

Click "Container"

Type " [[Enter]]"

Click "Container"

Type " [[right]] Sosmed [[Enter]]"

Click "COntainer Atas"

Click here.

Click "Container Logo"

Click this icon.

Click here.

Click this image.

Click here.

Click "Upload files"

Click "Select Files"

Click "Select"

Click "Container Logo"

Click this icon.

Type "hea"

Click "Heading"

Click the "Title" field.

Press [[cmd]] + [[a]]

Type " [[Backspace]]"

Press [[cmd]] + [[v]]

Click "Style"

Click this button.

Click "color picker dialog"

Click this button.

Click here.

Click "Roboto"

Type "popp"

Click "Poppins"

Click this dropdown.

Click here.

Click "Container Maps"

Click this icon.

Click here.

Click the "Title" field.

Press [[cmd]] + [[a]]

Type " [[Backspace]] Google Maps :"

Click "Style"

Click this button.

Click "color selection area"

Click "Container Maps"

Click here.

Type "Googl"

Click "Google Maps"

Click the "Location" field.

Press [[cmd]] + [[a]]

Type " [[Backspace]] Basecamp Gunung Kembang Via Lengkong"

100

Click here.

101

Click "Container Sosmed"

102

Click this icon.

103

Click here.

104

Click the "Title" field.

105

Press [[cmd]] + [[a]]

106

Type " [[Backspace]] Ikuti Kami :"

107

Click "Style"

108

Click this button.

109

Click "color selection area"

110

Click "Container Sosmed"

111

Click this icon.

112

Click here.

113

Click "List Item #1"

114

Click the "Text" field.

115

Click the "Text" field.

116

Type " [[Backspace]] Instagram"

117

Click here.

118

Click the "Filter by name..." field.

119

Type "insta"

120

Click "Instagram"

121

Click "Insert"

122

Click the "Link" field.

123

Type "[https://instagram.com](https://instagram.com)"

124

Click "List Item #2"

125

Click the "Text" field.

126

Press [[cmd]] + [[a]]

127

Type "Tiktok"

128

Click here.

129

Click the "Filter by name..." field.

130

Type "tikto"

131

Click here.

132

Click "Insert"

133

Click the "Link" field.

134

Type "[https://tiktok.com](https://tiktok.com)"

135

Click "List Item #3"

136

Click the "Text" field.

137

Press [[cmd]] + [[a]]

138

Type " [[Backspace]] Twitter"

139

Click here.

140

Click the "Filter by name..." field.

141

Type "x"

142

Click here.

143

Click "Insert"

144

Click the "Link" field.

145

Type "[https://x.com](https://x.com)"

146

Click "Add Item"

147

Click the "Text" field.

148

Press [[cmd]] + [[a]]

149

Type " [[Backspace]] WhatsApp Admin"

150

Click here.

151

Click the "Filter by name..." field.

152

Type "wha"

153

Click here.

154

Click "Insert"

155

Click the "Link" field.

156

Type "[https://wa.me/6281234567890](https://wa.me/6281234567890)"

157

Click "Style"

158

Click here.

159

Click this button.

160

Click "color picker dialog"

161

Click here.

162

Click here.

163

Click here.

164

Click this button.

165

Click "color picker dialog"

166

Click this button.

167

Click here.

168

Click "Roboto"

169

Type "popp"

170

Click "Poppins"

171

Click here.

172

Click here.

173

Click here.

174

Click "Container Bawah"

175

Click this icon.

176

Click here.

177

Click the "Title" field.

178

Press [[cmd]] + [[a]]

179

Type " [[Backspace]] © Gunung Kembang Via Lengkong"

180

Click "Style"

181

Click here.

182

Click here.

183

Click "Roboto"

184

Type "popp"

185

Click "Poppins"

186

Click here.

187

Select the "400 (Normal)" option.

188

Click here.

189

Click this button.

190

Click "color selection area"

191

Click this icon.

192

Click this icon.

193

Click "Publish"

1.2 Membuat Footer

Aan Refarwan
193 steps
11 minutes

Smarttourismbantul

Google

Click "Royal Addons"

Click "Theme Builder"

Click "Footer"

Click "Create Template"

Click the "Enter Template Title" field.

Type "Smart Tourism Footer"

Click "Create Template"

Click "Add Conditions"

Click here.

Click "Save Conditions"

Click here.

Click "Container"

Type " [[left]] Footer [[Enter]]"

Click "Style"

Click here.

Click this button.

Click "color picker dialog"

Click this button.

Click "Footer Container"

Click here.

Click "Container"

Type "COntainer Atas [[Enter]]"

Click "Footer Container"

Click this icon.

Click "Divider"

Click "Style"

Click this button.

Click "color picker dialog"

Click this button.

Click here.

Click this icon.

Click here.

Click "Container"

Type " [[right]] Bawah [[Enter]]"

Click "COntainer Atas"

Click here.

Click "Container"

Type " [[right]] Logo [[Enter]]"

Click "COntainer Atas"

Click this icon.

Click "Container"

Type " [[right]] Maps [[Enter]]"

Click "COntainer Atas"

Click here.

Click "Container"

Type " [[Enter]]"

Click "Container"

Type " [[right]] Sosmed [[Enter]]"

Click "COntainer Atas"

Click here.

Click "Container Logo"

Click this icon.

Click here.

Click this image.

Click here.

Click "Upload files"

Click "Select Files"

Click "Select"

Click "Container Logo"

Click this icon.

Type "hea"

Click "Heading"

Click the "Title" field.

Press [[cmd]] + [[a]]

Type " [[Backspace]]"

Press [[cmd]] + [[v]]

Click "Style"

Click this button.

Click "color picker dialog"

Click this button.

Click here.

Click "Roboto"

Type "popp"

Click "Poppins"

Click this dropdown.

Click here.

Click "Container Maps"

Click this icon.

Click here.

Click the "Title" field.

Press [[cmd]] + [[a]]

Type " [[Backspace]] Google Maps :"

Click "Style"

Click this button.

Click "color selection area"

Click "Container Maps"

Click here.

Type "Googl"

Click "Google Maps"

Click the "Location" field.

Press [[cmd]] + [[a]]

Type " [[Backspace]] Basecamp Gunung Kembang Via Lengkong"

100

Click here.

101

Click "Container Sosmed"

102

Click this icon.

103

Click here.

104

Click the "Title" field.

105

Press [[cmd]] + [[a]]

106

Type " [[Backspace]] Ikuti Kami :"

107

Click "Style"

108

Click this button.

109

Click "color selection area"

110

Click "Container Sosmed"

111

Click this icon.

112

Click here.

113

Click "List Item #1"

114

Click the "Text" field.

115

Click the "Text" field.

116

Type " [[Backspace]] Instagram"

117

Click here.

118

Click the "Filter by name..." field.

119

Type "insta"

120

Click "Instagram"

121

Click "Insert"

122

Click the "Link" field.

123

Type "[https://instagram.com](https://instagram.com)"

124

Click "List Item #2"

125

Click the "Text" field.

126

Press [[cmd]] + [[a]]

127

Type "Tiktok"

128

Click here.

129

Click the "Filter by name..." field.

130

Type "tikto"

131

Click here.

132

Click "Insert"

133

Click the "Link" field.

134

Type "[https://tiktok.com](https://tiktok.com)"

135

Click "List Item #3"

136

Click the "Text" field.

137

Press [[cmd]] + [[a]]

138

Type " [[Backspace]] Twitter"

139

Click here.

140

Click the "Filter by name..." field.

141

Type "x"

142

Click here.

143

Click "Insert"

144

Click the "Link" field.

145

Type "[https://x.com](https://x.com)"

146

Click "Add Item"

147

Click the "Text" field.

148

Press [[cmd]] + [[a]]

149

Type " [[Backspace]] WhatsApp Admin"

150

Click here.

151

Click the "Filter by name..." field.

152

Type "wha"

153

Click here.

154

Click "Insert"

155

Click the "Link" field.

156

Type "[https://wa.me/6281234567890](https://wa.me/6281234567890)"

157

Click "Style"

158

Click here.

159

Click this button.

160

Click "color picker dialog"

161

Click here.

162

Click here.

163

Click here.

164

Click this button.

165

Click "color picker dialog"

166

Click this button.

167

Click here.

168

Click "Roboto"

169

Type "popp"

170

Click "Poppins"

171

Click here.

172

Click here.

173

Click here.

174

Click "Container Bawah"

175

Click this icon.

176

Click here.

177

Click the "Title" field.

178

Press [[cmd]] + [[a]]

179

180

Click "Style"

181

Click here.

182

Click here.

183

Click "Roboto"

184

Type "popp"

185

Click "Poppins"

186

Click here.

187

Select the "400 (Normal)" option.

188

Click here.

189

Click this button.

190

Click "color selection area"

191

Click this icon.

192

Click this icon.

193

Click "Publish"