1
00:00:00,300 --> 00:00:01,950
Hello, friend, welcome back.

2
00:00:02,280 --> 00:00:08,550
In a previous video, we successfully insert our blog post, so that is our title, the blog titled

3
00:00:08,550 --> 00:00:10,510
Blog Content and the blog Kimmet.

4
00:00:10,830 --> 00:00:14,360
So now I want to do want the visibility in our homes into the home media.

5
00:00:14,370 --> 00:00:19,080
Obviously, I have already displayed the title and published it.

6
00:00:19,080 --> 00:00:22,760
Right now I want to visible that contain and the images.

7
00:00:22,770 --> 00:00:26,340
So here we successfully insert all the data in our database.

8
00:00:26,340 --> 00:00:28,790
Right now we read these data and visibility.

9
00:00:28,800 --> 00:00:29,080
Right.

10
00:00:29,400 --> 00:00:31,680
So that is in our blog, MySpace.

11
00:00:31,720 --> 00:00:33,780
So now, first of all, go to our blog list.

12
00:00:34,140 --> 00:00:36,470
So there is our blog is not a stable template.

13
00:00:36,840 --> 00:00:38,940
So here I don't want to design it.

14
00:00:39,000 --> 00:00:43,780
So previously I have designed that our blog title and I published it.

15
00:00:44,160 --> 00:00:49,830
So now, first of all, I take one of the bootstrap, one of the class, I take one of the Dave and

16
00:00:49,830 --> 00:00:53,870
I just put that class as a rule to step into the role area.

17
00:00:53,880 --> 00:00:55,270
They have the 12 column.

18
00:00:55,290 --> 00:00:58,350
So now I have to do and actually segment it so better.

19
00:00:58,350 --> 00:01:03,480
I want to take another Dave and I just put that as a column called s.M.

20
00:01:03,690 --> 00:01:09,690
That means that I want to segment with the four column and then there is our eight column.

21
00:01:09,720 --> 00:01:11,730
OK, so just copy it.

22
00:01:11,730 --> 00:01:13,500
And now I have to take another column.

23
00:01:13,500 --> 00:01:15,870
Our call this column will be as the eight.

24
00:01:16,560 --> 00:01:19,280
That means in total it will be as a 12 column.

25
00:01:19,740 --> 00:01:24,960
So in order for column area here, I want to download our e-mail system to load that image.

26
00:01:24,960 --> 00:01:33,180
First of all, we have to add our image tag and then in our SAAC to associates will be as a media right

27
00:01:33,180 --> 00:01:34,080
into the media.

28
00:01:34,080 --> 00:01:41,190
And then here I have already loaded our for loop and I want it displayed with our D block.

29
00:01:41,600 --> 00:01:49,080
So with this blog, I want to display our filename for if you go to a model, it is the model or filename

30
00:01:49,080 --> 00:01:50,130
as a blog image.

31
00:01:50,160 --> 00:01:52,140
So now I want to do all the visibility.

32
00:01:52,290 --> 00:01:57,000
That will be our blog image and also here, if I want to add all the tag.

33
00:01:57,120 --> 00:01:58,890
So that will be our blog title.

34
00:01:59,430 --> 00:02:04,350
But I want to do want to add that our blog title and also here, if you want to add the title, you

35
00:02:04,350 --> 00:02:05,100
can add it.

36
00:02:06,000 --> 00:02:11,810
I'm named as a sorry title and title will be our symbol.

37
00:02:12,060 --> 00:02:15,110
Our blog title, Blockheaded will be our title.

38
00:02:15,750 --> 00:02:23,970
I added it and now if you click as save all and now if you go and homepage, refresh it.

39
00:02:24,240 --> 00:02:28,070
Yes, you can see our all that blog image is visible.

40
00:02:28,470 --> 00:02:34,710
So now I to the on the some of the limitation here on the board that as a result the wide better.

41
00:02:34,920 --> 00:02:40,100
After this, after this I want to put another wide and wide.

42
00:02:40,110 --> 00:02:42,330
I want to make that as a hundred percent.

43
00:02:42,840 --> 00:02:49,890
That means shall we get our total lesson for I make it as a hundred percent wide click and save all

44
00:02:50,580 --> 00:02:52,040
and now refresh it.

45
00:02:52,140 --> 00:02:52,530
Yeah.

46
00:02:52,560 --> 00:02:53,510
Because it's perfect.

47
00:02:53,520 --> 00:02:58,470
So that is a clever call for so long in particular called Atria on display.

48
00:02:58,470 --> 00:02:59,550
Our description.

49
00:03:00,180 --> 00:03:06,680
That means here that is our call it so here I want to do on the display our call and our description.

50
00:03:06,690 --> 00:03:14,910
So I put on the PAETEC and then which will be just like the same because right now we are already into

51
00:03:14,910 --> 00:03:15,750
the for loop.

52
00:03:15,870 --> 00:03:18,880
So the the follow up on the visible lead with our blog.

53
00:03:19,350 --> 00:03:21,910
So with this blog, want to display our filename.

54
00:03:22,410 --> 00:03:28,080
So for the blog content, that is our blog content that I want to do and to add our blog content.

55
00:03:28,120 --> 00:03:34,560
So now if you click on this Savol and now if you refresh it, yes.

56
00:03:34,560 --> 00:03:37,920
You can see so perfectly getting all that our blog content.

57
00:03:38,310 --> 00:03:40,590
But here you can see they have no break.

58
00:03:40,590 --> 00:03:42,570
There is no line break in particular.

59
00:03:42,570 --> 00:03:46,490
That area so new are from here we actually copy.

60
00:03:46,540 --> 00:03:52,040
So they have some of these spaces, but in our site it consists of probably one paragraph.

61
00:03:52,050 --> 00:03:58,020
So if you want to make that as a line break, they have also one of the filter in Django that is a building

62
00:03:58,020 --> 00:03:59,520
filter as a line breaks.

63
00:03:59,910 --> 00:04:01,440
So I want to do and apply it.

64
00:04:01,770 --> 00:04:07,670
That means here after that, I want to try to use all the filter if you want to use it with the pipeline,

65
00:04:07,680 --> 00:04:12,390
they have the line breaks, line break, OK, line break.

66
00:04:12,400 --> 00:04:17,850
So that is one of the filter command if you use it to save all.

67
00:04:18,120 --> 00:04:21,180
And now if you refresh it, yes.

68
00:04:21,180 --> 00:04:22,720
You can see it's now appropriate.

69
00:04:22,740 --> 00:04:25,730
So whatever the things will copy from here.

70
00:04:25,740 --> 00:04:27,780
So everything is now just like that.

71
00:04:28,200 --> 00:04:28,600
Right.

72
00:04:28,620 --> 00:04:30,170
So it's not perfectly visible.

73
00:04:30,480 --> 00:04:35,160
And also after that that means here I want to do all the visible our autonomy name.

74
00:04:35,730 --> 00:04:36,760
So whatever you want.

75
00:04:36,780 --> 00:04:41,580
Right now, all the data in our database, I have already discussed about the things we do.

76
00:04:41,580 --> 00:04:41,960
Right.

77
00:04:41,970 --> 00:04:44,510
So we have already checked it in our database.

78
00:04:44,520 --> 00:04:45,780
Everything is on here.

79
00:04:46,110 --> 00:04:54,690
So take as a six pack and then maybe to the posted by, posted by, posted by our auto name.

80
00:04:54,690 --> 00:04:59,580
I put better one of the ahead if and here I want to do and the load.

81
00:04:59,670 --> 00:05:06,300
It with our blog and with this blog, our auto name feel, if you go to our model, that will be our

82
00:05:06,300 --> 00:05:10,350
auto right I copied and now here I posted it.

83
00:05:10,650 --> 00:05:11,960
So now let's check this out.

84
00:05:11,970 --> 00:05:17,340
If you click on this table and now if you refresh it, yes.

85
00:05:17,340 --> 00:05:20,120
You can see showing as posted by the test.

86
00:05:20,490 --> 00:05:24,880
So this blog is created by the test that the test user.

87
00:05:25,620 --> 00:05:30,010
There is also created by the test user and that is also created by the test user.

88
00:05:30,120 --> 00:05:30,590
Right.

89
00:05:30,610 --> 00:05:32,100
So everything is perfect.

90
00:05:32,270 --> 00:05:33,900
And that is our title.

91
00:05:33,900 --> 00:05:36,480
And that is our published Did Better in the published.

92
00:05:36,480 --> 00:05:40,760
Did I want to make that as a one of the italic order?

93
00:05:40,770 --> 00:05:50,620
That means I take on the right track and here and do and put our published the picture published.

94
00:05:50,620 --> 00:05:54,040
Did you get to save all then.

95
00:05:54,090 --> 00:05:54,650
Should be a little.

96
00:05:54,690 --> 00:05:55,320
We look at it.

97
00:05:55,930 --> 00:05:56,280
Yeah.

98
00:05:56,480 --> 00:05:57,650
You know italic order.

99
00:05:57,840 --> 00:06:03,320
So here I don't want to actually display our total paragraph that the portable description here.

100
00:06:03,330 --> 00:06:04,910
I want to put some of the limitation.

101
00:06:04,920 --> 00:06:07,690
That means I want to pull some of the limitation for the character.

102
00:06:08,040 --> 00:06:13,320
So if you want to add this step up on the limitation, then you have to do this work with using that

103
00:06:13,320 --> 00:06:13,850
filter.

104
00:06:13,860 --> 00:06:16,820
So we have to do we have to create another custom filter.

105
00:06:16,830 --> 00:06:19,110
Right now, they have no building filter like that.

106
00:06:19,410 --> 00:06:22,490
So we have to create all the custom filters in fundamental.

107
00:06:22,500 --> 00:06:26,410
I have already discussed some of the things we do, how we can create that custom filter.

108
00:06:26,760 --> 00:06:28,840
So right now we will do these things again.

109
00:06:28,910 --> 00:06:34,050
OK, so for doing this, I want to do to create one of the custom filter for our block.

110
00:06:34,050 --> 00:06:36,900
That means our block cinder block area.

111
00:06:36,900 --> 00:06:41,880
If you want to create that on the custom filter, you have to do have to create the filter folder.

112
00:06:41,880 --> 00:06:46,020
I name it as a template, OK.

113
00:06:46,170 --> 00:06:47,870
It will be as a template stacks.

114
00:06:47,880 --> 00:06:53,040
I created one of the folder as a template stacks and the template tax idea you have to do.

115
00:06:53,040 --> 00:06:56,880
First of all, you have to create one of the unit file that that means the initialized file.

116
00:06:56,910 --> 00:07:05,220
So here we have two added, I name it as a unit I and I t I need and then double on the line and then

117
00:07:05,220 --> 00:07:05,910
dot file.

118
00:07:06,510 --> 00:07:09,960
So here I created one of the file as a unit.

119
00:07:10,200 --> 00:07:11,880
So here we don't need to do anything.

120
00:07:12,300 --> 00:07:14,850
I just simply will make sure you get it.

121
00:07:14,850 --> 00:07:19,900
And then I want to do on to create or fill that that is our custom filter file because a new file and

122
00:07:19,900 --> 00:07:28,060
I just name it as a custom custom underscore filters, filters, dot five.

123
00:07:28,170 --> 00:07:30,990
So this step up on the page I want to create.

124
00:07:31,000 --> 00:07:33,870
So that will be our file as a custom filter.

125
00:07:34,260 --> 00:07:35,400
So do the custom filter.

126
00:07:35,400 --> 00:07:36,690
What exactly you have to do.

127
00:07:36,690 --> 00:07:39,540
First of all, we have to do we have to import our template.

128
00:07:39,540 --> 00:07:39,860
Right.

129
00:07:39,870 --> 00:07:48,720
So from and then Django from the Django, you have to import our template and name it as a template.

130
00:07:49,170 --> 00:07:53,070
And then also we have to do we have to register it in our library area.

131
00:07:53,080 --> 00:07:57,900
So I make that as a register in fundamental.

132
00:07:57,900 --> 00:08:00,200
I have already discussed about that things with do friends.

133
00:08:00,200 --> 00:08:03,450
So I have to do I have to register our D template.

134
00:08:03,750 --> 00:08:07,320
That means our D template in our lives.

135
00:08:07,590 --> 00:08:09,480
That means into the jungle library here.

136
00:08:09,480 --> 00:08:10,590
We have to register it.

137
00:08:10,600 --> 00:08:14,840
So now I make it as a library, Lavie.

138
00:08:14,880 --> 00:08:20,820
I make this library as a registered and then I want to do and to create the function and to create the

139
00:08:20,820 --> 00:08:21,240
function.

140
00:08:21,240 --> 00:08:22,560
I just name it as a range.

141
00:08:23,250 --> 00:08:26,520
OK, range, underscore filter.

142
00:08:27,450 --> 00:08:32,940
I name it as a filter and the filter area we have to do have to pass one of the parameters of value.

143
00:08:33,390 --> 00:08:39,450
I name it as a value and then I want to do I want to return it, I want to return the value.

144
00:08:40,160 --> 00:08:46,910
OK, this value and what this value area here will be passed to argument will be from what exactly it

145
00:08:46,920 --> 00:08:51,960
will be stated and how many characters you said, OK, so I want to do all this started from the zero

146
00:08:52,230 --> 00:08:55,500
and I want to make that as a six hundred character.

147
00:08:55,590 --> 00:09:02,790
OK, that means from to the index it will be counting our six hundred character then this is the only

148
00:09:02,790 --> 00:09:04,200
character and the visible.

149
00:09:04,380 --> 00:09:10,890
OK, so I make that as a six that and after that if you want to make as a like coin it will be as a

150
00:09:10,890 --> 00:09:14,400
finished then if you want to show some of the dot dot you can also display.

151
00:09:14,730 --> 00:09:17,880
So I make it as a plus and plus.

152
00:09:17,880 --> 00:09:24,270
I don't want to make some of the extreme value as a dot dot will be displayed three or four dot the

153
00:09:24,310 --> 00:09:27,270
step up on the dot dot automatically should be added.

154
00:09:27,270 --> 00:09:34,500
OK, and then I have to do I have to also register or filter to our this arrange filter here.

155
00:09:34,500 --> 00:09:36,210
We have to register it now.

156
00:09:36,210 --> 00:09:44,430
I just make that with the register, ok, with the register and then filter and this filter will be

157
00:09:44,430 --> 00:09:45,120
our key.

158
00:09:45,120 --> 00:09:49,230
Our key will be our function name as a branch.

159
00:09:49,650 --> 00:09:50,940
That means a range filter.

160
00:09:51,210 --> 00:09:54,580
And here also I have to do have to pass it.

161
00:09:54,660 --> 00:09:59,430
So now we have to do we have to add it, we have to added in our block list pastry to the.

162
00:09:59,620 --> 00:10:03,380
Our biggest area in our block content, I want to add this filter, right.

163
00:10:03,700 --> 00:10:06,380
So, first of all, here we have to do we have to load it.

164
00:10:06,850 --> 00:10:15,280
That means here I want to do I want to load our disgusting filter that is a load and load our cost or

165
00:10:15,280 --> 00:10:17,550
filter filename as a custom filter.

166
00:10:18,370 --> 00:10:18,720
Right.

167
00:10:18,730 --> 00:10:24,160
That will be as a custom custom underscore filter filter.

168
00:10:24,170 --> 00:10:25,390
So that is a file.

169
00:10:25,420 --> 00:10:29,890
So that is our custom and then our filters to make sure spelling is correct.

170
00:10:30,320 --> 00:10:31,900
So that is our custom filter.

171
00:10:31,930 --> 00:10:32,290
Perfect.

172
00:10:32,320 --> 00:10:35,130
So first of all, here you have to load your custom filter.

173
00:10:35,140 --> 00:10:36,590
That means custom filter file.

174
00:10:36,610 --> 00:10:43,210
I simply load it and then I want to do I want to add this filter that means into the custom filter area.

175
00:10:43,210 --> 00:10:49,440
I have created our our function name as a wrench filter.

176
00:10:49,900 --> 00:10:54,460
So now that is will be our custom built around one to pass it in our block container.

177
00:10:54,910 --> 00:10:56,300
So here I pass it.

178
00:10:56,320 --> 00:10:56,690
OK.

179
00:10:56,710 --> 00:11:00,090
And then there is another default one as a line break.

180
00:11:00,120 --> 00:11:02,510
So I added our custom filter on here.

181
00:11:02,890 --> 00:11:04,050
So now let's check this out.

182
00:11:04,060 --> 00:11:07,470
If you click on Save All, first of all, I want to check it.

183
00:11:08,050 --> 00:11:12,910
So here, friend one things like when you actually created one of the custom filter, after that, you

184
00:11:12,910 --> 00:11:17,260
have to run your server again when you run your server automatically to be created.

185
00:11:17,260 --> 00:11:23,770
One of the bikers file on here, but I show you like a stream will be let me close it.

186
00:11:24,280 --> 00:11:25,950
I also close it.

187
00:11:25,960 --> 00:11:27,010
I don't need this.

188
00:11:27,010 --> 00:11:33,910
I open all of the new terminal and now I run or sidebar with the pie and then Mannerist sorry.

189
00:11:34,030 --> 00:11:41,070
And the man is by and then run server enter.

190
00:11:43,890 --> 00:11:49,530
Now you can see it's not created on the gas so that the bikers folder automatically created because

191
00:11:49,560 --> 00:11:51,220
the NRA is totally running.

192
00:11:51,540 --> 00:11:57,870
So now if you go to our page and now if you click the refresh, yes, you can see friend is perfectly

193
00:11:57,870 --> 00:12:00,700
getting our zero to 600 character.

194
00:12:00,870 --> 00:12:04,610
And after that character, you can see there is a cloud dot, dot that trend.

195
00:12:05,010 --> 00:12:07,760
So that is our custom filter is not perfectly working.

196
00:12:08,040 --> 00:12:15,220
So better on want to make that as a 500 like 500 character and plus our dot dot clickers.

197
00:12:15,480 --> 00:12:18,780
Save all and refresh it.

198
00:12:20,130 --> 00:12:23,580
Yeah, you can see now 500 character and then our dot dot.

199
00:12:24,210 --> 00:12:32,580
So we successfully display all that our posts right now, if you want to add new one I like here, I

200
00:12:32,580 --> 00:12:35,100
want to do want to take another one better.

201
00:12:35,100 --> 00:12:45,540
I copy it and this will be as our title and then some of the description I copied and pasted on here

202
00:12:45,540 --> 00:12:47,840
and it puts on the block images.

203
00:12:48,360 --> 00:12:52,980
So now I choose this one as a published.

204
00:12:53,810 --> 00:12:54,180
Yeah.

205
00:12:54,180 --> 00:12:55,500
You can see it's perfectly.

206
00:12:55,800 --> 00:13:03,060
And so our last post in the fast so that the title there is images that are published time and that

207
00:13:03,060 --> 00:13:08,040
is our description and posted by which user is also perfectly visible.

208
00:13:08,160 --> 00:13:08,570
Right.

209
00:13:08,610 --> 00:13:12,210
So now I want to do here I want to put on the link as I read more.

210
00:13:12,210 --> 00:13:16,920
So when you click the read more than it should be elected to our post detail space, that means this

211
00:13:16,920 --> 00:13:20,250
blog retail space and the blocked retail space area.

212
00:13:20,260 --> 00:13:22,950
I also want to do want to add on of the comments section.

213
00:13:23,040 --> 00:13:24,150
How can do that work?

214
00:13:24,420 --> 00:13:27,860
In our next video, I will show that things with a live example.

215
00:13:28,410 --> 00:13:31,770
So thanks for watching and I will see you in the next video.